@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:#77746E;--border:#E3E2DA;--divider:#EAE9E2;--max:1340px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7596A5;outline-offset:3px}.topbar{height:74px;padding:0 max(28px,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(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:190px;color:var(--coffee)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--sage);color:white;display:grid;place-items:center;font-size:22px}.brand b{display:block;font-size:18px;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:26px;flex:1}.main-nav a{font-size:14px;color:#66615B;white-space:nowrap}.main-nav a.active,.main-nav a:hover{color:var(--sage-deep)}.top-search{display:flex;border:1px solid var(--border);border-radius:30px;padding:3px;background:white}.top-search input{width:130px;border:0;background:transparent;padding:7px 10px;outline:0;font-size:13px}.top-search button{border:0;background:var(--coffee);color:white;border-radius:22px;padding:6px 13px;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:22px}.mobile-menu{position:fixed;z-index:60;inset:0 0 0 auto;width:min(82vw,340px);background:var(--paper);box-shadow:-20px 0 60px #24201d22;padding:80px 28px 30px;display:flex;flex-direction:column;gap:20px}.mobile-menu[hidden]{display:none}.mobile-menu a{font-size:20px;color:var(--coffee)}.menu-close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:32px}.shell{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}.home-shell{padding-bottom:60px}.hero{min-height:470px;margin-top:28px;border-radius:5px;background:var(--paper);display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden}.hero-copy{padding:60px 6.5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--sage-deep);font-weight:700}.hero-kicker{color:var(--persimmon-deep);font-size:13px;letter-spacing:2px;margin:30px 0 5px}.hero h1,.page-intro h1,.error-page h1{font-size:clamp(38px,4.3vw,60px);line-height:1.18;letter-spacing:-2px;color:var(--coffee);margin:0 0 20px}.hero h1 em,.page-intro h1 em,.error-page h1 em{font-style:normal;color:var(--sage-deep)}.hero-copy>p:not(.hero-kicker){max-width:460px;margin:0;color:#6f6a63}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:3px;background:var(--persimmon);color:white;font-weight:650;font-size:14px;border:1px solid var(--persimmon)}.btn-primary:hover{background:var(--persimmon-deep)}.btn-outline{background:transparent;color:var(--coffee);border-color:var(--coffee)}.text-link{font-size:13px;color:var(--sage-deep);font-weight:650}.hero-note{margin-top:44px;font-size:9px;letter-spacing:2px;color:#aaa49b}.hero-art{position:relative;padding:38px;background:var(--sage-soft);min-height:470px;display:grid;place-items:center}.hero-frame{width:78%;height:82%;min-height:340px;background:linear-gradient(145deg,#d8e1d6,#b7c9bc 58%,#e9d9c6);position:relative;overflow:hidden;padding:28px;color:var(--coffee)}.hero-frame:before,.hero-frame:after{content:"";position:absolute;border:1px solid #fff9;transform:rotate(28deg)}.hero-frame:before{width:270px;height:430px;right:-70px;top:-80px}.hero-frame:after{width:180px;height:320px;left:-65px;bottom:-100px}.hero-art-label{font-size:9px;letter-spacing:2px;position:relative;z-index:1}.hero-art-title{font-family:Georgia,serif;font-size:clamp(55px,7vw,100px);line-height:.82;position:absolute;left:12%;bottom:12%;letter-spacing:-5px;color:#3f5146}.hero-stamp{position:absolute;right:10%;top:17%;font-size:15px;line-height:1.6;border:1px solid #526d58;padding:10px 14px;transform:rotate(8deg)}.floating-note{position:absolute;right:6%;bottom:8%;background:var(--paper);padding:14px 20px;box-shadow:0 12px 30px #39332f18;font-size:11px}.floating-note b{display:block;color:var(--coffee);font-size:13px}.section{padding-top:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading h2,.update-band h2,.split-copy h2,.explore-footer h2{font-size:30px;line-height:1.25;color:var(--coffee);margin:8px 0 0;letter-spacing:-.8px}.section-heading>p{max-width:380px;font-size:13px;margin:0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-tile{min-height:128px;padding:20px 22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent;transition:transform .2s}.category-tile:hover{transform:translateY(-3px)}.category-tile span{font-size:20px;font-weight:700;color:var(--coffee)}.category-tile small{font-size:12px;max-width:210px;color:#625e57}.category-tile b{position:absolute;right:18px;top:18px;font-size:18px}.tone-sage{background:var(--sage-soft)}.tone-lavender{background:var(--lavender-soft)}.tone-persimmon{background:var(--persimmon-soft)}.tone-apricot{background:var(--apricot-soft)}.tone-ice{background:var(--ice-soft)}.tone-coffee{background:var(--coffee-soft)}.comic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.comic-card{min-width:0}.comic-art{display:block;aspect-ratio:2/2.45;background:#e9e6df;overflow:hidden}.cover{display:block;width:100%;height:100%;object-fit:cover}.cover-fallback{background:linear-gradient(145deg,#dce5dc,#f4e6d9);color:var(--sage-deep);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.cover-fallback span{font-size:10px;letter-spacing:2px}.cover-fallback b{font-size:22px;max-width:180px}.comic-meta{padding:12px 2px}.comic-meta>span{font-size:11px;color:var(--persimmon-deep)}.comic-meta h3{font-size:18px;margin:4px 0;color:var(--coffee)}.comic-meta p{font-size:13px;color:var(--muted);margin:0}.empty-editorial{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:26px;padding:30px;background:var(--paper);border:1px solid var(--border)}.empty-index{font-family:Georgia,serif;font-size:32px;color:var(--sage)}.empty-editorial h3{margin:0 0 6px;color:var(--coffee);font-size:21px}.empty-editorial p{margin:0;max-width:650px;font-size:13px}.empty-editorial>a{font-size:12px;color:var(--sage-deep);white-space:nowrap}.update-band{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:var(--coffee);color:#eee7dc;padding:34px 42px;margin-top:76px}.update-band .eyebrow{color:#c3d3c4}.update-band h2{color:white}.update-band p{font-size:13px;color:#c7c0b6}.update-empty{border-left:1px solid #ffffff33;padding:20px 35px;color:#f4e8d9;font-size:16px}.update-empty small{font-size:12px;color:#c8beb3}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split-copy p{max-width:470px;font-size:14px}.split-copy .btn-outline{margin-top:12px}.split-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--sage-soft);padding:36px 22px}.split-stats div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #78917d55}.split-stats div:last-child{border:0}.split-stats b{font-family:Georgia,serif;font-size:42px;color:var(--sage-deep)}.split-stats span{font-size:11px;text-align:center}.mood-panels{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.mood-card{min-height:250px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.mood-card span{font-size:10px;letter-spacing:1.5px}.mood-card h3{font-size:25px;color:var(--coffee);margin:auto 0 6px}.mood-card p{font-size:13px;max-width:300px}.mood-card a{font-size:12px;font-weight:700;margin-top:12px}.mood-city{background:var(--apricot-soft)}.mood-fantasy{background:var(--lavender-soft)}.mood-mystery{background:var(--ice-soft)}.campus-strip{display:grid;grid-template-columns:1.2fr .8fr;min-height:280px;background:#e9eee7}.campus-copy{padding:38px 44px}.campus-copy h2{font-size:28px;color:var(--coffee);max-width:420px;line-height:1.3}.campus-copy p{font-size:13px}.campus-copy a{font-size:13px;color:var(--sage-deep);font-weight:700}.campus-visual{background:#d7c8b8;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:var(--coffee)}.campus-visual span,.campus-visual small{font-size:10px;letter-spacing:2px}.campus-visual b{font-family:serif;font-size:65px;line-height:1.05}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-grid a{background:var(--paper);border-top:3px solid var(--persimmon);padding:24px;min-height:160px;display:flex;flex-direction:column}.topic-grid a:nth-child(2){border-color:var(--ice)}.topic-grid a:nth-child(3){border-color:var(--sage)}.topic-grid span{font-size:9px;letter-spacing:2px;color:var(--muted)}.topic-grid b{font-size:20px;color:var(--coffee);margin:auto 0 4px}.topic-grid small{font-size:12px;color:var(--muted)}.explore-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:70px;padding-top:32px}.explore-footer h2{font-size:25px}.explore-footer>div:last-child{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--sage-deep)}.footer{max-width:var(--max);margin:40px auto 0;padding:35px 32px 25px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:12px}.footer b{color:var(--coffee)}.footer p{font-size:12px;margin:5px 0}.footer nav{display:flex;gap:20px;font-size:12px}.footer>small{grid-column:1/-1;color:var(--muted);font-size:11px}.inner-page{padding-top:58px;padding-bottom:70px}.page-intro{padding:25px 0 42px}.page-intro h1{margin-top:16px}.page-intro p{max-width:620px}.library-search{display:flex;gap:10px;padding:15px;background:var(--paper);border:1px solid var(--border);margin-bottom:30px}.library-search input,.library-search select{min-width:0;border:1px solid var(--border);background:white;padding:11px 12px;color:var(--coffee);flex:1}.library-layout{display:grid;grid-template-columns:210px 1fr;gap:34px}.library-aside{background:var(--paper);padding:20px;height:max-content;display:flex;flex-direction:column;gap:4px}.library-aside h3{font-size:15px;color:var(--coffee);margin:0 0 12px}.library-aside a{padding:8px 10px;font-size:13px}.library-aside a.selected{background:var(--sage-soft);color:var(--sage-deep)}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.results-head h2{margin:4px 0;color:var(--coffee)}.results-head small{font-size:12px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.empty-state{background:var(--paper);padding:65px 30px;text-align:center}.empty-state>span{font-size:10px;letter-spacing:2px;color:var(--persimmon-deep)}.empty-state h3{font-size:24px;color:var(--coffee)}.empty-state p{max-width:550px;margin:0 auto 22px;font-size:14px}.pagination{display:flex;gap:6px;justify-content:center;margin-top:28px}.pagination a{padding:8px 13px;background:white;border:1px solid var(--border)}.pagination a.current{background:var(--coffee);color:white}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.comic-profile{display:grid;grid-template-columns:260px 1fr;gap:42px;background:var(--paper);padding:34px}.profile-cover{aspect-ratio:2/3;background:var(--sage-soft)}.profile-cover-img{width:100%;height:100%;object-fit:cover}.profile-info{align-self:center}.profile-info h1{font-size:38px;color:var(--coffee);margin:10px 0}.original-title{color:var(--muted)}.profile-synopsis{max-width:700px}.profile-facts{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:22px 0}.status-note{display:inline-block;padding:10px 15px;background:var(--coffee-soft);font-size:13px}.detail-section{padding:35px 0;border-bottom:1px solid var(--border)}.detail-section h2{font-size:25px;color:var(--coffee);margin:7px 0}.detail-section>p{max-width:850px}.chapter-section ol{list-style:none;padding:0;margin:20px 0}.chapter-section li{border-bottom:1px solid var(--border)}.chapter-section li a{display:flex;justify-content:space-between;padding:14px 8px}.chapter-section li small{color:var(--muted)}.character-list{display:flex;gap:15px;flex-wrap:wrap}.character-list article{background:var(--paper);padding:16px;min-width:180px}.character-list p{font-size:13px}.ranking-list{display:flex;flex-direction:column;gap:14px}.ranking-row{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:22px;padding:24px;align-items:center}.ranking-number{font-family:Georgia,serif;font-size:52px;color:#6e6a62}.ranking-copy h2{margin:5px 0;color:var(--coffee);font-size:25px}.ranking-copy p{font-size:13px}.ranking-copy>a{font-size:12px;color:var(--sage-deep);font-weight:700}.ranking-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ranking-items .comic-card .comic-meta p{display:none}.ranking-items .comic-card h3{font-size:13px}.ranking-pending{grid-column:1/-1;padding:30px;background:#ffffff80;text-align:center;color:var(--coffee);font-size:14px}.ranking-pending small{color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.collection-card{background:var(--paper);padding:28px;min-height:330px;border-top:3px solid var(--sage);display:flex;flex-direction:column}.collection-card:nth-child(2n){border-color:var(--lavender)}.collection-card.is-selected{outline:2px solid var(--persimmon)}.collection-index{font-size:10px;letter-spacing:2px;color:var(--muted)}.collection-card h2{font-size:26px;color:var(--coffee);margin:16px 0 5px}.collection-card p{font-size:14px;margin:0}.collection-note{background:var(--surface-soft);padding:13px;margin-top:16px;font-size:12px}.collection-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--sage-deep)}.collection-link{font-size:12px;color:var(--persimmon-deep);font-weight:700;margin-top:auto;padding-top:18px}.about-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.about-columns section{background:var(--paper);padding:28px}.about-columns h2{color:var(--coffee);font-size:23px}.about-columns p{font-size:14px}.copyright-note{margin-top:18px;background:var(--coffee);color:#eee7dc;padding:26px}.copyright-note p{margin-bottom:0;font-size:13px}.error-page{padding-top:100px;padding-bottom:120px}.error-page p{margin-bottom:30px}
@media(max-width:1100px){.topbar{gap:18px}.main-nav{gap:14px}.brand{min-width:150px}.top-search input{width:90px}.ranking-row{grid-template-columns:65px 1fr}.ranking-items{grid-column:2}.ranking-number{grid-row:1/3}.comic-grid{gap:16px}}
@media(max-width:800px){.topbar{padding:0 18px;height:64px}.main-nav,.top-search{display:none}.menu-toggle{display:block;margin-left:auto}.shell{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr;margin-top:14px}.hero-copy{padding:38px 28px}.hero-art{min-height:300px;padding:22px}.hero-frame{min-height:250px;width:80%}.hero-art-title{font-size:70px}.floating-note{right:5%;bottom:5%}.section{padding-top:52px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:115px;padding:15px}.category-tile span{font-size:17px}.comic-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.empty-editorial{grid-template-columns:65px 1fr}.empty-editorial>a{grid-column:2}.update-band{grid-template-columns:1fr;padding:28px;margin-top:52px}.update-empty{border-left:0;border-top:1px solid #ffffff33;padding:18px 0 0}.split-feature{grid-template-columns:1fr}.mood-panels{grid-template-columns:1fr 1fr}.mood-card:first-child{grid-column:1/-1}.campus-strip{grid-template-columns:1fr .7fr}.campus-copy{padding:28px}.campus-visual b{font-size:48px}.topic-grid{grid-template-columns:1fr}.topic-grid a{min-height:130px}.explore-footer{display:block}.explore-footer>div:last-child{margin-top:20px}.footer{padding-left:18px;padding-right:18px}.library-layout{grid-template-columns:1fr}.library-aside{display:grid;grid-template-columns:repeat(3,1fr)}.library-aside h3{grid-column:1/-1}.library-search{flex-wrap:wrap}.library-search input{flex-basis:100%}.comic-profile{grid-template-columns:170px 1fr;gap:20px;padding:20px}.profile-info h1{font-size:28px}.ranking-row{grid-template-columns:45px 1fr;padding:18px;gap:12px}.ranking-items{grid-column:2}.ranking-number{font-size:38px}.collection-grid,.about-columns{grid-template-columns:1fr}}
@media(max-width:480px){body{font-size:15px}.hero h1,.page-intro h1{font-size:38px}.hero-copy{padding:34px 22px}.hero-actions{gap:14px;flex-wrap:wrap}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.section-heading h2,.update-band h2,.split-copy h2{font-size:25px}.category-grid{gap:8px}.category-tile{min-height:110px}.category-tile small{font-size:10px}.comic-meta h3{font-size:15px}.comic-meta p{font-size:11px}.empty-editorial{grid-template-columns:1fr;gap:8px;padding:20px}.empty-editorial>a{grid-column:1}.split-stats{padding:25px 10px}.split-stats b{font-size:32px}.split-stats span{font-size:9px}.mood-panels{grid-template-columns:1fr}.mood-card:first-child{grid-column:auto}.campus-strip{grid-template-columns:1fr}.campus-visual{min-height:180px}.campus-visual b{font-size:52px}.footer{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.footer>small{grid-column:1}.inner-page{padding-top:35px}.page-intro{padding-bottom:25px}.library-aside{grid-template-columns:repeat(2,1fr)}.results-head{align-items:flex-start;flex-direction:column}.comic-profile{grid-template-columns:1fr}.profile-cover{max-width:210px}.profile-info h1{font-size:30px}.profile-facts{gap:8px;flex-direction:column}.ranking-row{grid-template-columns:1fr}.ranking-number{grid-row:auto}.ranking-items{grid-column:1;grid-template-columns:repeat(2,1fr)}.ranking-items .comic-card:last-child{display:none}.collection-card{padding:22px;min-height:300px}}