:root{--background:#f6f5ed;--paper:#fffdf5;--banana:#f2d33c;--forest:#315c43;--ink:#20231f;--body:#4a5149;--muted:#777e73;--border:#e2e3d9;--tomato:#d45c48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--background);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1360px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:0;background:#fff;padding:12px;z-index:999}.skip:focus{top:0}.header{background:var(--paper);border-bottom:1px solid var(--border);position:relative;z-index:20}.header-inner{min-height:74px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;white-space:nowrap;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--forest);margin-top:5px}.brand-mark{display:grid;place-items:center;background:var(--banana);color:var(--ink);border:2px solid var(--ink);border-radius:9px;width:43px;height:43px;transform:rotate(-6deg)}.nav{display:flex;gap:19px;align-items:center;margin-left:auto}.nav a{font-weight:700;font-size:14px}.nav a:hover{color:var(--forest)}.search{display:flex;border:1px solid var(--border);background:white;border-radius:9px;overflow:hidden}.search input{border:0;min-width:145px;width:155px;padding:9px}.search button{border:0;padding:0 13px;background:var(--forest);color:white}.menu-toggle{display:none}.hero{margin:30px 0 55px;min-height:394px;display:grid;grid-template-columns:1fr 1fr;background:var(--banana);border:2px solid var(--ink);overflow:hidden;box-shadow:9px 9px 0 #315c43}.hero-content{padding:48px 6%;position:relative;z-index:1}.kicker{font-size:12px;font-weight:900;letter-spacing:.17em;color:var(--forest)}.hero h1{font-size:clamp(32px,3.5vw,52px);line-height:1.2;margin:20px 0}.hero h1 strong{color:var(--forest)}.hero p{max-width:450px}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--forest);color:white;padding:12px 20px;border:0;border-radius:9px;font-weight:800}.btn:hover{background:#1f3e2d;text-decoration:none}.hero-art{position:relative;min-height:330px;padding:25px;background:var(--forest)}.hero-image{width:100%;height:100%;min-height:320px;object-fit:contain;background:#e7efe7}.hero-image.fallback{display:grid;place-items:center;padding:30px;font-size:42px;font-weight:900;text-align:center;background:repeating-linear-gradient(135deg,#d9e5bd,#d9e5bd 22px,#f6f2d7 23px,#f6f2d7 42px)}.stamp{position:absolute;bottom:18px;right:18px;width:92px;height:92px;border-radius:50%;background:var(--tomato);border:3px solid var(--ink);display:grid;place-items:center;text-align:center;color:white;font-weight:900;transform:rotate(12deg)}.section{margin:58px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:2px solid var(--ink);padding-bottom:12px}.section h2,.section-head h2{font-size:clamp(22px,2vw,28px);margin:0}.section-head>a,.text-link{color:var(--forest);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{position:relative;min-height:178px;background:#fff;border:1.5px solid var(--ink);padding:19px;transition:transform .2s}.category-tile:nth-child(3n){transform:rotate(.6deg)}.category-tile:hover{transform:translateY(-4px);text-decoration:none}.category-tile b{position:absolute;right:16px;top:12px;color:var(--accent);font-size:24px}.category-tile>span{font-size:28px}.category-tile h3{margin:2px 0 8px;border-left:5px solid var(--accent);padding-left:9px}.category-tile small{color:var(--body);line-height:1.4;display:block}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.comic-card{min-width:0;display:block;background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:transform .2s}.comic-card:hover{transform:translateY(-4px);text-decoration:none}.cover{aspect-ratio:2/3;width:100%;object-fit:contain;background:#e7efe7}.fallback{display:grid;place-items:center;overflow-wrap:anywhere;padding:13px;text-align:center;line-height:1.3;font-size:20px;font-weight:900;color:var(--forest);background:linear-gradient(140deg,#f2d33c 0 25%,#fff5bf 25% 70%,#e7efe7 70%);border-bottom:3px solid var(--forest)}.card-meta{padding:12px}.card-meta span{font-size:12px;color:var(--forest);font-weight:800}.card-meta h3{font-size:16px;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.card-meta small{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:14px;align-items:stretch}.feature-text{background:var(--forest);color:white;padding:26px;border-radius:12px}.feature-text .kicker{color:var(--banana)}.feature-text h3{font-size:29px}.feature-text a{color:var(--banana)}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-list{background:#fff;border:1px solid var(--border);padding:10px 20px}.mini-list a{display:flex;justify-content:space-between;padding:17px 0;gap:15px;border-bottom:1px dashed var(--border)}.mini-list a:last-child{border:0}.mini-list small{color:var(--muted)}.editorial-band{background:#f0e8ce;border:2px solid var(--ink);padding:25px}.editorial-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.editorial-inner h3{font-size:30px}.scene-image{height:280px;width:100%;object-fit:contain;background:#e7efe7}.gallery-grid,.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid>a{border-bottom:3px solid var(--forest);padding-bottom:14px}.gallery-image{height:205px;width:100%;object-fit:contain;background:#f4eedc}.gallery-grid h3{margin-bottom:0}.gallery-grid p{margin:4px 0;color:var(--body)}.mystery{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 2fr;padding:34px;gap:30px}.mystery .kicker{color:var(--banana)}.mystery p{max-width:670px}.topic{display:block;background:white;border:1px solid var(--ink);padding:24px}.topic:nth-child(2){background:#e7efe7}.topic:nth-child(3){background:#fff5bf}.topic h3{font-size:23px}.topic span{color:var(--forest);font-weight:800}.discovery{border-left:8px solid var(--tomato);background:#fff;padding:26px}.onward{text-align:center;background:#e7efe7;padding:30px}.quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.quick-links a{padding:10px 16px;background:#fff;border:1px solid var(--forest);border-radius:6px}.footer{background:var(--ink);color:#eee;margin-top:70px}.footer-inner{display:flex;gap:25px;align-items:center;padding:25px 0;font-size:13px}.footer-inner p{margin-right:auto}.mobile-bottom{display:none}.page-heading{padding:44px 0 25px}.page-heading h1{font-size:clamp(30px,4vw,47px);margin:8px 0}.page-heading p{color:var(--body)}.library-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px}.sidebar{background:white;border:1px solid var(--border);align-self:start;position:sticky;top:18px;padding:17px}.sidebar h2{font-size:20px}.sidebar a{display:block;padding:8px;border-radius:6px}.sidebar a[aria-current],.sidebar a:hover{background:#e7efe7;color:var(--forest);font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:9px;padding:16px;background:#fff;border:1px solid var(--border)}.filters input,.filters select{border:1px solid #c8cabc;background:#fff;border-radius:6px;padding:10px;min-width:120px;flex:1}.filters input{flex:2;min-width:185px}.result-bar{display:flex;justify-content:space-between;padding:21px 0}.library-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination{display:flex;justify-content:center;gap:8px;margin:24px 0}.pagination a{border:1px solid var(--border);padding:6px 12px;background:#fff}.pagination a[aria-current]{background:var(--forest);color:white}.empty{padding:45px;text-align:center;background:white}.breadcrumbs{margin:24px 0;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:45px;align-items:start;background:#fff;padding:30px;border:1px solid var(--border)}.detail-cover{aspect-ratio:2/3;width:100%;object-fit:contain}.detail-hero h1{font-size:clamp(29px,4vw,45px);line-height:1.25}.lead{font-size:18px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tag-row span{padding:5px 12px;background:#e7efe7;color:var(--forest);border-radius:6px;font-size:13px}.details{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:20px 0}.details dt{color:var(--muted)}.details dd{margin:0}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.story-info,.chapter-list{background:#fff;padding:27px}.chapter-list>a{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:15px 0}.chapter-list>a span:first-child{color:var(--tomato);font-weight:900}.chapter-list>a span:last-child{margin-left:auto;white-space:nowrap}.chapter-list small{font-size:12px;color:var(--muted)}.rank-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rank-card{display:grid;grid-template-columns:120px 1fr;gap:16px;background:white;padding:14px}.rank-card p{margin:0;font-size:14px}.rank-card .comic-card h3{font-size:14px}.rank-card .fallback{font-size:16px}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.collection-item{border:1px solid var(--ink);background:white;padding:30px}.collection-item:nth-child(3n+2){background:#fff5bf}.collection-item:nth-child(3n+3){background:#e7efe7}.collection-item h2{font-size:26px}.collection-item strong{color:var(--forest)}.collection-detail{max-width:940px;margin:0 auto 30px;font-size:17px;line-height:2}.collection-banner{height:200px;width:100%;object-fit:contain}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.about-grid section{background:#fff;padding:27px;border-top:5px solid var(--forest)}.error{min-height:50vh;padding:80px 0}@media(max-width:1100px){.header-inner{gap:12px}.nav{gap:10px}.search input{width:125px}.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-text{grid-column:1/-1}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block;margin-left:auto;background:var(--banana);border:1px solid var(--ink);padding:8px}.nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.search{order:4;width:100%}.search input{width:100%;flex:1}.hero{grid-template-columns:1fr}.hero-content{padding:28px}.hero-art{min-height:240px}.hero-image{min-height:210px}.category-grid{grid-template-columns:repeat(2,1fr)}.library-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:6px;flex-wrap:wrap}.sidebar h2{width:100%;margin:2px 0}.sidebar a{font-size:13px}.detail-hero{grid-template-columns:200px 1fr;gap:20px}.detail-columns,.split{grid-template-columns:1fr}.rank-card{grid-template-columns:110px 1fr}.rank-row{grid-template-columns:1fr 1fr}.footer-inner{flex-wrap:wrap}.mystery{grid-template-columns:1fr}.editorial-inner{grid-template-columns:1fr}}@media(max-width:540px){.container{width:calc(100% - 34px)}body{padding-bottom:50px}.hero{margin-top:15px;box-shadow:4px 5px 0 var(--forest)}.hero h1{font-size:32px}.section{margin:36px 0}.category-tile{min-height:165px;padding:12px}.category-tile small{font-size:12px}.comic-grid,.library-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-text{grid-column:1/-1}.gallery-grid,.topic-grid,.collection-grid,.about-grid{grid-template-columns:1fr}.gallery-image{height:170px}.detail-hero{grid-template-columns:1fr;padding:18px}.detail-cover{width:min(250px,100%);margin:auto}.rank-row{grid-template-columns:1fr}.chapter-list,.story-info{padding:16px}.mini-list a{flex-wrap:wrap}.footer{margin-top:35px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--border);z-index:30;padding:9px}.mobile-bottom a{font-size:13px;font-weight:800}.reader-shell~.mobile-bottom{display:none}.section-head{align-items:flex-start}.section-head>a{font-size:13px}.result-bar{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-img{width:148px;max-height:42px;object-fit:contain}.cat-picture{width:100%;height:56px;object-fit:contain}.category-tile>span{display:block;min-height:42px}body:has(.reader-shell) .mobile-bottom{display:none}