:root{--emerald:#10b981;--emerald-dark:#059669;--teal:#0d9488;--rose:#e11d48;--blue:#2563eb;--ink:#111827;--muted:#6b7280;--soft:#f3f4f6;--line:#e5e7eb;--card:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9fafb;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(15,23,42,.08)}.nav-wrap{height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;background:linear-gradient(90deg,var(--emerald-dark),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--emerald),var(--teal));color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 12px 22px rgba(16,185,129,.25)}.desktop-nav{display:flex;align-items:center;gap:28px}.nav-link{font-weight:700;color:#374151;transition:.2s}.nav-link:hover{color:var(--emerald-dark)}.menu-toggle{display:none;width:42px;height:42px;border:0;background:#f3f4f6;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:20px;height:2px;background:#374151;border-radius:999px}.mobile-menu{display:none;padding:8px 16px 18px;border-top:1px solid var(--line);background:#fff}.mobile-link{display:block;padding:12px 0;font-weight:700;color:#374151}.mobile-menu.open{display:block}.hero{position:relative;height:600px;background:#000;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.54),rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.hero-content{height:100%;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:690px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6ee7b7;font-weight:800;letter-spacing:.04em;margin-bottom:14px}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px rgba(16,185,129,.18)}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.08;margin:0 0 18px;font-weight:900}.hero p{font-size:20px;color:#e5e7eb;max-width:680px;margin:0 0 22px}.hero-meta,.hero-tags,.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-meta span{color:#d1d5db;font-weight:700}.hero-tags{margin:18px 0 26px}.hero-tags span,.tagline span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#f8fafc;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 22px;font-weight:800;transition:.2s;border:1px solid transparent}.btn.primary{background:var(--emerald);color:#fff;box-shadow:0 14px 30px rgba(16,185,129,.25)}.btn.primary:hover{background:var(--emerald-dark);transform:translateY(-1px)}.btn.ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.btn.ghost:hover{background:rgba(255,255,255,.18)}.btn.ghost.dark{border-color:#d1d5db;color:#111827;background:#fff}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:50px;height:50px;border:0;border-radius:999px;background:rgba(0,0,0,.48);color:#fff;font-size:38px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);transition:.2s}.hero-arrow:hover{background:rgba(0,0,0,.7)}.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}.hero-dots{position:absolute;z-index:4;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.hero-dot{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.55);transition:.3s}.hero-dot.active{width:34px;background:var(--emerald)}.page-stack{padding:48px 0;display:grid;gap:56px}.section-block,.category-section,.rank-section,.article-card,.facts-card,.related-channels{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 55px rgba(15,23,42,.07)}.category-section{background:linear-gradient(135deg,#ecfdf5,#f0fdfa)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title>div{display:flex;align-items:center;gap:12px}.section-title h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15}.section-title a{color:var(--emerald-dark);font-weight:800}.icon-dot{width:8px;height:30px;border-radius:999px;background:var(--emerald);display:inline-block}.icon-dot.rose{background:var(--rose)}.icon-dot.teal{background:var(--teal)}.icon-dot.blue{background:var(--blue)}.movie-grid{display:grid;gap:22px}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.09);transition:.28s}.movie-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px rgba(15,23,42,.16)}.card-link{display:block}.poster{position:relative;aspect-ratio:3/4;overflow:hidden;background:#111827}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.movie-card:hover .poster img{transform:scale(1.1)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 55%);opacity:.35;transition:.3s}.movie-card:hover .poster-shade{opacity:1}.year-pill,.rank-badge{position:absolute;top:12px;border-radius:10px;padding:5px 9px;font-size:12px;font-weight:800;color:#fff;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.year-pill{right:12px}.rank-badge{left:12px;background:rgba(16,185,129,.88)}.poster-copy{position:absolute;left:0;right:0;bottom:0;padding:14px;transform:translateY(100%);transition:.3s;color:#fff}.movie-card:hover .poster-copy{transform:translateY(0)}.poster-copy p{font-size:13px;line-height:1.45;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-copy span{display:inline-block;padding:4px 8px;border-radius:8px;background:rgba(16,185,129,.85);font-size:12px}.card-body{padding:14px}.card-body h3{font-size:16px;line-height:1.35;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card:hover h3{color:var(--emerald-dark)}.meta-row{display:flex;justify-content:space-between;gap:10px;color:#6b7280;font-size:12px}.meta-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-tile{display:flex;flex-direction:column;gap:10px;min-height:145px;border-radius:20px;background:rgba(255,255,255,.78);padding:20px;border:1px solid rgba(16,185,129,.14);box-shadow:0 10px 28px rgba(15,23,42,.06);transition:.24s}.category-tile:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.45)}.category-tile strong{font-size:21px}.category-tile span{color:#4b5563;font-size:14px}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rank-row{display:grid;grid-template-columns:38px 54px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;background:#f9fafb;transition:.2s}.rank-row:hover{background:#ecfdf5}.rank-row span{width:32px;height:32px;border-radius:999px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.rank-row img{width:54px;height:72px;object-fit:cover;border-radius:10px}.rank-row strong{font-size:15px;line-height:1.25}.rank-row em{font-style:normal;color:#6b7280;font-size:12px}.filter-panel{display:grid;grid-template-columns:1.2fr 2fr;gap:18px;align-items:end;margin-bottom:24px}.filter-head h2{margin:0 0 6px;font-size:28px}.filter-head p{margin:0;color:#6b7280}.filter-controls{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:12px}.filter-controls input,.filter-controls select{width:100%;border:1px solid #d1d5db;background:#fff;border-radius:14px;padding:13px 14px;font:inherit;outline:none}.filter-controls input:focus,.filter-controls select:focus{border-color:var(--emerald);box-shadow:0 0 0 4px rgba(16,185,129,.12)}.page-hero{background:linear-gradient(135deg,#064e3b,#0f766e 56%,#111827);color:#fff;padding:86px 0}.compact-hero{padding:70px 0}.page-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:0 0 16px}.page-hero p{font-size:19px;color:#d1fae5;max-width:760px;margin:0}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.channel-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.08);transition:.24s}.channel-card:hover{transform:translateY(-5px)}.channel-card a{display:grid;grid-template-columns:190px 1fr;min-height:190px}.channel-posters{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#111827;padding:4px}.channel-posters img{width:100%;height:88px;object-fit:cover;border-radius:10px}.channel-body{padding:24px;display:flex;flex-direction:column;justify-content:center}.channel-body h2{margin:0 0 10px;font-size:26px}.channel-body p{margin:0 0 18px;color:#4b5563}.channel-body span{color:var(--emerald-dark);font-weight:900}.related-channels h2{margin-top:0}.related-channels div{display:flex;flex-wrap:wrap;gap:12px}.related-channels a{padding:10px 14px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800}.ranking-list{display:grid;gap:16px}.ranking-card a{display:grid;grid-template-columns:54px 92px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.2s}.ranking-card a:hover{border-color:rgba(16,185,129,.5);transform:translateY(-2px)}.ranking-num{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--emerald),var(--teal));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.ranking-card img{width:92px;height:124px;object-fit:cover;border-radius:14px}.ranking-card h2{font-size:22px;margin:0 0 8px}.ranking-card p{margin:0 0 10px;color:#4b5563}.tagline{display:flex;gap:8px;flex-wrap:wrap}.tagline span{background:#ecfdf5;color:#047857}.ranking-meta{color:#6b7280;font-weight:800;white-space:nowrap}.detail-hero{background:linear-gradient(135deg,#020617,#064e3b);color:#fff;padding:24px 0 52px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:14px;color:#d1d5db;margin-bottom:20px}.breadcrumb a{color:#a7f3d0}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:32px;align-items:center}.player-shell{background:#000;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);aspect-ratio:16/9}.player-shell video{width:100%;height:100%;display:block;background:#000}.detail-info h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 16px}.detail-info p{font-size:18px;color:#e5e7eb;margin:0 0 20px}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.detail-tags a{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);color:#d1fae5;font-size:13px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-stack{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:46px 0 0}.detail-main{display:grid;gap:24px}.article-card h2,.facts-card h2{margin:0 0 16px;font-size:26px}.article-card p{margin:0;color:#374151;font-size:17px}.facts-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.facts-card li{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.facts-card span{color:#6b7280}.facts-card strong{text-align:right}.site-footer{background:linear-gradient(135deg,#111827,#1f2937,#111827);color:#fff;margin-top:24px;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}.site-footer h3{color:#6ee7b7;margin:0 0 14px}.site-footer p{color:#d1d5db;margin:0}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.site-footer a{color:#d1d5db}.site-footer a:hover{color:#6ee7b7}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:22px;color:#9ca3af;font-size:14px}@media(max-width:1100px){.grid-6,.grid-5{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-4,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav{gap:16px}.nav-link:nth-last-child(-n+2){display:none}.filter-panel,.detail-layout,.detail-stack,.footer-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:1fr}.ranking-card a{grid-template-columns:48px 80px 1fr}.ranking-meta{display:none}}@media(max-width:720px){.desktop-nav{display:none}.menu-toggle{display:flex}.brand{font-size:16px}.brand-mark{width:36px;height:36px}.hero{height:540px}.hero-arrow{display:none}.hero p{font-size:17px}.hero-actions{gap:10px}.btn{padding:10px 15px}.page-stack{padding:34px 0;gap:34px}.section-block,.category-section,.rank-section,.article-card,.facts-card,.related-channels{padding:20px;border-radius:20px}.grid-6,.grid-5,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-grid,.rank-list,.filter-controls{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.channel-card a{grid-template-columns:1fr}.channel-posters img{height:110px}.ranking-card a{grid-template-columns:42px 72px 1fr;gap:12px}.ranking-card img{width:72px;height:98px}.ranking-card h2{font-size:17px}.ranking-card p{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-hero{padding-top:18px}.detail-tags a{font-size:12px}.footer-grid{grid-template-columns:1fr}.card-body h3{font-size:14px}.meta-row{font-size:11px}.poster-copy{display:none}}@media(max-width:420px){.container{width:min(100% - 22px,1180px)}.hero h1{font-size:30px}.hero-tags span{font-size:12px}.grid-6,.grid-5,.grid-4{gap:12px}.section-block,.category-section,.rank-section{padding:16px}.card-body{padding:12px}.rank-row{grid-template-columns:30px 48px 1fr}.rank-row img{width:48px;height:64px}}