:root{--ink:#eaf2ff;--muted:#9badc5;--bg:#07111d;--surface:#0e1c2d;--line:rgba(190,216,255,.13);--cyan:#56d4f2;--lime:#b7f36a;--coral:#ff8e78;--shell:1200px}*{box-sizing:border-box}html{background:var(--bg);overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 86% 4%,#193b57 0,transparent 28rem),var(--bg);color:var(--ink);font:16px/1.6 "Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.site-header{position:sticky;z-index:20;top:0;background:rgba(7,17,29,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand img{width:125px;height:36px}.main-nav{display:flex;align-items:center;gap:3px;flex:1}.main-nav a{white-space:nowrap;padding:9px 10px;border-radius:9px;color:#c9d6e8;font-size:.9rem}.main-nav a:hover,.main-nav a.active{background:#193049;color:var(--lime)}.nav-mark{margin-right:5px;color:var(--cyan)}.search-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;color:var(--muted)}.hero{position:relative;margin-top:30px;border-radius:24px;overflow:hidden;aspect-ratio:16/7;min-height:380px;background:#10243b}.hero-track,.hero-slide{height:100%}.hero-slide{display:none;position:absolute;inset:0}.hero-slide.is-active{display:block;animation:fade .45s}.hero-slide>img{height:100%;width:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.95),rgba(3,10,18,.42) 53%,rgba(3,10,18,.08))}.hero-copy{position:absolute;left:7%;bottom:14%;max-width:500px}.tag,.eyebrow{display:inline-block;color:var(--lime);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.hero h2{font-size:clamp(2rem,4vw,3.6rem);margin:.25rem 0}.meta,.card-copy p{color:var(--muted);font-size:.86rem}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 17px;font-weight:700;font-size:.9rem}.primary{background:var(--lime);color:#102016}.ghost{border:1px solid rgba(255,255,255,.4);background:rgba(7,17,29,.35)}.hero-prev,.hero-next{position:absolute;top:48%;width:42px;height:42px;border:0;border-radius:50%;background:rgba(4,13,24,.6);color:white;font-size:2rem;cursor:pointer}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{position:absolute;right:6%;bottom:8%;display:flex;gap:8px}.hero-dots button{width:8px;height:8px;border:0;border-radius:9px;background:#fff8}.hero-dots button.is-current{width:28px;background:var(--lime)}.content-section{padding:58px 0;position:relative}.content-section:nth-of-type(even){background:linear-gradient(90deg,transparent,#0b1b2d,transparent)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.section-heading h2,.synopsis h2,.episode-panel h2,.stills h2,.play-description h2{margin:0;font-size:1.5rem}.section-heading>a{color:var(--cyan);font-size:.9rem}.card-grid,.catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.media-card{min-width:0;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#11243a,#0a1727);border:1px solid var(--line);transition:transform .2s}.media-card:hover{transform:translateY(-5px)}.poster{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:#13263a}.poster img{height:100%;width:100%;object-fit:cover}.quality{position:absolute;top:9px;right:9px;border-radius:5px;padding:2px 6px;background:var(--coral);color:#220d0c;font-size:.72rem;font-weight:800}.card-copy{padding:10px 11px 12px}.card-copy h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;margin:0}.card-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.card-copy span{color:var(--cyan);font-size:.77rem}.film-strip .media-card:nth-child(2){border-color:#f6c86a}.timeline .media-card{border-radius:4px 18px 4px 18px}.rating-row .media-card:first-child{box-shadow:0 0 0 2px #e9bc55}.stage .media-card{background:linear-gradient(155deg,#352151,#0d1930)}.anime-grid .media-card{border-radius:24px 5px 24px 5px}.short-grid .media-card{background:linear-gradient(155deg,#3a1e35,#11182d)}.doc-grid .media-card{border-radius:0;background:linear-gradient(145deg,#17322e,#0d2026)}.rank-list .media-card:nth-child(odd){border-top:3px solid var(--lime)}.about-section{margin:20px auto 64px;padding:35px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:150px 1fr;gap:32px;background:linear-gradient(120deg,#12263c,#0c1728)}.about-symbol{width:130px;height:130px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--cyan);font-size:2.2rem;font-weight:900;color:var(--lime)}.about-section h2{margin:.25rem 0;font-size:1.8rem}.about-section p{color:var(--muted)}.about-points{display:flex;gap:10px;flex-wrap:wrap}.about-points span,.badges span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.78rem}.mobile-cta{margin-bottom:0;padding:36px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#263f5d,#183547);border-radius:20px 20px 0 0}.mobile-cta h2{margin:.2rem 0}.mobile-cta p{max-width:650px;color:#d4e2ef}.mobile-cta img{width:125px;background:white;border-radius:10px;padding:7px}.site-footer{padding:36px 0 16px;background:#050b12;color:#a8bad0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{width:120px}.footer-grid p{max-width:360px}.footer-grid h3{color:white;font-size:1rem}.footer-grid a{display:block;margin:8px 0;font-size:.9rem}.copyright{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:.82rem}.listing-page,.detail-page,.player-page{padding-top:26px;padding-bottom:65px}.crumb{color:var(--muted);font-size:.86rem;margin-bottom:22px}.crumb a{color:var(--cyan)}.listing-intro{padding:28px 0 22px;border-bottom:1px solid var(--line)}.listing-intro h1{font-size:2.4rem;margin:.15rem 0}.listing-intro p{max-width:680px;color:var(--muted)}.featured-band{display:grid;grid-template-columns:1fr 1.1fr;min-height:245px;margin:34px 0;background:#10233a;border-radius:17px;overflow:hidden}.featured-band>div{padding:32px}.featured-band h2{margin:.4rem 0}.featured-band p{color:var(--muted)}.featured-band img{width:100%;height:100%;object-fit:cover}.filter-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:16px 0;margin-bottom:20px}.filter-bar button{border:1px solid var(--line);padding:6px 12px;border-radius:999px;background:transparent;color:var(--muted)}.filter-bar .selected{background:var(--lime);color:#122018;border:0}.sort{margin-left:auto;color:var(--muted);font-size:.85rem}.catalog-grid{grid-template-columns:repeat(5,1fr)}.pagination{display:flex;justify-content:center;gap:13px;margin-top:34px}.pagination>*{padding:6px 11px;border:1px solid var(--line);border-radius:6px}.pagination strong{background:var(--lime);color:#122018}.detail-hero{display:grid;grid-template-columns:270px 1fr;gap:34px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#0d1b2b}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.detail-info h1{font-size:2.4rem;margin:.2rem 0}.alias{color:var(--muted)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.detail-info dl{display:grid;grid-template-columns:72px 1fr;gap:6px;color:var(--muted);margin:18px 0}.detail-info dt{color:#dbe8f7}.synopsis,.episode-panel,.stills,.recommend-block,.play-description{margin-top:36px}.synopsis p,.play-description p{color:#bdcce0;max-width:900px}.episode-panel{padding:22px;background:#101f31;border-radius:14px}.episode-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.episode-list a{padding:7px 13px;background:#182c43;border-radius:6px;font-size:.88rem}.episode-list a:hover,.episode-list a.now{background:var(--lime);color:#102016}.stills>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.stills img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:10px}.player-page>h1{font-size:1.45rem;margin:0 0 16px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#010408;border-radius:13px;display:grid;place-items:center}.video-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.play-orb{z-index:1;width:78px;height:78px;border-radius:50%;border:1px solid var(--lime);background:#152835cc;color:var(--lime);font-size:1.8rem;padding-left:8px;cursor:pointer}.player-note{position:absolute;left:16px;bottom:13px;font-size:.82rem;background:#06101ac7;padding:5px 9px;border-radius:5px}.watch-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem}.watch-tools>div:last-child{display:flex;gap:15px;color:var(--cyan)}.compact{padding:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes fade{from{opacity:.3}to{opacity:1}}