:root{--primary:#3B82F6;--primary-light:#60A5FA;--primary-lighter:#DBEAFE;--accent:#6366F1;--accent-soft:#E0E7FF;--dark:#1D4ED8;--darker:#172554;--bg:#F5FAFF;--bg-2:#EAF4FF;--bg-3:#F8FBFF;--surface:#FFFFFF;--surface-soft:rgba(255,255,255,.78);--surface-strong:rgba(255,255,255,.94);--ink:#17233C;--ink-2:#46566F;--ink-3:#8390A6;--line:rgba(59,130,246,.10);--line-strong:rgba(59,130,246,.20);--shadow:0 4px 20px rgba(37,99,235,.08);--shadow-hover:0 14px 34px rgba(37,99,235,.15);--radius:10px;--radius-card:14px;--radius-large:22px;--radius-pill:999px;--wrap:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.wrap{width:min(calc(100% - 36px),var(--wrap));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,250,255,.88);backdrop-filter:blur(16px);box-shadow:0 2px 12px rgba(37,99,235,.07)}.nav-wrap{height:66px;display:flex;align-items:center;gap:28px}.logo{display:grid;grid-template-columns:34px auto;grid-template-rows:20px 14px;column-gap:9px;min-width:190px}.logo img{width:34px;height:34px;grid-row:1/3;object-fit:contain}.logo small{font-size:9px;letter-spacing:.12em;color:var(--ink-3)}nav{display:flex;gap:20px;align-items:center}.site-header nav a:hover{color:var(--primary)}.nav-actions{margin-left:auto;display:flex;gap:12px}.hero{min-height:620px;background:linear-gradient(90deg,#F5FAFF 0%,rgba(245,250,255,.98) 30%,rgba(245,250,255,.76) 49%,rgba(245,250,255,.12) 73%),var(--hero) center/cover no-repeat;display:flex;align-items:center}.hero-copy{max-width:660px}.hero h1,.detail-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.05;margin:12px 0;color:var(--darker)}.alias{color:var(--ink-3)}.eyebrow{color:var(--primary);font-weight:800}.hero-meta,.cta,.chips{display:flex;gap:10px;flex-wrap:wrap}.hero-meta span,.chips a,.chips span{background:var(--primary-lighter);padding:5px 10px;border-radius:var(--radius-pill);color:var(--dark)}.btn{border:1px solid var(--line-strong);background:var(--surface-soft);padding:10px 18px;border-radius:var(--radius-pill);cursor:pointer}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.ghost{background:transparent}.hero-search{margin-top:24px;display:flex;max-width:520px;background:rgba(255,255,255,.9);border-radius:var(--radius-pill);box-shadow:var(--shadow);padding:6px}.hero-search input,.search-hero input{flex:1;border:0;background:transparent;padding:10px 14px;outline:0}.hero-search button,.search-hero button,.filters button{border:0;background:var(--primary);color:white;border-radius:var(--radius-pill);padding:10px 18px}.section{padding:56px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2{font-size:28px;margin:0}.section-head p{margin:5px 0 0;color:var(--ink-2);max-width:760px}.poster-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px}.poster-card{background:var(--surface);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:.2s}.poster-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.poster-card img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:.2s}.poster-card:hover img{transform:scale(1.025)}.card-body{padding:13px}.card-body h3{margin:0;font-size:16px}.card-body p{margin:3px 0;color:var(--ink-3);font-size:13px}.meta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2)}.meta b{color:var(--primary)}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:var(--bg-2);border-radius:var(--radius-large);padding:36px}.split img{border-radius:var(--radius-card);aspect-ratio:8/3;object-fit:cover}.topic-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic-card,.article-grid a,.character-grid a{background:var(--surface);border-radius:var(--radius-card);overflow:hidden;padding-bottom:16px;box-shadow:var(--shadow)}.topic-card img,.article-grid img{width:100%;aspect-ratio:8/3;object-fit:cover}.topic-card h3,.topic-card h2,.topic-card p,.article-grid h3,.article-grid h2,.article-grid p,.article-grid span{margin-left:16px;margin-right:16px}.character-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.character-grid img{width:100%;aspect-ratio:1;object-fit:cover}.character-grid h3,.character-grid h2,.character-grid p,.character-grid strong{margin:10px 14px;display:block}.prose{max-width:900px;padding:48px 0;font-size:16px}.prose h2{color:var(--dark);margin-top:28px}.site-footer{margin-top:70px;color:rgba(255,255,255,.72);background:linear-gradient(135deg,#172554,#1E3A8A),url(footer-bg.webp) center/cover}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:56px 0}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid h2,.footer-grid h3{color:white}.footer-logo{width:46px}.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.12)}.channel-hero{min-height:360px;background:linear-gradient(90deg,rgba(245,250,255,.98),rgba(245,250,255,.72),rgba(245,250,255,.18)),var(--hero) center/cover;display:flex;align-items:end;padding:50px 0}.channel-hero.small{min-height:300px}.channel-hero h1{font-size:48px;margin:0;color:var(--darker)}.filters{position:sticky;top:76px;z-index:10;background:var(--surface);padding:14px;border-radius:var(--radius-card);display:flex;gap:10px;margin-bottom:25px;box-shadow:var(--shadow)}.filters input,.filters select{border:1px solid var(--line-strong);padding:9px;border-radius:8px;background:white}.detail-hero{min-height:590px;background:linear-gradient(90deg,#F5FAFF 0%,rgba(245,250,255,.97) 35%,rgba(245,250,255,.3) 75%),var(--hero) center/cover;display:flex;align-items:center}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}.detail-grid>img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-card);box-shadow:var(--shadow-hover)}.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:48px 0}.detail-content aside{background:white;padding:24px;border-radius:var(--radius-card);height:max-content}.detail-content dl{display:grid;grid-template-columns:90px 1fr;gap:10px}.episodes{display:flex;flex-wrap:wrap;gap:8px}.episodes a{padding:8px 12px;background:var(--primary-lighter);border-radius:8px}.episodes a.active{background:var(--primary);color:white}.cinema{background:linear-gradient(#071426 0 62%,#F5FAFF 62%);padding:32px 0 70px;color:white}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.video-shell video{width:100%;aspect-ratio:16/9;background:#071426}.episode-panel{background:#09172A;padding:20px;border-radius:var(--radius-card)}.player-info{color:white}.search-hero,.community-banner{padding:70px 0;background:linear-gradient(135deg,#3B82F6,#6366F1);color:white}.search-hero form{display:flex;max-width:700px;background:white;border-radius:var(--radius-pill);padding:6px}.rank-list>a,.landscape-list>a{display:grid;grid-template-columns:60px 120px 1fr 60px;gap:18px;align-items:center;background:white;margin-bottom:12px;padding:12px;border-radius:var(--radius-card);box-shadow:var(--shadow)}.rank-list img{width:120px;aspect-ratio:16/9;object-fit:cover}.landscape-list>a{grid-template-columns:220px 1fr}.landscape-list img{aspect-ratio:16/9;object-fit:cover}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.community-grid article{display:flex;gap:14px;background:white;padding:18px;border-radius:var(--radius-card)}.community-grid img{width:52px;height:52px;border-radius:50%;object-fit:cover}.article-page{width:min(calc(100% - 36px),820px);margin:50px auto;background:white;padding:40px;border-radius:var(--radius-card)}.article-page h2{color:var(--dark)}blockquote{border-left:3px solid var(--primary);background:rgba(59,130,246,.05);margin:24px 0;padding:14px 18px}.app-hero,.service-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:70px 0}.app-hero img{max-height:520px;margin:auto}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.not-found{text-align:center;padding:80px 0}.not-found img{max-width:420px;margin:auto}.mobile-bottom{display:none}@media(max-width:1200px){.poster-grid{grid-template-columns:repeat(6,1fr)}.site-header nav{display:none}}@media(max-width:1024px){.poster-grid{grid-template-columns:repeat(4,1fr)}.character-grid{grid-template-columns:repeat(4,1fr)}.topic-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.player-layout,.detail-content{grid-template-columns:1fr}}@media(max-width:768px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.hero{min-height:500px;background:linear-gradient(rgba(245,250,255,.84),rgba(245,250,255,.92)),var(--hero) center/cover}.hero h1,.detail-hero h1{font-size:42px}.poster-grid{grid-template-columns:repeat(2,1fr)}.character-grid{grid-template-columns:repeat(3,1fr)}.split,.detail-grid,.app-hero,.service-hero{grid-template-columns:1fr}.detail-grid>img{width:180px}.community-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-actions{display:none}.logo{min-width:0}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:white;box-shadow:0 -4px 18px rgba(23,37,84,.12);padding:10px}.mobile-bottom a{text-align:center;font-size:12px}.site-footer{padding-bottom:60px}.rank-list>a{grid-template-columns:34px 90px 1fr}.rank-list>a>b{display:none}.landscape-list>a{grid-template-columns:130px 1fr}.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topic-grid,.article-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.filters{position:static;display:grid;grid-template-columns:1fr 1fr}.channel-hero h1{font-size:36px}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.asset-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.asset-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;background:white;border-radius:var(--radius-card);box-shadow:var(--shadow)}@media(max-width:768px){.asset-strip{grid-template-columns:repeat(2,1fr)}}