:root{
  --blue:#4F88A8;--blue-2:#6FA7C3;--blue-soft:#DCECF2;--blue-mist:#ECF5F8;--blue-deep:#315B72;--blue-night:#203E50;
  --warm-white:#FBF8F4;--warm-bg:#F5F1EC;--warm-surface:#FFFDFC;--sand:#E8D9C9;--sand-soft:#F1E7DD;--clay:#C98C6B;--champagne:#D8B98A;
  --ink:#263A46;--ink-2:#556A75;--ink-3:#83929A;--line:rgba(79,136,168,.14);--line-strong:rgba(79,136,168,.28);
  --shadow:0 12px 32px rgba(39,72,89,.09);--shadow-hover:0 18px 42px rgba(39,72,89,.14);--radius:12px;--radius-card:16px;--radius-large:22px;--radius-pill:999px;--wrap:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm-bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;overflow-x:hidden}body.lights-off:before{content:"";position:fixed;inset:0;background:rgba(12,28,36,.86);z-index:800;pointer-events:none}body.lights-off .player-shell{position:relative;z-index:900}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(79,136,168,.38);outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:var(--blue-night);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}.muted{color:var(--ink-2)}.eyebrow{margin:0 0 8px;color:var(--clay);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.meta-line{color:var(--ink-2);font-size:.88rem}.text-link{color:var(--blue-deep);font-weight:750}.light-link{color:#dcecf2}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid transparent;font-weight:750;transition:.2s ease}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-deep);transform:translateY(-1px)}.btn.secondary{background:rgba(255,255,255,.64);border-color:var(--line-strong);color:var(--blue-deep)}.btn.light{background:#fff;color:var(--blue-night)}.btn.disabled{opacity:.45;pointer-events:none}.cta-row,.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.site-header{position:sticky;top:0;z-index:500;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 8px 24px rgba(32,62,80,.12)}.microbar{background:#345f76;color:#eef6f8;font-size:.77rem}.microbar-inner{height:25px;display:flex;align-items:center;justify-content:space-between}.microbar-inner div{display:flex;gap:16px;align-items:center}.plain-action{border:0;background:none;color:inherit;padding:0}.brandbar{background:rgba(251,248,244,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brandbar-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;font-size:1.18rem}.brand img{width:40px;height:40px;object-fit:contain}.catalog-button{border:1px solid var(--line-strong);background:var(--warm-surface);color:var(--blue-deep);padding:9px 16px;border-radius:10px;font-weight:800}.brand-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:.9rem}.mobile-menu-button{display:none;border:0;background:var(--blue-soft);color:var(--blue-deep);padding:7px 10px;border-radius:8px}.channelbar{background:var(--warm-surface);border-bottom:1px solid var(--line)}.channel-scroll{height:44px;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.channel-scroll::-webkit-scrollbar{display:none}.channel-scroll a{white-space:nowrap;padding:7px 12px;border-radius:8px;color:var(--ink-2);font-size:.9rem}.channel-scroll a.active,.channel-scroll a:hover{background:var(--blue-mist);color:var(--blue-deep)}
.overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding-top:11vh}.overlay-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(32,62,80,.46)}.search-dialog,.mega-dialog{position:relative;z-index:1;background:var(--warm-white);width:min(calc(100% - 34px),740px);border-radius:var(--radius-large);box-shadow:0 28px 80px rgba(23,47,60,.22);padding:32px}.mega-dialog{width:min(calc(100% - 34px),940px);max-height:78vh;overflow:auto}.dialog-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:0;border-radius:50%;background:var(--blue-mist);color:var(--blue-deep);font-size:1.35rem}.search-dialog h2,.mega-dialog h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 18px}.search-form{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:12px 14px}.search-form.wide{max-width:800px;margin-top:24px}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.search-presets a{padding:8px 12px;background:var(--blue-mist);color:var(--blue-deep);border-radius:8px}.search-presets.large a{font-size:1.05rem;padding:12px 16px}.mega-head{display:flex;justify-content:space-between}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:22px}.mega-grid h3{font-size:.78rem;color:var(--clay);letter-spacing:.12em}.mega-grid a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.mega-grid strong,.mega-grid span{display:block}.mega-grid span{font-size:.82rem;color:var(--ink-2);margin-top:4px}.mobile-menu{position:fixed;top:93px;right:16px;z-index:800;background:var(--warm-surface);box-shadow:var(--shadow-hover);padding:18px;border-radius:14px;width:210px}.mobile-menu a{display:block;padding:9px;border-bottom:1px solid var(--line)}.local-panel{position:fixed;inset:0;z-index:950;background:rgba(32,62,80,.44);display:grid;place-items:center}.local-panel-inner{position:relative;width:min(calc(100% - 34px),620px);max-height:75vh;overflow:auto;background:var(--warm-surface);padding:30px;border-radius:18px}.local-record{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.section{padding:76px 0;background:var(--warm-bg)}.section.compact{padding:44px 0}.section.mist{background:var(--blue-mist)}.section.warm{background:var(--warm-white)}.section.sand{background:var(--sand-soft)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.2;margin:0}.section-head p:not(.eyebrow){max-width:760px;color:var(--ink-2);margin:10px 0 0}.editorial-hero,.channel-hero,.page-hero,.app-hero,.article-hero{background:linear-gradient(135deg,var(--warm-white),var(--blue-mist));border-bottom:1px solid var(--line)}.hero-grid{min-height:530px;display:grid;grid-template-columns:.45fr .55fr;align-items:center;gap:50px;padding:58px 0}.hero-copy h1,.page-hero h1,.channel-hero h1,.app-hero h1{font-size:clamp(2.45rem,5.2vw,5.2rem);line-height:1.03;letter-spacing:-.035em;margin:0}.hero-lede,.page-hero p:not(.eyebrow){font-size:1.05rem;color:var(--ink-2);max-width:720px}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-meta span,.detail-meta span,.meta-box span{background:rgba(255,255,255,.7);border:1px solid var(--line);padding:6px 10px;border-radius:8px;font-size:.85rem}.hero-image{position:relative}.hero-image:before{content:"";position:absolute;inset:0 auto 0 0;width:20%;z-index:2;background:linear-gradient(90deg,var(--blue-mist),transparent)}.hero-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow)}.hero-caption{position:absolute;left:28px;right:28px;bottom:22px;background:rgba(251,248,244,.88);backdrop-filter:blur(10px);padding:14px 16px;border-radius:12px}.hero-caption span,.hero-caption strong{display:block}.hero-caption span{font-size:.78rem;color:var(--ink-2)}.page-hero .wrap{padding:86px 0}.page-hero.small .wrap{padding:62px 0}.page-hero h1{max-width:980px;font-size:clamp(2.2rem,5vw,4.7rem)}.channel-hero .split-panel,.channel-hero .hero-grid{min-height:500px}.movie-hero{background:linear-gradient(135deg,#fbf8f4,#e7f2f5)}.drama-hero{background:linear-gradient(135deg,#f3ece3,#e4eff4)}.variety-hero{background:linear-gradient(135deg,#fbf8f4,#f1e7dd)}.anime-hero{background:linear-gradient(135deg,#edf4f8,#fbf2e8)}.short-hero{background:linear-gradient(135deg,#f7f2ed,#dcecf2)}.doc-hero{background:linear-gradient(135deg,#eef5f4,#f5f1ec)}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-card{background:var(--warm-surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.quick-card img{width:100%;aspect-ratio:16/8;object-fit:cover}.quick-card div{padding:14px}.quick-card h3{margin:0}.quick-card p{font-size:.82rem;color:var(--ink-2);margin:7px 0}.continue-panel,.service-strip{background:var(--warm-surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.continue-panel p,.service-strip p{margin:4px 0;color:var(--ink-2)}.horizontal-track{display:flex;gap:16px;overflow:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab}.horizontal-track::-webkit-scrollbar{display:none}.horizontal-track .landscape-card{min-width:min(430px,80vw);scroll-snap-align:start}.track-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.track-controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:var(--warm-surface);color:var(--blue-deep)}
.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.poster-card{min-width:0;transition:.2s}.poster-card:hover{transform:translateY(-2px)}.media-cover{display:block;overflow:hidden;background:var(--blue-mist)}.media-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.media-cover:hover img{transform:scale(1.02)}.poster-cover{aspect-ratio:2/3;border-radius:14px;position:relative}.score-badge{position:absolute;right:9px;bottom:9px;background:rgba(32,62,80,.88);color:#fff;padding:4px 7px;border-radius:7px;font-size:.78rem}.card-copy{padding:12px 2px}.card-copy h3{margin:0;font-size:1.02rem}.card-copy .eyebrow{font-size:.67rem}.card-copy p{margin:5px 0}.landscape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.landscape-card{background:var(--warm-surface);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.landscape-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.landscape-cover{aspect-ratio:16/9}.landscape-copy{padding:20px}.landscape-copy h3{font-size:1.35rem;margin:0 0 8px}.landscape-copy p{color:var(--ink-2)}
.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.index-card{padding:22px;background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:14px;transition:.2s}.index-card:hover{transform:translateY(-2px);background:var(--warm-surface);box-shadow:var(--shadow)}.index-card span{color:var(--clay);font-size:.75rem}.index-card h3{font-size:1.2rem;margin:8px 0}.index-card p{color:var(--ink-2);margin:0}.editorial-grid{display:grid;gap:18px}.editorial-grid.two-col{grid-template-columns:repeat(2,1fr)}.editorial-grid.three-col{grid-template-columns:repeat(3,1fr)}.editorial-card{padding:28px;background:var(--warm-surface);border-left:3px solid var(--blue);border-radius:0 16px 16px 0;box-shadow:var(--shadow)}.editorial-card h2,.editorial-card h3{margin:0 0 10px}.editorial-card p{color:var(--ink-2)}.number-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.number-cards.app-features{grid-template-columns:repeat(4,1fr)}.number-cards article{padding:24px;background:var(--warm-surface);border-radius:16px;border:1px solid var(--line)}.number-cards strong{font-size:2.1rem;color:var(--blue)}.number-cards h2,.number-cards h3{margin:8px 0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{display:grid;grid-template-columns:.44fr .56fr;background:var(--warm-surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.feature-image{min-height:230px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-card>div{padding:24px}.tag-groups{display:flex;flex-wrap:wrap;gap:10px}.tag-groups a{background:var(--warm-surface);border:1px solid var(--line-strong);padding:9px 13px;border-radius:9px;color:var(--blue-deep)}.tag-groups.large a{padding:13px 18px;font-size:1.02rem}.rank-list{background:rgba(255,255,255,.04);border-radius:16px;overflow:hidden}.rank-row{display:grid;grid-template-columns:70px 64px 1fr auto;gap:16px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.rank-no{font-size:1.8rem;color:var(--champagne);font-weight:850}.rank-thumb{width:64px;height:64px;border-radius:9px;overflow:hidden}.rank-thumb img{width:100%;height:100%;object-fit:cover}.rank-copy h3{margin:0}.rank-copy p{margin:3px 0;color:#b9ccd5}.trend{color:#d8b98a}.night-section{background:linear-gradient(135deg,var(--blue-night),#2b5368);color:#eef5f8}.night-section .section-head p:not(.eyebrow),.night-section .text-link{color:#d8e6eb}.top-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.top-rank{position:relative}.top-rank>.rank-no{position:absolute;z-index:5;top:10px;left:10px;background:var(--blue-night);padding:4px 8px;border-radius:8px}.page-hot .rank-list .rank-row{background:var(--warm-surface);color:var(--ink)}.page-hot .rank-copy p{color:var(--ink-2)}
.timeline{display:grid;gap:0}.timeline-day{display:grid;grid-template-columns:130px 1fr;gap:28px;position:relative;padding:0 0 36px}.timeline-day:before{content:"";position:absolute;left:62px;top:34px;bottom:0;width:1px;background:var(--line-strong)}.timeline-date{position:relative;z-index:1;background:var(--warm-bg);text-align:center;padding:8px}.timeline-date strong,.timeline-date span{display:block}.timeline-date strong{font-size:1.2rem;color:var(--blue-deep)}.timeline-items{display:grid;gap:12px}.timeline-item{display:flex;gap:14px;background:var(--warm-surface);border-radius:14px;padding:18px;border:1px solid var(--line)}.timeline-item h2{font-size:1.2rem;margin:0}.timeline-item p{margin:5px 0;color:var(--ink-2)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--clay);margin-top:8px;flex:none}.mini-timeline .timeline-day{grid-template-columns:110px 1fr}.mini-timeline .timeline-day:before{left:54px}.mini-timeline .timeline-day p{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:8px 0;margin:0}.date-tabs,.tab-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.date-tabs button,.tab-row button{border:1px solid var(--line-strong);background:rgba(255,255,255,.65);padding:10px 14px;border-radius:10px;color:var(--blue-deep)}.date-tabs button span,.date-tabs button strong{display:block}.date-tabs button.active,.tab-row button.active{background:var(--blue);color:#fff}.schedule-board{background:var(--warm-surface);border-radius:18px;padding:28px}.schedule-day h2{margin-top:0}.schedule-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.schedule-row h3,.schedule-row p{margin:0}.schedule-row p{color:var(--ink-2)}
.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article-grid.large{grid-template-columns:repeat(3,1fr)}.article-card{background:var(--warm-surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card>div{padding:20px}.article-card h2,.article-card h3{margin:0 0 8px}.article-card p{color:var(--ink-2)}.article-card span{font-size:.8rem;color:var(--ink-3)}.featured-article:first-child{grid-column:span 2}.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comment-grid.large{grid-template-columns:repeat(4,1fr)}.comment-card{background:var(--warm-surface);padding:20px;border-radius:15px;border:1px solid var(--line)}.comment-user{display:flex;align-items:center;gap:10px}.comment-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.comment-user strong,.comment-user span{display:block}.comment-user span{font-size:.72rem;color:var(--ink-3)}.comment-card>p{color:var(--ink-2)}.comment-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;color:var(--ink-3)}.comment-actions button{border:0;background:var(--blue-mist);color:var(--blue-deep);padding:5px 8px;border-radius:8px}.comment-actions button.liked{background:var(--sand-soft);color:#9b5c42}
.faq-list{border-top:1px solid var(--line-strong)}.faq-item{border-bottom:1px solid var(--line-strong)}.faq-item h3{margin:0}.faq-question{width:100%;border:0;background:transparent;padding:18px 2px;display:flex;justify-content:space-between;text-align:left;font-weight:800;color:var(--ink)}.faq-answer{padding:0 0 18px;color:var(--ink-2)}.faq-answer p{max-width:900px;margin:0}.prose-wide,.longform{max-width:900px;margin:auto}.prose-wide h2,.longform h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.25;margin:1.5em 0 .5em}.prose-wide p,.longform p{color:var(--ink-2);font-size:1.01rem}.about-home{background:linear-gradient(135deg,var(--warm-white),var(--sand-soft))}.split-panel,.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-panel{padding:70px 0}.split-panel img{width:100%;max-height:520px;object-fit:cover;border-radius:20px}.app-teaser .split-panel img{object-fit:contain;max-height:420px}.service-strip div:last-child{display:flex;gap:14px;flex-wrap:wrap}.service-strip a{color:var(--blue-deep);font-weight:700}
.detail-hero{background:linear-gradient(135deg,var(--warm-white),var(--blue-mist));padding:36px 0 62px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--ink-2);font-size:.82rem;margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:.48fr .52fr;gap:46px;align-items:center}.detail-copy h1{font-size:clamp(2.6rem,5vw,5.5rem);line-height:1;margin:0}.alias{color:var(--ink-3)}.detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.score-line{display:flex;align-items:end;gap:10px;margin:18px 0}.score-line strong{font-size:2.5rem;color:var(--blue-deep)}.score-line span{color:var(--ink-2)}.detail-desc{color:var(--ink-2);font-size:1.02rem}.detail-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-hover)}.detail-body{display:grid;grid-template-columns:1.5fr .7fr;gap:28px}.prose-block,.info-board{background:var(--warm-surface);padding:28px;border-radius:16px}.prose-block h2,.info-board h2{margin-top:0}.info-board dl{margin:0}.info-board dl div{display:grid;grid-template-columns:90px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.info-board dt{color:var(--ink-3)}.info-board dd{margin:0}.filter-panel{background:var(--warm-surface);padding:20px;border-radius:16px;border:1px solid var(--line)}.filter-panel>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.filter-panel label{display:grid;gap:5px;color:var(--ink-2);font-size:.82rem}.filter-panel select{width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:9px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px}.pagination a.active{background:var(--blue);color:#fff}.empty-state{text-align:center;max-width:600px;margin:auto;padding:50px 0}.empty-state img{width:min(320px,70%);margin:0 auto 18px;border-radius:16px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.person-card{background:var(--warm-surface);padding:16px;border-radius:15px;border:1px solid var(--line)}.person-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.person-card h2,.person-card h3{margin:12px 0 2px}.person-card p,.person-card span{color:var(--ink-2);margin:0}.person-detail{padding:70px 0;display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center}.person-detail img{width:280px;height:280px;object-fit:cover;border-radius:20px}.role-line{color:var(--blue-deep);font-weight:700}
.cinema{background:linear-gradient(135deg,#172e3a,#203e50);color:#edf5f7;padding:42px 0 54px}.cinema-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.cinema-head h1{margin:0;font-size:clamp(2rem,4vw,3.6rem)}.cinema-head p{margin:3px 0;color:#b9cdd6}.player-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:18px}.player-shell{background:#122832;border-radius:14px;padding:12px}.player-shell video{display:block;width:100%;aspect-ratio:16/9;background:#0f232c;border-radius:9px}.custom-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 2px}.custom-controls button,.custom-controls select,.episode-panel select{background:#294e61;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:8px;padding:8px}.custom-controls label{font-size:.78rem;color:#c7d8df}.custom-controls input{width:100px}.player-status{font-size:.8rem;color:#a9c0ca;padding:5px}.episode-panel{background:#244858;border-radius:14px;padding:18px}.episode-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.episode-head h2{margin:0}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.episode-grid a{padding:8px 4px;text-align:center;background:#315b72;border-radius:7px;font-size:.78rem}.episode-grid a.active{background:var(--clay);color:#fff}.auto-next{display:flex;gap:7px;font-size:.88rem}.next-prev{display:flex;gap:8px;margin-top:16px}.clean-list{padding-left:18px}.split-copy{align-items:start}.split-copy>div{background:var(--warm-surface);padding:24px;border-radius:16px}.search-hero{background:var(--blue-mist);padding:70px 0}.search-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);margin:0}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mood-card{display:grid;grid-template-columns:200px 1fr;background:var(--warm-surface);border-radius:16px;overflow:hidden}.mood-card img{width:100%;height:100%;object-fit:cover}.mood-card div{padding:22px}.mood-card h2{margin:0}.advice{padding-top:10px;border-top:1px solid var(--line);color:var(--ink-2)}
.article-head{max-width:900px;padding:62px 0}.article-head h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.05;margin:0}.article-deck{font-size:1.16rem;color:var(--ink-2)}.article-meta{color:var(--ink-3);margin:14px 0 24px}.article-head>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}.article-body{width:min(calc(100% - 40px),820px);margin:auto;background:var(--warm-surface);padding:38px;border-radius:18px}.article-body h2{font-size:1.8rem;margin-top:1.7em}.article-body p{font-size:1.04rem;color:var(--ink-2)}.article-note{margin-top:32px;padding:20px;background:var(--blue-mist);border-left:3px solid var(--blue);border-radius:0 12px 12px 0}.article-note p{margin-bottom:0}.app-hero-grid{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.device-stack{position:relative;min-height:500px}.device-main{position:absolute;right:10%;top:5%;height:480px;object-fit:contain}.device-screen{position:absolute;left:0;bottom:0;width:52%;max-height:360px;object-fit:contain;border-radius:20px;box-shadow:var(--shadow-hover)}.meta-box{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.not-found{min-height:70vh;display:grid;align-items:center;background:linear-gradient(135deg,var(--warm-white),var(--blue-mist))}.not-found .wrap{text-align:center;max-width:800px}.not-found h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.05}.site-footer{background:linear-gradient(135deg,#203E50,#2B5368);color:#eaf3f6;padding:62px 0 110px;position:relative}.site-footer:before{content:"";position:absolute;inset:0;background-image:url('/images/footer-bg.webp');background-size:cover;opacity:.05;pointer-events:none}.site-footer>.wrap{position:relative}.footer-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-intro>div{max-width:760px}.footer-intro img{width:150px;height:42px;object-fit:contain;object-position:left}.footer-intro h2{font-size:2rem;margin:18px 0 8px}.footer-intro p{color:#bed1d9}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:36px 0}.footer-grid h3{color:var(--champagne);font-size:.88rem}.footer-grid a{display:block;color:#d6e5eb;padding:4px 0}.footer-bottom{display:flex;gap:16px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#adc5cf;font-size:.8rem}.footer-bottom p{margin-right:auto}.mobile-dock{display:none}.back-top{position:fixed;right:20px;bottom:22px;z-index:400;width:44px;height:44px;border:0;border-radius:50%;background:var(--blue-deep);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(14px);transition:.45s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1200px){.poster-grid{grid-template-columns:repeat(5,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.article-grid.large{grid-template-columns:repeat(2,1fr)}.comment-grid.large{grid-template-columns:repeat(3,1fr)}.number-cards.app-features{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.hero-grid,.detail-grid,.app-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.poster-grid{grid-template-columns:repeat(4,1fr)}.index-grid{grid-template-columns:repeat(2,1fr)}.mega-grid{grid-template-columns:repeat(2,1fr)}.filter-panel>div{grid-template-columns:repeat(3,1fr)}.people-grid{grid-template-columns:repeat(3,1fr)}.comment-grid{grid-template-columns:repeat(2,1fr)}.comment-grid.large{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.brandbar-inner{grid-template-columns:1fr auto}.catalog-button{display:none}.brand-actions>a,.brand-actions>.plain-action{display:none}.mobile-menu-button{display:inline-block}.hero-grid,.detail-grid,.split-panel,.split-copy,.app-hero-grid{grid-template-columns:1fr}.hero-grid{padding:48px 0}.hero-image:before{display:none}.detail-image{order:-1}.poster-grid{grid-template-columns:repeat(3,1fr)}.landscape-grid,.feature-grid{grid-template-columns:1fr}.editorial-grid.three-col{grid-template-columns:1fr}.detail-body{grid-template-columns:1fr}.player-layout{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.device-stack{min-height:430px}.article-grid.large{grid-template-columns:repeat(2,1fr)}.featured-article:first-child{grid-column:auto}.top-three{grid-template-columns:1fr}.mood-grid{grid-template-columns:1fr}}
@media(max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.microbar-inner>span{display:none}.brandbar-inner{height:64px}.section{padding:58px 0}.page-hero .wrap{padding:62px 0}.hero-copy h1,.page-hero h1,.channel-hero h1,.app-hero h1{font-size:clamp(2.25rem,10vw,4rem)}.quick-grid{grid-template-columns:repeat(2,1fr)}.poster-grid{grid-template-columns:repeat(3,1fr)}.editorial-grid.two-col{grid-template-columns:1fr}.number-cards,.number-cards.app-features{grid-template-columns:1fr}.article-grid,.article-grid.large{grid-template-columns:1fr}.timeline-day,.mini-timeline .timeline-day{grid-template-columns:84px 1fr;gap:14px}.timeline-day:before,.mini-timeline .timeline-day:before{left:40px}.schedule-row{grid-template-columns:1fr}.schedule-row>span,.schedule-row>strong{font-size:.8rem}.section-head{align-items:start;flex-direction:column}.filter-panel>div{grid-template-columns:repeat(2,1fr)}.mood-card{grid-template-columns:140px 1fr}.person-detail{grid-template-columns:160px 1fr}.person-detail img{width:160px;height:160px}.mobile-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:600;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(251,248,244,.96);backdrop-filter:blur(12px);border:1px solid var(--line-strong);box-shadow:var(--shadow-hover);border-radius:14px;padding:7px}.mobile-dock a,.mobile-dock button{border:0;background:none;color:var(--blue-deep);text-align:center;padding:7px 2px;font-size:.75rem}.back-top{bottom:80px}.site-footer{padding-bottom:130px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-intro{align-items:start;flex-direction:column}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom p{width:100%}.search-dialog,.mega-dialog{padding:26px 20px}.mega-grid{grid-template-columns:1fr}.article-body{width:min(calc(100% - 28px),820px);padding:26px}.custom-controls{align-items:flex-start}.service-strip,.continue-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.poster-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card p{display:none}.landscape-copy{padding:16px}.index-grid{grid-template-columns:1fr}.filter-panel>div{grid-template-columns:1fr}.comment-grid,.comment-grid.large{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.mood-card{grid-template-columns:1fr}.mood-card img{aspect-ratio:16/7}.person-detail{grid-template-columns:1fr}.person-detail img{width:180px;height:180px}.feature-card{grid-template-columns:1fr}.feature-image{min-height:190px}.rank-row{grid-template-columns:50px 52px 1fr}.rank-thumb{width:52px;height:52px}.rank-row .trend{display:none}.episode-grid{grid-template-columns:repeat(3,1fr)}.search-form{flex-direction:column}.device-stack{min-height:350px}.device-main{height:340px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.wrap{width:min(calc(100% - 22px),var(--wrap))}.poster-grid{gap:10px}.card-copy h3{font-size:.93rem}.card-copy .meta-line{font-size:.72rem}.quick-grid{gap:8px}.quick-card div{padding:10px}.hero-grid{min-height:auto}.hero-copy h1,.page-hero h1,.channel-hero h1,.app-hero h1{font-size:2.35rem}.detail-copy h1{font-size:2.55rem}.footer-grid{grid-template-columns:1fr}.episode-grid{grid-template-columns:repeat(2,1fr)}.microbar-inner{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}