@charset "utf-8";
/* 迪士尼风格影视视频网站模板 - 小旋风蜘蛛池 */

/* ==================== 重置样式 ==================== */
*{margin:0;padding:0;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img{border:0;}
ol,ul,li{list-style:none;}
a{color:#4a3f6b;text-decoration:none;transition:all 0.3s;}
a:hover{color:#9b6dff;}
img{max-width:100%;height:auto;vertical-align:middle;}
.FL{float:left;}
.FR{float:right;}
.clear{clear:both;}

/* ==================== 迪士尼配色变量 ==================== */
:root{
    --disney-blue:#1a1a4e;
    --disney-purple:#4a3f8c;
    --disney-magic:#9b6dff;
    --disney-gold:#ffd700;
    --disney-pink:#ff6b9d;
    --disney-light:#e8e0ff;
    --disney-star:#fff8dc;
    --disney-gradient:linear-gradient(135deg,#1a1a4e 0%,#4a3f8c 50%,#6b5b95 100%);
    --disney-card-gradient:linear-gradient(180deg,rgba(75,63,140,0.1) 0%,rgba(155,109,255,0.1) 100%);
    --magic-glow:0 0 20px rgba(155,109,255,0.5);
    --gold-glow:0 0 15px rgba(255,215,0,0.6);
}

/* ==================== 基础样式 ==================== */
body{
    font-size:14px;
    font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
    color:#333;
    background:linear-gradient(180deg,#0d0d2b 0%,#1a1a4e 50%,#2d2d6b 100%);
    background-attachment:fixed;
    line-height:1.6;
    min-height:100vh;
    position:relative;
    overflow-x:hidden;
}

/* 星星背景动画 */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:
        radial-gradient(2px 2px at 20px 30px,#fff,transparent),
        radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,0.8),transparent),
        radial-gradient(1px 1px at 90px 40px,#fff,transparent),
        radial-gradient(2px 2px at 130px 80px,rgba(255,215,0,0.8),transparent),
        radial-gradient(1px 1px at 160px 120px,#fff,transparent),
        radial-gradient(2px 2px at 200px 50px,rgba(155,109,255,0.8),transparent),
        radial-gradient(1px 1px at 250px 160px,#fff,transparent),
        radial-gradient(2px 2px at 300px 90px,rgba(255,215,0,0.6),transparent),
        radial-gradient(1px 1px at 350px 200px,#fff,transparent),
        radial-gradient(2px 2px at 400px 130px,rgba(155,109,255,0.6),transparent);
    background-size:400px 300px;
    animation:twinkle 8s ease-in-out infinite;
    pointer-events:none;
    z-index:0;
}

@keyframes twinkle{
    0%,100%{opacity:0.8;}
    50%{opacity:1;}
}

/* ==================== 头部样式 ==================== */
.site-header{
    background:linear-gradient(180deg,rgba(26,26,78,0.98) 0%,rgba(74,63,140,0.95) 100%);
    border-bottom:2px solid var(--disney-gold);
    padding:15px 0;
    position:relative;
    z-index:100;
    box-shadow:0 4px 30px rgba(155,109,255,0.3);
}
.header-inner{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}
.logo{padding:5px 0;}
.logo img{
    height:55px;
    width:auto;
    filter:drop-shadow(0 0 10px rgba(255,215,0,0.5));
}
.search{margin-top:8px;}
.search-input{
    width:240px;
    height:40px;
    padding:0 18px;
    border:2px solid var(--disney-gold);
    border-radius:25px 0 0 25px;
    outline:none;
    font-size:14px;
    background:rgba(255,255,255,0.95);
    color:#333;
}
.search-input:focus{
    border-color:var(--disney-magic);
    box-shadow:var(--magic-glow);
}
.search-input::placeholder{color:#999;}
.search-btn{
    height:40px;
    padding:0 25px;
    background:linear-gradient(135deg,var(--disney-gold) 0%,#ffed4a 100%);
    color:#1a1a4e;
    border:none;
    border-radius:0 25px 25px 0;
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    transition:all 0.3s;
}
.search-btn:hover{
    background:linear-gradient(135deg,#ffed4a 0%,var(--disney-gold) 100%);
    box-shadow:var(--gold-glow);
    transform:scale(1.02);
}

/* ==================== 导航样式 ==================== */
.main-nav{
    background:linear-gradient(90deg,var(--disney-purple) 0%,var(--disney-magic) 50%,var(--disney-purple) 100%);
    height:52px;
    line-height:52px;
    position:relative;
    z-index:99;
    box-shadow:0 2px 20px rgba(155,109,255,0.4);
}
.nav-inner{
    width:1200px;
    margin:0 auto;
    text-align:center;
}
.nav-item{
    display:inline-block;
    padding:0 25px;
    color:#fff;
    font-size:15px;
    font-weight:500;
    transition:all 0.3s;
    position:relative;
}
.nav-item::after{
    content:"✦";
    position:absolute;
    right:-5px;
    top:50%;
    transform:translateY(-50%);
    font-size:8px;
    color:var(--disney-gold);
    opacity:0.6;
}
.nav-item:last-child::after{display:none;}
.nav-item:hover{
    color:var(--disney-gold);
    text-shadow:0 0 10px rgba(255,215,0,0.8);
}
.sub-nav{
    background:rgba(26,26,78,0.95);
    border-bottom:1px solid rgba(155,109,255,0.3);
    height:42px;
    line-height:42px;
    position:relative;
    z-index:98;
}
.sub-nav .nav-inner{overflow:hidden;text-align:left;}
.sub-nav .nav-label{color:var(--disney-gold);margin-right:15px;font-size:13px;}
.sub-nav a{
    display:inline-block;
    padding:0 15px;
    color:rgba(255,255,255,0.8);
    font-size:13px;
}
.sub-nav a:hover{color:var(--disney-gold);}

/* ==================== 主体布局 ==================== */
.main-content{
    width:1200px;
    margin:25px auto;
    min-height:600px;
    position:relative;
    z-index:10;
}
.content-wrap{overflow:hidden;}
.main-left{width:880px;}
.sidebar{width:300px;}

/* ==================== 面包屑导航 ==================== */
.breadcrumb{
    background:rgba(255,255,255,0.95);
    padding:14px 22px;
    margin-bottom:20px;
    border-radius:30px;
    font-size:13px;
    box-shadow:0 4px 20px rgba(155,109,255,0.15);
    border:1px solid rgba(155,109,255,0.2);
}
.breadcrumb a{color:var(--disney-purple);}
.breadcrumb a:hover{color:var(--disney-magic);}
.breadcrumb .sep{color:var(--disney-gold);margin:0 10px;}
.breadcrumb .current{color:#666;}

/* ==================== 网站介绍 ==================== */
.site-intro{
    background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(232,224,255,0.95) 100%);
    padding:30px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.2);
    border:2px solid rgba(155,109,255,0.2);
    position:relative;
    overflow:hidden;
}
.site-intro::before{
    content:"✨";
    position:absolute;
    top:15px;
    right:20px;
    font-size:30px;
    opacity:0.6;
    animation:sparkle 2s ease-in-out infinite;
}
@keyframes sparkle{
    0%,100%{transform:scale(1) rotate(0deg);opacity:0.6;}
    50%{transform:scale(1.2) rotate(15deg);opacity:1;}
}
.site-intro h1{
    font-size:26px;
    color:var(--disney-purple);
    margin-bottom:18px;
    font-weight:700;
    display:flex;
    align-items:center;
}
.site-intro h1::before{
    content:"🏰";
    margin-right:12px;
    font-size:28px;
}
.site-intro .intro-text{
    color:#555;
    line-height:2;
    text-indent:2em;
}

/* ==================== 分类介绍 ==================== */
.category-intro{
    background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(232,224,255,0.95) 100%);
    padding:28px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.2);
    border:2px solid rgba(155,109,255,0.2);
}
.category-intro h1{
    font-size:24px;
    color:var(--disney-purple);
    margin-bottom:15px;
    font-weight:700;
}
.category-intro h2{
    font-size:16px;
    color:var(--disney-magic);
    margin-bottom:12px;
}
.category-intro p{
    color:#555;
    line-height:1.9;
}

/* ==================== 区块样式 ==================== */
.video-section{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:25px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.15);
    border:2px solid rgba(155,109,255,0.15);
}
.section-header{
    border-bottom:3px solid transparent;
    border-image:linear-gradient(90deg,var(--disney-gold),var(--disney-magic),var(--disney-gold)) 1;
    padding-bottom:15px;
    margin-bottom:22px;
    overflow:hidden;
}
.section-header h2{
    float:left;
    font-size:20px;
    font-weight:700;
    color:var(--disney-purple);
    display:flex;
    align-items:center;
}
.section-header h2::before{
    content:"⭐";
    margin-right:10px;
    font-size:18px;
}
.section-header .more-link{
    float:right;
    font-size:13px;
    color:var(--disney-magic);
    padding:6px 18px;
    background:rgba(155,109,255,0.1);
    border-radius:20px;
    transition:all 0.3s;
}
.section-header .more-link:hover{
    background:var(--disney-magic);
    color:#fff;
    box-shadow:var(--magic-glow);
}

/* ==================== 视频卡片样式 ==================== */
.video-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}
.video-grid-list{
    grid-template-columns:repeat(5,1fr);
}
.video-card{
    background:linear-gradient(180deg,#fff 0%,#f8f5ff 100%);
    border-radius:16px;
    overflow:hidden;
    transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
    box-shadow:0 4px 15px rgba(74,63,140,0.15);
    border:2px solid rgba(155,109,255,0.1);
    position:relative;
}
.video-card::before{
    content:"";
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:linear-gradient(45deg,transparent,rgba(255,215,0,0.1),transparent);
    transform:rotate(45deg);
    transition:all 0.6s;
    opacity:0;
    z-index:1;
}
.video-card:hover::before{
    opacity:1;
    animation:shine 0.6s ease-out;
}
@keyframes shine{
    0%{transform:rotate(45deg) translateX(-100%);}
    100%{transform:rotate(45deg) translateX(100%);}
}
.video-card:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:0 20px 40px rgba(155,109,255,0.3),var(--magic-glow);
    border-color:var(--disney-gold);
}
.video-link{display:block;color:#333;position:relative;z-index:2;}
.video-poster{
    position:relative;
    width:100%;
    padding-top:140%;
    overflow:hidden;
    background:linear-gradient(180deg,#e8e0ff 0%,#d4c8ff 100%);
}
.video-poster img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 0.5s ease;
}
.video-card:hover .video-poster img{
    transform:scale(1.1);
}

/* 魔法播放按钮 */
.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    width:70px;
    height:70px;
    margin:-35px 0 0 -35px;
    background:linear-gradient(135deg,var(--disney-gold) 0%,#ffed4a 100%);
    border-radius:50%;
    opacity:0;
    transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
    z-index:10;
    box-shadow:var(--gold-glow);
}
.play-btn:before{
    content:"";
    position:absolute;
    top:50%;
    left:55%;
    width:0;
    height:0;
    margin:-14px 0 0 -9px;
    border:14px solid transparent;
    border-left:20px solid var(--disney-purple);
}
.play-btn::after{
    content:"";
    position:absolute;
    top:-8px;
    left:-8px;
    right:-8px;
    bottom:-8px;
    border:3px solid var(--disney-gold);
    border-radius:50%;
    animation:pulse 1.5s ease-out infinite;
    opacity:0;
}
.video-card:hover .play-btn{
    opacity:1;
    transform:scale(1);
}
.video-card:hover .play-btn::after{
    opacity:1;
}
@keyframes pulse{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(1.4);opacity:0;}
}

/* 评分标签 - 魔法星星风格 */
.video-score{
    position:absolute;
    top:12px;
    right:12px;
    background:linear-gradient(135deg,var(--disney-gold) 0%,#ffed4a 100%);
    color:var(--disney-purple);
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
    z-index:5;
    box-shadow:var(--gold-glow);
}
.video-score small{
    font-size:9px;
    opacity:0.8;
    display:block;
    margin-top:2px;
}

/* 视频信息 */
.video-info{
    padding:14px;
    background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);
}
.video-title{
    font-size:14px;
    color:var(--disney-purple);
    margin-bottom:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:600;
}
.video-desc{
    font-size:12px;
    color:#777;
    line-height:1.6;
    height:38px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.video-meta{
    margin-top:10px;
    font-size:11px;
    color:var(--disney-magic);
}
.video-meta span{margin-right:12px;}

/* ==================== 分类导航 ==================== */
.category-section{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:25px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.15);
    border:2px solid rgba(155,109,255,0.15);
}
.category-grid{overflow:hidden;text-align:center;}
.category-item{
    display:inline-block;
    padding:10px 22px;
    margin:6px;
    background:linear-gradient(135deg,rgba(155,109,255,0.1) 0%,rgba(255,215,0,0.1) 100%);
    border-radius:25px;
    color:var(--disney-purple);
    font-size:13px;
    font-weight:500;
    transition:all 0.3s;
    border:2px solid transparent;
}
.category-item:hover{
    background:linear-gradient(135deg,var(--disney-magic) 0%,var(--disney-purple) 100%);
    color:#fff;
    border-color:var(--disney-gold);
    box-shadow:var(--magic-glow);
    transform:translateY(-3px);
}

/* ==================== 分页样式 ==================== */
.pagination{
    background:rgba(255,255,255,0.95);
    padding:22px;
    text-align:center;
    border-radius:20px;
    margin-bottom:25px;
    box-shadow:0 4px 20px rgba(155,109,255,0.15);
}
.pagination a{
    display:inline-block;
    padding:10px 18px;
    margin:0 5px;
    background:linear-gradient(135deg,rgba(155,109,255,0.1) 0%,rgba(255,215,0,0.1) 100%);
    border-radius:25px;
    color:var(--disney-purple);
    font-size:14px;
    font-weight:500;
    transition:all 0.3s;
}
.pagination a:hover{
    background:linear-gradient(135deg,var(--disney-magic) 0%,var(--disney-gold) 100%);
    color:#fff;
    box-shadow:var(--magic-glow);
    transform:translateY(-2px);
}

/* ==================== 侧边栏样式 ==================== */
.sidebar-box{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:20px;
    margin-bottom:22px;
    border-radius:20px;
    box-shadow:0 8px 25px rgba(155,109,255,0.15);
    border:2px solid rgba(155,109,255,0.1);
}
.sidebar-title{
    border-bottom:3px solid transparent;
    border-image:linear-gradient(90deg,var(--disney-gold),var(--disney-magic)) 1;
    padding-bottom:12px;
    margin-bottom:15px;
}
.sidebar-title span{
    font-size:17px;
    font-weight:700;
    color:var(--disney-purple);
    display:flex;
    align-items:center;
}
.sidebar-title span::before{
    content:"✨";
    margin-right:8px;
    font-size:16px;
}
.sidebar-list li{
    padding:11px 0;
    border-bottom:1px dashed rgba(155,109,255,0.2);
    overflow:hidden;
}
.sidebar-list li:last-child{border-bottom:none;}
.sidebar-list a{
    color:#555;
    font-size:13px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.3s;
}
.sidebar-list a:hover{
    color:var(--disney-magic);
    padding-left:8px;
}
.sidebar-list .hits{
    float:right;
    color:var(--disney-gold);
    font-size:12px;
    font-weight:600;
}
.sidebar-list.ranking li{position:relative;padding-left:32px;}
.sidebar-list .rank-num{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    background:linear-gradient(135deg,rgba(155,109,255,0.2) 0%,rgba(255,215,0,0.2) 100%);
    color:var(--disney-purple);
    font-size:12px;
    font-weight:600;
    border-radius:50%;
}
.sidebar-list li:nth-child(1) .rank-num{
    background:linear-gradient(135deg,var(--disney-gold) 0%,#ffed4a 100%);
    color:var(--disney-purple);
    box-shadow:var(--gold-glow);
}
.sidebar-list li:nth-child(2) .rank-num{
    background:linear-gradient(135deg,#c0c0c0 0%,#e8e8e8 100%);
    color:#555;
}
.sidebar-list li:nth-child(3) .rank-num{
    background:linear-gradient(135deg,#cd7f32 0%,#daa06d 100%);
    color:#fff;
}

/* 标签云 */
.tag-cloud{overflow:hidden;}
.tag-item{
    display:inline-block;
    padding:6px 14px;
    margin:4px;
    background:linear-gradient(135deg,rgba(155,109,255,0.1) 0%,rgba(255,215,0,0.1) 100%);
    border-radius:15px;
    color:var(--disney-purple);
    font-size:12px;
    transition:all 0.3s;
}
.tag-item:hover{
    background:linear-gradient(135deg,var(--disney-magic) 0%,var(--disney-gold) 100%);
    color:#fff;
    box-shadow:var(--magic-glow);
}

/* ==================== 视频详情页 ==================== */
.video-detail{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:30px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.2);
    border:2px solid rgba(155,109,255,0.15);
}
.detail-header{margin-bottom:28px;}
.detail-header h1{
    font-size:24px;
    color:var(--disney-purple);
    margin-bottom:18px;
    font-weight:700;
    line-height:1.5;
}
.detail-meta{
    color:#777;
    font-size:13px;
    padding-bottom:18px;
    border-bottom:2px dashed rgba(155,109,255,0.2);
}
.detail-meta span{margin-right:28px;}
.detail-meta a{color:var(--disney-magic);}

/* 视频播放区 */
.video-player-wrap{
    margin-bottom:28px;
    overflow:hidden;
}
.video-poster-box{
    float:left;
    width:400px;
    height:560px;
    position:relative;
    overflow:hidden;
    border-radius:16px;
    box-shadow:0 8px 30px rgba(74,63,140,0.25);
    border:3px solid var(--disney-gold);
}
.video-poster-box img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.play-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(180deg,rgba(26,26,78,0.3) 0%,rgba(74,63,140,0.6) 100%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.4s;
    cursor:pointer;
}
.video-poster-box:hover .play-overlay{opacity:1;}
.play-icon-large{
    width:90px;
    height:90px;
    background:linear-gradient(135deg,var(--disney-gold) 0%,#ffed4a 100%);
    border-radius:50%;
    position:relative;
    box-shadow:var(--gold-glow);
}
.play-icon-large:before{
    content:"";
    position:absolute;
    top:50%;
    left:55%;
    width:0;
    height:0;
    margin:-18px 0 0 -12px;
    border:18px solid transparent;
    border-left:28px solid var(--disney-purple);
}
.play-text{
    color:#fff;
    font-size:18px;
    margin-top:18px;
    text-shadow:0 2px 10px rgba(0,0,0,0.5);
    font-weight:600;
}
.video-info-box{
    float:left;
    margin-left:35px;
    width:400px;
}
.rating-box{
    text-align:center;
    padding:35px 25px;
    background:linear-gradient(135deg,rgba(255,215,0,0.15) 0%,rgba(155,109,255,0.15) 100%);
    border-radius:16px;
    margin-bottom:22px;
    border:2px solid rgba(255,215,0,0.3);
}
.rating-score{
    font-size:65px;
    color:var(--disney-gold);
    font-weight:800;
    text-shadow:0 4px 15px rgba(255,215,0,0.5);
}
.rating-text{
    font-size:26px;
    color:var(--disney-purple);
}
.rating-stars{
    color:var(--disney-gold);
    font-size:28px;
    margin:12px 0;
    text-shadow:var(--gold-glow);
}
.rating-source{
    color:#777;
    font-size:12px;
    margin-top:12px;
}
.video-tags{margin-top:22px;}
.video-tags .tag{
    display:inline-block;
    padding:10px 20px;
    margin:6px;
    background:linear-gradient(135deg,rgba(155,109,255,0.15) 0%,rgba(255,215,0,0.15) 100%);
    border-radius:25px;
    color:var(--disney-purple);
    font-size:13px;
    font-weight:500;
    transition:all 0.3s;
    border:2px solid transparent;
}
.video-tags .tag:hover{
    background:linear-gradient(135deg,var(--disney-magic) 0%,var(--disney-gold) 100%);
    color:#fff;
    border-color:var(--disney-gold);
    box-shadow:var(--magic-glow);
}

/* 视频内容 */
.video-content{margin-bottom:28px;}
.video-content h2{
    font-size:20px;
    color:var(--disney-purple);
    margin-bottom:18px;
    font-weight:700;
    display:flex;
    align-items:center;
}
.video-content h2::before{
    content:"📖";
    margin-right:10px;
    font-size:20px;
}
.content-body{
    line-height:2;
    color:#555;
}
.content-body p{
    margin-bottom:16px;
    text-indent:2em;
}
.editor{
    text-align:right;
    color:#999;
    font-size:13px;
    margin-top:22px;
    padding-top:18px;
    border-top:2px dashed rgba(155,109,255,0.2);
}

/* 上一篇下一篇 */
.prev-next{
    padding:20px 0;
    border-top:2px solid rgba(155,109,255,0.15);
    overflow:hidden;
    font-size:13px;
}
.prev-next .prev{float:left;}
.prev-next .next{float:right;}
.prev-next a{color:var(--disney-purple);}
.prev-next a:hover{color:var(--disney-magic);}

/* 相关推荐 */
.related-section{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:25px;
    margin-bottom:25px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.15);
    border:2px solid rgba(155,109,255,0.15);
}
.related-list{overflow:hidden;}
.related-list li{
    float:left;
    width:50%;
    padding:10px 0;
}
.related-list a{
    color:#555;
    font-size:13px;
}
.related-list a:hover{color:var(--disney-magic);}

/* ==================== 页面内容样式 ==================== */
.page-content{
    background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,rgba(248,245,255,0.95) 100%);
    padding:40px;
    border-radius:20px;
    box-shadow:0 8px 32px rgba(155,109,255,0.2);
    border:2px solid rgba(155,109,255,0.15);
}
.page-content h1{
    font-size:28px;
    color:var(--disney-purple);
    margin-bottom:32px;
    padding-bottom:20px;
    border-bottom:3px solid transparent;
    border-image:linear-gradient(90deg,var(--disney-gold),var(--disney-magic),var(--disney-gold)) 1;
    font-weight:700;
    display:flex;
    align-items:center;
}
.page-content h1::before{
    content:"🏰";
    margin-right:15px;
    font-size:28px;
}
.content-section{margin-bottom:32px;}
.content-section h2{
    font-size:20px;
    color:var(--disney-purple);
    margin-bottom:18px;
    font-weight:700;
    display:flex;
    align-items:center;
}
.content-section h2::before{
    content:"✦";
    margin-right:10px;
    color:var(--disney-gold);
}
.content-section p{
    color:#555;
    line-height:2;
    margin-bottom:14px;
}
.content-section ul{padding-left:22px;margin-top:12px;}
.content-section li{
    color:#555;
    line-height:2.2;
    list-style:none;
    position:relative;
    padding-left:20px;
}
.content-section li::before{
    content:"⭐";
    position:absolute;
    left:0;
    font-size:10px;
}
.team-list,.contact-list{list-style:none;padding-left:0;}
.team-list li,.contact-list li{
    padding:12px 0;
    border-bottom:1px dashed rgba(155,109,255,0.2);
}

/* ==================== 底部样式 ==================== */
.site-footer{
    background:linear-gradient(180deg,rgba(26,26,78,0.98) 0%,rgba(13,13,43,0.99) 100%);
    padding:40px 0 30px;
    margin-top:35px;
    border-top:3px solid var(--disney-gold);
    position:relative;
    z-index:10;
}
.footer-inner{
    width:1200px;
    margin:0 auto;
}
.footer-section{margin-bottom:22px;}
.footer-section h4{
    font-size:16px;
    color:var(--disney-gold);
    margin-bottom:14px;
    font-weight:700;
    display:flex;
    align-items:center;
}
.footer-section h4::before{
    content:"✨";
    margin-right:8px;
}
.footer-links a{
    display:inline-block;
    color:rgba(255,255,255,0.75);
    font-size:13px;
    margin-right:18px;
    margin-bottom:10px;
    transition:all 0.3s;
}
.footer-links a:hover{
    color:var(--disney-gold);
    text-shadow:0 0 10px rgba(255,215,0,0.5);
}
.footer-eeat{
    padding:20px 0;
    border-top:1px solid rgba(155,109,255,0.3);
    border-bottom:1px solid rgba(155,109,255,0.3);
    margin:22px 0;
}
.footer-eeat a{
    color:rgba(255,255,255,0.8);
    font-size:14px;
    margin-right:30px;
    transition:all 0.3s;
}
.footer-eeat a:hover{
    color:var(--disney-gold);
}
.footer-contact{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
    padding:20px 0;
    margin:15px 0;
    border-top:1px solid rgba(155,109,255,0.2);
    border-bottom:1px solid rgba(155,109,255,0.2);
}
.footer-contact .contact-item{
    color:rgba(255,255,255,0.8);
    font-size:14px;
    white-space:nowrap;
}
.footer-statement{
    padding:18px 0;
}
.footer-statement p{
    color:rgba(255,255,255,0.6);
    font-size:12px;
    line-height:1.9;
}
.copyright{
    background:rgba(0,0,0,0.3);
    padding:22px 0;
    text-align:center;
}
.copyright p{
    color:rgba(255,255,255,0.6);
    font-size:13px;
    line-height:1.9;
}
.copyright a{color:rgba(255,255,255,0.6);}
.copyright a:hover{color:var(--disney-gold);}

/* ==================== 响应式适配 ==================== */
@media screen and (max-width:1220px){
    .header-inner,.nav-inner,.main-content,.footer-inner{
        width:96%;
        margin-left:auto;
        margin-right:auto;
    }
    .main-left{width:68%;}
    .sidebar{width:30%;}
    .video-grid{grid-template-columns:repeat(4,1fr);}
    .video-grid-list{grid-template-columns:repeat(4,1fr);}
}
@media screen and (max-width:992px){
    .main-left,.sidebar{width:100%;float:none;}
    .sidebar{margin-top:22px;}
    .video-grid{grid-template-columns:repeat(3,1fr);}
    .video-grid-list{grid-template-columns:repeat(3,1fr);}
    .video-poster-box{width:100%;height:auto;float:none;}
    .video-info-box{width:100%;float:none;margin:22px 0 0 0;}
}
@media screen and (max-width:768px){
    .video-grid{grid-template-columns:repeat(2,1fr);}
    .video-grid-list{grid-template-columns:repeat(2,1fr);}
    .nav-item{padding:0 14px;font-size:13px;}
    .sub-nav{display:none;}
    .related-list li{width:100%;}
    .site-intro h1{font-size:20px;}
    .detail-header h1{font-size:18px;}
    body::before{display:none;}
}
@media screen and (max-width:480px){
    .video-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
    .search{display:none;}
    .logo img{height:42px;}
}