: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);color:var(--body);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--sage-deep)}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--coffee);line-height:1.3}h1{font-size:clamp(29px,4vw,44px)}h2{font-size:clamp(23px,2.5vw,28px)}h3{font-size:20px}.shell{max-width:1340px;margin-inline:auto;padding-inline:32px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep)}.muted,.card-meta{color:var(--muted)}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,253,249,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}.topbar-inner{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--coffee-deep);font-weight:800;font-size:25px;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.15em;color:var(--sage);margin-top:5px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--sage-deep);color:white;border-radius:12px;font-size:22px}.top-links{display:flex;align-items:center;gap:20px;font-size:14px;white-space:nowrap}.header-search{display:flex;gap:6px;margin-left:auto}.header-search input,.filters input,.filters select{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:white;color:var(--coffee);min-width:0}.header-search input{width:155px}.header-search button,.menu-toggle,.menu-close{border:0;background:var(--sage-soft);border-radius:9px;padding:10px 12px;color:var(--coffee);cursor:pointer}.menu-toggle{display:none}.mini-nav{display:flex;gap:25px;padding-block:12px;font-size:13px;color:#626b60;border-bottom:1px solid var(--divider)}.mobile-menu,.menu-backdrop{position:fixed;z-index:31}.mobile-menu{top:0;right:0;bottom:0;background:white;width:min(310px,85vw);padding:32px;box-shadow:-16px 0 45px #0002}.mobile-menu nav{display:grid;gap:16px;margin-top:45px}.mobile-menu nav a{padding:10px;border-bottom:1px solid var(--border)}.menu-close{float:right}.menu-backdrop{inset:0;background:#0007;z-index:30}[hidden]{display:none!important}.section{margin-block:70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2{margin:0}.section-head p{margin:0}.section-head>a,.text-link{color:var(--sage-deep);font-weight:700}.hero{display:grid;grid-template-columns:1fr 1.08fr;background:#e9eae3;border-radius:20px;min-height:390px;overflow:hidden;margin-top:26px}.hero-copy{align-self:center;padding:56px 50px}.hero-copy h1{max-width:500px;font-weight:750}.hero-copy h1 em{font-style:normal;color:var(--sage-deep)}.hero-copy>p:not(.eyebrow){max-width:500px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:30px}.btn{display:inline-block;border:0;background:var(--persimmon-deep);color:white!important;padding:11px 21px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.btn:hover{background:#943f29}.btn.ghost{background:var(--sage-deep)}.hero-art{position:relative;min-height:370px;padding:30px}.hero-image{width:100%;height:100%;min-height:330px;border-radius:16px;object-fit:cover}.image-blank{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#d9e3d8,#f0e4d9 62%,#d8d3df);color:var(--coffee);padding:26px;min-height:180px;font-size:20px;letter-spacing:.05em}.hero-stamp{position:absolute;bottom:40px;right:45px;padding:8px 12px;background:var(--paper);font-size:11px;font-weight:700;letter-spacing:.16em}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:168px;padding:23px;border-radius:15px;background:#e4ece3;transition:transform .2s}.category-tile:hover{transform:translateY(-3px)}.category-tile>span{font-size:24px}.category-tile strong{font-size:19px;color:var(--coffee);margin:8px 0}.category-tile small{font-size:13px;max-width:230px;color:#50544d}.tile-2{background:var(--lavender-soft)}.tile-3{background:var(--persimmon-soft)}.tile-4{background:var(--ice-soft)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature-card{background:var(--paper);padding:13px;border-radius:15px;display:grid;grid-template-columns:105px 1fr;gap:14px}.feature-card h3{font-size:16px;margin:6px 0 10px}.feature-card p{font-size:13px;margin:0}.cover-img,.cover-fallback{aspect-ratio:2/3;display:block;width:100%;object-fit:cover;border-radius:11px;overflow:hidden}.cover-fallback{background:linear-gradient(150deg,#cad8c9,#e3d4c1);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12%;color:var(--coffee-deep);min-height:0}.cover-fallback span{font-size:9px;letter-spacing:.13em}.cover-fallback strong{font-size:clamp(14px,2vw,26px);line-height:1.42;overflow-wrap:anywhere}.cover-fallback small{font-size:10px;opacity:.74}.comic-card:nth-child(3n+2) .cover-fallback{background:linear-gradient(155deg,#dfd7eb,#d2e1e5)}.comic-card:nth-child(3n) .cover-fallback{background:linear-gradient(155deg,#e9d7c7,#dae7d7)}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.comic-card{min-width:0}.comic-card .card-title{display:block;font-size:16px;font-weight:750;color:var(--coffee);margin:10px 0 1px}.comic-card .card-meta{display:block;font-size:12px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.duo>div{border-radius:16px;padding:35px;background:var(--sage-soft)}.duo>div+div{background:var(--coffee-soft)}.duo p{max-width:480px}.genre-section{display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:start}.genre-section .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-intro{padding:24px;background:var(--paper);border-radius:12px;min-height:220px}.genre-1 .genre-intro{background:var(--lavender-soft)}.genre-2 .genre-intro{background:var(--ice-soft)}.genre-3 .genre-intro{background:var(--apricot-soft)}.collection-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-trio>a{border-radius:16px;min-height:210px;padding:26px;background:#e7ece4}.collection-trio>a:nth-child(2){background:var(--lavender-soft)}.collection-trio>a:nth-child(3){background:var(--persimmon-soft)}.collection-trio span{font-size:11px;letter-spacing:.13em}.collection-trio h3{margin-top:23px}.closing{text-align:center;background:var(--coffee-deep);border-radius:20px;color:#f1eadd;padding:48px 20px}.closing h2{color:#fff}.closing .eyebrow{color:#d5b69a}.closing-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.closing a{color:#fff}.footer{background:#e9e9e3;border-top:1px solid var(--border);margin-top:90px;padding:35px 0;color:#5a5b54;font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer strong{color:var(--coffee)}.bottom-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-intro{padding:55px 0 30px;border-bottom:1px solid var(--border)}.page-intro p:last-child{max-width:860px}.library-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;margin:30px 0 90px}.sidebar{background:var(--paper);border-radius:15px;padding:22px;height:max-content;position:sticky;top:104px}.sidebar h2{font-size:20px}.sidebar a{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;font-size:14px}.sidebar a.selected{background:var(--sage-soft);font-weight:700}.sidebar hr{border:0;border-top:1px solid var(--border);margin:16px 0}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:22px;background:var(--paper);border-radius:13px}.filters label{display:grid;gap:5px;font-size:12px;font-weight:700}.filters input{min-width:220px}.result-top{display:flex;justify-content:space-between;align-items:center;margin:30px 0 23px}.result-top h2{margin:0}.result-top span{font-size:13px;color:var(--muted)}.library-main .comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{display:flex;justify-content:center;gap:9px;margin-top:35px}.pagination a{border:1px solid var(--border);padding:6px 13px;border-radius:8px;background:white}.pagination .current{background:var(--sage-deep);color:#fff}.empty{padding:65px 25px;background:var(--paper);border-radius:14px;text-align:center}.breadcrumbs{margin:28px 0;font-size:13px;color:var(--muted)}.comic-hero{display:grid;grid-template-columns:290px 1fr;gap:48px;background:var(--paper);padding:35px;border-radius:18px}.comic-info h1{font-size:40px}.comic-info>p:not(.eyebrow){max-width:790px}.chapter-label{color:var(--sage-deep);font-weight:700}.notice{background:var(--sage-soft);padding:14px;border-left:3px solid var(--sage);font-size:14px}.anchor-nav{display:flex;gap:23px;padding:20px;margin:18px 0;background:var(--paper);border-radius:10px;font-size:14px}.comic-body{display:grid;grid-template-columns:1.7fr 1fr;gap:23px}.paper{padding:32px;background:var(--paper);border-radius:14px}.paper h3{font-size:17px;margin-top:25px}.chapter-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;background:var(--paper);border-radius:12px}.chapter-row>span:first-child{font-size:23px;color:var(--sage-deep)}.ranking-set{margin:50px 0}.ranking-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.ranking-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ranking-entry{display:grid;grid-template-columns:120px 1fr;gap:20px;background:var(--paper);border-radius:14px;padding:14px}.ranking-entry h3{font-size:17px}.ranking-entry p{font-size:13px}.ranking-entry span{color:var(--sage-deep);font-size:12px}.collection-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0}.collection-card{display:flex;gap:25px;padding:35px;background:var(--paper);border-radius:14px;min-height:230px}.collection-card:nth-child(4n+2){background:var(--sage-soft)}.collection-card:nth-child(4n+3){background:var(--lavender-soft)}.collection-card:nth-child(4n+4){background:var(--apricot-soft)}.collection-number{font-size:37px;font-family:Georgia,serif;color:var(--persimmon-deep)}.collection-feature{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin:40px 0}.collection-feature .image-blank{height:290px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0}
@media(max-width:1150px){.top-links{gap:11px;font-size:12px}.header-search{display:none}.feature-row{grid-template-columns:repeat(2,1fr)}.comic-grid{grid-template-columns:repeat(4,1fr)}.genre-section{grid-template-columns:190px 1fr}.ranking-entry{grid-template-columns:95px 1fr}}
@media(max-width:800px){.shell{padding-inline:22px}.top-links,.mini-nav{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:35px}.hero-art{min-height:220px}.hero-image{min-height:220px}.category-grid{grid-template-columns:repeat(2,1fr)}.comic-grid{grid-template-columns:repeat(3,1fr)}.genre-section{grid-template-columns:1fr}.genre-section .comic-grid{grid-template-columns:repeat(4,1fr)}.collection-trio{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar a{display:inline-flex}.library-main .comic-grid{grid-template-columns:repeat(3,1fr)}.comic-hero{grid-template-columns:220px 1fr;gap:20px;padding:20px}.comic-body{grid-template-columns:1fr}.ranking-row{grid-template-columns:1fr 1fr}.collection-list{grid-template-columns:1fr}.collection-feature{grid-template-columns:1fr}.footer{padding-bottom:85px}.bottom-nav{position:fixed;display:flex;justify-content:space-around;align-items:center;bottom:0;left:0;right:0;background:var(--paper);min-height:62px;border-top:1px solid var(--border);z-index:25}.bottom-nav a{font-size:13px;min-width:58px;text-align:center}}
@media(max-width:540px){.shell{padding-inline:17px}.topbar-inner{min-height:68px}.section{margin-block:45px}.hero-copy{padding:28px 24px}.hero-art{padding:12px;min-height:190px}.hero-image{min-height:190px}.hero-actions{flex-wrap:wrap}.category-tile{padding:16px;min-height:155px}.feature-row{grid-template-columns:1fr}.comic-grid,.library-main .comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.genre-section .comic-grid{grid-template-columns:repeat(2,1fr)}.duo,.footer-grid,.about-grid{grid-template-columns:1fr}.section-head{align-items:start}.comic-hero{grid-template-columns:1fr}.comic-portrait{max-width:230px}.comic-info h1{font-size:30px}.anchor-nav{overflow-x:auto;white-space:nowrap}.ranking-row{grid-template-columns:1fr}.collection-card{padding:22px}.filters>*{flex:1}.filters input{min-width:0}.filters{gap:10px}.chapter-row{flex-wrap:wrap}.page-intro{padding:30px 0 15px}}@media(max-width:360px){.category-grid{gap:8px}.category-tile{padding:12px}.category-tile strong{font-size:16px}.cover-fallback{padding:10%}.cover-fallback strong{font-size:15px}}