:root{--background:#F6F5ED;--paper:#FFFDF5;--surface:#fff;--banana:#F2D33C;--banana-soft:#FFF5BF;--banana-deep:#B99A13;--forest:#315C43;--forest-deep:#1F3E2D;--ink:#20231F;--cobalt:#4169A8;--tomato:#D45C48;--sand:#C3A66C;--body:#4A5149;--muted:#777E73;--border:#DCDDD2}*{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}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.container{max-width:1360px;margin:auto;padding-left:32px;padding-right:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50}.header-in{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{background:var(--banana);border:2px solid var(--ink);font-weight:1000;padding:4px 8px;transform:rotate(-4deg);font-size:22px}.brand-mark span{color:var(--forest)}.brand-name{font-size:21px;font-weight:900;line-height:1.1}.brand-name small{display:block;font-size:9px;letter-spacing:2px;font-weight:700}.nav-main{display:flex;gap:24px;align-items:center;margin:auto}.nav-main a{font-size:14px;font-weight:750;white-space:nowrap}.nav-main a[aria-current]{border-bottom:3px solid var(--tomato)}.nav-main a:hover,.text-link:hover{color:var(--tomato)}.header-search{display:flex;border:1px solid var(--ink);border-radius:50px;overflow:hidden;background:white}.header-search input{width:145px;min-width:0;border:0;background:transparent;padding:9px 12px;outline-offset:-3px}.header-search button{border:0;background:var(--banana);padding:0 14px;font-size:24px}.menu-toggle{display:none}.ticker{background:var(--forest-deep);color:var(--paper);font-size:12px;letter-spacing:2px}.ticker .container{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.ticker span{color:var(--banana)}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:425px;gap:20px;padding-top:26px;padding-bottom:16px}.hero-text{padding:52px 20px 30px 6px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-weight:900;letter-spacing:2px;font-size:11px;text-transform:uppercase;color:var(--forest)}.hero h1{font-size:clamp(38px,4.1vw,66px);line-height:1.16;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(transparent 56%,var(--banana) 56%)}.hero p{font-size:17px;color:var(--body);max-width:480px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:7px;background:var(--banana);font-weight:800;min-height:46px;padding:9px 19px}.button:hover{background:var(--banana-soft)}.button.outline{background:transparent}.text-link{font-weight:850;text-decoration:underline;text-underline-offset:5px}.hero-strip{border-top:1px solid var(--border);width:100%;margin-top:auto;padding-top:15px;font-size:13px;letter-spacing:1px}.hero-strip b{font-size:22px;margin-right:16px}.hero-art{position:relative;background:var(--forest);min-width:0;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--banana)}.hero-photo{height:100%;min-height:375px;width:100%;object-fit:cover}.hero-sticker{position:absolute;right:14px;top:16px;transform:rotate(9deg);display:grid;place-content:center;text-align:center;background:var(--banana);border:2px solid var(--ink);border-radius:50%;width:94px;height:94px;font-size:13px;font-weight:900}.hero-sticker b{font-size:23px}.photo-missing{background:repeating-linear-gradient(45deg,rgba(32,35,31,.035),rgba(32,35,31,.035) 2px,transparent 2px,transparent 12px),linear-gradient(135deg,#E7EFE7,#FFF5BF);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;font-size:clamp(15px,2vw,28px);font-weight:900;color:var(--forest-deep);overflow-wrap:anywhere;min-height:100px}.photo-missing small{display:block;font-size:11px;letter-spacing:1px;margin-top:15px;font-weight:650;color:var(--body)}.section{margin-top:70px;margin-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;border-bottom:2px solid var(--ink);padding-bottom:15px}.section-heading h2,.section h2{font-size:clamp(25px,2.4vw,36px);line-height:1.25;margin:8px 0}.section-heading>p,.section-heading>a,.section-heading>span{font-size:14px;color:var(--body)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-block{border:2px solid var(--ink);padding:22px;min-height:191px;display:flex;flex-direction:column;transition:transform .2s}.category-block:hover{transform:translateY(-4px)}.category-block span{font-size:11px;letter-spacing:1px;font-weight:800}.category-block h3{font-size:24px;margin:auto 0 8px}.category-block p{font-size:13px;margin:0}.category-1{background:#F8DF6E}.category-2{background:#D7E5D9}.category-3{background:#DFE8F5}.category-4{background:#F5E2DA}.dark-zone{background:var(--ink);color:var(--paper);padding:65px 0}.dark-zone .eyebrow,.dark-zone .section-heading>a{color:var(--banana)}.dark-zone .section-heading{border-color:#81877E}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-box{border-top:3px solid var(--banana);padding-top:10px}.feature-num{display:block;font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:12px}.feature-box p,.editorial-picks p{font-size:13px;color:#B8C0B7}.comic-card{display:block;min-width:0}.comic-image{aspect-ratio:2/3;width:100%;object-fit:cover;border:2px solid var(--ink);font-size:clamp(15px,2vw,23px);padding:18px}.card-copy{display:block;margin-top:12px}.card-copy strong{display:block;font-size:18px;line-height:1.3}.card-copy small{display:block;font-size:11px;color:var(--muted);margin:5px 0}.card-copy>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;color:var(--body)}.dark-zone .card-copy>span{color:#D6D8CD}.dark-zone .card-copy small{color:#A5ADA0}.shelf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}.shelf-grid .comic-card:nth-child(2n) .comic-image{background:linear-gradient(145deg,#DEE8F4,#EDE5D8)}.split-showcase{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}.split-content{background:var(--banana-soft);border-left:8px solid var(--forest);padding:44px}.split-content p{max-width:440px}.mini-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.horizontal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.genre-editor{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#DFE8DE;padding-top:25px;padding-bottom:25px}.genre-art .photo-missing,.scene-photo{aspect-ratio:16/9;width:100%;object-fit:cover}.fantasy-section{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center}.gallery-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-two>*{aspect-ratio:4/5;object-fit:cover;width:100%}.half-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.half-panels article{padding:36px;background:#DAE6DD;border:2px solid var(--forest)}.half-panels article+article{background:#DCE4F2;border-color:var(--cobalt)}.half-panels a{font-weight:900;text-decoration:underline}.collection-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-preview a,.collection-tile{background:var(--paper);padding:30px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--sand)}.collection-preview a:nth-child(2),.collection-tile:nth-child(3n+2){background:#E7EFE7}.collection-preview a:nth-child(3),.collection-tile:nth-child(3n){background:#EEF0F9}.collection-preview a>span,.collection-tile>span{font-size:11px;letter-spacing:2px;font-weight:800}.collection-preview h3,.collection-tile h2{font-size:25px;margin:18px 0 8px}.collection-preview p,.collection-tile p{font-size:14px}.collection-preview strong,.collection-tile strong{display:block;margin-top:25px}.continue-box{text-align:center;background:var(--banana);border:3px solid var(--ink);padding-top:40px;padding-bottom:42px}.link-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.link-buttons a{border:2px solid var(--ink);padding:10px 15px;background:var(--paper);font-weight:800}.site-footer{background:var(--forest-deep);color:#F5F5EE;margin-top:80px;padding:48px 0 20px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-logo{font-size:23px;font-weight:1000}.footer-grid p{color:#C2D4C6}.footer-grid nav{display:flex;gap:25px;flex-wrap:wrap}.footer-base{border-top:1px solid #55725B;padding-top:18px;margin-top:30px;font-size:12px;color:#C2D4C6}.mobile-bottom{display:none}.inner-page{padding-top:50px;min-height:70vh}.page-intro{border-bottom:3px solid var(--ink);padding-bottom:27px;margin-bottom:35px}.page-intro h1{font-size:clamp(38px,5vw,70px);letter-spacing:-2px;line-height:1.2;margin:13px 0}.page-intro p{color:var(--body);max-width:740px}.issue-number{font-size:12px;letter-spacing:1px;float:right;margin-top:25px}.library-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:34px}.library-sidebar{align-self:start;position:sticky;top:94px;border-top:4px solid var(--forest);background:var(--paper);padding:18px}.library-sidebar h2{margin:0 0 16px;font-size:20px}.library-sidebar h2 small{display:block;font-size:10px;letter-spacing:2px}.side-link{display:flex;justify-content:space-between;padding:10px 6px;border-bottom:1px solid var(--border);font-weight:700}.side-link b{color:var(--muted)}.side-link.selected,.side-link:hover{background:var(--banana-soft)}.sidebar-note{font-size:12px;color:var(--muted);margin-top:25px}.filter-panel{background:#E7EDE2;padding:18px;border:1px solid var(--forest)}.filter-form{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr auto;align-items:end;gap:9px}.filter-form label{font-size:11px;font-weight:800}.filter-form input,.filter-form select{display:block;width:100%;min-width:0;border:1px solid var(--border);background:white;padding:10px;margin-top:6px;border-radius:4px;height:44px}.filter-form .button{white-space:nowrap}.result-line{display:flex;justify-content:space-between;margin:25px 0 18px;font-size:13px}.result-line strong{font-size:21px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 17px}.library-grid .comic-card:nth-child(5n){grid-column:span 2;display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:center;background:var(--banana-soft);padding:10px}.library-grid .comic-card:nth-child(5n) .comic-image{aspect-ratio:2/3}.pagination{display:flex;gap:8px;justify-content:center;margin:35px 0;flex-wrap:wrap}.pagination a{display:inline-grid;place-items:center;border:1px solid var(--ink);min-width:38px;min-height:40px;padding:4px 10px}.pagination a[aria-current]{background:var(--banana);font-weight:900}.empty-state{padding:65px 20px;text-align:center;background:var(--paper)}.breadcrumbs{font-size:13px;color:var(--body);margin-bottom:30px}.comic-detail{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:48px;align-items:start}.detail-cover .detail-image{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:12px 12px 0 var(--banana);border:3px solid var(--ink)}.detail-info h1{font-size:clamp(34px,4vw,57px);margin:14px 0}.pills{display:flex;flex-wrap:wrap;gap:9px}.pills>*{font-size:12px;padding:5px 12px;background:#E2EAD9;border:1px solid var(--forest);border-radius:40px}.detail-summary{font-size:19px;max-width:700px;line-height:1.85}.info-list{border-top:1px solid var(--border);margin:25px 0}.info-list div{display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid var(--border);padding:10px 0;font-size:14px}.info-list dt{color:var(--muted)}.info-list dd{margin:0}.detail-buttons{display:flex;gap:12px;flex-wrap:wrap}.story-panel{background:#E6EDE5;padding:35px}.story-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-columns article{background:var(--paper);border-top:4px solid var(--forest);padding:22px}.story-columns h3{margin-top:0}.chapter-list{border-top:2px solid var(--ink)}.chapter-list a{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:15px;padding:20px 16px;border-bottom:1px solid var(--border)}.chapter-list a:hover{background:var(--banana-soft)}.chapter-list span{font-size:13px}.collection-inline{display:block;background:var(--banana);padding:20px;font-weight:900}.editorial-band{display:grid;grid-template-columns:240px 1fr;gap:28px;border-bottom:2px solid var(--ink);padding-bottom:38px}.editorial-aside{background:#DCEADD;padding:24px;align-self:start}.editorial-aside>a{font-weight:850}.editorial-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editorial-picks p{color:var(--body)}.collection-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.collection-banner>*{width:100%;aspect-ratio:4/5;object-fit:cover}.collection-text{background:var(--paper);border-top:5px solid var(--forest);padding:30px}.collection-text p{line-height:2.1;font-size:16px}.collection-works{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.editor-note{font-size:13px;background:var(--paper);padding:15px;margin-top:14px}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:50px;max-width:1100px}.about-layout section h2{border-bottom:2px solid var(--forest);padding-bottom:10px}.about-layout section p{line-height:2}.about-layout aside{align-self:start;background:var(--banana);padding:30px;border:2px solid var(--ink)}.error-page{text-align:center;padding-top:90px;padding-bottom:140px}.error-page h1{font-size:45px}@media(max-width:1100px){.nav-main{gap:12px}.header-in{gap:14px}.header-search input{width:100px}.filter-form{grid-template-columns:repeat(3,1fr)}.shelf-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.container{padding-left:20px;padding-right:20px}.header-in{height:68px}.menu-toggle{display:block;margin-left:auto;background:var(--banana);border:1px solid var(--ink);padding:7px 12px}.nav-main{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:2px solid var(--ink);align-items:start}.nav-main.open{display:flex}.header-search{max-width:150px}.ticker span{display:none}.hero{grid-template-columns:1fr}.hero-text{padding:30px 0 15px}.hero-art .hero-photo{min-height:260px}.category-grid{grid-template-columns:repeat(2,1fr)}.section{margin-top:50px;margin-bottom:50px}.split-showcase,.genre-editor,.fantasy-section,.comic-detail,.collection-detail,.about-layout{grid-template-columns:1fr}.mini-stack{grid-template-columns:repeat(3,1fr)}.half-panels,.collection-preview,.collection-directory{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.library-sidebar{position:static}.library-sidebar .side-link{display:inline-flex;width:calc(50% - 5px);gap:10px}.library-grid{grid-template-columns:repeat(2,1fr)}.filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-band{grid-template-columns:1fr}.editorial-picks{grid-template-columns:repeat(3,1fr)}.collection-works{grid-template-columns:repeat(2,1fr)}.story-columns{grid-template-columns:1fr}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:2px solid var(--ink);justify-content:space-around;z-index:40;padding:9px max(12px,env(safe-area-inset-right));font-size:13px;font-weight:900}.site-footer{padding-bottom:90px}.footer-grid{flex-direction:column}.genre-editor{padding-top:18px;padding-bottom:18px}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.brand-name{font-size:17px}.brand-name small{font-size:7px}.brand-mark{font-size:16px}.header-search{display:none}.hero h1{font-size:38px}.category-grid{gap:8px}.category-block{padding:13px;min-height:158px}.category-block h3{font-size:20px}.feature-grid,.horizontal-strip{grid-template-columns:repeat(2,1fr);gap:12px}.shelf-grid{grid-template-columns:repeat(2,1fr);gap:15px}.mini-stack{grid-template-columns:repeat(2,1fr)}.mini-stack .comic-card:nth-child(3){display:none}.gallery-two{grid-template-columns:1fr 1fr}.section-heading{align-items:start}.section-heading>p{display:none}.filter-form{grid-template-columns:1fr 1fr}.filter-form label:first-child,.filter-form .button{grid-column:span 2}.library-grid{gap:13px}.library-grid .comic-card:nth-child(5n){grid-column:span 1;display:block;padding:0;background:transparent}.issue-number{display:none}.editorial-picks{grid-template-columns:repeat(2,1fr)}.editorial-picks article:last-child{display:none}.collection-works{grid-template-columns:1fr 1fr}.chapter-list a{grid-template-columns:72px 1fr;font-size:14px}.chapter-list a span:last-child{grid-column:2}.comic-detail{gap:24px}.detail-cover{max-width:280px}.footer-grid nav{gap:12px}}