:root{--bg:#110719;--a:#ff5fd2;--b:#45f3ff;--c:#ffd166;--ink:#fff8fb;--muted:rgba(245,248,255,.72);--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.08);--shadow:0 28px 80px rgba(0,0,0,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--a) 24%,transparent),transparent 30%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--b) 24%,transparent),transparent 28%),linear-gradient(180deg,var(--bg),#050711 100%);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1240px,calc(100% - 34px));margin:auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.nav{min-height:72px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px}.brand-mark{width:42px;height:42px;border-radius:18px;display:grid;place-items:center;color:#06101a;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 0 30px color-mix(in srgb,var(--a) 32%,transparent)}.nav-links{display:flex;gap:5px;margin-left:auto}.nav-links a{padding:10px 12px;border:1px solid transparent;border-radius:999px;color:var(--muted)}.nav-links a:hover,.nav-links a.active{border-color:color-mix(in srgb,var(--a) 34%,transparent);background:var(--panel);color:#fff}.search{width:210px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:0 14px}.search input{width:100%;height:100%;border:0;outline:0;color:var(--ink);background:transparent}.menu{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--panel)}.hero{padding:48px 0 22px}.hero-grid{display:grid;grid-template-columns:1fr;gap:24px}.hero-copy{min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));backdrop-filter:blur(22px);box-shadow:var(--shadow)}.eyebrow,.kicker{width:fit-content;display:inline-flex;padding:8px 12px;border:1px solid color-mix(in srgb,var(--a) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--a) 10%,transparent);color:#eaffff;font-weight:800;font-size:13px}.hero h1,.page-hero h1{margin:18px 0 14px;font-size:clamp(46px,7vw,96px);line-height:.95}.hero p,.section-head p,.page-hero p,.detail-copy p,.text-panel p{color:var(--muted);line-height:1.78}.hero p{font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:900}.btn.primary{color:#071019;border:0;background:linear-gradient(135deg,var(--a),var(--b))}.hero-media{min-height:620px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:14px}.hero-tile,.poster,.player{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#12172b;box-shadow:var(--shadow)}.hero-tile img,.poster img,.player img,.rank-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease,filter .5s ease}.hero-tile:after,.poster:after,.player:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82));pointer-events:none}.hero-tile span{position:absolute;z-index:2;left:16px;right:16px;bottom:16px}.hero-tile strong,.hero-tile em{display:block}.hero-tile em{margin-top:5px;color:var(--muted);font-style:normal}.tile-0{grid-row:span 2}.tile-1{grid-column:span 2}.section{padding:34px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div,.channel,.text-panel{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:18px}.stats strong{display:block;font-size:28px}.stats span,.channel span{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{margin:10px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.08}.more{color:var(--a);font-weight:900;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:24px;background:var(--panel);margin:0 0 18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-7px) rotate(.55deg);box-shadow:0 28px 70px rgba(0,0,0,.36);border-color:color-mix(in srgb,var(--b) 42%,transparent)}.poster{aspect-ratio:1/1.18;border-radius:18px;box-shadow:none}.card-0 .poster{aspect-ratio:3/4.8}.poster:hover img,.hero-tile:hover img{transform:scale(1.08);filter:saturate(1.14) contrast(1.08)}.tag,.score{position:absolute;z-index:3;top:12px;min-height:28px;display:flex;align-items:center;padding:5px 10px;border-radius:999px;font-weight:900;font-size:12px}.tag{left:12px;color:#061019;background:var(--a)}.score{right:12px;color:#160915;background:var(--c)}.shine{position:absolute;inset:-40% auto -40% -80%;z-index:4;width:54%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .62s ease}.card:hover .shine{left:120%}.play{position:absolute;z-index:5;left:14px;right:14px;bottom:14px;min-height:40px;display:grid;place-items:center;border-radius:999px;color:#071019;background:linear-gradient(135deg,var(--a),var(--b));font-weight:900;opacity:0;transform:translateY(12px);transition:.22s}.card:hover .play{opacity:1;transform:translateY(0)}.card h3{margin:12px 12px 5px;font-size:18px;line-height:1.25}.card p{margin:0 12px 14px;color:var(--muted);font-size:13px}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.channel{min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.channel:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--b) 40%,transparent)}.page-hero{padding:48px 0 14px}.page-hero .wrap{padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));box-shadow:var(--shadow)}.filters{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;margin-bottom:16px}.field,.select{height:50px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--panel);outline:0}.field{min-width:0;padding:0 16px}.select{padding:0 34px 0 14px}.count{color:var(--muted)}.detail-shell{padding:42px 0 10px}.detail-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:22px}.player{min-height:590px}.player button{position:absolute;z-index:3;left:24px;top:24px;width:72px;height:72px;border:0;border-radius:50%;color:#071019;background:linear-gradient(135deg,var(--a),var(--b));font-weight:900}.detail-copy{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.detail-copy h1{font-size:clamp(34px,5vw,68px);line-height:1;margin:18px 0 12px}.meta{display:flex;flex-wrap:wrap;gap:8px}.meta span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#e9fbff;background:var(--panel);font-weight:800}.episode-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.episode-grid a{min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:900}.rank-list{display:grid;gap:12px}.rank-item{display:grid;grid-template-columns:56px 88px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:24px;background:var(--panel);transition:.2s}.rank-item:hover{transform:translateX(8px);border-color:color-mix(in srgb,var(--a) 40%,transparent)}.rank-item img{height:88px;border-radius:14px}.rank-item span:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#071019;background:linear-gradient(135deg,var(--a),var(--b));font-weight:900}.rank-item em{color:var(--muted);font-style:normal}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.footer{margin-top:34px;border-top:1px solid var(--line);background:rgba(0,0,0,.28)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;padding:34px 0}.footer a{display:block}.footer p,.footer a{color:var(--muted);line-height:1.8;font-size:14px}.copyright{padding:18px 0 24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.empty{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--muted)}@media(max-width:1060px){.hero-grid,.detail-layout{grid-template-columns:1fr}.channel-grid,.stats{grid-template-columns:repeat(3,1fr)}.episode-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 24px,1240px)}.nav{flex-wrap:wrap;min-height:64px;padding:10px 0}.menu{display:grid;place-items:center}.nav-links,.search{display:none;width:100%}.topbar.open .nav-links,.topbar.open .search{display:flex;flex-wrap:wrap}.hero-grid,.hero-media{grid-template-columns:1fr}.hero-copy,.hero-media{min-height:auto}.hero-tile{min-height:300px}.tile-0,.tile-1{grid-column:auto;grid-row:auto}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);columns:auto}.card{break-inside:auto;margin-bottom:12px}.channel-grid,.stats,.filters,.footer-grid,.guide-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.player{min-height:440px}.episode-grid{grid-template-columns:repeat(3,1fr)}.rank-item{grid-template-columns:44px 70px 1fr}.rank-item img{height:70px}}