*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F5ED;color:#20231F;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.container{max-width:1360px;margin:0 auto;padding:0 32px}.skip{position:absolute;left:-999px;top:0;z-index:100}.skip:focus{left:12px;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:30;background:#FFFDF5;border-bottom:2px solid #20231F}.header-inner{min-height:74px;display:flex;align-items:center;gap:32px}.brand{font-weight:900;display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin-top:5px}.brand-mark{background:#F2D33C;color:#20231F;border:2px solid #20231F;width:44px;height:44px;display:grid;place-items:center;transform:rotate(-7deg)}.nav-desktop{display:flex;gap:20px;align-items:center;flex:1}.nav-desktop a{font-size:14px;font-weight:700}.nav-desktop a:hover,.site-footer a:hover{color:#315C43}.header-search{display:flex;background:#F6F5ED;border:1px solid #E2E3D9;border-radius:9px;max-width:220px}.header-search input{width:100%;min-width:0;border:0;background:none;padding:10px;outline-color:#315C43}.header-search button{border:0;background:none;padding:0 14px;font-size:25px}.menu-toggle,.mobile-nav,.mobile-bottom{display:none}.section{padding-top:74px;padding-bottom:74px}.compact-section{padding-top:48px;padding-bottom:32px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#315C43}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h1,.section-heading h2{margin:5px 0 0;font-size:clamp(28px,3vw,40px);letter-spacing:-1.2px;line-height:1.25}.section-heading p{color:#777E73;margin:0;max-width:440px}.section-heading>a{font-weight:800;border-bottom:2px solid #315C43}.hero{background:#F2D33C;overflow:hidden;border-bottom:3px solid #20231F}.hero-layout{display:grid;grid-template-columns:1fr 0.9fr;min-height:430px;gap:42px}.hero-copy{padding:75px 0}.hero-copy h1{font-size:clamp(38px,5.5vw,76px);line-height:1.13;letter-spacing:-2px;margin:22px 0}.hero-copy h1 em{font-style:normal;color:#315C43}.hero-copy p{max-width:480px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:center;align-items:center;border:2px solid #20231F;border-radius:8px;background:#20231F;color:white;padding:11px 22px;font-weight:800;min-height:46px;gap:8px}.btn:hover{background:#315C43;border-color:#315C43}.btn-ghost{background:transparent;color:inherit}.btn-ghost:hover{color:white}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;background:#315C43;color:#FFF5BF;transform:skew(-5deg);margin:0 -80px 0 0;min-width:0}.hero-visual img{max-height:410px;object-fit:contain;transform:skew(5deg)}.hero-type{font-size:clamp(65px,10vw,136px);line-height:.9;letter-spacing:-6px;font-weight:1000;transform:skew(5deg) rotate(-7deg);text-shadow:7px 7px #20231F}.hero-type span{color:#F2D33C}.hero-sticker{position:absolute;z-index:2;right:19%;top:28px;background:#FFFDF5;color:#20231F;padding:14px;font-weight:900;line-height:1.05;transform:skew(5deg) rotate(9deg);border:2px solid #20231F}.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel{border:2px solid #20231F;padding:23px;min-height:188px;position:relative;background:#FFFDF5;transition:transform .2s}.channel:hover{transform:translateY(-4px)}.channel-0{background:#FFF5BF}.channel-1{background:#E7EFE7}.channel-2{background:#E9EFF9}.channel-3{background:#F9EAE5}.channel-num{font-size:12px;font-weight:900;border-bottom:2px solid}.channel h3{font-size:23px;margin:15px 0 5px}.channel p{font-size:13px;color:#414840;margin:0 0 16px}.channel b{font-size:12px}.paper{background:#FFFDF5}.comics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.comics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.comic-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #E2E3D9;border-radius:10px;overflow:hidden;transition:transform .2s}.comic-card:hover{transform:translateY(-4px);border-color:#315C43}.cover-img,.cover-fallback{aspect-ratio:2/3;width:100%;object-fit:cover;display:block}.cover-fallback{background:linear-gradient(135deg,#315C43,#1F3E2D);color:#F2D33C;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:25px;min-height:160px;overflow-wrap:anywhere}.cover-fallback:nth-child(odd){background:linear-gradient(135deg,#20231F,#4169A8)}.cover-fallback span{font-size:12px;letter-spacing:3px}.cover-fallback strong{font-size:clamp(21px,2.3vw,36px);line-height:1.2}.cover-fallback small{border:1px solid currentColor;padding:4px 10px}.card-text{padding:17px}.card-text h3{margin:7px 0;font-size:20px}.card-text p{margin:0;color:#777E73;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.compact .cover-fallback,.compact .cover-img{aspect-ratio:3/3}.dark-feature{background:#20231F;color:white}.dark-feature .eyebrow,.forest-feature .eyebrow{color:#F2D33C}.feature-split{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:46px}.feature-split h2{font-size:45px;line-height:1.2}.feature-split p{color:#DFE5DD}.feature-split .btn{background:#F2D33C;color:#20231F}.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-cards .cover-fallback,.feature-cards .cover-img{aspect-ratio:3/2}.feature-cards .card-text p{display:none}.forest-feature{background:#315C43;color:white}.forest-feature .section-heading p{color:#E7EFE7}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{background:#E7EFE7;border:2px solid #20231F;padding:32px;min-height:260px;display:flex;flex-direction:column}.topic-card:nth-child(2){background:#FFF5BF}.topic-card:nth-child(3){background:#E9EFF9}.topic-card h3{font-size:26px;margin:15px 0 10px}.topic-card p{font-size:14px;flex:1}.continue-bar{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#F2D33C;border:2px solid #20231F;padding:34px}.continue-bar h2{font-size:33px;margin:6px 0}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-links a{background:#FFFDF5;padding:20px;font-weight:800;border:1px solid #20231F}.site-footer{background:#20231F;color:#fff;padding:48px 0}.footer-inner{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-inner p{color:#C8D0C7}.footer-inner nav{display:flex;gap:20px}.category-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;margin-bottom:25px}.pill{white-space:nowrap;border:1px solid #C3A66C;padding:7px 13px;border-radius:50px;font-size:13px;font-weight:700}.pill.active{background:#315C43;color:white;border-color:#315C43}.library-layout{display:grid;grid-template-columns:220px 1fr;gap:34px}.library-aside{display:flex;flex-direction:column;align-items:start;gap:10px;border-right:1px solid #E2E3D9;padding-right:16px}.library-aside h2{font-size:23px;margin:0}.library-aside h3{margin:0}.library-aside hr{width:100%;border:0;border-top:1px solid #E2E3D9}.library-aside a{font-size:14px}.library-aside a:hover{color:#315C43;text-decoration:underline}.filter-form{background:#fff;border:1px solid #E2E3D9;padding:20px;display:flex;flex-wrap:wrap;align-items:end;gap:12px;border-radius:12px}.filter-form label{font-size:13px;display:flex;flex-direction:column;gap:4px;flex:1 1 130px}.filter-form input,.filter-form select{min-height:46px;border:1px solid #E2E3D9;padding:10px;border-radius:6px;width:100%;min-width:0}.result-meta{font-size:14px;color:#777E73}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.pagination a{border:1px solid #315C43;padding:9px 15px;border-radius:6px}.pagination .selected{background:#315C43;color:white}.empty{text-align:center;background:white;padding:60px 20px;border:1px dashed #C3A66C}.breadcrumbs{color:#777E73;font-size:13px;margin-bottom:28px}.comic-detail{display:grid;grid-template-columns:minmax(220px,350px) 1fr;gap:50px;align-items:start}.detail-cover .cover-fallback{min-height:480px}.detail-info h1{font-size:clamp(36px,4vw,54px);line-height:1.2}.lead{font-size:18px;color:#414840;line-height:1.9}.tags{display:flex;gap:8px}.tags span{padding:3px 11px;border:1px solid #315C43;border-radius:99px;font-size:13px}.detail-info dl{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-info dt{color:#777E73;font-size:13px}.detail-info dd{margin:0;font-weight:700}.detail-info .btn{margin:8px 8px 0 0}.story-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-columns article{background:#FFFDF5;padding:28px;border-top:4px solid #315C43}.story-columns h3{font-size:20px}.chapter-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chapter-list li a{display:flex;align-items:center;gap:20px;border:1px solid #E2E3D9;padding:16px;background:white}.chapter-list strong{flex:1}.chapter-list span,.chapter-list small{font-size:12px;color:#777E73}.editorial{border-bottom:2px solid #E2E3D9}.editorial-heading h2{font-size:30px;margin:8px 0}.editorial-heading p{color:#777E73}.editorial-list{display:grid;gap:12px}.editorial-list>a{display:grid;grid-template-columns:40px 80px 1fr 75px;gap:16px;align-items:center;background:#fff;border:1px solid #E2E3D9;padding:14px}.editorial-list .cover-img,.editorial-list .cover-fallback{aspect-ratio:2/3;min-height:115px}.editorial-list .cover-fallback{padding:8px}.editorial-list .cover-fallback strong{font-size:15px}.editorial-list .cover-fallback span,.editorial-list .cover-fallback small{display:none}.editorial-list h3{margin:0}.editorial-list p{font-size:14px;color:#414840;margin:5px 0;max-width:750px}.editorial-list small{font-size:12px;color:#777E73}.issue-num{font-size:24px;font-weight:900}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.collection-item{padding:34px;background:#fff;border-top:7px solid #315C43;display:flex;flex-direction:column;gap:10px}.collection-item:nth-child(even){border-color:#F2D33C}.collection-item h2{margin:0;font-size:29px}.collection-item>p{color:#414840;flex:1}.collection-picks{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.collection-picks a{font-size:13px;color:#315C43;font-weight:700}.collection-item>.btn{align-self:start}.topic-hero{background:#315C43;color:white;padding:60px;margin-bottom:35px}.topic-hero .eyebrow{color:#F2D33C}.topic-hero h1{font-size:45px}.topic-hero p{max-width:840px;line-height:2}.topic-hero a{color:#F2D33C}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.about-layout h1{font-size:clamp(36px,4vw,60px)}.about-emblem{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg);background:#F2D33C;padding:45px 70px;border:4px solid #20231F;font-size:84px;font-weight:900}.about-emblem small{font-size:12px;letter-spacing:3px}.about-copy section{border-bottom:1px solid #E2E3D9;padding-bottom:27px;margin-bottom:27px}.about-copy h2{font-size:26px}@media(max-width:1100px){.nav-desktop{gap:12px}.header-inner{gap:18px}.header-search{max-width:160px}.comics-grid{grid-template-columns:repeat(3,1fr)}.channels-grid{grid-template-columns:repeat(4,1fr)}.channel{padding:17px}.channel h3{font-size:19px}}@media(max-width:800px){.container{padding:0 22px}.section{padding-top:52px;padding-bottom:52px}.nav-desktop,.header-search{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid #20231F;background:#F2D33C;padding:8px 14px}.mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#E2E3D9;padding:1px}.mobile-nav a{padding:13px;background:#fff;text-align:center}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#FFFDF5;border-top:1px solid #20231F;justify-content:space-around;padding:9px 0 env(safe-area-inset-bottom)}.mobile-bottom a{font-size:13px;font-weight:800;padding:5px}.site-footer{padding-bottom:90px}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding:50px 0 25px}.hero-visual{min-height:270px;transform:none;margin:0 -22px}.hero-type{transform:rotate(-5deg)}.hero-sticker{transform:rotate(5deg)}.channels-grid{grid-template-columns:repeat(2,1fr)}.comics-grid,.comics-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split,.two-columns,.continue-bar,.about-layout{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.library-aside{display:none}.story-columns{grid-template-columns:1fr}.comic-detail{gap:25px}.collections-grid{grid-template-columns:1fr}.chapter-list{grid-template-columns:1fr}.footer-inner{flex-direction:column}.feature-split h2{font-size:32px}}@media(max-width:520px){.container{padding:0 17px}.hero-copy h1{font-size:41px;letter-spacing:-1px}.hero-copy p{font-size:15px}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading h1,.section-heading h2{font-size:28px}.channels-grid{gap:10px}.channel{min-height:170px;padding:13px}.channel h3{font-size:18px}.channel p{font-size:12px}.comics-grid{gap:10px}.cover-fallback{padding:14px}.cover-fallback strong{font-size:20px}.card-text{padding:12px}.card-text h3{font-size:16px}.card-text p{font-size:12px}.comic-detail{grid-template-columns:1fr}.detail-cover{max-width:260px}.detail-cover .cover-fallback{min-height:370px}.detail-info h1{font-size:36px}.detail-info dl{grid-template-columns:1fr}.chapter-list li a{gap:8px}.chapter-list small{display:none}.editorial-list>a{grid-template-columns:24px 64px 1fr;gap:9px}.editorial-list>a>b{display:none}.editorial-list h3{font-size:17px}.editorial-list p{display:none}.editorial-list small{font-size:11px}.topic-hero{padding:28px}.topic-hero h1{font-size:31px}.collection-item{padding:22px}.footer-inner nav{flex-wrap:wrap}.quick-links{grid-template-columns:1fr}.continue-bar{padding:20px}}
/* 第二版：专题地图式首页。沿用旧版主色变量，不改图片名称。 */
.edition-hero{background:var(--banana);border-bottom:4px solid var(--ink);overflow:hidden}.edition-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.edition-left{padding:85px 40px 55px 0;display:flex;flex-direction:column;justify-content:center}.edition-left h1{font-size:clamp(42px,5vw,76px);letter-spacing:-.065em;line-height:1.13;margin:25px 0}.edition-left h1 em{font-style:normal;color:var(--forest)}.edition-left p{max-width:530px;font-size:18px;line-height:1.9}.issue-meta{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #6665;padding-top:20px;margin-top:36px;font-weight:750}.edition-art{background:var(--forest);position:relative;display:flex;align-items:center;justify-content:center;min-height:470px;overflow:hidden}.edition-art .hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.poster-type{font-size:clamp(60px,8vw,145px);font-weight:1000;line-height:.87;color:var(--banana);letter-spacing:-.09em;transform:rotate(-8deg)}.poster-type i{font-style:normal;color:white}.art-stamp{position:absolute;right:22px;bottom:22px;border-radius:100px;background:var(--paper);padding:13px 22px;font-weight:800}.new-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.new-channel{background:var(--paper);color:var(--ink);padding:24px;border:2px solid var(--ink);min-height:230px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.new-channel:hover{transform:translateY(-5px)}.new-channel:nth-child(3n){background:var(--banana-soft)}.new-channel:nth-child(4n){background:var(--forest-soft)}.new-channel span{font-size:12px;letter-spacing:.12em}.new-channel h3{font-size:27px;margin:30px 0 8px}.new-channel p{line-height:1.65;font-size:14px}.new-channel b{margin-top:auto;font-size:13px}.new-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.new-feature-main{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:22px;padding:24px;background:var(--banana-soft);border:2px solid var(--ink);text-decoration:none;color:var(--ink)}.new-feature-main>.eyebrow{grid-column:1/-1}.new-feature-main .cover-img,.new-feature-main .cover-fallback{width:100%;aspect-ratio:2/3}.new-feature-main h3{font-size:32px}.new-feature-main p{line-height:1.75}.new-feature-side{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.new-feature-side a{padding:20px;border-left:5px solid var(--forest);background:white;color:var(--ink);text-decoration:none}.new-feature-side h3{font-size:23px;margin:7px 0}.new-feature-side p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.new-feature-side span{font-size:13px;font-weight:800}.ink-story{background:var(--ink);color:#fff}.ink-story-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:80px;padding-bottom:80px}.ink-story h2{color:var(--banana);font-size:clamp(32px,4vw,52px)}.ink-story p{line-height:1.9}.ink-story blockquote{font-size:clamp(23px,2.6vw,36px);font-weight:750;line-height:1.7;padding:45px;border:2px solid var(--banana);margin:0}.ink-story blockquote small{display:block;margin-top:24px;font-size:13px;color:var(--banana)}.new-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.new-topics a{padding:34px;background:var(--forest-soft);border-radius:16px;text-decoration:none;color:var(--ink);min-height:265px}.new-topics a:nth-child(2n){background:var(--banana-soft)}.new-topics h3{font-size:29px;margin:16px 0}.new-topics p{line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.new-topics span{font-size:12px}.paired-feature{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.paired-feature>a{background:var(--surface);display:grid;grid-template-columns:160px 1fr;gap:22px;padding:22px;color:var(--ink);text-decoration:none;border:1px solid var(--border)}.paired-cover .cover-img,.paired-cover .cover-fallback{width:100%;aspect-ratio:2/3}.paired-feature h3{font-size:28px}.paired-feature p{line-height:1.8}.final-route{padding:65px;background:var(--forest);color:white;border-radius:20px}.final-route h2{font-size:clamp(29px,4vw,46px);color:var(--banana)}.final-route p{max-width:740px;line-height:1.8}.final-route .btn-ghost{color:white;border-color:white}
@media(max-width:1000px){.edition-wrap,.new-feature,.ink-story-inner{grid-template-columns:1fr}.edition-left{padding:60px 0}.edition-art{min-height:320px}.new-channels{grid-template-columns:repeat(2,1fr)}.new-feature-main{grid-template-columns:170px 1fr}}@media(max-width:600px){.edition-left h1{font-size:46px}.edition-left p{font-size:16px}.new-channels,.new-topics,.paired-feature{grid-template-columns:1fr}.new-channel{min-height:185px}.new-feature-main{grid-template-columns:1fr}.new-feature-main .cover-fallback,.new-feature-main .cover-img{max-width:220px}.paired-feature>a{grid-template-columns:100px 1fr;padding:12px;gap:12px}.paired-feature h3{font-size:20px}.paired-feature p{font-size:13px}.ink-story-inner{gap:25px;padding-top:50px;padding-bottom:50px}.ink-story blockquote{padding:22px}.final-route{padding:32px 22px}}

:root{--banana:#F2D33C;--banana-soft:#FFF5BF;--forest:#315C43;--forest-soft:#E7EFE7;--paper:#FFFDF5;--surface:#FFFFFF;--ink:#20231F;--border:#E2E3D9}