@charset "UTF-8";
:root{--background:#F4F3EF;--paper:#FFFDF9;--surface:#fff;--surface-soft:#ECEFEA;--sage:#78917D;--sage-deep:#526D58;--sage-soft:#E6EEE6;--persimmon:#D87958;--persimmon-deep:#B9563A;--persimmon-soft:#F9E9E2;--coffee:#39332F;--coffee-deep:#24201D;--coffee-soft:#EDE8E2;--lavender:#9687A8;--lavender-soft:#F0EDF4;--ice:#7596A5;--ice-soft:#E9F1F3;--apricot:#D9B58D;--apricot-soft:#F7EFE4;--title:#302F2B;--body:#55534E;--muted:#85827B;--border:#E3E2DA;--divider:#EAE9E2;--max:1340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:99}.skip-link:focus{left:8px}.topbar{height:74px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:34px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;flex:none;color:var(--coffee)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--sage-deep);color:white;border-radius:12px 12px 12px 3px;font-family:serif;font-size:22px}.brand b{display:block;font-size:18px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:27px;margin:auto;font-size:14px;color:var(--coffee)}.main-nav a:hover,.footer a:hover,.text-link:hover{color:var(--persimmon-deep)}.nav-search{display:flex;width:210px;border:1px solid var(--border);border-radius:30px;background:white;padding:3px 5px 3px 14px}.nav-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px}.nav-search button{width:30px;height:30px;border:0;border-radius:50%;background:var(--sage-soft);color:var(--sage-deep)}.menu-toggle,.mobile-menu{display:none}.hero{min-height:530px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding-block:65px 55px;gap:50px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--sage-deep);font-weight:800}.hero-kicker{margin:18px 0 8px;font-size:11px;letter-spacing:2px;color:var(--persimmon-deep);font-weight:700}.hero h1{font-family:Georgia,"Noto Serif SC",serif;color:var(--coffee-deep);font-size:clamp(42px,5vw,68px);line-height:1.22;letter-spacing:-2px;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--sage-deep)}.lead{font-size:17px;max-width:520px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 22px;border-radius:6px;background:var(--sage-deep);color:#fff;font-size:14px;font-weight:700;border:0}.button-orange{background:var(--persimmon);color:#fff}.button:hover{filter:brightness(.94)}.text-link{font-size:13px;font-weight:700;color:var(--coffee)}.hero-note{margin-top:48px;font-size:11px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage);margin-right:8px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.hero-frame{width:min(390px,85%);height:350px;padding:16px;background:var(--paper);box-shadow:0 20px 60px #39332f14;transform:rotate(2deg)}.frame-label,.frame-caption{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.hero-illustration{height:280px;margin:10px 0;background:linear-gradient(135deg,#dfe8dd 0 42%,#d4b49a 42% 43%,#e8d5c6 43% 70%,#879c91 70%);position:relative;overflow:hidden;padding:24px;color:var(--coffee)}.hero-illustration:before{content:"";position:absolute;width:150px;height:190px;border-radius:80px 80px 10px 10px;background:#f3eee5;right:55px;bottom:-30px;transform:rotate(-9deg)}.hero-illustration span{font-size:10px;letter-spacing:3px;line-height:2}.hero-illustration b{position:absolute;left:25px;bottom:25px;font-family:Georgia,serif;font-size:30px;line-height:1.2}.hero-stamp{position:absolute;right:2%;bottom:4%;width:72px;height:72px;border:1px solid var(--persimmon);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--persimmon-deep);font-size:14px;line-height:1.2;transform:rotate(-12deg);background:#fff9}.section{padding-block:56px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2,.page-intro h1{font-family:Georgia,"Noto Serif SC",serif;color:var(--coffee-deep);font-size:32px;line-height:1.3;margin:8px 0}.section-head p,.page-intro p{margin:0;color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{min-height:160px;padding:20px;display:flex;flex-direction:column;border-radius:7px;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-tile>span{font-size:24px}.category-tile b{font-size:18px;color:var(--coffee);margin-top:8px}.category-tile small{font-size:11px;line-height:1.6;color:var(--body);margin-top:5px}.category-tile i{font-size:9px;letter-spacing:1px;font-style:normal;margin-top:auto;padding-top:10px;color:var(--coffee)}.tone-sage{background:#E6EEE6}.tone-lavender{background:#F0EDF4}.tone-persimmon{background:#F9E9E2}.tone-apricot{background:#F7EFE4}.tone-ice{background:#E9F1F3}.tone-coffee{background:#EDE8E2}.feature-section{background:var(--paper);padding:45px 42px;margin-top:20px}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px}.feature-lead{display:grid;grid-template-columns:.9fr 1fr;gap:22px;align-items:center}.feature-art{min-height:300px;background:linear-gradient(145deg,#b9c9be,#e6d3bd 50%,#d77d5b);display:flex;align-items:end;padding:20px;color:white;font-family:Georgia,serif;font-size:27px;line-height:1.2}.pill{display:inline-block;padding:5px 10px;background:var(--sage-soft);color:var(--sage-deep);font-size:10px;border-radius:20px}.feature-lead h3{font-family:Georgia,serif;font-size:25px;color:var(--coffee);margin:14px 0 8px}.feature-lead p{font-size:13px;line-height:1.8}.mini-list{display:flex;flex-direction:column}.mini-card{display:grid;grid-template-columns:62px 1fr 18px;gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid var(--divider)}.mini-cover{width:62px;height:76px;object-fit:cover}.mini-card small,.comic-meta small{display:block;font-size:10px;color:var(--sage-deep)}.mini-card b{display:block;color:var(--coffee);font-size:14px}.mini-card p{margin:2px 0 0;font-size:11px;color:var(--muted)}.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.comic-card{min-width:0}.comic-card>a:first-child{display:block;overflow:hidden;border-radius:5px;background:var(--coffee-soft)}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .3s}.comic-card>a:hover .cover{transform:scale(1.025)}.cover-fallback{background:linear-gradient(150deg,#e1e8df,#f2d9c9 60%,#c9d5d0);color:var(--coffee);display:flex;flex-direction:column;justify-content:space-between;padding:18px;font-family:Georgia,serif}.cover-fallback span{font-size:10px;letter-spacing:2px}.cover-fallback b{font-size:19px}.comic-meta{padding-top:10px}.comic-meta>a{display:block;color:var(--coffee);font-size:15px;margin:3px 0}.comic-meta p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0}.split-shelves{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:35px}.shelf-panel{padding:30px;min-height:205px;border-radius:6px}.shelf-panel h2{font:28px Georgia,serif;color:var(--coffee);margin:12px 0 5px}.shelf-panel p{font-size:13px}.shelf-panel a{display:inline-block;margin-top:12px;font-size:12px;font-weight:700}.shelf-green{background:#e3ece3}.shelf-orange{background:#f6e5dc}.collection-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.collection-card,.collection-feature{min-height:220px;padding:24px;display:flex;flex-direction:column;justify-content:end;color:var(--coffee);border-radius:5px}.collection-card span,.collection-feature span{font-size:9px;letter-spacing:1.5px}.collection-card b{font:26px Georgia,serif;margin:12px 0}.collection-card small{font-size:12px;line-height:1.7}.collection-card i{font-style:normal;font-size:11px;margin-top:18px}.collection-1{background:#e0e9df}.collection-2{background:#e8e1ef}.collection-3{background:#f2dfd4}.explore-band{padding:40px;background:var(--coffee);color:#fff;display:flex;justify-content:space-between;align-items:center;margin-block:50px}.explore-band h2{font:34px/1.3 Georgia,serif;margin:10px 0 0}.explore-band .eyebrow{color:#d6b49b}.explore-band .button{background:var(--paper);color:var(--coffee)}.footer{margin-top:70px;padding:40px max(32px,calc((100vw - var(--max))/2)) 25px;background:#eae9e2;display:grid;grid-template-columns:1fr auto;gap:25px}.footer p{max-width:440px;font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:20px;font-size:12px;align-items:center}.footer>small{grid-column:1/-1;border-top:1px solid #d8d7d0;padding-top:15px;color:var(--muted);font-size:10px}.page-shell{padding-top:45px}.page-intro{padding:30px 0 38px;border-bottom:1px solid var(--border);margin-bottom:30px}.page-intro h1{font-size:45px}.page-intro h1 span{color:var(--persimmon);margin-left:12px}.library-layout{display:grid;grid-template-columns:220px 1fr;gap:32px}.library-sidebar{background:var(--paper);padding:22px;height:max-content;position:sticky;top:96px}.library-sidebar>b{display:block;font-size:13px;color:var(--coffee);margin-bottom:12px}.filter-link{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--divider);font-size:12px}.filter-link.active{color:var(--sage-deep);font-weight:800}.filter-link small{color:var(--muted)}.sidebar-divider{height:20px}.library-search{display:flex;gap:10px;margin-bottom:18px}.library-search input{flex:1;min-width:0;border:1px solid var(--border);border-radius:4px;background:white;padding:12px 14px}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:10px 0 18px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.library-grid .comic-meta p{font-size:12px}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag-row i{font-style:normal;background:var(--coffee-soft);padding:2px 7px;border-radius:3px;font-size:9px}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;padding:35px 0;font-size:12px}.pagination a{color:var(--sage-deep);font-weight:700}.empty-state{text-align:center;padding:100px 20px}.empty-state h1,.empty-state h2{font:32px Georgia,serif;color:var(--coffee)}.empty-state p{color:var(--muted)}.breadcrumb{font-size:11px;color:var(--muted);padding:15px 0}.detail-hero{display:grid;grid-template-columns:270px 1fr;gap:45px;padding:25px 0 55px;align-items:center}.detail-cover-img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px}.detail-copy h1{font:clamp(34px,4vw,48px) Georgia,"Noto Serif SC",serif;color:var(--coffee);margin:15px 0}.detail-lead{font-size:15px;line-height:2;max-width:760px}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-block:1px solid var(--border);padding:18px 0;margin:22px 0}.detail-facts small,.detail-facts b{display:block}.detail-facts small{font-size:10px;color:var(--muted)}.detail-facts b{font-size:12px;color:var(--coffee)}.rights-note{font-size:10px;color:var(--muted);margin-top:15px}.detail-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding:35px 0;border-block:1px solid var(--border)}.detail-columns h2,.character-panel h2{font:25px Georgia,serif;color:var(--coffee);margin:12px 0}.detail-columns p{font-size:13px;line-height:2}.character-panel{background:var(--paper);padding:24px}.character-row{display:grid;grid-template-columns:30px 1fr;gap:3px 10px;padding:13px 0;border-bottom:1px solid var(--divider)}.character-row span{grid-row:span 2;color:var(--persimmon);font:18px Georgia}.character-row b{color:var(--coffee);font-size:13px}.character-row small{font-size:10px;color:var(--muted)}.chapter-section{padding:50px 0}.chapter-count{font-size:10px;letter-spacing:1px;color:var(--muted)}.chapter-row{display:grid;grid-template-columns:130px 1fr 100px;gap:12px;padding:17px 8px;border-bottom:1px solid var(--border);align-items:center}.chapter-row span{font-size:10px;color:var(--sage-deep);letter-spacing:1px}.chapter-row b{font-size:13px;color:var(--coffee)}.chapter-row i{font-size:11px;font-style:normal;text-align:right}.related-grid{grid-template-columns:repeat(4,1fr)}.ranking-section{display:grid;grid-template-columns:260px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--border)}.ranking-heading{display:flex;gap:15px}.ranking-heading>span{font-size:28px}.ranking-heading small{font-size:9px;letter-spacing:1px;color:var(--sage-deep)}.ranking-heading h2{font:24px Georgia,serif;color:var(--coffee);margin:5px 0}.ranking-heading p{font-size:11px;color:var(--muted)}.ranking-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ranking-item{display:grid;grid-template-columns:24px 70px 1fr 12px;gap:9px;align-items:center;background:var(--paper);padding:10px}.ranking-item>strong{font:20px Georgia;color:var(--persimmon)}.ranking-cover{width:70px;height:90px;object-fit:cover}.ranking-item b,.ranking-item small{display:block}.ranking-item b{font-size:12px;color:var(--coffee)}.ranking-item small{font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.collection-intro{background:#e8ece5;padding:40px;margin-inline:-20px 0;border:0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.collection-feature{min-height:240px}.collection-feature h2{font:30px Georgia,serif;margin:10px 0}.collection-feature p{font-size:12px;max-width:460px}.collection-feature>b{font-size:11px;margin-top:15px}.collection-4{background:#e7e3eb}.collection-results{padding-top:30px}.about-manifesto{background:var(--sage-deep);color:white;padding:50px;max-width:950px}.about-manifesto span{font-size:10px;letter-spacing:2px}.about-manifesto h2{font:42px/1.3 Georgia,serif;margin:15px 0}.about-manifesto p{max-width:700px;font-size:13px;line-height:2;color:#eef3ed}.about-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:45px 0}.about-columns h2{font:24px Georgia,serif;color:var(--coffee)}.about-columns p{font-size:12px;line-height:2}.about-columns article{border-top:2px solid var(--sage);padding-top:18px}
@media(max-width:1000px){.topbar{gap:18px;padding-inline:22px}.main-nav{gap:14px}.nav-search{width:170px}.container{width:calc(100% - 44px)}.feature-lead{grid-template-columns:1fr}.feature-art{min-height:200px}.ranking-section{grid-template-columns:1fr}.ranking-items{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{font-size:15px}.container{width:calc(100% - 32px)}.topbar{height:64px;padding-inline:16px;gap:10px}.brand-mark{width:34px;height:34px}.main-nav,.nav-search{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:var(--sage-soft);color:var(--sage-deep);border-radius:6px;width:40px;height:40px}.mobile-menu{position:fixed;z-index:29;top:64px;left:0;right:0;background:var(--paper);padding:15px 22px;box-shadow:0 12px 20px #0001}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{padding:12px;border-bottom:1px solid var(--divider)}.hero{grid-template-columns:1fr;padding-block:40px 25px;gap:15px}.hero h1{font-size:43px}.hero-art{height:310px}.hero-frame{height:285px;width:75%}.hero-illustration{height:220px}.hero-note{margin-top:25px}.section{padding-block:35px}.section-head h2{font-size:26px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-tile{min-height:150px;padding:14px}.feature-section{padding:25px 18px;margin-inline:-4px}.feature-grid{grid-template-columns:1fr}.feature-lead{grid-template-columns:110px 1fr;gap:14px}.feature-art{min-height:150px;padding:10px;font-size:18px}.feature-lead h3{font-size:19px}.feature-lead p{font-size:11px}.mini-card{grid-template-columns:52px 1fr 12px}.mini-cover{width:52px;height:65px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.comic-meta>a{font-size:13px}.comic-meta p{font-size:10px}.split-shelves{grid-template-columns:1fr;gap:10px}.shelf-panel{min-height:175px;padding:23px}.collection-strip{grid-template-columns:1fr}.collection-card{min-height:160px}.explore-band{padding:25px;display:block}.explore-band h2{font-size:28px}.explore-band .button{margin-top:20px}.footer{padding:30px 18px 20px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>small{grid-column:auto}.page-shell{padding-top:25px}.page-intro h1{font-size:36px}.library-layout{grid-template-columns:1fr;gap:20px}.library-sidebar{position:static;display:flex;gap:12px;overflow:auto;padding:12px;align-items:center}.library-sidebar>b,.sidebar-divider{display:none}.filter-link{white-space:nowrap;border:0;padding:6px 9px;background:var(--surface-soft);border-radius:20px}.library-search{flex-wrap:wrap}.library-search input{flex-basis:100%}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:115px 1fr;gap:18px;padding-top:10px}.detail-copy h1{font-size:28px}.detail-lead{font-size:12px;line-height:1.7}.detail-facts{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 0;margin:12px 0}.detail-facts b{font-size:10px}.detail-copy .button{font-size:11px;padding:10px}.rights-note{font-size:9px}.detail-columns{grid-template-columns:1fr;gap:20px}.chapter-row{grid-template-columns:80px 1fr;gap:5px}.chapter-row i{grid-column:2;text-align:left}.related-grid{grid-template-columns:repeat(2,1fr)}.ranking-items{grid-template-columns:1fr}.ranking-item{grid-template-columns:25px 62px 1fr 12px}.ranking-cover{width:62px;height:78px}.collection-grid{grid-template-columns:1fr}.collection-intro{margin-inline:0;padding:25px}.about-manifesto{padding:28px}.about-manifesto h2{font-size:32px}.about-columns{grid-template-columns:1fr;gap:20px}.section-head{align-items:start}.section-head>.text-link{white-space:nowrap;margin-top:20px}}
@media(max-width:360px){.hero h1{font-size:36px}.category-tile{padding:11px}.detail-hero{grid-template-columns:95px 1fr}.detail-copy h1{font-size:24px}}
.romance-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:30px;background:#e5ece4}.romance-feature>div:first-child{padding:20px}.romance-feature span,.fantasy-row span,.campus-note>span{font-size:9px;letter-spacing:1.5px;color:var(--sage-deep)}.romance-feature h3{font:30px/1.35 Georgia,serif;color:var(--coffee)}.romance-feature p{font-size:12px}.romance-list a{display:grid;grid-template-columns:1fr 20px;gap:4px;padding:15px;border-bottom:1px solid #cbd8ca}.romance-list b,.romance-list small{display:block}.romance-list b{color:var(--coffee);font-size:14px}.romance-list small{font-size:11px;color:var(--muted)}.romance-list i{grid-column:2;grid-row:1/3;font-style:normal;align-self:center}.fantasy-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fantasy-row a{min-height:190px;padding:20px;background:linear-gradient(145deg,#e8e1ef,#f5eee4);display:flex;flex-direction:column;justify-content:end}.fantasy-row a:nth-child(2){background:linear-gradient(145deg,#dce8e8,#e9e2ef)}.fantasy-row a:nth-child(3){background:linear-gradient(145deg,#eee3d8,#e0e9df)}.fantasy-row b{font:21px Georgia,serif;color:var(--coffee);margin:9px 0}.fantasy-row small{font-size:10px;line-height:1.6;color:var(--body)}.mystery-band{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:38px;background:#343d42;color:#f6f3ec;margin-block:35px}.mystery-band .eyebrow{color:#b6c9cb}.mystery-band h2{font:32px Georgia,serif;margin:12px 0}.mystery-band p{font-size:12px;color:#d2d8d5}.mystery-band>div:first-child>a{display:inline-block;margin-top:16px;color:#f0b59d;font-size:12px}.case-list a{display:block;padding:14px 5px;border-bottom:1px solid #ffffff30}.case-list span,.case-list b{display:block}.case-list span{font-size:9px;letter-spacing:1.5px;color:#b6c9cb}.case-list b{font-size:14px;margin-top:5px}.campus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.campus-note{padding:25px;min-height:230px;background:#f2e9dc}.campus-2{background:#e3ebe4;transform:translateY(15px)}.campus-3{background:#e9e5ef}.campus-note h3{font:23px Georgia,serif;color:var(--coffee)}.campus-note p{font-size:11px;line-height:1.8}.campus-note a{font-size:11px;font-weight:700;color:var(--sage-deep)}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-steps>a{display:grid;grid-template-columns:40px 1fr 15px;gap:10px;align-items:center;padding:20px;background:var(--paper);border-top:2px solid var(--sage)}.guide-steps>a>b{font:24px Georgia,serif;color:var(--persimmon)}.guide-steps strong,.guide-steps small{display:block}.guide-steps strong{font-size:13px;color:var(--coffee)}.guide-steps small{font-size:10px;color:var(--muted)}.guide-steps i{font-style:normal}@media(max-width:700px){.romance-feature,.mystery-band{grid-template-columns:1fr;padding:20px;gap:12px}.romance-feature>div:first-child{padding:5px}.fantasy-row{grid-template-columns:repeat(2,1fr)}.fantasy-row a{min-height:160px;padding:14px}.campus-grid,.guide-steps{grid-template-columns:1fr}.campus-2{transform:none}}