:root{--ink:#1e2934;--muted:#71808b;--coral:#f05d43;--cream:#fffaf4;--line:#eadfd6;--soft:#f6eee6;--dark:#263441}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:rgba(255,250,244,.97);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--coral);color:white;font:800 22px Georgia;box-shadow:0 7px 16px #f05d4340}.brand strong{display:block;font-size:17px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:2px}.main-nav{display:flex;align-items:center;gap:3px;flex:1}.nav-link{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;color:#61707b;font-size:13px;white-space:nowrap}.nav-link:hover,.nav-link.active{background:#f9e8df;color:var(--coral)}.nav-link .icon{font-size:16px}.header-search{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--coral)}.menu-toggle{display:none;border:0;background:none;color:var(--coral)}.icon{display:inline-block;font-style:normal;font-weight:700;line-height:1}.hero{margin-top:30px}.hero-inner{min-height:410px;border-radius:28px;background:#f5e6d8;display:flex;align-items:center;justify-content:space-between;padding:52px 78px;overflow:hidden;position:relative}.hero-inner:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#f9eee5;right:25%;top:-170px}.hero-copy{max-width:510px;position:relative;z-index:1}.eyebrow,.section-kicker{color:var(--coral);font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:7px}.hero h1{font:800 clamp(42px,6vw,72px)/1.05 Georgia,serif;margin:14px 0 18px;letter-spacing:-3px}.hero h1 a{color:var(--ink)}.hero p{color:#66727a;font-size:17px;max-width:460px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer;font-size:13px}.btn-primary{background:var(--coral);color:white;box-shadow:0 8px 18px #f05d4330}.btn-ghost{border:1px solid #d8c6ba;color:var(--ink)}.btn-dark{background:var(--dark);color:white;margin-top:10px}.hero-art{width:390px;height:300px;position:relative;z-index:1}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#f4b15b;right:55px;top:8px}.art-card{position:absolute;border-radius:16px;overflow:hidden;box-shadow:0 16px 32px #4e372520;background:white}.art-card img{display:block;width:100%;height:100%;object-fit:cover}.art-back{width:150px;height:200px;right:190px;top:58px;transform:rotate(-9deg)}.art-main{width:178px;height:236px;right:42px;top:40px;transform:rotate(6deg);border:6px solid white}.art-main span{position:absolute;bottom:8px;left:9px;background:white;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:700}.floating-note{position:absolute;left:7px;bottom:4px;background:white;padding:8px 12px;border-radius:9px;color:var(--coral);font-size:12px;box-shadow:0 8px 20px #4e372518}.page-content{padding-bottom:65px}.section-block{margin-top:72px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-head h2{margin:5px 0 0;font:700 29px Georgia,serif}.section-head p{margin:0;color:var(--muted)}.text-link{font-size:13px;color:var(--coral);display:flex;align-items:center;gap:6px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:176px;transition:.2s}.category-card:hover,.listing-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px #54321a10}.category-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#f9e9df;color:var(--coral);margin-bottom:14px}.category-card strong{font-size:18px}.category-card p{color:var(--muted);font-size:13px;margin:7px 0 12px;line-height:1.6}.card-arrow,.read-more{font-size:12px;color:var(--coral);display:flex;align-items:center;gap:5px}.comic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.comic-card{position:relative}.cover{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:#eee7e0}.comic-card .tag,.listing-card .tag{display:inline-block;background:#f9e8df;color:var(--coral);padding:2px 7px;border-radius:4px;font-size:10px;margin-top:11px}.comic-card h3{font:700 18px Georgia,serif;margin:6px 0 0}.comic-card p{margin:2px 0;color:var(--muted);font-size:12px}.split-section{display:grid;grid-template-columns:1.55fr .8fr;gap:35px;align-items:stretch}.rank-list{background:white;border:1px solid var(--line);border-radius:14px;padding:8px 20px}.rank-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f0e8e1}.rank-row:last-child{border:0}.rank-row>b{font:700 17px Georgia;color:#b7a79c;width:24px}.rank-img{width:45px;height:54px;object-fit:cover;border-radius:7px}.rank-row span{flex:1}.rank-row strong,.rank-row small{display:block}.rank-row strong{font-size:14px}.rank-row small{color:var(--muted);font-size:11px}.rank-row em{color:var(--coral);font-size:13px;font-style:normal;font-weight:700}.quote-panel{border-radius:14px;background:#f6d9c9;padding:38px;display:flex;flex-direction:column;justify-content:center}.quote-mark{font:700 80px/0 Georgia;color:var(--coral)}.quote-panel p{font:600 23px/1.5 Georgia,serif}.quote-author{display:flex;align-items:center;gap:10px;margin-top:14px}.avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--coral);color:white;border-radius:50%;font:bold 18px Georgia}.quote-author strong,.quote-author small{display:block;font-size:12px}.quote-author small{color:#9a6f62}.about-panel{display:flex;justify-content:space-between;gap:40px;background:var(--dark);color:white;border-radius:18px;padding:42px 50px}.about-panel h2{font:700 32px Georgia;margin:5px 0 14px}.about-panel p{color:#c0ccd0;max-width:680px}.about-stats{display:flex;align-items:center;gap:30px}.about-stats strong,.about-stats span{display:block}.about-stats strong{font:700 28px Georgia;color:#f5b39c}.about-stats span{font-size:11px;color:#b7c2c6;margin-top:5px}.subscribe{display:flex;justify-content:space-between;align-items:center;background:#f9e9df;border-radius:18px;padding:36px 50px}.subscribe h2{font:700 29px Georgia;margin:5px 0 10px}.subscribe p{max-width:620px;color:#66727a}.qr{width:120px;text-align:center}.qr-inner{width:84px;height:84px;margin:auto;border:4px solid var(--coral);border-radius:12px;display:grid;place-items:center;color:var(--coral);font-weight:800;font-size:10px;line-height:1.2;background:repeating-linear-gradient(45deg,#fff 0 4px,#fae0d4 4px 8px)}.qr small{display:block;color:var(--coral);font-size:11px;margin-top:7px}.footer{background:#24323d;color:#cbd4d6;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-brand strong{color:white}.footer p{font-size:13px;color:#9dabb0}.footer h3{color:white;font-size:14px;margin:0 0 10px}.footer a{display:block;color:#9dabb0;font-size:13px;margin:4px 0}.footer-bottom{border-top:1px solid #40505a;margin-top:35px;padding-top:15px;font-size:11px;color:#839198;display:flex;justify-content:space-between}.inner-hero{margin-top:30px;background:#f5e6d8;padding:50px 0 55px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#9a8c82;font-size:12px;margin-bottom:23px}.breadcrumb a{color:var(--coral)}.inner-hero h1{font:700 48px Georgia,serif;margin:8px 0}.inner-hero p{color:#6d777d;max-width:580px}.listing-wrap{padding-bottom:70px}.listing-toolbar{display:flex;justify-content:space-between;margin:35px 0 18px;color:var(--muted);font-size:13px}.sort-btn{border:1px solid var(--line);background:white;padding:8px 12px;border-radius:8px;color:var(--ink)}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.listing-card{display:flex;gap:18px;background:white;border:1px solid var(--line);border-radius:14px;padding:13px;transition:.2s}.listing-card .cover{width:145px;flex:none}.listing-info{padding:7px 8px 5px 0}.listing-info h2{font:700 22px Georgia,serif;margin:7px 0}.listing-info p{color:var(--muted);font-size:13px;line-height:1.7}.read-more{margin-top:18px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:38px}.pagination>*{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);font-size:12px}.pagination .current{background:var(--coral);border-color:var(--coral);color:white}.article-wrap{padding:35px 0 75px}.article{max-width:860px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:18px;padding:42px 55px}.article-header{text-align:center}.article-header h1{font:700 38px Georgia,serif;margin:12px 0}.article-meta{display:flex;justify-content:center;gap:20px;color:var(--muted);font-size:12px}.reading-tip{display:flex;gap:10px;padding:13px 16px;background:#fff7f0;border-left:3px solid var(--coral);margin:30px 0;color:#69737a;font-size:13px}.reading-tip strong{color:var(--coral);white-space:nowrap}.chapter-intro{color:#65727a;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:17px}.reading-stage{background:#f4eee8;padding:15px;margin:25px auto;max-width:650px}.reading-img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;margin:0 auto 13px;background:#e9e0d7}.reading-img:last-child{margin-bottom:0}.chapter-end{text-align:center;border-top:1px solid var(--line);padding:30px 0 16px}.chapter-end>span{color:var(--coral);font-size:25px}.chapter-end h2{font:700 24px Georgia,serif;margin:8px 0 4px}.chapter-end p{color:var(--muted);font-size:13px}.chapter-pager{display:flex;justify-content:space-between;gap:10px;margin:16px 0}.chapter-nav{padding:9px 13px;border:1px solid var(--line);border-radius:8px;color:var(--coral);font-size:12px;display:flex;align-items:center;gap:6px}.chapter-nav.muted{visibility:hidden}.back-category{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:18px}.about-page{display:grid;grid-template-columns:1.5fr .8fr;gap:40px;padding:60px 0 100px}.about-page h2{font:700 32px Georgia;margin-top:0}.about-page p{color:#66727a;line-height:2}.about-aside{background:#f9e9df;border-radius:16px;padding:30px;height:max-content}.about-aside h3{font:700 22px Georgia;margin:16px 0 7px}.about-aside p{font-size:13px}.subscribed{background:#405c57}
@media(max-width:900px){.main-nav{gap:0}.nav-link{padding:8px 6px;font-size:12px}.header-inner{gap:14px}.brand{min-width:175px}.hero-inner{padding:42px 45px}.hero-art{transform:scale(.85);transform-origin:right center;margin-left:-30px}.about-panel{padding:35px}.about-stats{gap:17px}.article{padding:35px 35px}}
@media(max-width:700px){.container{width:min(100% - 30px,1200px)}.site-header{height:68px}.brand{min-width:0}.brand strong{font-size:15px}.brand small{font-size:8px}.menu-toggle{display:block;margin-left:auto}.header-search{width:32px;height:32px}.main-nav{display:none;position:absolute;top:67px;left:15px;right:15px;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 30px #38211620;flex-wrap:wrap}.main-nav.open{display:flex}.nav-link{width:50%;font-size:12px}.hero{margin-top:18px}.hero-inner{display:block;padding:32px 24px;min-height:0}.hero h1{font-size:51px}.hero p{font-size:15px}.hero-art{width:100%;height:215px;margin:15px 0 -15px;transform:scale(.75);transform-origin:center}.section-block{margin-top:48px}.section-head{align-items:start;gap:10px}.section-head h2{font-size:25px}.section-head p{font-size:12px;text-align:right}.category-grid,.comic-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category-card{padding:15px;min-height:190px}.category-card strong{font-size:15px}.category-card p{font-size:12px}.split-section,.about-page{display:block}.quote-panel{margin-top:18px;padding:28px}.quote-panel p{font-size:20px}.about-panel{display:block;padding:28px}.about-stats{justify-content:space-between;margin-top:28px}.subscribe{display:block;padding:28px}.qr{margin:25px auto 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.inner-hero{margin-top:18px;padding:35px 0}.inner-hero h1{font-size:38px}.listing-grid{grid-template-columns:1fr}.listing-card .cover{width:125px}.listing-info h2{font-size:19px}.listing-info p{font-size:12px}.article-wrap{padding-top:20px}.article{padding:27px 15px;border-radius:13px}.article-header h1{font-size:28px}.article-meta{gap:8px;flex-wrap:wrap;font-size:11px}.reading-tip{display:block}.reading-tip span{display:block;margin-top:6px}.chapter-pager{font-size:11px}.chapter-nav{padding:8px}.reading-stage{padding:8px}}