:root{--bg:#101010;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.12);--text:#f8fafc;--muted:rgba(148,163,184,.95);--primary:#db2777;--accent:#38bdf8;--line:rgba(148,163,184,.22);--radius:26px;}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Microsoft YaHei',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-wrap{min-height:100vh;overflow:hidden}.site-main{width:min(1240px,94vw);margin:0 auto;padding:22px 0 90px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,#000);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner,.stream-row,.search-first,.topic-head,.mobile-topbar,.mini-grid,.header-card{width:min(1240px,94vw);margin:auto;display:flex;align-items:center;gap:18px;padding:14px 0}.brand{font-weight:900;font-size:22px;letter-spacing:.03em;white-space:nowrap}.brand em,.brand small{display:block;font-size:12px;color:var(--muted);font-style:normal}.brand.mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.main-nav{display:flex;align-items:center;gap:8px;min-width:0;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar,.drag-scroll::-webkit-scrollbar{display:none}.main-nav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:var(--muted)}.main-nav a.active,.main-nav a:hover{background:var(--primary);color:#fff}.site-search{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:240px}.site-search input,.mobile-search-panel input,.search-card input,.home-search-hero input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:999px;padding:11px 15px;outline:none}.site-search button,.search-card button,.home-search-hero button,.btn-primary{border:0;background:var(--primary);color:#fff;border-radius:999px;padding:11px 17px;font-weight:700;cursor:pointer}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;width:42px;height:42px;display:none;place-items:center;font-size:20px}.top-line{display:flex;gap:20px;justify-content:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.stream-search{width:min(800px,94vw);margin:0 auto 12px}.stream-search .site-search{margin:0}.full-nav,.block-nav,.chip-nav,.card-nav,.text-nav,.mobile-chip-nav{width:min(1240px,94vw);margin:auto;padding-bottom:12px}.header-card{margin-top:10px;background:var(--panel);padding:14px 18px;border-radius:var(--radius)}.mini-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.mini-grid .mini-nav{grid-column:1/4;width:100%}
.mobile-search-panel{display:none;width:min(1240px,94vw);margin:0 auto 12px}.mobile-search-panel.show{display:block}.mobile-search-panel form{display:flex;gap:8px}.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;display:none}.drawer-mask.show{display:block}.mobile-drawer{position:fixed;z-index:81;top:0;bottom:0;right:-320px;width:min(320px,82vw);background:#111827;color:#fff;padding:18px;transition:.25s;display:flex;flex-direction:column;gap:10px}.mobile-drawer.show{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-head button{font-size:26px;background:transparent;border:0;color:#fff}.mobile-drawer a{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin:12px 0 18px;flex-wrap:wrap}.hero-label{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--accent);font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}.section-head h1,.section-head h2,.section-head h3{margin:0;font-size:clamp(20px,2vw,30px)}.section-head a{color:var(--accent);font-weight:700}.tpl-section,.top-movie-recommend,.search-card,.home-search-hero,.list-hero,.detail-shell,.player-info-card,.notfound,.rank-matrix,.poster-wall,.magazine-hero,.app-home-shell{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:18px 0;box-shadow:0 16px 45px rgba(0,0,0,.16)}.top-movie-recommend{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,transparent),var(--panel))}
.fofo-hero{position:relative;border-radius:calc(var(--radius) + 8px);overflow:hidden;min-height:390px;background:#111;margin:18px 0;border:1px solid var(--line)}.wok-hero-ambient{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(26px);opacity:.34;transform:scale(1.08)}.wok-hero-grid{position:relative;display:grid;grid-template-columns:1.3fr 260px 330px;gap:22px;align-items:center;padding:32px}.wok-hero-text h1{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:16px 0 10px}.wok-hero-desc{color:var(--muted);max-width:650px}.watch-btn,.btn-soft{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:12px 18px;background:var(--accent);color:#111;font-weight:800}.btn-soft{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.wok-hero-main-poster{border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.35)}.wok-hero-main-poster img{aspect-ratio:2/3;object-fit:cover;width:100%}.wok-hero-main-poster span{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.65);padding:6px 10px;border-radius:999px}.wok-hero-list{display:grid;gap:10px}.hero-thumb{display:grid;grid-template-columns:56px 1fr;gap:10px;text-align:left;border:1px solid var(--line);background:rgba(0,0,0,.28);color:var(--text);border-radius:14px;padding:8px;cursor:pointer}.hero-thumb.active{border-color:var(--accent);background:rgba(255,255,255,.13)}.hero-thumb img{width:56px;height:72px;object-fit:cover;border-radius:10px}.hero-thumb strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-thumb em{color:var(--muted);font-style:normal;font-size:12px}
.tpl-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tpl-card{min-width:0}.poster-card-body,.episode-card-body{display:block;position:relative;border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.07);border:1px solid var(--line);height:100%}.poster-card-body img,.episode-card-body img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#222}.poster-card-body i{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.66);padding:4px 7px;border-radius:999px;font-style:normal;font-size:12px}.poster-card-body b{position:absolute;top:8px;right:8px;background:var(--accent);color:#111;padding:4px 7px;border-radius:999px;font-size:12px}.poster-card-body strong,.episode-card-body strong{display:block;padding:10px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card-body em,.episode-card-body span{display:block;color:var(--muted);padding:3px 10px 12px;font-style:normal;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-card-body em{position:absolute;right:10px;bottom:42px;background:var(--primary);color:#fff;border-radius:999px;padding:6px 10px;font-style:normal}.feed-card-body,.wide-card-body{display:grid;grid-template-columns:120px 1fr;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;height:100%}.wide-card-body{grid-template-columns:1fr;position:relative;overflow:hidden;padding:0}.wide-card-body img{width:100%;aspect-ratio:16/9;object-fit:cover}.wide-card-body span{padding:12px}.feed-card-body img{width:120px;height:150px;object-fit:cover;border-radius:12px}.feed-card-body strong,.wide-card-body strong{display:block;font-size:18px;line-height:1.3}.feed-card-body em,.wide-card-body em{display:block;color:var(--muted);font-style:normal;margin:5px 0}.feed-card-body p{margin:0;color:var(--muted);font-size:14px}.text-card-body,.rank-card-body{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 6px}.text-card-body p{grid-column:2/4;margin:0;color:var(--muted);font-size:14px}.rank-card-body b,.text-card-body span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:900}.rank-card-body em{color:var(--accent);font-style:normal}.flip-inner{display:block;position:relative;min-height:310px;perspective:1000px}.flip-front,.flip-back{position:absolute;inset:0;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;backface-visibility:hidden;transition:.45s;display:flex;flex-direction:column}.flip-front img{height:250px;object-fit:cover}.flip-front strong,.flip-back strong{padding:12px}.flip-back{transform:rotateY(180deg);padding:14px}.card-flip:hover .flip-front,.card-flip.open .flip-front{transform:rotateY(180deg)}.card-flip:hover .flip-back,.card-flip.open .flip-back{transform:rotateY(360deg)}
.home-layout,.list-shell,.search-layout,.play-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.tpl-rank{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;position:sticky;top:92px}.tpl-rank h3{margin:0 0 10px}.tpl-rank a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}.tpl-rank b{color:var(--accent)}.tpl-rank em{color:var(--muted);font-style:normal;font-size:12px}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.filter-strip{display:flex;gap:10px;overflow:auto;margin:16px 0;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.filter-strip a{white-space:nowrap;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.07)}.filter-strip a.active{background:var(--primary);color:#fff}.pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0}.pagination a,.pagination span{padding:8px 13px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.pagination a.active{background:var(--primary);color:#fff}
.detail-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:22px;align-items:start}.detail-visual{position:relative}.detail-visual img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius)}.detail-visual span{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.7);padding:6px 10px;border-radius:999px}.detail-content h1{font-size:clamp(28px,4vw,46px);margin:12px 0}.detail-tags{display:flex;gap:8px;overflow:auto;margin:10px 0}.detail-tags span{white-space:nowrap;background:var(--panel2);border:1px solid var(--line);padding:6px 10px;border-radius:999px}.detail-intro,.article-text{color:var(--muted)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.episode-buttons{display:flex;gap:10px;flex-wrap:wrap}.episode-buttons a{min-width:72px;text-align:center;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.episode-buttons a.active,.episode-buttons a:hover{background:var(--primary);color:#fff}.play-shell{grid-template-columns:minmax(0,1fr) 340px}.player-box{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line)}.video-player{width:100%;height:100%;background:#000}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:0;background:rgba(255,255,255,.86);font-size:28px;align-items:center;justify-content:center}.player-empty{height:100%;display:grid;place-items:center;color:#fff}.play-vod-card{display:grid;grid-template-columns:92px 1fr;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:16px}.play-vod-card img{width:92px;height:122px;object-fit:cover;border-radius:10px}.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.share-btn{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}.notfound{text-align:center;padding:60px 20px}.notfound h1{font-size:88px;margin:0}
/* structural differentiation */
.tpl-47 .tpl-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.tpl-47 .top-movie-recommend{order:0;}
.tpl-47 .home-layout.text-heavy{grid-template-columns:1fr}.tpl-47 .poster-wall .tpl-cards{grid-auto-flow:dense}.tpl-47 .cards-masonry,.tpl-47 .cards-wall{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tpl-47 .cards-text,.tpl-47 .cards-seo,.tpl-47 .cards-fast{display:block}.tpl-47 .cards-feed,.tpl-47 .cards-info,.tpl-47 .cards-search,.tpl-47 .cards-detaildata{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-47 .row-cinema .tpl-cards{display:flex;overflow:auto;scroll-snap-type:x mandatory}.tpl-47 .row-cinema .tpl-card{min-width:210px;scroll-snap-align:start}.tpl-47 .rank-matrix .tpl-rank{position:static}.tpl-47 .app-home-shell{max-width:1240px;margin-left:auto;margin-right:auto}.tpl-47.page-index .site-main{}
/* mode specific */
.tpl-47 .header-stream,.tpl-47 .header-dark{background:linear-gradient(90deg,rgba(0,0,0,.88),color-mix(in srgb,var(--primary) 24%,#000))}.tpl-47 .home-search-hero{text-align:center;padding:clamp(28px,6vw,70px)}.tpl-47 .home-search-hero form,.tpl-47 .search-card form{max-width:720px;margin:18px auto;display:flex;gap:10px}.quick-links,.app-cats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.quick-links a,.app-cats a{background:var(--panel2);border:1px solid var(--line);padding:9px 14px;border-radius:999px}.tpl-47 .magazine-hero .fofo-hero{min-height:460px}.tpl-47 .detail-text .detail-visual{display:none}.tpl-47 .play-text .player-box{aspect-ratio:21/9}.tpl-47 .cards-large .poster-card-body strong{font-size:20px}
.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;grid-template-columns:repeat(4,1fr);background:rgba(15,23,42,.96);border-top:1px solid var(--line)}.mobile-bottom a{text-align:center;padding:8px 4px;color:#fff;font-size:12px}.mobile-bottom span{display:block;font-size:18px}.back-top{position:fixed;right:20px;bottom:78px;width:42px;height:42px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:none}.back-top.show{display:block}
@media(max-width:1100px){.wok-hero-grid{grid-template-columns:1fr 210px}.wok-hero-list{grid-column:1/3;grid-template-columns:repeat(3,1fr)}.home-layout,.list-shell,.search-layout,.play-shell{grid-template-columns:1fr}.home-side,.list-side,.search-side,.player-side,.detail-rank{position:static}.detail-shell{grid-template-columns:220px 1fr}}
@media(max-width:760px){body{font-size:15px}.site-main{width:94vw;padding-top:12px}.site-search{display:none}.icon-btn{display:grid}.header-inner,.stream-row,.search-first,.topic-head,.mobile-topbar,.mini-grid,.header-card{padding:10px 0;gap:10px}.brand{font-size:18px}.main-nav{width:100%}.mobile-double-nav .mobile-bottom{display:grid}.tpl-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.cards-text,.cards-seo,.cards-fast,.cards-rank,.cards-rank-mini{display:block!important}.feed-card-body{grid-template-columns:86px 1fr}.feed-card-body img{width:86px;height:112px}.wide-card-body img{aspect-ratio:16/10}.fofo-hero{min-height:auto}.wok-hero-grid{display:block;padding:20px}.wok-hero-main-poster{max-width:190px;margin:16px auto}.wok-hero-list{display:flex;overflow:auto;margin-top:14px}.hero-thumb{min-width:210px}.home-search-hero form,.search-card form{flex-direction:column}.rank-grid{grid-template-columns:1fr}.detail-shell{grid-template-columns:1fr}.detail-visual{max-width:210px;margin:auto}.play-shell{grid-template-columns:1fr}.player-box{border-radius:10px}.top-movie-recommend,.tpl-section,.search-card,.home-search-hero,.list-hero,.detail-shell,.rank-matrix,.poster-wall,.magazine-hero,.app-home-shell{padding:15px;margin:12px 0}.mobile-bottom{display:grid}}