:root{
    --green:#4FAE63;--green-2:#69C77B;--green-soft:#DFF3E3;--green-mist:#EFF9F1;--green-deep:#2F7B43;--green-night:#1F5130;
    --mint:#CDEED4;--lime-soft:#EEF7D8;--cream:#FFFDF5;--fresh-bg:#F7FBF2;--surface:#FFFFFF;--carrot:#F29A45;--carrot-soft:#FCE3C8;
    --ink:#26372C;--ink-2:#5A6F60;--ink-3:#8A9B8D;--line:rgba(79,174,99,.14);--line-strong:rgba(79,174,99,.28);
    --shadow:0 12px 32px rgba(46,104,61,.08);--shadow-hover:0 18px 42px rgba(46,104,61,.13);
    --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(--fresh-bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}main{min-height:60vh;overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2.25rem,4.4vw,4.8rem);letter-spacing:-.04em}h2{font-size:clamp(1.65rem,2.8vw,2.6rem);letter-spacing:-.025em}h3{font-size:1.12rem}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.narrow{max-width:840px}.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;z-index:9999;left:16px;top:16px;transform:translateY(-160%);background:#fff;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{transform:none}.eyebrow{display:inline-block;color:var(--green-deep);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.soft-tag,.score-chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-size:.74rem;font-weight:700}.soft-tag{padding:5px 9px;background:var(--green-mist);color:var(--green-deep)}.score-chip{position:absolute;right:10px;top:10px;padding:5px 8px;background:var(--carrot-soft);color:#8A4F18}.meta-row{display:flex;gap:8px;flex-wrap:wrap;color:var(--ink-3);font-size:.78rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:11px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.2s ease}.button--primary{background:var(--green);color:#fff}.button--primary:hover{background:var(--green-deep);transform:translateY(-1px)}.button--secondary{background:var(--cream);border-color:var(--line-strong);color:var(--green-deep)}.button--light{background:#fff;color:var(--green-night)}.text-link{color:var(--green-deep);font-weight:800;display:inline-flex;gap:6px;align-items:center}.text-link:hover{color:var(--green)}.text-button{border:0;background:none;color:inherit;cursor:pointer;padding:0}.icon-button{border:1px solid var(--line);width:34px;height:34px;border-radius:50%;background:#fff;cursor:pointer}.icon-button.is-active{background:var(--green-soft);color:var(--green-deep)}
.site-header{position:sticky;z-index:100;top:0;transition:.22s ease}.site-header.is-scrolled{box-shadow:0 8px 26px rgba(31,81,48,.12)}.microbar{background:var(--green-night);color:#e9f7ed;font-size:.78rem}.microbar__inner{height:25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.microbar__inner div{display:flex;gap:18px}.brandbar{background:rgba(255,253,245,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brandbar__inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.26rem;font-weight:900}.brand img{width:38px;height:38px;object-fit:contain}.mega-trigger{justify-self:center;border:1px solid var(--line-strong);background:var(--green-mist);color:var(--green-deep);padding:8px 14px;border-radius:10px;font-weight:800;cursor:pointer}.brand-actions{justify-self:end;display:flex;align-items:center;gap:17px;font-size:.86rem;font-weight:700}.mobile-menu-trigger{display:none;border:0;background:var(--green-mist);border-radius:8px;padding:7px 10px;font-weight:800}.channelbar{background:#fff;border-bottom:1px solid var(--line)}.channelbar__scroll{height:44px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.channelbar__scroll::-webkit-scrollbar{display:none}.channelbar a{white-space:nowrap;padding:7px 12px;border-radius:8px;color:var(--ink-2);font-weight:700;font-size:.88rem}.channelbar a:hover,.channelbar a.is-active{background:var(--green-soft);color:var(--green-deep)}
.overlay{position:fixed;inset:0;background:rgba(23,46,58,.28);backdrop-filter:blur(3px);z-index:180}.mega-panel,.search-modal,.mobile-menu{position:fixed;z-index:190;background:var(--cream);box-shadow:0 30px 80px rgba(31,81,48,.24)}.mega-panel{top:105px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 40px));max-height:calc(100vh - 130px);overflow:auto;padding:26px;border-radius:var(--radius-large);border:1px solid var(--line)}.mega-panel__head,.search-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.close-button{border:0;background:var(--green-mist);border-radius:50%;width:38px;height:38px;font-size:1.55rem;cursor:pointer}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.mega-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.mega-grid h3{font-size:.9rem;color:var(--green-deep);margin-bottom:10px}.mega-grid a{display:block;padding:10px;border-radius:10px}.mega-grid a:hover{background:var(--green-mist)}.mega-grid small{display:block;color:var(--ink-2);margin-top:3px}.search-modal{top:15vh;left:50%;transform:translateX(-50%);width:min(730px,calc(100% - 32px));padding:28px;border-radius:var(--radius-large)}.search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:18px 0}.search-form input{border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:0 14px;min-height:48px;outline:none}.search-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.search-modal>p{font-size:.86rem;color:var(--ink-2)}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px}.search-suggestions a{background:var(--green-mist);padding:7px 10px;border-radius:9px;color:var(--green-deep);font-weight:700;font-size:.82rem}.mobile-menu{right:14px;top:40px;width:min(360px,calc(100% - 28px));padding:18px;border-radius:18px;max-height:90vh;overflow:auto}.mobile-menu>a{display:block;padding:12px;border-bottom:1px solid var(--line);font-weight:700}.mobile-menu .close-button{float:right;margin-bottom:8px}
.hero{padding:54px 0 36px;background:linear-gradient(135deg,var(--cream) 0%,var(--green-mist) 72%,var(--lime-soft) 100%)}.hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px;min-height:470px}.hero__copy h1{max-width:680px;margin-bottom:20px}.hero__copy>p{font-size:1.03rem;color:var(--ink-2);max-width:660px}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.hero-meta span{background:#fff;border:1px solid var(--line);padding:6px 10px;border-radius:9px;font-size:.82rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero__media{position:relative;min-height:390px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-hover)}.hero__media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,245,.28),transparent 30%),linear-gradient(0deg,rgba(31,81,48,.12),transparent)}.page-hero{padding:68px 0;background:linear-gradient(130deg,var(--cream),var(--green-mist))}.page-hero--simple{text-align:left}.page-hero p{color:var(--ink-2);font-size:1.02rem}.page-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.page-hero__image{aspect-ratio:16/9;border-radius:var(--radius-large);overflow:hidden;box-shadow:var(--shadow)}.page-hero__image img{width:100%;height:100%;object-fit:cover}
.section{padding:70px 0}.section--white{background:#fff}.section--mint{background:var(--green-mist)}.section--lime{background:linear-gradient(135deg,var(--lime-soft),var(--cream))}.section--deep{background:var(--green-night);color:#fff}.section--deep .section-head p,.section--deep .muted{color:#cde6d3}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-head h2{margin-bottom:8px}.section-head p{color:var(--ink-2);max-width:760px;margin-bottom:0}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.quick-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.quick-card div{padding:14px}.quick-card strong{display:block;margin-bottom:4px}.quick-card p{font-size:.82rem;color:var(--ink-2);margin:0}.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.poster-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 1px 0 var(--line);transition:.22s ease}.poster-card:hover,.landscape-card:hover,.feature-card:hover,.editorial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.poster-card__image{position:relative;display:block;overflow:hidden;aspect-ratio:2/3}.poster-card__image img{width:100%;height:100%;object-fit:cover;transition:.24s ease}.poster-card:hover .poster-card__image img{transform:scale(1.02)}.poster-card__body{padding:13px}.poster-card__body h3{margin:6px 0}.poster-card__body p{font-size:.82rem;color:var(--ink-2);margin-bottom:10px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-link{color:var(--green-deep);font-weight:800;font-size:.83rem}.landscape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landscape-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;transition:.22s ease}.landscape-card__image{display:block;aspect-ratio:16/9;overflow:hidden}.landscape-card__image img{width:100%;height:100%;object-fit:cover;transition:.24s ease}.landscape-card:hover img{transform:scale(1.02)}.landscape-card__body{padding:18px}.landscape-card__body h3{margin:10px 0}.landscape-card__body p{color:var(--ink-2);font-size:.88rem}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:18px;overflow:hidden;transition:.22s ease}.feature-card__media{min-height:270px;overflow:hidden}.feature-card__media img{width:100%;height:100%;object-fit:cover}.feature-card__body{padding:24px}.feature-card__body p{color:var(--ink-2);font-size:.9rem}.editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.editorial-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:.22s ease}.editorial-card h3{font-size:1.28rem;margin:12px 0}.editorial-card p{color:var(--ink-2)}.index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.index-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:14px 16px;border:1px solid var(--line);transition:.2s ease}.index-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.index-card__no{font-size:1.4rem;font-weight:900;color:var(--green)}.index-card strong,.index-card small{display:block}.index-card small{color:var(--ink-2);margin-top:3px}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:64px 72px 1fr auto;align-items:center;gap:14px;padding:10px 14px;background:#fff;border-radius:12px;border:1px solid var(--line)}.rank-no{font-size:1.45rem;font-weight:900;color:var(--green-deep)}.rank-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden}.rank-thumb img{width:100%;height:100%;object-fit:cover}.rank-copy h3{margin-bottom:4px}.rank-copy p{margin:0;color:var(--ink-2);font-size:.82rem}.rank-score{font-weight:900;color:#a65b16}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab-button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:9px;cursor:pointer;font-weight:700}.tab-button.is-active{background:var(--green);color:#fff}.tab-panel[hidden]{display:none!important}.timeline{position:relative;margin-left:8px}.timeline:before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:var(--mint)}.timeline-item{position:relative;display:grid;grid-template-columns:36px 96px 1fr;gap:15px;margin-bottom:18px}.timeline-dot{width:12px;height:12px;border:3px solid #fff;background:var(--green);border-radius:50%;margin:11px 0 0 12px;box-shadow:0 0 0 2px var(--green-soft);z-index:1}.timeline-date{font-weight:900;color:var(--green-deep);padding-top:5px}.timeline-card{background:#fff;padding:16px 18px;border-radius:14px;border:1px solid var(--line)}.timeline-card h3{margin-bottom:5px}.timeline-card p{margin:0;color:var(--ink-2);font-size:.88rem}.timeline-meta{display:flex;gap:8px;margin-bottom:8px;font-size:.76rem;color:var(--ink-3)}
.track-shell{position:relative}.content-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,31%);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:5px 2px 18px;scrollbar-width:none;cursor:grab}.content-track::-webkit-scrollbar{display:none}.content-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.content-track>*{scroll-snap-align:start}.track-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.track-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;cursor:pointer}.longform{background:#fff;border-radius:20px;padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}.longform h2{margin-top:34px}.longform h2:first-child{margin-top:0}.longform p,.longform li{color:#42584a}.notice{background:var(--green-mist);border-left:4px solid var(--green);padding:16px 18px;border-radius:0 12px 12px 0;margin:20px 0}.quote-card{padding:24px;background:linear-gradient(135deg,var(--cream),var(--lime-soft));border-radius:18px;border:1px solid var(--line)}.quote-card p{font-size:1.12rem;margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--line)}.stat-card strong{font-size:2.1rem;color:var(--green-deep);display:block}.stat-card span{color:var(--ink-2);font-size:.84rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sticky-aside{position:sticky;top:160px;align-self:start}.list-clean{padding-left:1.1rem}.list-clean li{margin:.5rem 0}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:26px}.filter-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.filter-group label{display:block;font-size:.78rem;color:var(--ink-2);font-weight:800;margin-bottom:6px}.filter-group select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;padding:0 10px}.filter-actions{margin-top:14px;display:flex;gap:8px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:#fff}.pagination .current{background:var(--green);color:#fff}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:50px 24px;border:1px solid var(--line)}.empty-state img{width:min(320px,80%);margin:0 auto 20px;aspect-ratio:16/10;object-fit:cover;border-radius:16px}.results-summary{color:var(--ink-2);margin-bottom:18px}
.detail-hero{background:linear-gradient(135deg,var(--cream),var(--green-mist));padding:52px 0}.detail-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:44px;align-items:center}.detail-visual{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-hover)}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,245,.08),transparent 35%)}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.detail-meta div{background:rgba(255,255,255,.7);padding:10px;border-radius:10px}.detail-meta dt{font-size:.73rem;color:var(--ink-3)}.detail-meta dd{margin:2px 0 0;font-weight:800}.detail-actions{display:flex;gap:9px;flex-wrap:wrap}.share-button{cursor:pointer}.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.side-box{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--line);margin-bottom:14px}.side-box h3{margin-bottom:12px}.side-box a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}
.player-zone{background:linear-gradient(135deg,#172E3A,#203E50);color:#fff;padding:32px 0}.player-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:18px}.player-box{background:#102630;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.22)}.player-box video{width:100%;aspect-ratio:16/9;background:#102630;display:block}.player-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#17343f}.player-tools button,.player-tools select,.player-tools input{accent-color:var(--green-2)}.player-tools button,.player-tools select{background:#244955;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 10px}.player-range{display:flex;align-items:center;gap:6px;flex:1;min-width:180px}.player-range input{width:100%}.episode-panel{background:#193641;border-radius:18px;padding:18px;max-height:620px;overflow:auto}.episode-panel h2{font-size:1.2rem}.episode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.episode-list a{display:grid;place-items:center;min-height:40px;background:#244955;border-radius:8px;color:#d8e7ea;font-size:.84rem}.episode-list a.is-current{background:var(--green);color:#fff}.source-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.source-list a{padding:7px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}.source-list a.is-current{background:var(--green)}.lights-out .site-header,.lights-out .site-footer,.lights-out .mobile-quick,.lights-out .player-after{opacity:.08;pointer-events:none}.lights-out .player-zone{position:relative;z-index:500}.player-after{transition:.2s ease}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card div{padding:18px}.article-card h3{margin:8px 0}.article-card p{color:var(--ink-2);font-size:.9rem}.article-meta{font-size:.78rem;color:var(--ink-3)}.article-body{width:min(100% - 40px,820px);margin:0 auto;padding:50px 0}.article-body>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:22px 0 34px}.article-body p{font-size:1.02rem;line-height:1.95;color:#3d5244}.article-body h2{margin-top:36px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.comment-card{background:#fff;border-radius:16px;padding:18px;border:1px solid var(--line)}.comment-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.comment-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.comment-user small{display:block;color:var(--ink-3)}.comment-card p{color:var(--ink-2)}.comment-actions{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.like-button{border:0;background:var(--green-mist);border-radius:8px;padding:7px 9px;cursor:pointer}.like-button.is-liked{background:var(--green-soft);color:var(--green-deep)}.actor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.actor-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.actor-card img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:14px}.app-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.device-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.device-stack img{width:100%;border-radius:18px;object-fit:cover;box-shadow:var(--shadow)}.device-stack img:first-child{transform:translateY(20px)}.device-stack img:last-child{transform:translateY(38px)}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;border:0;background:#fff;padding:16px 18px;font-weight:800;cursor:pointer}.faq-answer{padding:0 18px 18px;color:var(--ink-2)}.faq-answer[hidden]{display:none!important}
.site-footer{background:linear-gradient(135deg,#1F5130,#2F7B43),url('/images/footer-bg.webp');background-size:cover;color:#edf8ef;padding:58px 0 92px}.footer-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}.brand--footer{color:#fff}.footer-intro p{max-width:650px;color:#d6e9da;margin:12px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 0}.footer-grid h2{font-size:.9rem;color:#bce5c5}.footer-grid a{display:block;color:#fff;padding:4px 0;font-size:.88rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#d2e6d6;font-size:.8rem}.mobile-quick{display:none;position:fixed;z-index:120;bottom:0;left:0;right:0;height:62px;background:rgba(255,253,245,.97);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-quick a,.mobile-quick button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:1.08rem;color:var(--green-deep)}.mobile-quick span{font-size:.68rem}.back-top{position:fixed;right:20px;bottom:26px;width:42px;height:42px;border:0;border-radius:50%;background:var(--green);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s ease;z-index:110}.back-top.is-visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.is-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)}.community-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){.brandbar__inner{grid-template-columns:1fr auto}.mega-trigger{justify-self:end}.brand-actions a{display:none}.poster-grid{grid-template-columns:repeat(4,1fr)}.landscape-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.actor-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.detail-content{grid-template-columns:1fr}.sticky-aside{position:static}.player-grid{grid-template-columns:1fr}.episode-panel{max-height:none}}
@media (max-width:900px){.hero__grid,.page-hero__grid,.detail-hero__grid,.app-showcase{grid-template-columns:1fr}.hero__grid{min-height:auto}.hero__media{min-height:330px;order:-1}.detail-hero__grid{gap:24px}.feature-card{grid-template-columns:1fr}.feature-card__media{min-height:220px}.filter-groups{grid-template-columns:repeat(2,1fr)}.mega-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.content-track{grid-auto-columns:minmax(280px,46%)}}
@media (max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.microbar{display:none}.brandbar__inner{height:60px}.brand img{width:34px;height:34px}.mega-trigger{display:none}.brand-actions{display:flex}.mobile-menu-trigger{display:inline-flex}.channelbar{display:none}.site-header{top:0}.hero{padding-top:28px}.hero__media{min-height:260px}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.poster-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.editorial-grid,.index-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:48px 58px 1fr}.rank-score{display:none}.rank-thumb{width:58px;height:58px}.article-grid,.community-grid{grid-template-columns:1fr}.actor-grid{grid-template-columns:repeat(2,1fr)}.filter-groups{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom,.footer-intro{flex-direction:column;align-items:flex-start}.mobile-quick{display:flex}.site-footer{padding-bottom:110px}.back-top{bottom:78px}.mega-panel{top:70px}.content-track{grid-auto-columns:minmax(260px,78%)}.device-stack{gap:8px}.detail-meta{grid-template-columns:1fr 1fr}.search-modal{top:10vh}}
@media (max-width:600px){h1{font-size:2.45rem}.poster-grid{grid-template-columns:repeat(2,1fr);gap:12px}.landscape-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.mega-grid{grid-template-columns:1fr}.mega-panel{width:calc(100% - 20px);padding:18px}.timeline-item{grid-template-columns:30px 70px 1fr;gap:9px}.timeline:before{left:14px}.timeline-dot{margin-left:9px}.timeline-date{font-size:.78rem}.stat-grid{grid-template-columns:1fr 1fr}.player-tools{align-items:center}.episode-list{grid-template-columns:repeat(4,1fr)}.search-form{grid-template-columns:1fr}.app-showcase{gap:26px}.detail-visual{aspect-ratio:4/3}}
@media (max-width:420px){.wrap{width:calc(100% - 22px)}.brand strong{font-size:1.04rem}.poster-grid{gap:9px}.poster-card__body{padding:10px}.poster-card__body p{display:none}.hero-actions .button{width:100%}.quick-card p{font-size:.77rem}.rank-row{padding:8px}.actor-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.device-stack{grid-template-columns:1fr 1fr}.device-stack img:last-child{display:none}.episode-list{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}
:focus-visible{outline:3px solid rgba(242,154,69,.65);outline-offset:3px}[hidden]{display:none!important}