*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:#F6F5ED;color:#20231F;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1360px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-200vw}.skip:focus{left:20px;top:20px;background:white;z-index:100}.site-header{background:#FFFDF5;border-bottom:2px solid #20231F;position:sticky;top:0;z-index:20}.head-row{min-height:74px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:22px;line-height:1.1;flex-shrink:0}.brand b{display:grid;place-items:center;width:46px;height:46px;background:#F2D33C;border:2px solid #20231F;transform:rotate(-8deg);border-radius:10px}.brand small{display:block;font-size:10px;letter-spacing:2px}.head-row nav{display:flex;gap:22px;align-items:center}.head-row nav a{font-weight:650;font-size:14px}.head-row nav a:hover,.head-row nav a.active{color:#315C43;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.head-search{display:flex;align-items:center;margin-left:auto;border:1px solid #b3b8a9;border-radius:8px;overflow:hidden;max-width:270px}.head-search input{width:170px;min-width:0;border:0;padding:8px;background:white}.head-search button{border:0;background:#315C43;color:white;padding:9px}.menu-toggle{display:none}.section{padding-top:75px;padding-bottom:55px}.section-head{display:flex;align-items:end;gap:20px;margin-bottom:25px;flex-wrap:wrap}.section-head p,.split-head p,.eyebrow,.page-intro span{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#315C43}.section-head h2{margin:0;font-size:clamp(25px,2.5vw,34px);line-height:1.2;flex:1}.section-head a{font-size:14px;font-weight:700;text-decoration:underline}.hero{background:#F2D33C;overflow:hidden;border-bottom:3px solid #20231F}.hero-grid{display:grid;grid-template-columns:1fr 0.83fr;min-height:420px;align-items:center;gap:50px}.hero-copy{padding:50px 0}.hero-copy h1{font-size:clamp(40px,6vw,88px);line-height:1.07;letter-spacing:-3px;margin:12px 0}.hero-copy h1 em{font-style:normal;color:#315C43}.hero-copy>p{max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border:2px solid #20231F;background:#F2D33C;color:#20231F;padding:11px 18px;font-weight:800;border-radius:8px;text-align:center}.btn.dark{background:#20231F;color:white}.btn.outline{background:transparent}.hero-visual{min-height:340px;background:#315C43;transform:rotate(2deg);border:6px solid #20231F;box-shadow:18px 16px 0 #20231F;color:white;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:35px}.hero-stamp{position:absolute;right:24px;top:24px;border:2px solid white;padding:10px;font-weight:800;font-size:12px;transform:rotate(7deg)}.hero-feature h2{font-size:38px;margin:8px 0}.hero-feature p{max-width:350px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{min-height:165px;border:2px solid #20231F;border-radius:7px;padding:20px;position:relative;transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-number{font-size:12px;font-weight:900}.category-tile h3{font-size:23px;margin:10px 0}.category-tile p{font-size:13px;max-width:180px}.category-tile>span:last-child{position:absolute;right:20px;top:10px;font-size:24px}.cat-0{background:#E9EFF9}.cat-1{background:#FFF5BF}.cat-2{background:#E7EFE7}.cat-3{background:#F9EAE5}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.book-card{min-width:0}.cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:2px solid #20231F;display:block}.cover-fallback{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,#315C43 0%,#1F3E2D 65%,#20231F 100%);color:#FFF5BF;padding:12%;overflow:hidden}.book-card:nth-child(3n+2) .cover-fallback{background:linear-gradient(145deg,#4169A8,#20231F)}.book-card:nth-child(3n) .cover-fallback{background:linear-gradient(145deg,#D45C48,#54271e)}.cover-fallback span{font-size:11px;letter-spacing:3px;line-height:1.3}.cover-fallback strong{font-size:clamp(17px,2vw,29px);line-height:1.22;word-break:break-all}.book-meta strong{display:block;font-size:16px;margin-top:10px}.book-meta small{font-size:12px;color:#656a61;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.green-band{background:#1F3E2D;color:white;padding:65px 0}.band-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px}.band-grid .eyebrow{color:#F2D33C}.band-grid h2{font-size:36px}.band-grid .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.band-grid .book-meta small{color:#d9e7dc}.story-block{background:#fffdf5;border-top:2px solid #20231f;border-bottom:2px solid #20231f;padding:25px}.editorial-feature{background:#20231F;color:white;min-height:240px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px;gap:30px}.feature-no{font-size:clamp(32px,6vw,86px);font-weight:900;color:#F2D33C}.editorial-feature h3{font-size:26px}.dual-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-panel>div{padding:35px;border:2px solid #20231F;background:#E7EFE7}.dual-panel>div+div{background:#E9EFF9}.dual-panel h2{font-size:30px}.dual-panel a,.text-link{font-weight:800;text-decoration:underline}.topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{padding:28px;min-height:230px;background:#FFF5BF;border:2px solid #20231F}.topic-card:nth-child(2){background:#E7EFE7}.topic-card:nth-child(3){background:#E9EFF9}.topic-card h3{font-size:27px}.topic-card span{font-size:11px;letter-spacing:2px}.last-cta{text-align:center}.last-cta h2{font-size:40px}.last-cta .actions{justify-content:center}.site-footer{background:#20231F;color:white;padding:35px 0;margin-top:40px}.foot-grid{display:flex;justify-content:space-between;gap:15px}.foot-grid>div+div{display:flex;gap:24px}.site-footer p{color:#c5c9bd;font-size:13px}.mobile-bottom{display:none}.page-intro{padding:25px 0 35px;border-bottom:3px solid #20231F;margin-bottom:35px}.page-intro h1{font-size:clamp(32px,4vw,55px);line-height:1.2;margin:12px 0}.page-intro p{color:#555e54}.library-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px}.library-side{align-self:start;position:sticky;top:100px;display:grid;gap:3px;background:#FFFDF5;border:1px solid #E2E3D9;padding:20px}.library-side h2{font-size:18px}.library-side a{padding:7px 10px;border-radius:5px}.library-side a:hover,.library-side a.selected{background:#F2D33C;font-weight:700}.library-main .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{display:grid;grid-template-columns:minmax(140px,2fr) repeat(3,minmax(90px,1fr)) auto;gap:8px}.filters input,.filters select{border:1px solid #aaa;padding:10px;min-width:0;max-width:100%;background:white}.filters .btn{padding:8px 12px}.result-count{color:#677065;font-size:13px;margin:20px 0}.empty{padding:45px;background:white}.pagination{display:flex;gap:7px;margin-top:30px;flex-wrap:wrap}.pagination a{border:1px solid #aab4a7;padding:6px 12px;border-radius:5px}.pagination [aria-current]{background:#315C43;color:white}.crumb{margin-bottom:25px;color:#777}.crumb a{text-decoration:underline}.comic-hero{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:55px;padding:28px 0 45px;border-bottom:2px solid #20231F}.comic-hero-info h1{font-size:clamp(34px,5vw,62px);margin:12px 0}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags>*{font-size:13px;background:#E7EFE7;border:1px solid #315C43;padding:4px 12px;border-radius:99px}.comic-hero-info>p{font-size:18px;max-width:760px}.comic-hero-info dl{display:grid;grid-template-columns:100px 1fr;gap:12px}.comic-hero-info dt{color:#777}.comic-hero-info dd{margin:0}.comic-sections{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.comic-sections section{background:#fffdf5;padding:25px;border-left:5px solid #315C43}.chapter-box{padding:25px;background:#E7EFE7}.chapter-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border-bottom:1px solid #cad5ca}.chapter-row:hover{background:#fff}.curated-section{border-top:2px solid #20231F}.curation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.curation-grid>a{display:grid;grid-template-columns:110px 1fr;gap:15px;background:#fffdf5;padding:12px}.curation-grid h3{margin:0}.curation-grid p{font-size:13px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.topic-list>a{background:#FFFDF5;border:2px solid #20231F;padding:25px}.topic-list>a:nth-child(3n){background:#E7EFE7}.topic-list h2{font-size:26px}.topic-list span{color:#315C43;font-weight:900}.topic-detail{background:#FFF5BF;padding:32px;margin-bottom:30px;border-left:8px solid #315C43}.topic-detail>p{max-width:920px}.topic-detail .topic-lead{letter-spacing:2px;font-weight:900}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-grid>section{background:#FFFDF5;padding:35px;border-top:4px solid #315C43}.missing{min-height:50vh;padding-top:75px}@media(max-width:1050px){.head-row{gap:15px}.head-row nav{gap:12px}.head-search{display:none}.book-grid{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.curation-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.wrap{width:calc(100% - 34px)}.head-row{min-height:68px;flex-wrap:wrap}.brand{font-size:18px}.brand b{width:38px;height:38px}.menu-toggle{display:block;margin-left:auto;border:1px solid #20231F;background:#F2D33C;padding:6px 12px}.head-row nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:10px}.head-row nav.open{display:flex}.head-row nav a{padding:8px 2px}.section{padding-top:45px;padding-bottom:28px}.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:40px}.hero-copy{padding:35px 0 20px}.hero-copy h1{letter-spacing:-1px}.hero-visual{min-height:270px;transform:none;box-shadow:8px 8px 0 #20231F}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-tile{min-height:130px;padding:13px}.category-tile h3{font-size:18px}.category-tile p{font-size:12px}.book-grid,.library-main .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cover-fallback strong{font-size:20px}.band-grid{grid-template-columns:1fr}.band-grid .book-grid{grid-template-columns:repeat(2,1fr)}.dual-panel,.topic-row,.topic-list,.comic-sections,.about-grid{grid-template-columns:1fr}.editorial-feature{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr;gap:12px}.library-side{position:static;display:flex;gap:6px;overflow:auto;white-space:nowrap;padding:8px}.library-side h2{display:none}.library-side a{flex-shrink:0}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.comic-hero{grid-template-columns:1fr;gap:20px}.comic-hero>div:first-child{width:min(240px,70%)}.curation-grid{grid-template-columns:1fr}.chapter-row{flex-wrap:wrap}.foot-grid{flex-direction:column}.foot-grid>div+div{flex-wrap:wrap}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 0 calc(10px + env(safe-area-inset-bottom));background:#FFFDF5;border-top:1px solid #20231F;z-index:19;font-size:13px;font-weight:800}.site-footer{margin-bottom:55px}.site-page{overflow-x:hidden}.last-cta h2{font-size:30px}}@media(max-width:350px){.category-tile h3{font-size:16px}.btn{padding:9px 11px}.filters{grid-template-columns:1fr}.filters input{grid-column:span 1}}