@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}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--body);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.25}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:clamp(1.5rem,2.3vw,2rem)}h3{font-size:1.12rem}p{margin-bottom:1rem}.container{max-width:1340px;margin:auto;padding-left:32px;padding-right:32px}.section{padding-top:76px;padding-bottom:76px}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.17em;color:var(--sage-deep);text-transform:uppercase}.link{color:var(--sage-deep);font-weight:750;white-space:nowrap}.link:hover,.desktop-links a:hover{color:var(--persimmon-deep)}.button{border:1px solid var(--sage-deep);border-radius:9px;background:var(--sage-deep);color:white;padding:12px 21px;display:inline-flex;justify-content:center;align-items:center;font-weight:700;min-height:44px}.button:hover{background:#3f5745}.button.secondary{background:transparent;color:var(--coffee);border-color:var(--border)}.button.secondary:hover{background:var(--paper)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.skip{position:absolute;top:-200px;left:8px;z-index:1000;background:white;padding:10px}.skip:focus{top:8px}.topbar{background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--coffee);font-size:1.35rem;white-space:nowrap;line-height:1.1}.brand small{display:block;font-size:.55rem;letter-spacing:.18em;font-weight:700;color:var(--sage-deep);margin-top:5px}.mark{width:38px;height:38px;border-radius:11px 4px 11px 4px;background:var(--sage);color:white;display:grid;place-items:center;font-size:1.1rem}.desktop-links{display:flex;gap:20px;font-weight:650;font-size:.9rem}.header-search{display:flex;max-width:240px;width:22%;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:white}.header-search input{border:0;min-width:0;width:100%;padding:8px 10px;outline-color:var(--sage)}.header-search button{background:var(--sage-deep);color:#fff;border:0;padding:0 10px;font-size:.8rem}.menu-toggle,.menu-close{display:none}.mobile-menu,.menu-shade{display:none}.hero{background:linear-gradient(120deg,#e9eee7 0%,#f5f2ec 60%,#f6e6d9 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:65px;align-items:center;min-height:550px;padding-top:56px;padding-bottom:54px}.hero-copy h1{font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.28;letter-spacing:-.03em;margin:16px 0 21px}.hero-copy em{color:var(--sage-deep);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:540px;font-size:1.04rem}.hero-copy .actions{margin:28px 0 36px}.hero-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:.8rem}.hero-stats b{font-family:Georgia,serif;font-size:1.7rem;color:var(--coffee);margin-right:7px}.hero-art{min-height:430px;position:relative}.hero-visual{height:430px;width:100%;object-fit:cover;border-radius:160px 14px 14px 14px}.placeholder{background:linear-gradient(150deg,#cddbd2,#e6dfd7 55%,#f4e2cd);color:#405348;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:12px;overflow:hidden}.placeholder span{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.1rem,2.2vw,2.4rem);font-weight:700;line-height:1.4}.placeholder small{font-size:.65rem;letter-spacing:.05em}.hero-stamp{position:absolute;right:-15px;bottom:-20px;background:var(--persimmon);color:#fff;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.3;letter-spacing:.08em;font-weight:800;font-size:.7rem;transform:rotate(12deg)}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:29px}.section-title h2{margin-bottom:0}.section-title p:last-child{margin:0}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre{background:white;min-height:212px;border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border .2s}.genre:hover{transform:translateY(-4px);border-color:var(--genre)}.genre-1{background:var(--paper)}.genre-2{background:#f0edf4}.genre-3{background:#eaf0ec}.genre-4{background:#f8eee3}.genre-emoji{font-size:1.6rem}.genre strong{font-size:1.2rem;color:var(--coffee);margin-top:8px}.genre>small{color:var(--genre)}.genre p{font-size:.78rem;line-height:1.65;margin:8px 0 12px;flex:1}.genre-go{font-size:.78rem;font-weight:700;color:var(--sage-deep)}.feature-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:15px}.feature-grid .comic-card .cover{aspect-ratio:2/3}.feature-grid .feature-main .cover{aspect-ratio:1/1.18}.feature-item{min-width:0}.comic-card{display:block;min-width:0}.comic-card:hover h3{color:var(--persimmon-deep)}.cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:11px;background:var(--sage-soft)}.cover.placeholder span{font-size:1.3rem}.card-meta{padding:13px 1px}.card-meta .eyebrow{font-size:.65rem}.card-meta h3{margin:6px 0}.card-meta p{font-size:.8rem;color:var(--muted);line-height:1.6}.card-meta small{font-size:.71rem;color:var(--sage-deep)}.recommend{border-left:2px solid var(--sage);padding-left:10px;font-size:.78rem;color:var(--muted)}.compact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.stripe{background:#e9eee8;border-radius:16px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--paper);border-radius:18px;overflow:hidden}.split-panel>div:first-child{padding:52px}.split-panel>div:first-child p:not(.eyebrow){max-width:520px}.type-poster{background:var(--coffee);color:var(--paper);padding:44px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px}.split-panel .type-poster{border-radius:0;min-height:330px}.type-poster span{color:#e7b38a;letter-spacing:.16em;font-weight:700;font-size:.78rem}.type-poster strong{font-size:clamp(2rem,4vw,3.3rem);line-height:1.25}.category-showcase{padding-top:45px;padding-bottom:50px}.showcase-head{display:grid;grid-template-columns:1.1fr .9fr;background:color-mix(in srgb,var(--accent) 16%,white);min-height:260px;border-radius:18px;overflow:hidden}.showcase-head>div:first-child{padding:35px 40px;align-self:center}.showcase-head .showcase-image{height:100%;min-height:250px;width:100%;object-fit:cover}.mini-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px}.mini-shelf .comic-card{display:flex;gap:16px;align-items:start}.mini-shelf .cover{width:115px;flex:0 0 115px}.mini-shelf .card-meta{padding:2px}.exhibitions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.exhibition{min-height:250px;padding:30px;border-radius:15px;background:var(--sage-soft);display:flex;flex-direction:column;justify-content:space-between}.exhibition-2{background:var(--lavender-soft)}.exhibition-3{background:var(--persimmon-soft)}.exhibition>span{font-size:.7rem;letter-spacing:.12em;font-weight:700}.exhibition p{font-size:.86rem}.exhibition b{font-size:.82rem}.ending{text-align:center;padding-bottom:100px}.ending .actions{justify-content:center}.ending h2{font-size:clamp(2rem,3vw,3.2rem)}.ending h2 i{color:var(--persimmon-deep);font-style:normal}.footer{border-top:1px solid var(--border);background:var(--paper);padding:40px 0}.footer-flex{display:flex;justify-content:space-between;gap:30px}.footer strong{color:var(--coffee)}.footer p{margin:5px 0}.footer small{color:var(--muted)}.footer-flex>div:last-child{display:flex;gap:24px}.bottom-nav{display:none}.page-lead{max-width:780px;padding:8px 0 38px}.page-lead h1{margin:10px 0}.library-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}.filters{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.filters h2{font-size:1.2rem;margin-bottom:16px}.filters>a{padding:9px 11px;margin-right:20px;border-radius:8px;font-size:.89rem}.filters>a:hover,.filters>a.active{color:var(--sage-deep);background:var(--sage-soft);font-weight:700}.filters-note{margin:26px 20px 0 0;padding-top:20px;border-top:1px solid var(--divider);font-size:.76rem;color:var(--muted)}.filterbar{display:flex;gap:9px;background:var(--paper);padding:14px;border-radius:12px;flex-wrap:wrap}.filterbar input{flex:1;min-width:180px}.filterbar input,.filterbar select{background:white;border:1px solid var(--border);border-radius:8px;padding:10px;max-width:100%}.result-count{font-size:.84rem;margin:20px 0;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:40px 0}.pagination a{border:1px solid var(--border);padding:8px 15px;border-radius:8px}.pagination a.active{background:var(--sage-deep);color:#fff}.empty{text-align:center;background:var(--paper);padding:80px 20px;border-radius:15px}.crumb{font-size:.8rem;color:var(--muted);margin-bottom:25px}.crumb a:hover{color:var(--sage-deep)}.comic-hero{display:grid;grid-template-columns:340px minmax(0,1fr);gap:50px;align-items:start}.detail-cover{aspect-ratio:2/3;width:100%;object-fit:cover;border-radius:14px}.comic-info h1{margin:10px 0 18px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chips span{background:var(--sage-soft);border-radius:99px;padding:4px 12px;font-size:.74rem;color:var(--sage-deep)}.comic-blurb{font-size:.98rem;line-height:1.9;max-width:720px}.meta-line{border-top:1px solid var(--border);display:grid;grid-template-columns:100px 1fr;padding:11px 0;font-size:.83rem}.meta-line b{color:var(--coffee)}.comic-info .actions{margin-top:20px}.jump-links{display:flex;gap:25px;border-bottom:1px solid var(--border);margin:40px 0;padding:17px 0;flex-wrap:wrap;font-weight:700}.jump-links a:hover{color:var(--sage-deep)}.detail-columns{display:grid;grid-template-columns:1.6fr .9fr;gap:52px}.article{line-height:2}.article h2{margin-bottom:20px}.article h3{margin-top:30px}.characters{background:var(--paper);padding:24px;border-radius:14px;align-self:start}.character{display:flex;gap:18px;border-top:1px solid var(--border);padding:25px 0}.character>span{font-size:1.8rem;font-family:Georgia,serif;color:var(--apricot)}.character h3{margin:0}.character p{font-size:.82rem;margin:7px 0}.chapter-section{padding-top:60px}.chapter-section h2 small{font-size:.8rem;color:var(--muted)}.chapter-list{border-top:1px solid var(--border)}.chapter-list a{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid var(--border);padding:22px 12px}.chapter-list a:hover{background:var(--paper)}.chapter-list span{font-size:.78rem;color:var(--sage-deep)}.related-topic{margin-top:22px}.related-topic a{color:var(--sage-deep);font-weight:700}.rank-category{padding:30px 0 55px;border-top:1px solid var(--border);display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px}.rank-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rank-2 .rank-intro{background:var(--lavender-soft);padding:22px;border-radius:12px;align-self:start}.rank-3 .rank-intro{background:var(--sage-soft);padding:22px;border-radius:12px;align-self:start}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-tile{padding:36px;min-height:250px;border-radius:14px;display:flex;flex-direction:column;align-items:start;background:var(--sage-soft)}.collection-tile-2{background:var(--lavender-soft)}.collection-tile-3{background:var(--ice-soft)}.collection-tile-4{background:var(--apricot-soft)}.collection-tile p{max-width:600px;font-size:.88rem;flex:1}.collection-tile strong{font-size:.85rem;color:var(--sage-deep)}.collection-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding:40px 0}.collection-art{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:14px}.collection-detail p{line-height:2}.about-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:60px}.about-grid .article h2{margin-top:40px}.about-side .type-poster{margin-bottom:22px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--persimmon);outline-offset:3px}
@media(max-width:1150px){.desktop-links{gap:10px;font-size:.8rem}.header-search{display:none}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-item:first-child{grid-column:span 2}.feature-grid .feature-main .cover{aspect-ratio:2/3}.compact-grid{grid-template-columns:repeat(4,1fr)}.library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{padding-left:22px;padding-right:22px}.section{padding-top:54px;padding-bottom:54px}.desktop-links{display:none}.menu-toggle{display:block;border:1px solid var(--border);background:transparent;border-radius:8px;min-width:44px;min-height:44px;font-size:1.2rem}.mobile-menu:not([hidden]){display:block;position:fixed;inset:0 20% 0 0;z-index:90;background:var(--paper);padding:65px 26px;box-shadow:0 0 20px #0001}.mobile-menu nav{display:flex;flex-direction:column;gap:16px;font-size:1.1rem;font-weight:700}.menu-close{display:block;position:absolute;right:15px;top:13px;background:transparent;border:0;font-size:2rem;min-width:44px;min-height:44px}.menu-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:80;background:#0008}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-art{min-height:270px}.hero-visual{height:300px;border-radius:100px 15px 15px 15px}.genre-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-item:first-child{grid-column:span 1}.compact-grid{grid-template-columns:repeat(3,1fr)}.library-layout{grid-template-columns:1fr;gap:20px}.filters{border:0;flex-direction:row;overflow-x:auto;gap:6px;white-space:nowrap;align-items:center;padding-bottom:9px}.filters h2,.filters-note{display:none}.filters>a{margin:0;border:1px solid var(--border)}.library-grid{grid-template-columns:repeat(3,1fr)}.comic-hero{grid-template-columns:240px 1fr;gap:24px}.detail-columns{grid-template-columns:1fr}.rank-category{grid-template-columns:1fr;gap:20px}.rank-intro{max-width:none}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--border);z-index:40;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.bottom-nav a{font-size:.82rem;font-weight:700;min-height:44px;display:grid;place-items:center}.footer{padding-bottom:90px}}
@media(max-width:560px){.container{padding-left:17px;padding-right:17px}.nav{height:68px}.hero-grid{padding-top:43px}.hero-copy h1{font-size:2.25rem}.hero-stats{gap:14px}.hero-art{min-height:240px}.hero-visual{height:250px}.hero-stamp{right:0;bottom:-12px;width:80px;height:80px;font-size:.54rem}.section-title{align-items:start;flex-direction:column;gap:7px}.genre{min-height:190px;padding:16px}.genre p{font-size:.72rem}.feature-grid,.compact-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.feature-grid .feature-main .cover{aspect-ratio:2/3}.split-panel,.showcase-head,.collection-detail,.about-grid{grid-template-columns:1fr}.split-panel>div:first-child{padding:25px}.split-panel .type-poster{min-height:180px}.showcase-head>div:first-child{padding:26px}.showcase-head .showcase-image{min-height:160px;max-height:230px}.mini-shelf{grid-template-columns:1fr;gap:12px}.exhibitions,.collection-grid{grid-template-columns:1fr}.comic-hero{grid-template-columns:1fr}.comic-poster{max-width:250px;margin:auto}.jump-links{gap:13px;font-size:.84rem}.rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-list>div:last-child{display:none}.footer-flex{flex-direction:column}.footer-flex>div:last-child{flex-wrap:wrap;gap:12px}.filterbar input{width:100%;flex:auto}.filterbar select{flex:1;min-width:100px}.filterbar button{width:100%}.collection-detail{padding:20px 0}.chapter-list a{gap:8px}.chapter-list strong{font-size:.85rem}.card-meta p{font-size:.75rem}}
@media(max-width:350px){.genre-grid{grid-template-columns:1fr}.hero-stats{gap:10px}.compact-grid,.library-grid{gap:10px}.card-meta h3{font-size:.95rem}.rank-list{grid-template-columns:1fr}}