:root{--background:#F8F7FC;--surface:#fff;--surface-soft:#F2EFF8;--violet:#7963B8;--violet-deep:#57447F;--violet-soft:#EAE4F7;--lilac:#B7A6DA;--pink:#E6A6BA;--pink-deep:#9B4568;--pink-soft:#FBEAF0;--ice-blue:#A7CDE5;--blue-deep:#527EAA;--blue-soft:#EAF4FA;--apricot:#EBC69F;--apricot-soft:#FBF2E8;--mint:#91BDB0;--mint-soft:#EDF6F2;--title:#302B3D;--body:#514B5C;--muted:#706A79;--border:#E7E1ED;--divider:#F0ECF3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--background);color:var(--body);font:16px/1.78 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,select,input{outline-offset:3px}button{cursor:pointer}h1,h2,h3{color:var(--title);line-height:1.28;letter-spacing:-.03em;margin:0 0 18px}h1{font-size:clamp(2.5rem,5vw,4.65rem)}h2{font-size:clamp(1.6rem,3vw,2.5rem)}h3{font-size:1.22rem}p{margin:0 0 17px}small{font-size:.78rem}.container{width:min(1240px,calc(100% - 52px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:20px;background:#fff;z-index:1000;padding:10px}.skip:focus{top:10px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--violet-deep)}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:relative;z-index:40}.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brand strong{font-size:1.4rem;color:var(--violet-deep);letter-spacing:.04em}.brand small{display:block;line-height:1.2;letter-spacing:.06em;color:var(--muted)}.brand-logo{width:70px;max-height:50px;object-fit:contain}.main-nav,.header-tools{display:flex;align-items:center;gap:28px}.main-nav a{font-weight:650;font-size:.95rem}.main-nav a:hover,.footer a:hover,.text-link:hover{color:var(--violet)}.search-icon{font-size:2rem;color:var(--violet-deep)}.menu-toggle{border:1px solid var(--border);background:#fff;border-radius:10px;padding:5px 12px;display:none}.mobile-menu{position:absolute;right:24px;top:76px;width:230px;background:white;border:1px solid var(--border);box-shadow:0 20px 50px #302b3d18;padding:14px;border-radius:16px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:9px 14px}.channel-bar{border-top:1px solid var(--divider)}.channel-scroll{display:flex;overflow-x:auto;gap:10px;padding:13px 0;scrollbar-width:thin}.channel-pill{white-space:nowrap;border:1px solid var(--border);border-radius:30px;padding:5px 14px;font-size:.82rem;background:#fff}.channel-pill:hover{border-color:var(--violet)}.bottom-nav{display:none}.hero{padding-top:48px;display:grid;grid-template-columns:1fr 1.04fr;gap:38px;align-items:center}.hero-copy{padding:36px 0}.hero h1 em{display:block;font-style:normal;color:var(--violet)}.hero-copy>p:not(.eyebrow){max-width:560px;font-size:1.05rem}.hero-note{font-size:.82rem!important;color:var(--muted);margin-top:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid var(--violet-deep);background:var(--violet-deep);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;font-weight:700;min-height:48px;line-height:1.3}.btn:hover{background:#3f305d}.btn.ghost{background:transparent;color:var(--violet-deep)}.btn.ghost:hover{background:var(--violet-soft)}.btn.small{min-height:40px;padding:8px 17px}.hero-visual{height:410px;position:relative}.art{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:20px;isolation:isolate}.art-violet{background:linear-gradient(145deg,#e3dcf6,#d5c0eb 47%,#eef1ff)}.art-pink{background:linear-gradient(140deg,#fce7ef,#eabccf 55%,#fff4f7)}.art-blue{background:linear-gradient(140deg,#eaf4fa,#b1d6e9 55%,#d9daf9)}.art-mint{background:linear-gradient(140deg,#e9f5ee,#a7d5c8,#f3f6e5)}.art-apricot{background:linear-gradient(140deg,#fff7e7,#eed0b0,#f7e9d3)}.art:before,.art:after{content:'';position:absolute;width:70%;height:70%;border-radius:50%;border:1px solid #ffffff77;transform:translate(-30%,-30%)}.art:after{transform:translate(42%,50%);width:50%;height:50%}.art-mark{font-size:clamp(4rem,10vw,9rem);color:#66529475;font-family:Georgia,serif;z-index:1}.media-img{width:100%;height:100%;object-fit:contain;z-index:2;position:relative}.hero-sticker{position:absolute;bottom:22px;left:-23px;background:white;border-radius:15px;padding:17px 22px;box-shadow:0 12px 40px #33264d20;max-width:280px}.hero-sticker span,.hero-sticker small{display:block;font-size:.75rem;color:var(--muted)}.hero-sticker strong{display:block;color:var(--title);font-size:1.14rem}.section{margin-top:92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:370px;margin:0}.text-link{color:var(--violet-deep);font-weight:800;font-size:.88rem}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mood-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;min-height:165px;display:flex;flex-direction:column;gap:5px;transition:transform .2s}.mood-card:hover,.work-card:hover,.curation-grid>a:hover{transform:translateY(-4px)}.mood-emoji{font-size:1.6rem}.mood-card strong{color:var(--title);font-size:1.1rem}.mood-card small{color:var(--muted)}.tone-pink{--tone:#FBEAF0}.tone-blue{--tone:#EAF4FA}.tone-violet{--tone:#EAE4F7}.tone-mint{--tone:#EDF6F2}.tone-apricot{--tone:#FBF2E8}.mood-card:nth-child(3n+1),.mood-card:nth-child(3n+3){background:linear-gradient(120deg,var(--tone),#fff)}.story-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.work-card{display:block;background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden;transition:transform .2s}.work-card .art{aspect-ratio:2/3;border-radius:0;height:auto}.work-copy{padding:15px}.work-copy .eyebrow{font-size:.66rem;letter-spacing:.04em}.work-copy h3{margin:4px 0 7px;font-size:1.07rem}.work-copy p{font-size:.82rem;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-copy .text-link{font-size:.77rem}.split-feature{background:#fff;border-radius:28px;padding:24px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;border:1px solid var(--border)}.feature-visual{height:420px}.feature-text{padding:20px 28px 20px 0}.clue-list{margin:24px 0 0;padding:0;list-style:none;counter-reset:clue}.clue-list li{counter-increment:clue;border-top:1px solid var(--divider);padding:8px 0}.clue-list li:before{content:'0' counter(clue) ' / ';font-size:.75rem;color:var(--violet);font-weight:700}.relationship-grid,.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.relationship-card,.curation-grid>a{padding:29px;background:#fff;border:1px solid var(--border);border-radius:18px}.relationship-card:nth-child(2){background:var(--blue-soft)}.relationship-card:nth-child(3){background:var(--pink-soft)}.relationship-card p:not(.eyebrow){font-size:.9rem}.universe-banner{padding:50px 55px;background:linear-gradient(130deg,#ede7fa,#f8ecf3 70%,#eaf4fa);border-radius:26px;display:grid;grid-template-columns:1fr .65fr;gap:50px}.universe-banner>div:first-child{max-width:610px}.world-mini{display:flex;flex-direction:column;justify-content:center;gap:12px}.world-mini a{background:#ffffffc7;border:1px solid #fff;padding:18px 23px;border-radius:12px;font-weight:750}.world-mini span{color:var(--violet);margin-right:20px}.editorial-layout{display:grid;grid-template-columns:.8fr 1fr;gap:65px;align-items:center}.editorial-layout>div:first-child{padding:35px;border-left:4px solid var(--pink)}.editorial-works>a{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border);padding:17px 0}.editorial-works small{color:var(--muted)}.comic-grid{display:grid;grid-template-columns:1.2fr .85fr .85fr;gap:18px}.comic-tile{background:#fff;padding:14px;border:1px solid var(--border);border-radius:20px}.comic-tile .art{height:270px}.comic-tile:first-child .art{height:340px}.comic-tile h3{margin:15px 6px 5px}.comic-tile p{font-size:.87rem;margin:0 6px 10px}.fun-list{background:#fff;border-radius:22px;overflow:hidden}.fun-list a{display:grid;grid-template-columns:50px 1fr 2fr 20px;gap:15px;align-items:center;padding:22px 28px;border-bottom:1px solid var(--border)}.fun-list small{color:var(--muted)}.curation-grid>a{background:var(--surface-soft);transition:transform .2s}.curation-grid>a:nth-child(2){background:var(--blue-soft)}.curation-grid>a:nth-child(3){background:var(--apricot-soft)}.studio-peek{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:50px}.studio-peek>div:first-child{height:370px}.steps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.steps span{padding:7px 12px;border:1px solid var(--border);border-radius:20px;font-size:.78rem}.continue{text-align:center;background:#fff;border-radius:22px;padding:38px;margin-bottom:80px}.continue>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.continue a{border:1px solid var(--border);padding:20px;text-align:left;border-radius:12px;font-weight:700}.continue a b{float:right}.footer{background:#302B3D;color:#eee8f7;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.footer-grid p{max-width:520px;font-size:.88rem;color:#d0cbd9}.footer-brand{font-size:1.3rem}.footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 25px;align-content:start}.footer nav a{font-size:.88rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:20px;margin-top:30px;font-size:.8rem;color:#c5bfcd}.page{padding-top:40px;padding-bottom:90px}.page-intro{max-width:810px;margin:25px 0 43px}.page-intro h1{font-size:clamp(2.25rem,4vw,3.6rem)}.page-intro>p:not(.eyebrow){font-size:1.08rem}.count-note{display:inline-block;background:var(--violet-soft);color:var(--violet-deep);padding:5px 15px;border-radius:30px;font-size:.82rem}.discovery-layout{display:grid;grid-template-columns:205px 1fr;gap:38px;align-items:start}.filter-side,.atlas-nav,.studio-index,.service-nav{position:sticky;top:15px}.filter-side h2,.atlas-nav h2,.studio-index h2{font-size:1.08rem}.filter-side a,.atlas-nav a,.studio-index a,.service-nav a{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:10px 13px;font-size:.88rem}.filter-side a:hover,.filter-side a.selected,.atlas-nav a[aria-current]{background:var(--violet-soft);color:var(--violet-deep);font-weight:700}.filter-side small{font-size:.72rem}.filter-form{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:17px;background:#fff;border:1px solid var(--border);border-radius:15px;margin-bottom:22px;font-size:.9rem}.filter-form select{margin-left:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--title)}.feature-small{background:linear-gradient(110deg,var(--violet-soft),#fff);border-radius:18px;padding:26px;margin-bottom:25px}.feature-small h2{font-size:1.5rem;margin:0 0 6px}.feature-small p{font-size:.91rem}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.pagination a{min-width:40px;text-align:center;padding:7px 10px;background:#fff;border:1px solid var(--border);border-radius:8px}.pagination a[aria-current]{background:var(--violet-deep);color:#fff}.empty{background:#fff;text-align:center;padding:70px 20px;border-radius:22px}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:30px}.drama-hero{display:grid;grid-template-columns:345px 1fr;gap:58px;align-items:center}.drama-poster .art{aspect-ratio:2/3}.drama-lead h1{font-size:clamp(2.3rem,4.5vw,4rem)}.lead-quote{font-size:1.22rem;max-width:680px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag-row span{border:1px solid var(--border);padding:4px 13px;border-radius:20px;font-size:.84rem}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.meta-grid dt{font-size:.76rem;color:var(--muted)}.meta-grid dd{margin:0;font-weight:700}.media-status{margin-top:22px;border-left:3px solid var(--violet);background:var(--violet-soft);padding:12px 16px;font-size:.87rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:70px;margin-top:70px}.detail-body section{margin-bottom:67px}.detail-body section>p:not(.eyebrow){font-size:1.03rem;line-height:2}.episode-list details{border-bottom:1px solid var(--border);padding:0}.episode-list summary{list-style:none;display:flex;align-items:center;gap:17px;padding:18px 5px;cursor:pointer}.episode-list summary::-webkit-details-marker{display:none}.episode-num{color:var(--violet);font-weight:800;font-size:.9rem}.episode-list .plus{margin-left:auto}.episode-list details[open] .plus{transform:rotate(45deg)}.episode-list details p{padding:0 20px 20px 43px}.sticky-note{position:sticky;top:20px;border:1px solid var(--border);background:#fff;padding:22px;border-radius:17px}.sticky-note h3{font-size:1rem}.sticky-note a{display:block;padding:8px 0;font-size:.9rem}.sticky-note p{font-size:.82rem;color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.character{padding:25px;border:1px solid var(--border);border-radius:15px;background:#fff}.character p{font-size:.86rem;margin-bottom:8px}.highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}.highlight-list li{background:var(--violet-soft);padding:17px;border-radius:10px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.atlas-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 200px;gap:30px;align-items:start}.atlas-nav a,.studio-index a{gap:12px;justify-content:flex-start}.atlas-nav a span,.studio-index a span{font-size:.74rem;color:var(--violet)}.world-chapter{margin:0 0 38px;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden}.world-head{background:var(--tone);padding:40px}.world-head h2{margin-bottom:8px}.world-prose,.world-rule{padding:25px 35px 0}.world-prose p{line-height:2}.world-rule{background:#fbfafd;margin:20px 25px;padding:25px;border-radius:12px}.world-rule h3{font-size:1rem;margin-bottom:8px}.world-rule li{padding:3px 0}.world-chapter>h3{margin:26px 35px 10px}.world-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 35px 35px}.world-links a{background:var(--violet-soft);color:var(--violet-deep);padding:7px 12px;border-radius:8px;font-size:.84rem}.atlas-aside{padding:20px;border-top:2px solid var(--violet);font-size:.88rem}.studio-layout{display:grid;grid-template-columns:225px 1fr;gap:50px;align-items:start}.studio-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--pink-soft);border-radius:22px;overflow:hidden;min-height:230px;margin-bottom:50px}.studio-banner .art{border-radius:0}.studio-banner>div:last-child{padding:30px;align-self:center}.studio-banner h2{font-size:1.7rem}.studio-unit{border-bottom:1px solid var(--border);padding-bottom:48px;margin-bottom:53px}.studio-unit h3{color:var(--violet-deep)}.studio-unit p{line-height:2}.search-page{max-width:1100px}.search-large{display:flex;gap:12px;background:#fff;padding:12px;border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 22px #302b3d0c}.search-large input{flex:1;min-width:0;border:0;padding:12px 16px;outline-offset:-3px}.search-hint{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 65px;color:var(--muted);font-size:.86rem}.search-hint a{color:var(--violet-deep);text-decoration:underline}.search-suggest{margin-top:55px}.suggest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.suggest-grid a{border:1px solid var(--border);background:#fff;padding:23px 15px;border-radius:14px}.service-grid{display:grid;grid-template-columns:200px 1fr;gap:65px}.service-nav{display:flex;flex-direction:column;align-items:stretch}.service-content{background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px 50px}.service-content section{padding:30px 0;border-bottom:1px solid var(--border)}.service-content section:last-child{border:0}.service-content details{padding:15px 0;border-bottom:1px solid var(--divider)}.service-content summary{font-weight:700;cursor:pointer}.notfound{text-align:center;min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:1100px){.main-nav{gap:15px}.story-rail{grid-template-columns:repeat(3,1fr)}.atlas-layout{grid-template-columns:180px 1fr}.atlas-aside{display:none}.related-grid{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{font-size:15px}.container{width:min(100% - 30px,600px)}.topbar{min-height:75px}.brand{min-width:0}.brand strong{font-size:1.1rem}.brand small{font-size:.58rem}.main-nav{display:none}.menu-toggle{display:block}.header-tools{gap:12px}.channel-scroll{padding:9px 0}.hero,.split-feature,.editorial-layout,.studio-peek,.universe-banner{grid-template-columns:1fr}.hero{padding-top:8px;gap:0}.hero-copy{padding-bottom:10px}.hero-visual{height:290px;margin:5px 12px 0}.hero-sticker{left:-9px;bottom:8px}.section{margin-top:65px}.section-heading{align-items:start;flex-direction:column;gap:10px}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-card{min-height:145px;padding:16px}.story-rail{grid-template-columns:repeat(2,1fr)}.split-feature{padding:12px;gap:20px}.feature-visual{height:270px}.feature-text{padding:10px 14px 22px}.relationship-grid,.curation-grid{grid-template-columns:1fr}.universe-banner{padding:28px;gap:18px}.editorial-layout{gap:15px}.editorial-layout>div:first-child{padding:20px}.comic-grid{grid-template-columns:1fr 1fr}.comic-tile:first-child{grid-column:span 2}.comic-tile .art,.comic-tile:first-child .art{height:245px}.fun-list a{grid-template-columns:30px 1fr 20px;padding:16px;gap:9px}.fun-list small{grid-column:2;grid-row:2}.fun-list b{grid-column:3;grid-row:1}.studio-peek{gap:20px}.studio-peek>div:first-child{height:240px}.continue>div{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{display:block}.bottom-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 24px #302b3d0a;padding:10px 7px max(10px,env(safe-area-inset-bottom));text-align:center;font-weight:700;font-size:.82rem}.footer{padding-bottom:92px}.page{padding-top:20px}.discovery-layout,.studio-layout,.service-grid,.atlas-layout{grid-template-columns:1fr;gap:20px}.filter-side,.studio-index,.atlas-nav,.service-nav{position:static;display:flex;overflow-x:auto;gap:8px;padding:0 0 9px}.filter-side h2,.studio-index h2,.atlas-nav h2{display:none}.filter-side a,.atlas-nav a,.studio-index a,.service-nav a{flex-shrink:0;white-space:nowrap;border:1px solid var(--border);background:#fff}.filter-side small{margin-left:8px}.work-grid{grid-template-columns:repeat(2,1fr);gap:12px}.drama-hero{grid-template-columns:1fr;gap:20px}.drama-poster{width:min(320px,100%);margin:auto}.detail-layout{grid-template-columns:1fr;margin-top:40px}.detail-side{grid-row:1}.sticky-note{position:static}.sticky-note a{display:inline-block;margin-right:12px}.character-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.world-head{padding:25px}.world-prose,.world-rule{padding:22px}.world-rule{margin:10px}.world-links{padding:0 20px 22px}.studio-banner{grid-template-columns:1fr}.studio-banner .art{height:170px}.service-content{padding:14px 23px}.suggest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:370px){.container{width:calc(100% - 22px)}.brand small{display:none}.mood-card{padding:12px}.work-copy{padding:11px}.work-copy h3{font-size:.93rem}.work-copy p{font-size:.76rem}.meta-grid{gap:7px}.hero h1{font-size:2.3rem}.search-large{padding:7px}.search-large .btn{padding:10px 12px}.related-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}