:root{--ink:#17201d;--muted:#68716d;--paper:#f7f6f1;--cream:#efeee8;--mint:#bfe5d2;--lime:#d9f25c;--line:#d8ddd7;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:#dfe9e1}.container{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{height:82px;border-bottom:1px solid var(--line);background:rgba(247,246,241,.95);position:relative;z-index:2}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);font-family:var(--serif);font-size:22px;border-radius:50%}.brand b{display:block;font-size:16px;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:4px}.nav-link{padding:9px 10px;border-radius:6px;color:var(--muted);font-size:13px;white-space:nowrap}.nav-link span{margin-right:5px;font-size:15px}.nav-link:hover,.nav-link.active{color:var(--ink);background:var(--mint)}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{margin-top:30px;background:var(--mint);min-height:380px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 38%;align-items:center;min-height:380px}.kicker,.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#567067;font-weight:700}.hero h1{font:clamp(48px,7vw,88px)/1 var(--serif);margin:18px 0 14px;letter-spacing:-.05em}.hero h1 a{border-bottom:2px solid var(--ink)}.hero p{max-width:530px;color:#456259;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.btn{display:inline-block;padding:12px 18px;border-radius:3px;border:0;font:inherit;cursor:pointer}.primary{background:var(--ink);color:var(--lime)}.dark{background:var(--ink);color:var(--lime)}.light{background:var(--lime);color:var(--ink)}.text-btn,.arrow-link{font-weight:700;font-size:13px}.hero-art{height:300px;position:relative;display:grid;place-items:center}.arch{width:190px;height:250px;border:2px solid var(--ink);border-bottom:0;border-radius:100px 100px 0 0;display:grid;place-items:center;text-align:center;font:70px/.9 var(--serif);color:var(--ink);transform:rotate(7deg);background:rgba(255,255,255,.14)}.arch i{font-style:normal;color:#e66c57}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:var(--lime);top:20px;right:60px}.sticker{position:absolute;background:#e66c57;color:#fff;border-radius:50%;padding:13px;font-size:11px;font-weight:bold}.s1{left:38px;top:35px;transform:rotate(-12deg)}.s2{right:10px;bottom:32px;background:var(--ink);font-size:20px}.page-content{padding-bottom:30px}.section-intro{display:flex;justify-content:space-between;align-items:end;padding:70px 0 28px}.section-intro h2,.section-heading h2{margin:8px 0 0;font:34px/1.15 var(--serif);letter-spacing:-.04em}.section-intro p{max-width:360px;color:var(--muted);margin:0}.feature-row{display:grid;grid-template-columns:1fr 280px;gap:18px}.feature-main{display:grid;grid-template-columns:45% 55%;background:#e9dfd0;min-height:330px}.feature-copy{padding:34px}.pill{font-size:10px;border:1px solid #ab9c87;padding:5px 8px;border-radius:20px;color:#7f715f}.feature-copy h2{font:38px/1.1 var(--serif);margin:34px 0 12px}.feature-copy p{color:#6c6358;font-size:14px}.feature-copy .arrow-link{display:inline-block;margin-top:25px}.feature-image img{height:100%;aspect-ratio:auto;border-radius:0}.mini-stack{display:grid;gap:18px}.mini-stack>div{background:var(--cream);padding:24px;display:flex;flex-direction:column}.mini-stack span{color:#9b8171;font-size:12px}.mini-stack b{font-size:14px;margin-top:18px}.mini-stack strong{font:38px var(--serif);margin:6px 0 13px}.mini-stack em{font:12px var(--sans);color:var(--muted)}.mini-stack a{margin-top:auto;font-size:12px;text-decoration:underline}.section-block{margin-top:78px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading>a{font-size:12px;text-decoration:underline}.section-heading>p,.result-count{color:var(--muted);font-size:13px}.comic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.comic-card{background:#fff;border:1px solid var(--line);min-width:0}.comic-card>a img{aspect-ratio:3/4;border-radius:0}.card-body{padding:15px}.card-body h3{font:21px/1.2 var(--serif);margin:8px 0}.card-body p{font-size:12px;color:var(--muted);margin:0 0 15px}.card-meta{display:flex;justify-content:space-between;color:#8d9690;font-size:10px}.bookmark{font-size:18px;color:#c66d58}.category-section{border-top:1px solid var(--line);padding-top:30px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:23px;background:#fff;border:1px solid var(--line);min-height:180px;position:relative}.category-card:nth-child(2n){background:#f1e6d7}.category-card:nth-child(3n){background:#e1efe7}.cat-icon{font-size:27px}.category-card h3{font:25px var(--serif);margin:15px 0 4px}.category-card p{font-size:12px;color:var(--muted);max-width:200px;margin:0}.cat-arrow{position:absolute;right:18px;bottom:16px;font-size:18px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:78px}.rank-panel{background:#fff;padding:28px;border:1px solid var(--line)}.rank-item{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid var(--line)}.rank-item>b{font:24px var(--serif);color:#b6c1b9}.rank-item img{width:48px;height:48px;aspect-ratio:1;border-radius:50%}.rank-item span{flex:1}.rank-item strong,.rank-item small{display:block}.rank-item strong{font:17px var(--serif)}.rank-item small{font-size:11px;color:var(--muted)}.rank-item em{font-style:normal}.quote-panel{padding:35px;background:#d7e9db;display:flex;flex-direction:column;align-items:flex-start}.quote-panel blockquote{font:35px/1.25 var(--serif);max-width:420px;margin:30px 0}.quote-line{width:55px;border-top:2px solid var(--ink)}.quote-panel p{font-size:12px;margin:10px 0 25px}.about-section{display:grid;grid-template-columns:80px 1fr 180px;gap:35px;align-items:start;margin-top:78px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-number{font:44px var(--serif);color:#c4cec7}.about-section h2{font:38px/1.1 var(--serif);max-width:670px;margin:10px 0 20px}.about-section p{color:var(--muted);max-width:690px;font-size:14px}.about-badge{border:1px solid var(--ink);border-radius:50%;width:150px;height:150px;display:grid;place-items:center;text-align:center;font:16px/1.1 var(--serif);transform:rotate(10deg)}.subscribe{margin-top:78px;padding:35px 40px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.subscribe .kicker{color:var(--lime)}.subscribe h2{font:34px var(--serif);margin:7px 0}.subscribe p{color:#b4c1ba;margin:0;font-size:13px}.qr{width:100px;height:100px;border:1px solid #76847c;display:grid;place-items:center;text-align:center;font:35px var(--serif);color:var(--lime)}.qr small{display:block;font:9px var(--sans);color:#fff}footer{margin-top:38px;border-top:1px solid var(--line);padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner small{color:var(--muted);font-size:12px;margin:3px 0}.footer-inner>div:nth-child(2){display:flex;gap:20px;color:var(--muted);font-size:12px}.inner-page,.reader-page{padding-top:34px}.breadcrumbs{display:flex;gap:10px;color:#849087;font-size:12px;margin-bottom:35px}.breadcrumbs a{text-decoration:underline}.category-hero{padding:45px;background:#e4f0e8;display:flex;justify-content:space-between;align-items:center}.category-hero h1{font:62px var(--serif);margin:10px 0}.category-hero p{color:var(--muted);max-width:570px}.channel-symbol{font-size:92px;width:150px;height:150px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}.reading-tip{display:flex;gap:18px;padding:25px;background:#fff;border:1px solid var(--line);margin:60px 0}.reading-tip>span{font-size:25px;color:#e66c57}.reading-tip h3{margin:0;font:22px var(--serif)}.reading-tip p{margin:5px 0;color:var(--muted);font-size:13px}.reader{max-width:850px;margin:0 auto}.reader-head{text-align:center;padding:18px 0 30px}.reader-head h1{font:56px/1.1 var(--serif);margin:15px 0}.reader-meta{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--muted)}.reading-notice{background:#e9f2eb;border-left:4px solid #75a589;padding:18px 22px;margin-bottom:40px}.reading-notice b{font-size:13px}.reading-notice p{margin:3px 0 0;color:var(--muted);font-size:13px}.chapter-content{background:#fff;padding:30px}.chapter-lead{font:20px/1.7 var(--serif);max-width:650px;margin:0 auto 30px;text-align:center}.chapter-content img{width:min(100%,680px);margin:0 auto 18px;aspect-ratio:auto;min-height:300px}.chapter-end{text-align:center;padding:50px 0 25px}.chapter-end span{font-size:24px;color:#e66c57}.chapter-end h2{font:29px var(--serif);margin:8px}.chapter-end p{color:var(--muted);font-size:13px}.chapter-nav{display:flex;justify-content:space-between;padding:24px 0}.chapter-btn{border:1px solid var(--ink);padding:10px 17px;font-size:12px}.reader-page{padding-bottom:50px}@media(max-width:1050px){.main-nav{gap:0}.nav-link{padding:8px 6px;font-size:12px}.comic-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.container{width:min(100% - 28px,560px)}.site-header{height:70px}.main-nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:#fff;border:1px solid var(--line);padding:10px;flex-wrap:wrap;box-shadow:0 8px 20px #17201d18}.main-nav.open{display:flex}.nav-link{width:33%;font-size:12px}.menu-toggle{display:block}.hero{margin-top:18px}.hero-grid{display:block;padding:38px 0 0}.hero h1{font-size:54px}.hero-art{height:235px;margin-top:20px}.sun{right:40px}.feature-row,.feature-main,.split-section{grid-template-columns:1fr}.feature-image{height:240px;grid-row:1}.feature-copy{padding:25px}.mini-stack{grid-template-columns:1fr 1fr}.section-intro{display:block;padding-top:50px}.section-intro p{margin-top:14px}.comic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:11px}.card-body h3{font-size:18px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:175px;padding:16px}.category-card h3{font-size:21px}.about-section{grid-template-columns:1fr;gap:15px}.about-number{display:none}.about-section h2{font-size:32px}.about-badge{width:110px;height:110px;font-size:13px}.subscribe{grid-template-columns:1fr auto;gap:18px;padding:25px}.subscribe .btn{grid-column:1/-1}.footer-inner{display:block}.footer-inner>div:nth-child(2){margin:17px 0;flex-wrap:wrap}.category-hero{padding:28px;display:block}.category-hero h1{font-size:48px}.channel-symbol{width:90px;height:90px;font-size:55px;margin-top:25px}.reader-head h1{font-size:40px}.reader-meta{flex-wrap:wrap;gap:7px 14px}.chapter-content{padding:16px}.chapter-content img{min-height:170px}.chapter-nav{gap:10px}.chapter-btn{padding:8px 10px}.section-heading h2{font-size:29px}}