:root{--fs-body: 1rem;--leading-normal: 1.6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;min-height:-webkit-fill-available;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{-webkit-user-drag:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}body{font-size:var(--fs-body);line-height:var(--leading-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:0}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0}img{display:block;max-width:100%;height:auto}video{width:100%;max-width:100%;display:block}button,a,summary,[role=button],.hero-dot,.pill-link{font:inherit;touch-action:manipulation}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font:inherit;font-size:max(16px,1rem);max-width:100%;touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #c8f542;outline-offset:2px}html,body{overflow-x:hidden;overflow-x:clip;width:100%;max-width:100%}.auth-ico,.auth-eye svg{max-width:none;flex-shrink:0}.site-footer{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.app-shell,.site-main{max-width:100%;overflow-x:hidden;overflow-x:clip}.rank-cover img,.hero-slide>img,.movie-card img,.poster-link img,.side-poster img,.hero-poster img{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg:#08080a;--bg-elev:#101114;--panel:#16171c;--panel-2:#1c1e26;--text:#f7f8fa;--muted:#a1a1aa;--line:rgba(255,255,255,.09);--accent:#c8f542;--accent-2:#eaff9a;--accent-ink:#0b0d05;--radius:10px;--radius-lg:20px;--shadow:0 22px 60px rgba(0,0,0,.48);--header-h:68px;--font:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif }body{margin:0;background:radial-gradient(1200px 600px at 12% -10%,rgba(200,245,66,.14),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(234,255,154,.08),transparent 50%),var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:60vh;min-height:60dvh}.movie-card,.category-card,.category-tile,.play-stage,.play-summary,.play-panels,.play-copy,.filter-panel,.filter-row,.rank-row,.rank-info,.hero-copy,.poster-caption,.side-card,.header-bar,.brand-link{min-width:0}.hero h1,.hero h2,.page-hero h1,.page-hero p,.poster-caption h3,.play-copy h1,.rank-info h2,.lead-text,.category-card p,.category-tile p,.section-head p{overflow-wrap:anywhere;word-break:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.site-header{box-shadow:inset 0 -3px #c8f542;position:fixed;z-index:80;inset:0 0 auto;padding-top:env(safe-area-inset-top,0px);background:#08080ad1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-bar{max-width:1240px;margin:0 auto;min-height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:10px max(18px,env(safe-area-inset-left,0px)) 10px max(18px,env(safe-area-inset-right,0px))}.brand-link{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent),#d4ff5e 55%,var(--accent-2));color:var(--accent-ink);font-weight:800;box-shadow:0 10px 28px #c8f54259}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-text strong,.footer-brand strong{font-size:1.05rem;letter-spacing:.02em}.brand-text em{font-style:normal;color:var(--muted);font-size:.72rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12rem}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.nav-link{padding:8px 14px;border-radius:999px;color:var(--muted);font-size:.92rem;position:relative}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:#c8f5421f}.nav-link.active:after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.header-search{display:flex;align-items:center;gap:0;min-width:0;border:1px solid var(--line);border-radius:999px;background:#ffffff08;overflow:hidden}.header-search input{width:150px;border:0;background:transparent;color:var(--text);padding:10px 14px;outline:none;min-width:0}.header-search button{border:0;background:var(--accent);color:#0b0d05;padding:10px 16px;font-weight:700;cursor:pointer}.menu-toggle{display:none;margin-left:0;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;min-width:44px;min-height:44px;cursor:pointer}.mobile-nav{display:none;border-top:1px solid var(--line);padding:12px max(14px,env(safe-area-inset-left,0px)) 16px;background:var(--bg-elev)}.mobile-nav.open{display:grid;gap:6px}.mobile-link{padding:12px 14px;border-radius:12px;color:var(--muted)}.mobile-link.active,.mobile-link:hover{background:#c8f5421f;color:var(--text)}.mobile-nav form{display:flex;gap:8px;margin-top:8px}.mobile-nav input{flex:1;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:12px}.mobile-nav button{border:0;border-radius:12px;background:var(--accent);color:#0b0d05;padding:12px 16px;font-weight:700}.btn-primary,.btn-dark,.rank-play,.section-more,.hero-search button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;font-weight:700;border:0;cursor:pointer}.btn-primary,.rank-play,.hero-search button,.filter-row .btn-primary,.filter-panel .btn-primary{background:linear-gradient(120deg,var(--accent),#d8ff6a);color:#0b0d05;box-shadow:0 12px 30px #c8f54247}.btn-dark{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.tag,.detail-meta span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:#ffffff0d;border:1px solid var(--line);color:var(--muted);font-size:.78rem}.pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.2}.pill.gray{background:#ffffff08}.pill.light{background:#c8f54224;border-color:#c8f5426b;color:var(--accent-2);border-radius:999px;padding:7px 12px;font-size:.82rem}.pill:hover{color:var(--text);border-color:#c8f54259}.detail-tags .tag{border-color:#c8f54259;color:#eaffb0}.hero{position:relative;min-height:720px;padding-top:var(--header-h);overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(1.05) contrast(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080aeb,#08080a8c 42%,#08080a47 70%,#08080a8c),linear-gradient(180deg,#08080a40,#08080a26 40%,#08080aeb)}.hero-content{position:relative;z-index:2;max-width:1240px;margin:0 auto;min-height:calc(720px - var(--header-h));display:grid;align-content:flex-end;padding:48px 24px 150px;gap:0}.hero-copy{max-width:720px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#eaff9a1f;color:var(--accent-2);font-size:.78rem;font-weight:700;margin-bottom:14px}.hero h1,.hero h2:first-of-type{font-size:clamp(1.7rem,4.2vw,2.8rem);line-height:1.18;margin:0 0 10px;letter-spacing:.01em}.hero h2{font-size:clamp(1.2rem,2.4vw,1.7rem);margin:0 0 12px;color:#f3ffc8}.hero p{color:var(--muted);max-width:42rem;line-height:1.65;margin:0 0 16px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-dots{position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:96px;display:flex;gap:8px}.hero-dot{width:10px;height:10px;border-radius:999px;border:0;background:#ffffff47;cursor:pointer;padding:0}.hero-dot.is-active{width:28px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.hero-search{position:absolute;z-index:3;left:50%;bottom:24px;transform:translate(-50%);width:min(760px,calc(100% - 28px));display:grid;grid-template-columns:1fr auto;background:#101114e0;border:1px solid var(--line);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-search input{border:0;background:transparent;color:var(--text);padding:16px 18px;outline:none}.hero-search button{border-radius:0}.content-section{max-width:1240px;margin:0 auto;padding:56px max(20px,env(safe-area-inset-left,0px)) 24px max(20px,env(safe-area-inset-right,0px))}.content-section.alt-section{max-width:none;padding-left:0;padding-right:0;background:linear-gradient(180deg,rgba(200,245,66,.04),transparent 60%)}.content-section.alt-section>*{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head span{display:block;color:var(--accent-2);font-size:.75rem;font-weight:800;letter-spacing:.14em;margin-bottom:8px}.section-head h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 8px}.section-head p{color:var(--muted);margin:0;max-width:40rem;line-height:1.6}.section-more{white-space:nowrap;padding:10px 16px;font-size:.88rem}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.movie-card{min-width:0}.poster-frame{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 1px #c8f54214 inset;transform:translateZ(0)}.poster-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .45s ease,filter .45s ease}.poster-frame:before{content:"";position:absolute;z-index:1;inset:10px auto auto 10px;width:18px;height:18px;border-left:2px solid var(--accent-2);border-top:2px solid var(--accent-2);opacity:.85;pointer-events:none}.poster-frame:after{content:"";position:absolute;z-index:1;inset:auto 10px 10px auto;width:18px;height:18px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);opacity:.85;pointer-events:none}.movie-card:hover .poster-frame img{transform:scale(1.06);filter:brightness(1.05)}.poster-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 42%,rgba(8,10,14,.92) 100%);pointer-events:none}.play-chip{position:absolute;z-index:2;left:50%;top:42%;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease;background:#c8f542eb;color:#0b0d05;border-radius:999px;padding:10px 16px;font-size:.85rem;font-weight:700}.movie-card:hover .play-chip{opacity:1}.type-badge{position:absolute;z-index:2;top:12px;right:12px;background:#08080ac7;border:1px solid rgba(234,255,154,.35);color:var(--accent-2);font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:8px}.poster-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:14px 12px 12px}.poster-caption h3{margin:0;font-size:.95rem;line-height:1.35}.poster-caption h3 a{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-caption .meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;color:var(--muted);font-size:.78rem}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-grid.large{grid-template-columns:1fr;gap:12px}.category-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden;min-height:108px;transition:transform .2s ease,border-color .2s ease}.category-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:16px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden;min-height:108px;transition:transform .2s ease,border-color .2s ease}.category-tile>div{min-width:0;overflow:hidden}.category-tile strong{display:block;overflow-wrap:anywhere;word-break:break-word}.category-card:before,.category-tile:before{content:"";position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(200,245,66,.2),transparent 70%);pointer-events:none}.category-card:hover,.category-tile:hover{transform:translateY(-2px);border-color:#c8f54266}.category-card span,.category-tile strong,.category-tile>span:first-child{font-size:1.15rem;font-weight:800}.category-card p,.category-tile p{margin:6px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tile em{font-style:normal;font-weight:800;font-size:1.4rem;color:var(--accent-2);opacity:.9;min-width:2.2rem}.category-go{border:1px solid rgba(200,245,66,.35);color:#eaffb0;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;white-space:nowrap}.page-hero{padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 48px) max(20px,env(safe-area-inset-left,0px)) 40px max(20px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:radial-gradient(700px 280px at 85% 0%,rgba(200,245,66,.16),transparent 60%),linear-gradient(180deg,#141416,var(--bg))}.page-hero.small-hero{padding-bottom:32px}.page-hero>div{max-width:1240px;margin:0 auto}.page-hero span{display:inline-block;color:var(--accent-2);font-size:.75rem;font-weight:800;letter-spacing:.14em;margin-bottom:10px}.page-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 12px}.page-hero p{color:var(--muted);max-width:46rem;line-height:1.65;margin:0}.filter-panel{display:grid;gap:12px;padding:14px;margin-bottom:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.filter-row{display:flex;flex-wrap:wrap;gap:10px;width:100%}.filter-row .input,.filter-row .select,.input,.select{flex:1;min-width:140px;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text)}.empty-state{display:none;padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.empty-state.show{display:block}.rank-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.rank-cover{position:relative;display:block;width:92px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.rank-cover img{width:100%;aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover}.rank-cover span{position:absolute;left:8px;top:8px;min-width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink)}.rank-info h2{margin:0 0 8px;font-size:1.05rem}.rank-info p{margin:0 0 8px;color:var(--muted);font-size:.9rem;line-height:1.5}.rank-play{padding:10px 16px;font-size:.88rem}.detail-page{padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 18px) 0 24px}.breadcrumb{max-width:1240px;margin:0 auto 16px;padding:0 max(20px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.86rem}.breadcrumb a:hover{color:var(--accent-2)}.play-stage{max-width:1240px;margin:0 auto;display:grid;gap:18px;padding:0 max(20px,env(safe-area-inset-left,0px)) 0 max(20px,env(safe-area-inset-right,0px))}.video-shell{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;background:#000;border:1px solid var(--line);box-shadow:var(--shadow)}.video-shell video{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#000;display:block}.player-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000006b;z-index:2;padding:1rem}.player-unmute{position:absolute;left:1rem;bottom:1rem;z-index:3;max-width:calc(100% - 2rem)}.play-error-box{text-align:center;color:#fff;max-width:20rem}.play-error-box p{margin:.75rem 0 1rem}.play-summary{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:start;padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.play-poster{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 0 1px #eaff9a1f inset}.play-poster img{width:100%;aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover}.play-copy h1{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 10px;line-height:1.2}.lead-text{color:var(--muted);line-height:1.65;margin:0 0 14px}.detail-meta,.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.play-panels{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.detail-block,.side-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.detail-block h2,.side-card h2{margin:0 0 12px;font-size:1.05rem}.detail-block p,.side-card p{margin:0;color:var(--muted);line-height:1.7}.side-card dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;margin:0}.side-card dt{color:var(--muted)}.side-card dd{margin:0}.play-stage .detail-block+.detail-block{margin-top:16px}.site-footer{margin-top:40px;padding:48px max(20px,env(safe-area-inset-left,0px)) 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(200,245,66,.05) 40%,rgba(0,0,0,.2))}.footer-top{max-width:1240px;margin:0 auto 28px;display:grid;gap:12px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-top p{margin:0;color:var(--muted);max-width:52rem;line-height:1.7}.footer-grid,.footer-cols{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer h3{margin:0 0 12px;font-size:.95rem;color:var(--accent-2)}.footer-links{display:grid;gap:8px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}.footer-bottom{max-width:1240px;margin:28px auto 0;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;color:var(--muted);font-size:.85rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.simple-page h2{margin:1.4rem 0 .6rem}.simple-page p{color:var(--muted);line-height:1.7}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.info-grid>div{padding:12px;border-radius:12px;background:var(--bg-elev);border:1px solid var(--line)}.info-grid span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.back-top{position:fixed;z-index:70;right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);opacity:0;pointer-events:none;transition:opacity .2s ease;cursor:pointer}.back-top.show{opacity:1;pointer-events:auto}.x-auth-page{padding:6.5rem max(16px,env(safe-area-inset-left,0px)) 2rem}.x-auth-card{max-width:420px;margin:0 auto;padding:24px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.auth-eye{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}#play,.detail-page,.page-hero,.content-section{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}@media (max-width:1100px){.header-bar{gap:12px}.header-search input{width:120px}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:640px}.hero-content{min-height:calc(640px - var(--header-h));padding:40px 20px 140px}.play-panels,.category-grid{grid-template-columns:1fr}}@media (max-width:980px){.desktop-nav .nav-link:nth-child(n+5){display:none}.play-summary{grid-template-columns:120px minmax(0,1fr)}}@media (max-width:900px){.desktop-nav .nav-link:nth-child(n+4){display:none}.header-search input{width:100px}.brand-text em{display:none}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){:root{--header-h:60px}.header-inner,.header-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px max(14px,env(safe-area-inset-left,0px)) 8px max(14px,env(safe-area-inset-right,0px))}.brand-text{max-width:min(58vw,11rem)}.brand-text strong{font-size:.98rem}.desktop-nav,.header-search{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.hero{min-height:min(92vh,620px);min-height:min(92dvh,620px)}.hero-content{min-height:calc(min(92vh,620px) - var(--header-h));min-height:calc(min(92dvh,620px) - var(--header-h));padding:24px max(14px,env(safe-area-inset-left,0px)) 148px max(14px,env(safe-area-inset-right,0px))}.hero h1,.hero h2:first-of-type{font-size:clamp(1.35rem,6vw,2rem);margin-bottom:8px}.hero h2{font-size:clamp(1.05rem,4.5vw,1.35rem)}.hero p{-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem}.hero-actions{flex-direction:column;gap:10px}.hero-actions .btn-primary,.hero-actions .btn-dark{width:100%}.hero-dots{bottom:96px}.hero-search{width:min(720px,calc(100% - 24px));bottom:max(12px,env(safe-area-inset-bottom,0px));grid-template-columns:1fr}.hero-search button{width:100%;padding:14px}.content-section{padding:36px max(14px,env(safe-area-inset-left,0px)) 20px max(14px,env(safe-area-inset-right,0px))}.content-section.alt-section>*{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid,.category-grid.large{grid-template-columns:1fr;gap:10px}.category-tile{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}.category-go{display:none}.category-card{min-height:96px;padding:14px}.tag-cloud{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px 1.25rem;padding:2px 14px 10px;scrollbar-width:none}.tag-cloud::-webkit-scrollbar{display:none}.tag-cloud .pill{flex:0 0 auto;white-space:nowrap}.section-head{display:grid;align-items:start;gap:10px}.section-more{width:-moz-max-content;width:max-content}.filter-panel{padding:12px;border-radius:14px}.filter-row{display:grid;grid-template-columns:1fr;gap:10px}.filter-row .input,.filter-row .select,.filter-row .btn-primary,.filter-panel .btn-primary{width:100%;min-width:0}.rank-row{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px;align-items:start}.rank-cover{width:72px}.rank-play{grid-column:2;width:100%;justify-content:center}.rank-info p{-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.detail-page{padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 12px) 0 20px}.breadcrumb{padding:0 max(14px,env(safe-area-inset-left,0px)) 12px max(14px,env(safe-area-inset-right,0px));font-size:.8rem;gap:6px}.play-stage,.player-layout{gap:14px;padding:0 max(14px,env(safe-area-inset-left,0px)) 0 max(14px,env(safe-area-inset-right,0px))}.video-shell{border-radius:14px}.play-summary{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px;border-radius:14px}.play-copy h1{font-size:clamp(1.25rem,5.5vw,1.7rem)}.play-panels,.footer-grid,.footer-cols{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.site-footer{padding:36px max(14px,env(safe-area-inset-left,0px)) 24px}.page-hero{padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + 24px) max(14px,env(safe-area-inset-left,0px)) 28px max(14px,env(safe-area-inset-right,0px))}.page-hero h1{font-size:clamp(1.55rem,7vw,2.2rem)}.mini-tags{display:none}.info-grid{grid-template-columns:1fr}.player-cover .btn-primary{max-width:100%;width:100%;white-space:normal;line-height:1.35;padding:12px 14px}.btn-row{width:100%}.btn-row .btn-primary,.btn-row .btn-dark,.btn-row a{flex:1 1 auto;justify-content:center;text-align:center}.x-auth-page{padding:calc(var(--header-h) + 1.5rem) max(14px,env(safe-area-inset-left,0px)) 2rem}.panel{padding:16px}.side-card dl{grid-template-columns:56px minmax(0,1fr)}#play,.detail-page,.page-hero,.content-section{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}}@media (max-width:480px){.hero{min-height:min(96vh,680px);min-height:min(96dvh,680px)}.hero-content{min-height:calc(min(96vh,680px) - var(--header-h));min-height:calc(min(96dvh,680px) - var(--header-h));padding-bottom:156px}.hero-dots{bottom:118px}.play-summary{grid-template-columns:1fr;justify-items:center;text-align:center}.play-poster{max-width:160px;width:100%}.play-copy .detail-meta,.play-copy .detail-tags{justify-content:center}.poster-caption{padding:12px 10px 10px}.poster-caption h3{font-size:.82rem}.type-badge{font-size:.68rem;padding:3px 6px}.movie-grid{gap:8px}}@media (max-width:360px){.brand-text strong{font-size:.9rem}.movie-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.hero-slide,.movie-card img,.poster-link img,.poster-frame img,.back-top,.category-card,.category-tile{transition:none!important}}