:root{color-scheme:dark;--bg:#020617;--panel:#0f172a;--panel2:#111827;--line:#1e293b;--text:#f8fafc;--muted:#94a3b8;--soft:#cbd5e1;--cyan:#22d3ee;--blue:#3b82f6;--green:#34d399;--orange:#fb923c;--red:#f43f5e;--shadow:0 24px 80px rgba(2,6,23,.45)}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(34,211,238,.16),transparent 38%),radial-gradient(circle at 80% 0,rgba(59,130,246,.12),transparent 32%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.14)}.nav-wrap{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.02em;background:linear-gradient(90deg,var(--cyan),#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.22));border:1px solid rgba(34,211,238,.35);display:grid;place-items:center;color:#67e8f9;box-shadow:0 0 32px rgba(34,211,238,.25);font-size:14px}.main-nav{display:flex;align-items:center;gap:8px;flex:1}.nav-link{padding:9px 12px;border-radius:999px;color:#cbd5e1;font-size:14px;transition:.2s}.nav-link:hover,.nav-link.is-active{color:#fff;background:rgba(30,41,59,.9)}.top-search{display:flex;align-items:center;gap:8px;background:#0b1220;border:1px solid var(--line);border-radius:14px;padding:5px}.top-search input{width:190px;background:transparent;border:0;color:#dbeafe;outline:0;padding:8px 8px}.top-search button,.search-box button{border:0;border-radius:10px;background:#164e63;color:#ecfeff;padding:8px 12px;cursor:pointer}.menu-btn{display:none;margin-left:auto;color:#fff;background:#0f172a;border:1px solid var(--line);border-radius:12px;width:42px;height:42px}.mobile-panel{display:none;border-top:1px solid var(--line);padding:14px 24px 18px;background:#0f172a}.mobile-panel.is-open{display:grid;gap:12px}.mobile-panel a{color:#cbd5e1}.mobile-panel form{display:flex;gap:8px}.mobile-panel input{flex:1;background:#020617;border:1px solid var(--line);border-radius:12px;color:#fff;padding:10px}.mobile-panel button{background:#0891b2;color:#fff;border:0;border-radius:10px;padding:10px 14px}.hero-slider{position:relative;min-height:680px;overflow:hidden;background:#020617}.hero-track{position:relative;min-height:680px}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease;display:grid;grid-template-columns:minmax(0,1.1fr) 360px;align-items:center;gap:48px;padding:86px max(32px,calc((100vw - 1180px)/2)) 118px}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.34;filter:blur(2px) saturate(1.12)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.96) 0%,rgba(2,6,23,.75) 48%,rgba(2,6,23,.84) 100%),linear-gradient(0deg,#020617 0%,rgba(2,6,23,.2) 45%,#020617 100%)}.hero-content,.hero-poster{position:relative;z-index:2}.hero-label,.detail-meta,.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hero-label span,.detail-meta span{padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.76);border:1px solid rgba(34,211,238,.24);color:#a5f3fc;font-size:13px}.hero-content h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:18px 0;background:linear-gradient(90deg,#fff,#bae6fd 48%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}.hero-content p{font-size:19px;line-height:1.8;color:#dbeafe;max-width:760px}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.hero-tags{margin:24px 0}.hero-tags span,.tag-row span{border-radius:999px;background:rgba(34,211,238,.11);border:1px solid rgba(34,211,238,.2);color:#67e8f9;padding:6px 10px;font-size:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-btn,.ghost-btn,.more-link{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 20px;font-weight:700;transition:.2s}.primary-btn{background:linear-gradient(135deg,#06b6d4,#2563eb);color:white;box-shadow:0 14px 38px rgba(37,99,235,.28)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(34,211,238,.25)}.ghost-btn,.more-link{background:rgba(15,23,42,.74);border:1px solid rgba(148,163,184,.2);color:#e2e8f0}.ghost-btn:hover,.more-link:hover{border-color:rgba(34,211,238,.45);color:#fff}.hero-poster{border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow);aspect-ratio:2/3}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(34,211,238,.86);color:#00111a;font-size:28px;box-shadow:0 0 42px rgba(34,211,238,.48)}.hero-control{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.68);color:white;font-size:34px;display:grid;place-items:center}.hero-control.prev{left:20px}.hero-control.next{right:20px}.hero-dots{position:absolute;z-index:5;left:50%;bottom:46px;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.45);transition:.2s}.hero-dot.is-active{width:34px;background:#22d3ee}.hero-category-links{position:absolute;z-index:5;left:50%;bottom:88px;transform:translateX(-50%);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:min(960px,calc(100% - 32px))}.hero-category-links a{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.66);color:#cbd5e1;border-radius:999px;padding:8px 13px;font-size:13px}.intro-search{margin-top:-38px;position:relative;z-index:8;background:rgba(15,23,42,.82);border:1px solid rgba(34,211,238,.16);border-radius:28px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.intro-search h2{font-size:26px;margin:0 0 8px}.intro-search p{color:#cbd5e1;line-height:1.8;margin:0 0 18px}.content-section{padding:64px 0}.section-head{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between}.section-head h2{font-size:32px;line-height:1.2;margin:0}.section-head p{color:#94a3b8;margin-top:8px}.section-kicker{display:block;width:6px;height:32px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--blue));float:left;margin:4px 14px 0 0}.section-head.orange .section-kicker{background:linear-gradient(180deg,var(--orange),var(--red))}.section-head.green .section-kicker{background:linear-gradient(180deg,var(--green),#10b981)}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.movie-card{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.13);border-radius:22px;overflow:hidden;box-shadow:0 18px 56px rgba(2,6,23,.28);transition:.25s}.movie-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.34);box-shadow:0 22px 70px rgba(2,6,23,.38)}.card-cover{position:relative;display:block;aspect-ratio:2/3;background:linear-gradient(135deg,#1e293b,#111827);overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.movie-card:hover .card-cover img{transform:scale(1.06)}.image-off{opacity:0}.card-badge{position:absolute;left:10px;top:10px;background:rgba(6,182,212,.95);color:#02131b;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.card-play{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:rgba(15,23,42,.74);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}.card-body{padding:14px}.card-body h3{font-size:16px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body h3 a:hover{color:#67e8f9}.card-meta{gap:6px;color:#94a3b8;font-size:12px;margin-bottom:9px}.card-meta span:not(:last-child):after{content:"·";margin-left:6px;color:#475569}.card-body p{margin:0 0 12px;color:#aebed0;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact .card-body p{display:none}.tag-row span{padding:4px 8px}.split-section{display:grid;grid-template-columns:380px 1fr;gap:28px;padding:42px 0}.ranking-panel,.category-panel{background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,41,59,.7));border:1px solid rgba(148,163,184,.12);border-radius:30px;padding:28px}.ranking-panel ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ranking-panel li a{display:grid;grid-template-columns:38px 1fr 42px;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(2,6,23,.34);color:#e5e7eb}.ranking-panel li span{color:#fb923c;font-weight:900}.ranking-panel li em{font-style:normal;color:#67e8f9;text-align:right}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{position:relative;overflow:hidden;min-height:214px;border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(17,24,39,.82));border:1px solid rgba(148,163,184,.14);padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 56px rgba(2,6,23,.24);transition:.25s}.category-card:hover{transform:translateY(-4px);border-color:rgba(52,211,153,.32)}.category-stack{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);opacity:.18}.category-stack img{width:100%;height:100%;object-fit:cover}.category-card h3{position:relative;margin:0 0 8px;font-size:22px}.category-card p{position:relative;color:#cbd5e1;font-size:13px;line-height:1.65;margin:0}.category-card>span{position:relative;color:#67e8f9;font-size:13px;font-weight:700}.section-more{text-align:center;margin-top:34px}.page-main{padding:42px 0 80px}.page-hero{border-radius:30px;background:linear-gradient(135deg,rgba(14,116,144,.22),rgba(30,41,59,.72));border:1px solid rgba(34,211,238,.16);padding:42px;margin-bottom:42px;box-shadow:var(--shadow)}.page-hero h1{margin:0 0 12px;font-size:42px}.page-hero p{margin:0;color:#cbd5e1;font-size:17px;line-height:1.8;max-width:820px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#94a3b8;margin-bottom:20px;font-size:14px}.breadcrumb a:hover{color:#67e8f9}.library-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:16px}.search-box{display:flex;gap:8px;flex:1}.search-box input,.sort-select{background:#0b1220;border:1px solid var(--line);border-radius:14px;color:#e2e8f0;outline:0;padding:12px 14px}.search-box input{width:100%}.sort-select{min-width:170px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.filter-chip{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.72);color:#cbd5e1;border-radius:999px;padding:8px 13px}.filter-chip.is-active{background:rgba(8,145,178,.32);border-color:rgba(34,211,238,.45);color:#fff}.rank-list{display:grid;gap:14px}.rank-card{display:grid;grid-template-columns:96px 1fr 70px;gap:18px;align-items:center;padding:12px}.rank-cover{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1e293b,#020617)}.rank-cover img{width:100%;height:100%;object-fit:cover}.rank-cover span{position:absolute;left:8px;top:8px;background:rgba(251,146,60,.95);color:#111827;font-weight:900;border-radius:999px;padding:3px 7px;font-size:12px}.rank-info h3{margin:0 0 8px;font-size:20px}.rank-info p{color:#cbd5e1;line-height:1.7;margin:0 0 10px}.rank-card>em{font-style:normal;font-size:24px;font-weight:900;color:#67e8f9;text-align:center}.detail-hero{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,47,73,.58));border:1px solid rgba(34,211,238,.16);border-radius:32px;padding:30px;box-shadow:var(--shadow);margin-bottom:34px}.detail-poster{aspect-ratio:2/3;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#1e293b,#020617);box-shadow:0 18px 60px rgba(2,6,23,.5)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:46px;line-height:1.1;margin:18px 0 12px}.detail-copy p{font-size:18px;line-height:1.8;color:#dbeafe;max-width:860px}.detail-meta{margin:16px 0}.player-section{margin:34px 0;background:#050b16;border:1px solid rgba(148,163,184,.14);border-radius:28px;padding:24px}.player-section h2{margin:0 0 16px;font-size:26px}.player-box{border-radius:22px;overflow:hidden;background:#000;box-shadow:0 18px 60px rgba(0,0,0,.38)}.player-box video{width:100%;aspect-ratio:16/9;background:#000;display:block}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.story-card,.side-card{background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.12);border-radius:26px;padding:26px}.story-card h2,.side-card h2{margin:0 0 14px;font-size:24px}.story-card p{color:#d2dbea;line-height:2;margin:0 0 24px}.side-card dl{display:grid;gap:12px;margin:0}.side-card dl div{display:grid;grid-template-columns:72px 1fr;gap:12px;color:#cbd5e1}.side-card dt{color:#94a3b8}.pager-links{display:grid;gap:10px;margin-top:24px}.pager-links a{padding:12px;border-radius:14px;background:#0b1220;color:#cbd5e1}.pager-links a:hover{color:#67e8f9}.site-footer{border-top:1px solid rgba(148,163,184,.12);background:#0f172a;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-grid p{color:#94a3b8;line-height:1.8}.footer-grid h3{margin:0 0 14px}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:#cbd5e1;background:rgba(2,6,23,.32);border:1px solid rgba(148,163,184,.12);border-radius:999px;padding:7px 10px;font-size:13px}.footer-bottom{text-align:center;color:#64748b;margin-top:32px;font-size:13px}.is-hidden{display:none!important}@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.split-section,.detail-layout{grid-template-columns:1fr}.top-search{display:none}.hero-slide{grid-template-columns:1fr 280px}}@media (max-width:760px){.site-shell{width:min(100% - 24px,1180px)}.main-nav{display:none}.menu-btn{display:grid;place-items:center}.nav-wrap{height:62px}.hero-slider,.hero-track{min-height:780px}.hero-slide{grid-template-columns:1fr;padding:64px 18px 140px;gap:22px}.hero-content h1{font-size:42px}.hero-content p{font-size:16px}.hero-poster{width:min(58vw,240px);justify-self:center}.hero-control{display:none}.hero-category-links{bottom:78px}.hero-dots{bottom:36px}.intro-search{margin-top:0;border-radius:0;width:100%;padding:24px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:14px}.category-grid,.category-grid.small{grid-template-columns:1fr}.library-toolbar{flex-direction:column;align-items:stretch}.search-box{flex-direction:column}.sort-select{width:100%}.page-hero{padding:28px}.page-hero h1{font-size:34px}.detail-hero{grid-template-columns:1fr;padding:20px}.detail-poster{width:min(62vw,260px);justify-self:center}.detail-copy h1{font-size:34px}.rank-card{grid-template-columns:72px 1fr;gap:12px}.rank-card>em{display:none}.rank-info h3{font-size:17px}.rank-info p{display:none}.footer-grid{grid-template-columns:1fr}.side-card dl div{grid-template-columns:1fr}.section-head h2{font-size:26px}}