: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;--apricot-soft:#FBF2E8;--mint:#91BDB0;--mint-soft:#EDF6F2;--title:#302B3D;--body:#514B5C;--muted:#666071;--border:#E7E1ED;--divider:#F0ECF3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.8 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.3;letter-spacing:-.03em}h1{font-size:clamp(2.6rem,5vw,5rem)}h2{font-size:clamp(1.65rem,2.8vw,2.6rem)}h3{font-size:1.3rem}a{color:inherit;text-decoration:none}a:hover{color:var(--violet-deep)}button,input,select{font:inherit}button,a,select,input{outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-80px;left:12px;z-index:200;background:white;padding:8px}.skip:focus{top:12px}.eyebrow{display:block;font-size:.73rem;letter-spacing:.16em;color:var(--violet-deep);font-weight:800;text-transform:uppercase;margin-bottom:18px}.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--divider)}.header-row{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--violet);color:#fff;width:46px;height:46px;border-radius:17px;font-size:26px}.brand strong{display:block;color:var(--violet-deep);letter-spacing:.1em;font-size:1.32rem;line-height:1.4}.brand small{font-size:.56rem;color:var(--muted);letter-spacing:.1em}.top-nav{display:flex;gap:32px;font-weight:650;font-size:.93rem}.top-nav a[aria-current]{color:var(--violet);position:relative}.top-nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:-30px;height:3px;background:var(--violet)}.header-tools{display:flex;align-items:center;gap:14px}.search-link{white-space:nowrap}.menu-toggle{background:var(--surface-soft);border:0;border-radius:12px;padding:6px 13px;cursor:pointer}.category-bar{border-top:1px solid var(--divider)}.scroll-tags{display:flex;gap:13px;overflow:auto;scrollbar-width:none;padding:13px 0}.scroll-tags a{white-space:nowrap;border-radius:99px;padding:4px 15px;background:#F7F4FA;font-size:.79rem;color:var(--violet-deep)}.scroll-tags a:hover{background:var(--violet-soft)}.mobile-menu{position:fixed;z-index:102;right:0;top:0;bottom:0;width:min(320px,85%);background:white;box-shadow:-20px 0 60px #312d3d22;padding:28px;display:flex;flex-direction:column;gap:8px}.mobile-menu[hidden],.menu-backdrop[hidden]{display:none}.mobile-menu a,.mobile-menu button{padding:12px 18px;border:0;background:var(--surface-soft);border-radius:10px;text-align:left}.mobile-menu button{cursor:pointer}.menu-backdrop{position:fixed;inset:0;background:#17132175;z-index:101}.menu-open{overflow:hidden}.bottom-nav{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:5%;padding-top:75px;padding-bottom:80px}.hero-copy h1{font-weight:780;line-height:1.19;margin-bottom:25px}.hero-copy h1 em{font-style:normal;color:var(--violet)}.hero-copy>p{max-width:510px;font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--violet-deep);color:#fff;border:0;border-radius:13px;padding:12px 24px;cursor:pointer;font-weight:700}.btn:hover{background:#3f315f;color:#fff}.btn-light{background:white;color:var(--violet-deep)}.btn-light:hover{background:var(--violet-soft);color:var(--violet-deep)}.text-link{font-weight:750;color:var(--violet-deep)}.hero-caption{font-size:.76rem;color:var(--muted)}.hero-visual{height:410px;position:relative;border-radius:38% 17% 17% 15%;overflow:hidden;background:linear-gradient(145deg,#E7DDF4,#D8EAF8 60%,#F8DCE6)}.art-image{width:100%;height:100%;object-fit:cover}.art-fallback{height:100%;min-height:175px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(145deg,#e9dff3,#f6e9f1 50%,#dfedf7);color:#67538d}.art-fallback span{font-size:.75rem;letter-spacing:.15em}.art-fallback strong{font:normal 100px/1 Georgia,serif;color:#a88ec9}.hero-visual .art-fallback strong{font-size:180px}.hero-floating{position:absolute;bottom:22px;left:24px;right:24px;max-width:260px;background:#ffffffeb;backdrop-filter:blur(10px);padding:16px 20px;border-radius:16px;box-shadow:0 6px 25px #372c5030}.hero-floating small,.hero-floating span{display:block;color:var(--muted);font-size:.7rem}.hero-floating strong{display:block;color:var(--title);font-size:1.1rem}.section{padding-top:75px;padding-bottom:75px}.section-soft{background:#F0EDF7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin:0}.section-head p{max-width:350px;font-size:.92rem;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:25px;border:1px solid #fff7;border-radius:18px;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.cat-emoji{font-size:27px}.category-tile strong{font-size:1.1rem;color:var(--title);margin:8px 0}.category-tile small{font-size:.78rem;line-height:1.65;flex:1}.category-tile>span:last-child{font-size:.77rem;color:var(--violet-deep);font-weight:800;margin-top:13px}.category-0,.category-5{background:#FBEAF0}.category-1,.category-4{background:#E7F2FA}.category-2,.category-7{background:#ECE6F8}.category-3,.category-6{background:#FBF0E4}.story-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:18px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.story-rail .work-card{scroll-snap-align:start}.work-card{display:block;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.work-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #453a6812}.work-art{height:260px;background:var(--violet-soft);overflow:hidden}.work-art .art-fallback strong{font-size:90px}.work-info{padding:18px}.work-info small{color:var(--pink-deep);font-weight:700}.work-info h3{font-size:1.15rem;margin:6px 0 10px}.work-info p{font-size:.82rem;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.arrow{font-weight:700;color:var(--violet-deep);font-size:.83rem}.feature-story{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:10%}.feature-story h2{font-size:clamp(2rem,3.7vw,3.4rem)}.feature-story p{line-height:2}.feature-portrait{height:430px;position:relative;border-radius:180px 180px 30px 30px;overflow:hidden}.note-float{position:absolute;bottom:20px;left:20px;background:#fffde9;border-radius:12px;padding:12px 20px;color:var(--title);font-weight:700}.note-float small{font-weight:400}.mystery{display:grid;grid-template-columns:.7fr 1fr;background:#E9E8F3;border-radius:28px;padding:0;overflow:hidden;margin-top:50px;margin-bottom:50px}.mystery-image{min-height:440px}.mystery-copy{padding:60px}.mystery-copy ol{padding-left:20px}.mystery-copy li{margin-bottom:10px}.world-feature{display:grid;grid-template-columns:1fr 1fr;min-height:350px;background:#DAEAF3;border-radius:22px;overflow:hidden}.world-feature-text{padding:60px}.world-feature-text h3{font-size:2rem}.world-feature-text a{color:var(--violet-deep);font-weight:700}.world-feature-art{min-height:330px}.split-editorial{display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:center}.split-editorial .editorial-image{height:390px;border-radius:20px;overflow:hidden}.inline-story{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0;font-weight:700}.manga-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.manga-gallery a{display:flex;flex-direction:column;gap:7px}.manga-gallery .art-image,.manga-gallery .art-fallback{height:290px;border-radius:15px;overflow:hidden}.manga-gallery a:first-child .art-image,.manga-gallery a:first-child .art-fallback{height:360px}.manga-gallery strong{color:var(--title);font-size:1.2rem}.manga-gallery span{font-size:.8rem;color:var(--muted)}.fun-grid,.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fun-card,.curation-grid>a{background:white;border:1px solid var(--border);padding:30px;border-radius:20px}.fun-card>span{font-size:35px;color:var(--pink-deep)}.fun-card p,.curation-grid p{font-size:.91rem;min-height:92px}.fun-card b,.curation-grid span{color:var(--violet-deep);font-size:.85rem}.curation-grid>a:nth-child(2){background:var(--blue-soft)}.curation-grid>a:nth-child(3){background:var(--apricot-soft)}.curation-grid small{color:var(--muted)}.studio-teaser{background:#EAE3F5}.studio-teaser-inner{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:12%}.studio-teaser-inner>div:last-child{height:300px;overflow:hidden;border-radius:120px 18px 120px 18px}.ending-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ending-links a{border-top:2px solid var(--violet);padding-top:20px;display:flex;flex-direction:column}.ending-links strong{color:var(--title);font-size:1.1rem}.ending-links span{font-size:.8rem;color:var(--muted)}.page{padding-top:44px;padding-bottom:110px}.page-intro{padding:38px 0 48px;max-width:900px}.page-intro h1{font-size:clamp(2.4rem,4vw,4.1rem);max-width:850px}.page-intro p{max-width:720px;font-size:1.05rem}.discover-layout,.universe-layout,.studio-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px}.side-panel{position:sticky;top:20px;align-self:start;background:#fff;padding:20px 15px;border:1px solid var(--border);border-radius:16px;max-height:calc(100vh - 40px);overflow:auto}.side-panel h2{font-size:1rem;padding:0 10px}.side-panel a{display:flex;gap:7px;align-items:center;justify-content:space-between;border-radius:9px;padding:10px;font-size:.83rem}.side-panel a:hover,.side-panel a.active{background:var(--violet-soft);color:var(--violet-deep)}.side-panel small{color:var(--muted)}.filter-panel{background:#fff;border:1px solid var(--border);border-radius:15px;padding:15px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.filter-panel form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-panel label{font-size:.85rem}.filter-panel select,.search-form select,.search-form input{border:1px solid var(--border);border-radius:9px;padding:10px;background:#fff;color:var(--body)}.filter-panel button{background:var(--violet-deep);border:0;color:#fff;padding:9px 15px;border-radius:9px;cursor:pointer}.filter-panel a{font-size:.8rem}.filter-panel>span{font-size:.83rem;color:var(--muted)}.featured-directory{margin-bottom:20px}.work-wide{display:grid;grid-template-columns:38% 1fr}.work-wide .work-art{height:310px}.work-wide .work-info{padding:30px}.work-wide .work-info h3{font-size:1.6rem}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid .work-art{height:240px}.pager{display:flex;gap:8px;justify-content:center;margin:38px 0}.pager a{background:#fff;padding:5px 14px;border-radius:9px;border:1px solid var(--border)}.pager a[aria-current]{background:var(--violet-deep);color:white}.empty{background:#fff;padding:65px 30px;text-align:center;border-radius:20px}.crumb{font-size:.8rem;margin-bottom:35px;color:var(--muted)}.drama-hero{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center}.drama-poster{height:480px;border-radius:22px;overflow:hidden}.drama-intro h1{font-size:clamp(2.8rem,5vw,4.7rem)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row a,.tag-row span{font-size:.78rem;background:var(--violet-soft);padding:4px 12px;border-radius:100px}.lead{font-size:1.08rem;margin:25px 0}.drama-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:25px 0}.drama-meta div{border-top:1px solid var(--border);padding-top:8px}.drama-meta dt{font-size:.78rem;color:var(--muted)}.drama-meta dd{margin:0;color:var(--title);font-weight:650}.truth-note{background:var(--mint-soft);border-left:3px solid var(--mint);padding:12px 18px;font-size:.82rem}.drama-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;margin-top:75px}.content-section{margin-bottom:70px}.content-section p{line-height:2.15}.content-section h2{margin-bottom:22px}.episode-list{list-style:none;padding:0}.episode-list li{display:grid;grid-template-columns:50px 1fr;gap:15px;position:relative;padding-bottom:27px}.episode-list li:not(:last-child):before{content:'';position:absolute;left:22px;top:48px;bottom:0;border-left:1px solid var(--lilac)}.episode-num{display:grid;place-items:center;background:var(--violet-soft);width:45px;height:45px;border-radius:50%;color:var(--violet-deep);font-weight:800}.episode-list h3{font-size:1.1rem}.episode-list p{font-size:.91rem}.drama-aside>section{background:#fff;border:1px solid var(--border);padding:22px;border-radius:20px}.drama-aside h2{font-size:1.3rem}.person-card{padding:15px 0;border-bottom:1px solid var(--border)}.person-card span{font-size:.75rem;color:var(--pink-deep)}.person-card h3{margin:4px 0}.person-card small{color:var(--muted)}.person-card p,.relationship-note p{font-size:.85rem;margin:10px 0}.relationship-note{padding-top:15px}.highlights{padding-left:20px}.highlights li{margin:15px 0}.related .work-grid{grid-template-columns:repeat(4,1fr)}.universe-intro{max-width:850px}.world-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.world-tile{padding:35px;border-radius:22px;min-height:250px;background:var(--violet-soft)}.world-tile:nth-child(4n+2){background:var(--blue-soft)}.world-tile:nth-child(4n+3){background:var(--pink-soft)}.world-tile:nth-child(4n+4){background:var(--apricot-soft)}.world-tile h2{font-size:1.65rem}.world-tile small,.world-tile span{font-size:.78rem;color:var(--violet-deep)}.world-tile p{font-size:.9rem}.world-banner{background:linear-gradient(125deg,#E5E0F4,#DDEBF5);padding:48px;border-radius:24px}.world-banner h2{font-size:2.5rem;margin:10px 0}.world-banner span{font-size:.8rem}.universe-body>.content-section{padding:35px 0 0}.world-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.world-columns section{background:#fff;border-radius:15px;padding:25px}.world-columns h2{font-size:1.2rem}.studio-intro{max-width:800px}.studio-lessons{display:grid;gap:45px}.lesson{background:#fff;border:1px solid var(--border);border-radius:23px;padding:45px;scroll-margin-top:25px}.lesson-label{font-size:.78rem;letter-spacing:.12em;color:var(--violet-deep);font-weight:800;display:flex;justify-content:space-between}.lesson-label span{font-size:34px}.lesson h2{font-size:2.1rem;margin:10px 0 20px}.lesson-intro{font-size:1.04rem}.lesson-point{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid var(--divider);padding-top:25px;margin-top:25px}.lesson-point>span{color:var(--pink-deep);font-size:1.4rem;font-family:Georgia,serif}.lesson-point p{margin:0}.exercise{background:var(--blue-soft);padding:23px;border-radius:13px;margin-top:30px}.exercise p{margin:8px 0 0;font-size:.9rem}.search-form{display:flex;gap:12px;background:white;padding:20px;border-radius:18px;border:1px solid var(--border)}.search-form input{flex:1;min-width:0}.search-suggestions{display:flex;gap:12px;flex-wrap:wrap}.search-suggestions a{padding:14px 27px;background:var(--violet-soft);border-radius:12px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-grid section{background:#fff;padding:35px;border-radius:19px;border:1px solid var(--border);scroll-margin-top:20px}.about-grid small{color:var(--violet-deep)}.about-grid h2{font-size:1.6rem;margin:15px 0}.about-grid p{font-size:.94rem;margin:0}.about-links{display:flex;align-items:center;gap:30px;margin-top:35px}.site-footer{background:#EEEAF4;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h2{font-size:1.5rem}.footer-grid h2 span{color:var(--violet)}.footer-grid p,.footer-grid small{font-size:.84rem;max-width:470px}.footer-grid strong{display:block;color:var(--title);margin-bottom:18px}.footer-grid a{display:block;font-size:.85rem;margin:6px 0}.footer-bottom{border-top:1px solid #D9D2E3;margin-top:35px;padding-top:20px;font-size:.8rem;color:var(--muted)}.spacious{min-height:55vh;padding-top:80px;padding-bottom:80px}
@media(max-width:1020px){.top-nav{gap:14px}.brand small{display:none}.category-grid{grid-template-columns:repeat(4,1fr)}.story-rail{grid-auto-columns:minmax(220px,32%)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .work-grid{grid-template-columns:repeat(2,1fr)}.drama-main{gap:25px}.hero{gap:4%}}
@media(max-width:720px){body{font-size:15px;padding-bottom:62px}.wrap{width:min(100% - 30px,1200px)}.top-nav{display:none}.header-row{height:68px}.brand-mark{width:40px;height:40px}.brand strong{font-size:1.1rem}.search-link span{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);z-index:60;box-shadow:0 -4px 20px #221c3715;padding:5px 0 max(5px,env(safe-area-inset-bottom))}.bottom-nav a{text-align:center;font-size:21px;line-height:1.2}.bottom-nav small{display:block;font-size:.68rem}.hero{display:flex;flex-direction:column;padding:45px 0;gap:28px}.hero h1{font-size:3rem}.hero-visual{width:100%;height:315px}.section{padding:50px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{padding:17px;min-height:195px}.story-rail{grid-auto-columns:75%}.feature-story,.split-editorial,.studio-teaser-inner{grid-template-columns:1fr;gap:25px}.feature-portrait{height:320px}.mystery{display:flex;flex-direction:column}.mystery-image{min-height:240px;height:250px}.mystery-copy{padding:28px}.world-feature{grid-template-columns:1fr}.world-feature-text{padding:28px}.world-feature-art{height:180px;min-height:180px}.manga-gallery{grid-template-columns:1fr 1fr}.manga-gallery>a:first-child{grid-column:span 2}.manga-gallery .art-image,.manga-gallery .art-fallback{height:230px}.fun-grid,.curation-grid,.ending-links{grid-template-columns:1fr}.fun-card p,.curation-grid p{min-height:0}.studio-teaser-inner>div:last-child{height:210px}.discover-layout,.universe-layout,.studio-layout{grid-template-columns:1fr;gap:18px}.side-panel{position:static;max-height:none;display:flex;overflow-x:auto;gap:6px;padding:10px}.side-panel h2{display:none}.side-panel a{white-space:nowrap;flex-shrink:0}.page-intro{padding:25px 0}.page-intro h1{font-size:2.6rem}.work-grid,.work-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.work-grid .work-art{height:190px}.work-info{padding:12px}.work-info h3{font-size:1rem}.work-info p{font-size:.76rem;-webkit-line-clamp:2}.featured-directory .work-wide{grid-template-columns:40% 1fr}.work-wide .work-art{height:220px}.work-wide .work-info{padding:15px}.work-wide .work-info h3{font-size:1.2rem}.drama-hero{grid-template-columns:1fr;gap:25px}.drama-poster{height:370px;max-width:300px}.drama-intro h1{font-size:3rem}.drama-main{grid-template-columns:1fr;margin-top:50px}.world-list,.world-columns,.about-grid{grid-template-columns:1fr}.world-banner{padding:28px}.lesson{padding:25px}.lesson h2{font-size:1.7rem}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}.search-form select,.search-form button{flex:1}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid h2{margin:0}.site-footer{padding-top:45px}}
@media(max-width:380px){.category-tile{min-height:220px}.work-grid .work-art{height:160px}.work-info p{display:none}.search-form select,.search-form button{flex-basis:100%}.hero-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
