
:root{--background:#f8f7fc;--surface:#fff;--surface-soft:#f2eff8;--violet:#7963b8;--violet-deep:#57447f;--violet-soft:#eae4f7;--pink:#e6a6ba;--pink-deep:#a34d75;--pink-soft:#fbeaf0;--ice-blue:#a7cde5;--blue-deep:#416f98;--blue-soft:#eaf4fa;--apricot:#ebc69f;--apricot-soft:#fbf2e8;--mint:#91bdb0;--mint-soft:#edf6f2;--title:#302b3d;--body:#514b5c;--muted:#6f677a;--border:#e7e1ed;--divider:#f0ecf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--body);line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--violet-deep)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.25}h1{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.045em}h2{font-size:clamp(1.55rem,2.8vw,2.4rem);letter-spacing:-.025em}h3{font-size:1.14rem}p{line-height:1.9}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:20}.skip:focus{left:0}.masthead{background:#fff;border-bottom:1px solid var(--border)}.topbar{max-width:1240px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;color:var(--violet-deep);font-size:1.35rem;display:flex;gap:10px;align-items:center}.brand img{max-width:128px;max-height:42px;object-fit:contain}.brand small{display:block;font-size:.65rem;font-weight:500;letter-spacing:.13em;color:var(--muted)}.primary,.tools{display:flex;align-items:center;gap:25px}.primary a{font-size:.91rem;font-weight:650}.tools a{font-weight:700;color:var(--violet-deep)}#nav-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:9px;padding:6px 12px;color:var(--title)}.mobile-nav{display:none}.channels{max-width:1240px;margin:auto;padding:11px 24px 13px;display:flex;gap:11px;overflow-x:auto;scrollbar-width:thin}.channels a{white-space:nowrap;background:var(--surface-soft);font-size:.79rem;padding:4px 12px;border-radius:50px;color:var(--violet-deep)}.channels a:nth-child(3n + 2){background:var(--blue-soft);color:var(--blue-deep)}.channels a:nth-child(3n){background:var(--pink-soft);color:var(--pink-deep)}.shell{max-width:1240px;margin:auto;padding:28px 24px 80px;min-height:60vh}.eyebrow{text-transform:uppercase;color:var(--violet-deep);letter-spacing:.19em;font-size:.71rem;font-weight:800}.hero{border-radius:28px;background:linear-gradient(130deg,#ede6f8,#fff6fa 60%,#eaf4fa);min-height:395px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:65px 5vw}.hero h1{margin:25px 0;font-size:clamp(2.3rem,4.1vw,4rem)}.hero h1 em{color:var(--violet);font-style:normal}.hero p{max-width:520px}.hero-art{min-height:350px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#dad0f0,#c8d9ed 65%,#eee0e9);font-size:.7rem;letter-spacing:.18em;color:var(--violet-deep)}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art span{z-index:1;background:#ffffffa6;padding:9px}.btn{display:inline-block;background:var(--violet-deep);color:#fff;border:0;border-radius:12px;padding:11px 22px;font-weight:700;cursor:pointer}.btn:hover{background:var(--violet);color:#fff}.section{margin:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:24px}.section-heading h2{margin:9px 0 0}.section-heading>a,.text-link{color:var(--violet-deep);font-weight:750}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{display:flex;flex-direction:column;gap:8px;min-height:135px;border-radius:17px;padding:23px;background:#fff;border:1px solid var(--border);transition:transform .2s}.category-tile:nth-child(4n+2){background:var(--blue-soft)}.category-tile:nth-child(4n+3){background:var(--pink-soft)}.category-tile:nth-child(4n){background:var(--apricot-soft)}.category-tile:hover{transform:translateY(-3px)}.category-tile b{font-size:1.5rem}.category-tile strong{color:var(--title)}.category-tile small{color:var(--muted)}.rail{display:flex;gap:16px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x proximity}.rail .story-card{min-width:218px;width:218px;scroll-snap-align:start}.story-card{display:block;border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #57447f12}.poster,.art-placeholder{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.art-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e3daf1,#d7e7f2);font-size:4rem;color:#8c75af}.story-card:nth-child(3n+2) .art-placeholder{background:linear-gradient(135deg,#f5dfe9,#f0ecfb)}.story-card:nth-child(3n) .art-placeholder{background:linear-gradient(135deg,#e4f1f4,#efe5d8)}.story-card-text{padding:15px}.story-card-text small{color:var(--violet-deep)}.story-card-text h3{margin:6px 0}.story-card-text p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.feature-notes{display:grid;gap:10px}.feature-notes a{background:#fff;padding:22px;border-left:4px solid var(--pink);border-radius:10px}.feature-notes strong,.feature-notes span{display:block}.feature-notes span{font-size:.88rem;color:var(--muted);margin-top:5px}.dark-feature{background:#ede8f5;border-radius:24px;padding:42px}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.three-grid .story-card .art-placeholder{aspect-ratio:2/2.2}.wide-feature{display:grid;grid-template-columns:1fr 1fr;min-height:270px;border-radius:19px;overflow:hidden;background:var(--blue-soft)}.wide-feature>div{background:linear-gradient(120deg,#bbc9e7,#d9e7f0);min-height:270px}.wide-feature img{width:100%;height:100%;object-fit:cover}.wide-feature article{padding:38px}.comic-section{background:#f1edf9;padding:36px;border-radius:22px}.universe-card,.info-card{background:#fff;border:1px solid var(--border);padding:24px;border-radius:17px}.universe-card:nth-child(2){background:var(--blue-soft)}.universe-card:nth-child(3){background:var(--pink-soft)}.universe-card small{letter-spacing:.12em;color:var(--violet-deep)}.studio-banner{display:grid;grid-template-columns:1.1fr .9fr;background:var(--mint-soft);border-radius:22px;overflow:hidden}.studio-banner>div:first-child{padding:45px}.studio-banner>div:last-child{min-height:250px;background:linear-gradient(130deg,#b1ccc4,#d6e3ef)}.studio-banner img{height:100%;width:100%;object-fit:cover}.explore{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.explore h2{max-width:320px;margin:0}.explore a{border-bottom:1px solid var(--violet)}.footer{background:#ebe6f2;padding:36px max(24px,calc((100vw - 1192px)/2));display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:25px}.footer strong{color:var(--violet-deep)}.footer p{font-size:.83rem}.footer nav{display:flex;gap:19px;flex-wrap:wrap}.footer small{flex-basis:100%;color:var(--muted)}.bottom-nav{display:none}.page-intro{padding:30px 0 40px}.page-intro h1{margin:15px 0}.page-intro p{max-width:680px}.catalog-layout,.universe-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px}.catalog-side{align-self:start;position:sticky;top:15px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px}.catalog-side h2{font-size:1rem;margin:5px 10px 10px}.catalog-side a{padding:8px 11px;border-radius:8px;font-size:.88rem}.catalog-side a:hover,.catalog-side a.active{background:var(--violet-soft);color:var(--violet-deep)}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;padding:17px;border-radius:15px;border:1px solid var(--border)}.filters label{display:grid;gap:5px;font-size:.84rem}.filters select,.search-form input,.search-form select{padding:9px 12px;border:1px solid #afa6bf;border-radius:8px;background:#fff;color:var(--title)}.results-count{font-size:.88rem;color:var(--muted);padding:17px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pagination{display:flex;gap:8px;padding:26px 0}.pagination a{background:#fff;border:1px solid var(--border);padding:5px 15px;border-radius:8px}.pagination a.active{background:var(--violet-deep);color:#fff}.empty{padding:50px;border:1px dashed var(--border);border-radius:12px}.breadcrumbs{font-size:.85rem;color:var(--muted);padding:12px 0 32px}.drama-hero{display:grid;grid-template-columns:minmax(200px,340px) 1fr;align-items:center;gap:55px}.drama-poster{border-radius:18px;overflow:hidden}.drama-poster .art-placeholder{min-height:420px}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tag-row span{border-radius:40px;background:var(--violet-soft);padding:5px 14px;font-size:.83rem;color:var(--violet-deep)}.lead{font-size:1.08rem}.media-note{background:var(--blue-soft);padding:13px 17px;border-left:3px solid var(--blue-deep);border-radius:8px;font-size:.88rem}.prose{max-width:890px}.prose p{font-size:1.04rem;line-height:2.15}.two-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card p{margin-bottom:10px}.episode-list{list-style:none;counter-reset:ep;padding:0;display:grid;gap:15px}.episode-list li{padding:23px 28px;border-radius:14px;background:#fff;border-left:4px solid var(--violet)}.episode-list li:nth-child(even){border-left-color:var(--pink)}.episode-list small{letter-spacing:.2em;color:var(--violet-deep)}.episode-list h3{margin:7px 0}.episode-list p{margin:0}.world-entry{padding:30px;margin-bottom:24px;background:#fff;border:1px solid var(--border);border-radius:20px}.world-entry:nth-child(3n+2){background:var(--blue-soft)}.world-entry:nth-child(3n){background:var(--pink-soft)}.world-entry .three-grid{margin:25px 0}.world-entry .story-card-text p{display:none}.studio-entries{display:grid;gap:22px}.studio-unit{padding:40px;background:#fff;border-radius:18px;border:1px solid var(--border);scroll-margin-top:24px}.studio-unit:nth-child(even){background:var(--blue-soft)}.studio-unit p{max-width:750px}.takeaway{background:#f3effb;padding:16px 21px;border-radius:12px;margin-top:25px}.takeaway p{margin:5px 0 0}.search-form{background:#fff;padding:20px;border-radius:16px;border:1px solid var(--border);display:flex;align-items:end;gap:12px;flex-wrap:wrap}.search-form input{flex:1;min-width:160px}.about-grid{margin-bottom:60px}@media(max-width:900px){.primary{gap:12px}.topbar{flex-wrap:wrap}.category-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout,.universe-layout{grid-template-columns:1fr}.catalog-side{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap;align-items:center}.catalog-side h2{flex-shrink:0;margin:0 10px}.catalog-side a{flex-shrink:0}.split{gap:30px}.hero-copy{padding:42px 30px}}@media(max-width:640px){.shell{padding:18px 15px 90px}.topbar{padding:10px 15px}.brand{font-size:1.1rem}.primary{display:none}#nav-toggle{display:block}.tools{gap:8px}.mobile-nav.open{display:flex;flex-direction:column;padding:12px 20px;gap:12px;border-top:1px solid var(--border)}.channels{padding:10px 15px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 24px 20px}.hero-art{min-height:175px}.hero h1{font-size:2.45rem}.section{margin:52px 0}.section-heading{align-items:start}.category-grid{gap:9px}.category-tile{min-height:130px;padding:16px}.three-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three-grid .story-card .art-placeholder{aspect-ratio:2/3}.story-card-text{padding:11px}.story-card-text h3{font-size:.98rem}.story-card-text p{font-size:.76rem}.split,.wide-feature,.studio-banner,.drama-hero,.two-grid,.about-grid{grid-template-columns:1fr}.dark-feature,.comic-section{padding:18px}.wide-feature>div{min-height:150px}.wide-feature article,.studio-banner>div:first-child{padding:22px}.drama-poster{max-width:290px}.drama-poster .art-placeholder{min-height:350px}.page-intro{padding:20px 0}.filters{align-items:stretch}.filters label{flex:1}.studio-unit,.world-entry{padding:22px}.footer{padding:30px 18px 90px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff0;border-top:1px solid var(--border);justify-content:space-around;padding:9px 12px;z-index:10;backdrop-filter:blur(8px)}.bottom-nav a{font-size:.84rem;font-weight:750;padding:6px}.episode-list li{padding:19px}}
