@charset "UTF-8";
:root{--background:#F8F7FC;--surface:#fff;--surface-soft:#F2EFF8;--violet:#7963B8;--violet-deep:#57447F;--violet-soft:#EAE4F7;--lilac:#B7A6DA;--pink:#E6A6BA;--pink-deep:#BC6F91;--pink-soft:#FBEAF0;--ice-blue:#A7CDE5;--blue-deep:#527EAA;--blue-soft:#EAF4FA;--apricot:#EBC69F;--mint:#91BDB0;--title:#302B3D;--body:#514B5C;--muted:#777183;--border:#E7E1ED;--divider:#F0ECF3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--body);line-height:1.78}a{color:inherit;text-decoration:none}a:hover{color:var(--violet-deep)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #527EAA;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,4.5vw,4.8rem)}h2{font-size:clamp(1.7rem,2.9vw,2.7rem)}h3{font-size:1.14rem}p{line-height:1.9}small{font-size:.8rem}.container{width:min(1200px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:8px;z-index:100}.skip:focus{top:5px}.site-head{background:#fff;position:relative;z-index:10;border-bottom:1px solid var(--border)}.top-line{width:min(1320px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:var(--violet);color:#fff;width:41px;height:41px;border-radius:14px;font-size:24px}.brand strong{display:block;font-size:1.24rem;letter-spacing:.03em;color:var(--violet-deep)}.brand small{display:block;font-size:9px;letter-spacing:.15em;line-height:1.25}.desktop-nav{display:flex;gap:26px;align-items:center;font-size:.91rem;font-weight:650}.desktop-nav a:hover,.footer-links a:hover{color:var(--violet)}.head-actions{display:flex;align-items:center;gap:12px}.search-shortcut{font-size:2rem;line-height:1}.menu-button{display:none;background:transparent;border:1px solid var(--border);border-radius:10px;padding:7px 12px}.channel-strip{display:flex;justify-content:center;gap:18px;padding:10px 24px 13px;white-space:nowrap;overflow-x:auto;font-size:.79rem;background:#FBFAFD}.channel-strip a{border-radius:20px;padding:4px 8px}.channel-strip a:hover{background:var(--violet-soft)}.mobile-menu[hidden]{display:none}.mobile-menu{display:flex;flex-direction:column;padding:16px 24px;gap:8px;border-top:1px solid var(--border)}.mobile-menu a{padding:8px}.bottom-nav{display:none}.eyebrow{color:var(--violet-deep);font-size:.76rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:99px;min-height:45px;font-weight:720;font-size:.91rem}.primary{background:var(--violet-deep);color:#fff;border:1px solid var(--violet-deep)}.primary:hover{background:#47346D;color:#fff}.secondary{background:#fff;border:1px solid #C9BCD9;color:var(--violet-deep)}.text-link{color:var(--violet-deep);font-size:.88rem;font-weight:750}.home-hero{min-height:530px;display:grid;grid-template-columns:1fr .95fr;align-items:stretch;background:linear-gradient(115deg,#f5f0fb 0%,#fbf5f8 60%,#ecf4fa 100%);overflow:hidden}.hero-copy{padding:clamp(35px,6vw,100px) 35px clamp(35px,6vw,75px) max(35px,calc((100vw - 1200px)/2));align-self:center}.hero-copy h1{max-width:650px;margin:18px 0 25px}.hero-copy em{display:block;color:var(--violet);font-style:normal}.hero-copy>p{max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.tiny{font-size:.75rem;color:var(--muted)}.hero-visual{position:relative;min-height:470px;display:flex;align-items:stretch;padding:35px 35px 35px 0}.hero-visual>.art-placeholder,.hero-photo{height:100%;min-height:450px;border-radius:36px 0 0 36px}.hero-tag{position:absolute;right:32px;bottom:45px;background:#fffdf9ed;padding:16px 25px;border-radius:18px;box-shadow:0 12px 35px #4d31521c;max-width:280px;font-size:.76rem}.hero-tag b{display:block;font-size:1.2rem;color:var(--title)}.hero-tag small{display:block}.art-placeholder{background:linear-gradient(145deg,#d7c8ee,#f6e2ec 58%,#c5deed);min-height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;isolation:isolate}.art-placeholder:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:40px solid #ffffff62;transform:translate(50%,-40%);z-index:-1}.art-placeholder:after{content:"";position:absolute;width:55%;height:65%;background:#ffffff4a;transform:rotate(-21deg) translate(-55%,30%);border-radius:60% 50% 40% 50%;z-index:-1}.art-placeholder span{font-size:4rem;color:#ffffffb3}.section{padding:75px 0}.section-heading{margin-bottom:30px;max-width:760px}.section-heading h2{margin:9px 0}.section-heading p{margin:0}.section-heading.inline{max-width:none;display:flex;align-items:end;justify-content:space-between}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{border:1px solid var(--border);border-top:4px solid var(--accent);background:#fff;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s}.category-tile:hover,.work-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #46385312}.category-tile strong{font-size:1.65rem}.category-tile h3{margin:8px 0}.category-tile p{font-size:.83rem;margin:0;color:var(--muted)}.wash{background:#fff}.lavender{background:#efe9f8}.soft-blue{background:#eaf3f8}.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:6px 0 25px}.work-card{display:block;background:#fff;border:1px solid var(--border);border-radius:19px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.track .work-card{width:238px;min-width:238px;scroll-snap-align:start}.card-art{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.work-copy{padding:17px 18px 20px}.work-copy h3{margin:6px 0 8px}.work-copy p{color:var(--muted);font-size:.79rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.split-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.split-feature>div>p{max-width:520px}.quote-panel{padding:30px;background:var(--pink-soft);border-radius:25px;margin-top:30px}.quote-panel b{color:var(--title)}.quote-panel a{color:var(--violet-deep);font-weight:700}.stacked-stories{display:grid;gap:15px}.work-card.horizontal{display:grid;grid-template-columns:130px 1fr}.work-card.horizontal .card-art{height:100%;aspect-ratio:auto;min-height:180px}.mystery-box{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#f1edf6;border-radius:25px;overflow:hidden}.mystery-box .wide-illustration{width:100%;height:380px;object-fit:cover}.mystery-box>div:nth-child(2){padding:25px}.mystery-box ol{padding-left:18px}.mystery-box li{margin:14px 0;padding-left:5px}.mystery-box li b,.mystery-box li span{display:block}.mystery-box li span{color:var(--muted);font-size:.83rem}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-grid .work-copy{padding:12px}.mini-grid .work-copy p{display:none}.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial-pair>.work-card:last-child{grid-column:1/-1}.art-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.art-gallery .work-card:first-child .card-art{aspect-ratio:1/1}.art-gallery .work-card:not(:first-child) .card-art{aspect-ratio:2/3}.universe-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.universe-teasers a{background:#fff;padding:28px;border-radius:23px;min-height:245px;display:flex;flex-direction:column}.universe-teasers a>span{font-size:.78rem;color:var(--muted)}.universe-teasers a p{font-size:.85rem}.universe-teasers a strong{margin-top:auto;color:var(--violet-deep)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps a{border-top:2px solid var(--violet);padding:18px 0}.steps span{display:block;color:var(--violet)}.steps b{display:block;font-size:1.16rem;margin:15px 0}.steps small{color:var(--muted);display:block}.final-cta{text-align:center;background:linear-gradient(100deg,#ede9f8,#fcecf2);border-radius:30px;margin-bottom:75px}.final-cta>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--border);background:#fff;padding:60px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:25px}.site-footer strong{font-size:1.5rem;color:var(--violet-deep)}.site-footer p{margin:6px 0}.site-footer small{max-width:580px;display:block;color:var(--muted)}.footer-links{display:flex;gap:22px;flex-wrap:wrap;align-content:start;font-size:.9rem}.page-intro{padding:75px 0 42px}.page-intro h1{max-width:900px;margin:10px 0 15px}.page-intro p{max-width:700px}.catalogue,.universe-layout,.studio-layout{display:grid;grid-template-columns:220px 1fr;gap:42px;align-items:start;padding-bottom:90px}.side-index{background:#fff;border:1px solid var(--border);padding:19px;border-radius:18px;position:sticky;top:18px;display:grid;gap:5px}.side-index h2{font-size:1rem;margin:2px 8px 12px}.side-index a{font-size:.86rem;padding:8px 12px;border-radius:9px}.side-index a:hover,.side-index a.active{background:var(--violet-soft);color:var(--violet-deep)}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px;background:white;padding:17px;border-radius:17px;margin-bottom:28px;border:1px solid var(--border)}.filters label{font-size:.77rem;display:grid;gap:5px;flex:1;min-width:135px}.filters input,.filters select,.search-form input,.search-form select{height:44px;width:100%;border:1px solid #d8d0df;border-radius:9px;padding:0 12px;color:var(--title);background:#fff}.filters .primary{border-radius:9px}.clear-filter{font-size:.86rem}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalogue-grid .featured{grid-column:span 2;display:grid;grid-template-columns:.9fr 1fr}.catalogue-grid .featured .card-art{height:100%;aspect-ratio:auto;min-height:320px}.catalogue-grid .featured .work-copy{align-self:center;padding:30px}.catalogue-grid .featured h3{font-size:1.7rem}.pagination{display:flex;justify-content:center;gap:7px;padding:30px}.pagination a{display:grid;place-items:center;border:1px solid var(--border);background:#fff;width:38px;height:38px;border-radius:9px}.pagination .active{background:var(--violet-deep);color:white}.empty{text-align:center;padding:75px 25px;background:#fff;border-radius:20px}.empty a{color:var(--violet-deep)}.breadcrumbs{padding:30px 0;font-size:.78rem;color:var(--muted)}.drama-top{display:grid;grid-template-columns:350px 1fr;gap:65px;align-items:center;padding-bottom:55px}.drama-top .drama-poster{width:100%;aspect-ratio:2/3;border-radius:25px;object-fit:cover}.drama-top h1{margin:20px 0}.lead{font-size:1.25rem;max-width:630px}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.pill-row span{background:var(--violet-soft);padding:5px 13px;border-radius:40px;font-size:.8rem}.fact-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.fact-list dt{color:var(--muted);font-size:.76rem}.fact-list dd{margin:0;color:var(--title);font-weight:650}.story-layout{display:grid;grid-template-columns:1fr 300px;gap:65px}.story-section{padding:25px 0 55px;border-top:1px solid var(--border)}.story-section>p{font-size:1.02rem;line-height:2.15}.character-panel{background:#fff;padding:28px;border-radius:22px;align-self:start}.character-panel h2{font-size:1.5rem}.character{border-top:1px solid var(--border);padding:22px 0}.character h3{margin:8px 0 0}.character small{color:var(--muted)}.character p{font-size:.81rem;margin:12px 0}.avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--pink-soft);color:var(--violet)}.muted{color:var(--muted);font-size:.8rem}.episodes{border-left:2px solid var(--lilac);margin-left:20px}.episodes>div{display:flex;gap:23px;margin-left:-20px;margin-bottom:26px}.episodes>div>span{flex-shrink:0;width:39px;height:39px;background:#fff;color:var(--violet-deep);border:1px solid var(--lilac);border-radius:50%;display:grid;place-items:center;font-weight:bold}.episodes section{background:#fff;padding:18px 22px;border-radius:15px;flex:1}.episodes section h3{margin:0 0 8px}.episodes section p{font-size:.88rem;margin:0}.highlights{padding:0;list-style:none}.highlights li{padding:13px 18px;background:var(--violet-soft);margin-bottom:10px;border-radius:10px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.world-tile{display:flex;flex-direction:column;background:#fff;border-radius:20px;border-top:5px solid var(--accent);padding:27px;min-height:240px}.world-tile span{color:var(--muted);font-size:.75rem}.world-tile h2{font-size:1.5rem;margin:15px 0}.world-tile b{font-size:.8rem;color:var(--violet-deep);margin-top:auto}.world-detail{background:#fff;padding:42px;border-radius:23px;margin-bottom:25px}.world-detail h2{font-size:2.5rem}.world-detail p{line-height:2.1}.world-detail ol{padding-left:25px}.universe-content .related-grid{grid-template-columns:repeat(3,1fr)}.studio-cover{position:relative}.studio-cover .wide-illustration{width:100%;height:240px;border-radius:20px;object-fit:cover}.studio-cover p{font-size:1.1rem;font-weight:700;margin:20px 0 50px}.knowledge{scroll-margin-top:30px;border-top:1px solid var(--border);padding:48px 0}.knowledge p{font-size:1.03rem;line-height:2.15;max-width:850px}.knowledge-end{background:#fff;padding:14px 20px;border-radius:12px;font-size:.83rem}.knowledge-end a{color:var(--violet-deep);font-weight:700}.search-container{max-width:960px;padding-bottom:100px}.search-form{display:flex;background:#fff;padding:15px;gap:10px;border-radius:18px;align-items:end}.search-form label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.search-form input{flex:1}.search-form select{width:140px}.search-form button{border-radius:9px}.result-count{margin:30px 0}.search-results{display:grid;gap:12px}.search-results a{background:#fff;padding:25px;border-radius:15px;border:1px solid var(--border)}.search-results a small{color:var(--violet)}.search-results a h2{font-size:1.35rem;margin:5px 0}.search-results a p{font-size:.89rem;margin:0 0 8px}.search-results a span{color:var(--violet-deep);font-size:.8rem}.search-prompts{margin-top:45px}.search-prompts a{display:inline-block;background:#fff;padding:7px 22px;border-radius:99px;margin:7px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:90px}.about-layout>div,.about-layout>section{padding:30px;background:#fff;border-radius:20px}.about-lead{grid-row:span 2;background:#f1eaf8!important}.about-layout section span{color:var(--violet);font-size:.8rem}.about-layout section h2{font-size:1.45rem;margin:10px 0}.about-layout p{font-size:.92rem}.about-layout>section:last-child{grid-column:1/-1}
@media(max-width:1050px){.desktop-nav{gap:12px;font-size:.83rem}.channel-strip{justify-content:flex-start}.hero-copy{padding-left:30px}.category-grid{grid-template-columns:repeat(4,1fr)}.split-feature{gap:25px}.catalogue,.universe-layout,.studio-layout{gap:20px;grid-template-columns:190px 1fr}.story-layout{gap:25px}.drama-top{gap:35px}}
@media(max-width:760px){body{padding-bottom:62px}.container{width:min(100% - 32px,600px)}.top-line{width:calc(100% - 32px);min-height:68px}.desktop-nav{display:none}.menu-button{display:block}.menu-button span{display:none}.bottom-nav{display:flex;position:fixed;z-index:20;bottom:0;left:0;width:100%;justify-content:space-around;background:#fff;border-top:1px solid var(--border);padding:10px 2px env(safe-area-inset-bottom);font-size:.82rem;font-weight:650}.channel-strip{gap:7px;padding:7px 12px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:50px 22px 20px}.hero-copy h1{font-size:clamp(2.2rem,9vw,3.6rem)}.hero-visual{padding:10px 18px 32px;min-height:275px}.hero-visual>.art-placeholder,.hero-photo{min-height:270px;max-height:320px;border-radius:20px}.hero-tag{bottom:20px;right:25px;padding:9px 15px}.section{padding:52px 0}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-tile{padding:15px}.category-tile p{font-size:.75rem}.split-feature,.mystery-box,.story-layout,.drama-top{grid-template-columns:1fr;gap:24px}.mystery-box .wide-illustration{height:220px}.mini-grid{grid-template-columns:repeat(3,1fr)}.mini-grid .work-copy h3{font-size:.83rem}.mini-grid .work-copy .eyebrow,.mini-grid .work-copy .text-link{display:none}.art-gallery{grid-template-columns:1fr 1fr}.art-gallery .work-card:first-child{grid-column:1/-1}.art-gallery .work-card:first-child .card-art{aspect-ratio:2/1}.art-gallery .work-card:not(:first-child):last-child{grid-column:1/-1}.editorial-pair,.universe-teasers,.world-grid,.about-layout{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.site-footer{display:block;padding:45px 22px}.footer-links{margin-top:22px}.page-intro{padding:50px 0 30px}.catalogue,.universe-layout,.studio-layout{display:block}.side-index{position:static;display:flex;overflow-x:auto;white-space:nowrap;gap:6px;margin-bottom:22px;padding:10px}.side-index h2{display:none}.catalogue-grid,.related-grid,.universe-content .related-grid{grid-template-columns:1fr 1fr;gap:10px}.catalogue-grid .featured{grid-column:1/-1}.catalogue-grid .featured .card-art{min-height:200px}.catalogue-grid .featured .work-copy{padding:15px}.catalogue-grid .featured h3{font-size:1.2rem}.work-copy{padding:12px}.work-copy p{font-size:.74rem}.drama-top{grid-template-columns:150px 1fr;gap:17px;align-items:start}.drama-top h1{font-size:1.65rem}.drama-top .lead{font-size:.9rem}.drama-top .pill-row{margin:12px 0}.fact-list{grid-template-columns:1fr;margin:10px 0;gap:6px}.drama-top .primary{font-size:.75rem;padding:8px}.world-detail{padding:20px}.world-detail h2{font-size:2rem}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}.search-form select{flex:1}.about-lead{grid-row:auto}.about-layout>section:last-child{grid-column:auto}}
@media(max-width:380px){.category-grid{grid-template-columns:1fr 1fr}.category-tile h3{font-size:1rem}.drama-top{grid-template-columns:1fr}.drama-top>div:first-child{max-width:190px}.related-grid{grid-template-columns:1fr 1fr}.work-copy .text-link{font-size:.73rem}.hero-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card,.category-tile{transition:none}}
