:root{--background:#F6F5ED;--paper:#FFFDF5;--surface:#fff;--banana:#F2D33C;--banana-soft:#FFF5BF;--banana-deep:#B99A13;--forest:#315C43;--forest-deep:#1F3E2D;--forest-soft:#E7EFE7;--ink:#20231F;--ink-deep:#111511;--ink-soft:#414840;--cobalt:#4169A8;--cobalt-soft:#E9EFF9;--tomato:#D45C48;--tomato-soft:#F9EAE5;--sand:#C3A66C;--sand-soft:#F4EEDC;--title:#242820;--body:#4A5149;--muted:#777E73;--border:#E2E3D9;--divider:#EBECE3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}.wrap{max-width:1360px;margin:auto;padding-left:32px;padding-right:32px}.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:5}.head-inner{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:900;line-height:1.1;min-width:225px}.brand small{font-size:10px;display:block;letter-spacing:3px;color:var(--forest);margin-top:4px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--ink);background:var(--banana);border-radius:12px 4px 12px 4px;transform:rotate(-5deg);font-size:25px}.brand-mark span{color:var(--tomato)}.main-nav{display:flex;align-items:center;gap:22px;flex:1}.main-nav a{font-size:14px;font-weight:750;white-space:nowrap}.head-inner form{display:flex;border:1px solid var(--border);border-radius:8px;background:white;max-width:210px}.head-inner input{min-width:0;width:165px;border:0;padding:8px 10px;background:transparent}.head-inner form button{background:none;border:0;padding:5px 10px;font-size:22px}.menu-toggle{display:none}.hero{background:#20231f;color:white;border-bottom:8px solid var(--banana)}.hero-grid{min-height:415px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px}.hero-copy{padding:48px 0}.eyebrow,.page-intro small,.section-heading small,.feature-box small{font-size:12px;font-weight:800;letter-spacing:2px}.eyebrow{color:var(--banana)}.hero h1{font-size:clamp(42px,5vw,74px);line-height:1.07;margin:21px 0}.hero h1 span{color:var(--banana)}.hero-copy p{max-width:460px;color:#e5e7df;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--banana);border:2px solid var(--ink);border-radius:8px;padding:11px 18px;font-weight:800;color:var(--ink);min-height:44px}.btn:hover{text-decoration:none;filter:brightness(.96)}.btn.outline{background:transparent}.btn.light{background:var(--paper)}.text-link{display:inline-block;margin-left:18px;font-size:14px}.hero-art{position:relative;min-height:305px;border:4px solid var(--banana);transform:rotate(2deg);box-shadow:12px 12px 0 #315c43}.hero-image{width:100%;height:305px;object-fit:contain;display:flex;align-items:center;justify-content:center;text-align:center;font-size:34px;font-weight:900;background:repeating-linear-gradient(135deg,#456a52 0 16px,#365640 16px 32px);color:white}.hero-number{position:absolute;right:14px;bottom:14px;background:var(--banana);padding:2px 12px;color:var(--ink);font-weight:900}.section{padding-top:58px;padding-bottom:40px}.section-heading{display:flex;align-items:end;gap:16px;margin-bottom:26px}.section-heading .index{background:var(--ink);color:var(--banana);font-size:12px;padding:9px 11px;min-width:45px;text-align:center;font-weight:900}.section-heading h2{font-size:29px;margin:3px 0 0}.section-heading a{margin-left:auto;font-weight:800}.section-heading small{color:var(--forest)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{min-height:184px;border:2px solid var(--ink);padding:19px;background:var(--banana-soft);position:relative;transition:transform .15s}.category-tile:hover{transform:translateY(-4px);text-decoration:none}.category-tile:nth-child(2),.category-tile:nth-child(5){background:var(--forest-soft)}.category-tile:nth-child(3),.category-tile:nth-child(6){background:var(--cobalt-soft)}.category-tile:nth-child(4),.category-tile:nth-child(8){background:var(--tomato-soft)}.category-tile span{font-size:13px;font-weight:900}.category-tile h3{font-size:25px;margin:14px 0 7px}.category-tile p{font-size:13px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.comic-card{min-width:0}.comic-card>a{display:block}.comic-card a:hover{text-decoration:none}.cover{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;width:100%;object-fit:contain;border:2px solid var(--ink);border-radius:5px;background:var(--forest);color:white;text-align:center;padding:12px;font-weight:900;font-size:clamp(16px,2vw,25px);word-break:break-word}.comic-card:nth-child(3n+2) .css-cover{background:#4169a8}.comic-card:nth-child(4n+3) .css-cover{background:#b95343}.comic-card:nth-child(5n+4) .css-cover{background:#6c5834}.card-info small{font-size:12px;color:var(--forest);font-weight:700}.card-info h3{font-size:18px;margin:4px 0 5px}.card-info p{font-size:13px;color:var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-box{min-height:320px;padding:30px;background:var(--banana-soft);border-top:6px solid var(--ink)}.feature-box.green{background:var(--forest);color:white}.feature-box.sand{background:var(--sand-soft)}.feature-box.blue{background:var(--cobalt-soft)}.feature-box h2{font-size:35px;margin:18px 0}.feature-box p{max-width:460px}.feature-box>a:not(.btn){font-weight:800;text-decoration:underline}.mini-list a{display:flex;justify-content:space-between;border-bottom:1px solid #dad7ae;padding:7px 0;font-weight:750}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}.notice{background:var(--paper);border-left:5px solid var(--banana-deep);padding:18px 20px;color:var(--body);font-size:15px}.showcase-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;background:var(--forest-deep);color:white;padding:22px;align-items:center}.wide-image{width:100%;height:300px;object-fit:contain;background:#355b45;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.showcase-inner h3{font-size:33px}.showcase-inner a{color:var(--banana);font-weight:800}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.triple .comic-card{display:flex}.triple .comic-card>a{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.triple .card-info h3{font-size:24px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-grid a{background:var(--paper);border:2px solid var(--ink);padding:25px;min-height:225px;display:flex;flex-direction:column}.collection-grid a:nth-child(even){background:var(--forest-soft)}.collection-grid a:hover{text-decoration:none;box-shadow:6px 6px 0 var(--banana)}.collection-grid h3,.collection-grid h2{font-size:24px;margin:20px 0 8px}.collection-grid p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-grid span{font-weight:800;margin-top:auto}.collection-grid.big{grid-template-columns:repeat(2,1fr)}.continue{margin-top:40px;margin-bottom:50px;text-align:center;background:var(--banana);padding-top:44px;padding-bottom:44px;border:3px solid var(--ink)}.continue h2{font-size:40px;margin:10px}.continue .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:23px}.site-footer{background:var(--ink);color:#e9eadf;padding:36px 0}.foot-grid{display:flex;justify-content:space-between;gap:40px}.foot-grid p{font-size:13px;max-width:400px}.mobile-bottom{display:none}.page-intro{border-bottom:3px solid var(--ink);margin:0 0 35px;padding:8px 0 25px}.page-intro h1{font-size:clamp(36px,4vw,54px);margin:9px 0}.page-intro p{color:var(--body);max-width:730px}.yellow-dot{color:var(--banana-deep)}.library-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:34px}.sidebar{display:flex;flex-direction:column;gap:4px;align-self:start;position:sticky;top:15px}.sidebar h2{font-size:20px}.sidebar a{padding:9px 13px;border-left:3px solid transparent;font-size:14px}.sidebar a.active,.sidebar a:hover{background:var(--forest);color:white;border-color:var(--banana);text-decoration:none}.filters{display:flex;gap:10px;flex-wrap:wrap;background:var(--paper);padding:14px;margin-bottom:24px;border:1px solid var(--border)}.filters input{min-width:180px;flex:2}.filters input,.filters select{border:1px solid var(--border);border-radius:5px;padding:8px;min-height:44px}.filters select{flex:1;min-width:110px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-heading h2{margin:0;font-size:23px}.results-heading span{color:var(--muted);font-size:13px}.library-main .card-grid{grid-template-columns:repeat(4,1fr)}.pagination{display:flex;gap:8px;margin:30px 0}.pagination a{padding:8px 14px;border:1px solid var(--ink)}.pagination a.active{background:var(--forest);color:white}.hint{font-size:13px;color:var(--muted)}.crumb{font-size:13px;margin-bottom:30px}.detail-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:45px;border-bottom:3px solid var(--ink);padding-bottom:40px}.detail-cover .cover{font-size:34px}.detail-hero h1{font-size:clamp(34px,4vw,54px);margin:15px 0}.lead{font-size:20px}.tag-row{display:flex;gap:9px;flex-wrap:wrap}.tag-row>*{border:1px solid var(--forest);padding:4px 12px;font-size:13px;border-radius:20px}.details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.details dt{color:var(--muted);font-size:12px}.details dd{margin:0}.detail-body{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;padding-top:40px}.detail-body h2{font-size:26px;margin-top:24px}.chapter-link{display:block;padding:10px;border-bottom:1px solid var(--border)}.editor-section{padding:25px 0 35px;border-bottom:1px solid var(--border)}.editor-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.editor-feature{background:var(--forest);color:white;padding:30px;min-height:225px;display:flex;flex-direction:column}.editor-feature h3{font-size:30px}.editor-feature small{opacity:.8}.editor-feature a{color:var(--banana);margin-top:14px}.editor-titles{display:flex;flex-direction:column;justify-content:space-between}.editor-titles a{display:flex;flex-direction:column;border-bottom:1px solid var(--border);padding:8px}.editor-titles b{font-size:18px}.editor-titles span{font-size:13px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-grid article{border-top:4px solid var(--forest);background:var(--paper);padding:24px}.empty{min-height:50vh;padding-top:85px;text-align:center}@media(max-width:1100px){.head-inner{gap:15px}.brand{min-width:185px}.main-nav{gap:10px}.main-nav a{font-size:13px}.head-inner form{max-width:150px}.head-inner input{width:110px}.card-grid{grid-template-columns:repeat(3,1fr)}.library-main .card-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.category-tile{padding:14px}}@media(max-width:800px){.wrap{padding-left:20px;padding-right:20px}.head-inner{height:68px}.menu-toggle{display:block;background:var(--banana);border:1px solid var(--ink);border-radius:5px;padding:7px 10px}.head-inner form{margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:18px 20px;box-shadow:0 8px 15px #0002;flex-direction:column;align-items:start}.main-nav.open{display:flex}.brand{min-width:auto}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:44px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.library-main .card-grid{grid-template-columns:repeat(3,1fr)}.library-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.sidebar h2{display:none}.sidebar a{white-space:nowrap}.triple .comic-card>a{grid-template-columns:1fr}.triple .card-info h3{font-size:18px}.collection-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:220px 1fr;gap:25px}.detail-body{gap:24px}}@media(max-width:540px){body{font-size:15px}.wrap{padding-left:16px;padding-right:16px}.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:37px;height:37px;font-size:20px}.head-inner form{max-width:120px}.head-inner input{width:85px;font-size:12px}.hero h1{font-size:42px}.hero-copy p{font-size:16px}.text-link{margin:14px 0 0;display:block}.category-grid{gap:9px}.category-tile{min-height:155px;padding:12px}.category-tile h3{font-size:20px}.category-tile p{font-size:12px}.section{padding-top:40px;padding-bottom:24px}.section-heading h2{font-size:24px}.card-grid,.library-main .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-split,.two-cols,.showcase-inner,.collection-grid,.collection-grid.big,.about-grid,.detail-body,.editor-layout{grid-template-columns:1fr}.feature-box{min-height:250px}.triple{grid-template-columns:1fr}.triple .comic-card>a{grid-template-columns:110px 1fr}.collection-grid a{min-height:195px}.foot-grid{flex-direction:column}.detail-hero{grid-template-columns:125px 1fr;gap:15px}.detail-hero h1{font-size:28px}.detail-hero .lead{font-size:14px}.detail-cover .cover{font-size:20px}.details{grid-template-columns:1fr;gap:6px}.tag-row{gap:4px}.tag-row>*{font-size:11px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:7px 3px max(7px,env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink);z-index:4}.mobile-bottom a{font-weight:750;font-size:13px;min-height:44px;display:grid;place-items:center}.site-footer{padding-bottom:80px}.filters input{flex-basis:100%}.page-intro h1{font-size:35px}.continue h2{font-size:31px}}