:root{--ink:#242833;--muted:#737b84;--paper:#f8f7f3;--accent:#ef7058;--line:#e8e7e1;--dark:#27383e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei", "PingFang SC",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button{font:inherit;cursor:pointer}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{display:grid;place-items:center;background:var(--dark);color:white;border-radius:14px;width:43px;height:43px;font-size:24px;font-weight:bold}.brand-name strong,.brand-name small{display:block}.brand-name strong{font-size:19px;line-height:1.3;letter-spacing:2px}.brand-name small{font-size:8px;letter-spacing:2px;color:#929998}.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:13px;color:#697177;padding:9px 9px;border-radius:8px;white-space:nowrap}.nav a span{color:#a0a9a7;margin-right:5px}.nav a:hover,.nav a.active{background:#fcece6;color:#c95d47}.hero{margin-top:32px;min-height:470px;background:#e9f0ed;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 48%;position:relative}.hero-copy{padding:64px 7%;align-self:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#d56752}.hero h1{font-size:clamp(42px,5vw,65px);letter-spacing:.08em;margin:14px 0 0;line-height:1.15}.hero-title{font-size:22px;font-weight:700;margin:18px 0 10px}.hero-desc{max-width:460px;color:#65716e;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid transparent}.button-dark{background:var(--dark);color:#fff}.button-line{border-color:#cbd3d0;background:transparent;color:var(--dark)}.hero-meta{display:flex;gap:20px;color:#7c8984;font-size:12px}.hero-art{min-width:0;position:relative;background:#cbd9d1}.hero-art img{width:100%;height:100%;min-height:470px}.hero-note{position:absolute;bottom:25px;left:25px;background:#fff;padding:17px 22px;border-radius:10px;box-shadow:0 10px 25px #34443b25}.hero-note span,.hero-note strong,.hero-note small{display:block}.hero-note span{font-size:9px;color:var(--accent);letter-spacing:2px}.hero-note strong{font-size:18px}.hero-note small{color:#858d88}.story-strip{margin-top:22px;padding:19px 25px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;gap:25px;align-items:center}.story-strip span{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:800}.story-strip strong{font-size:14px}.story-strip a{margin-left:auto;font-size:13px;color:#75827d}.section{margin-top:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2,.about h2,.reading-path h2{font-size:30px;margin:4px 0 0;line-height:1.3}.section-heading>p{color:var(--muted);font-size:14px;margin:0}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.book-card{min-width:0}.cover-link{display:block;position:relative;overflow:hidden;border-radius:12px;background:#e3e7e1}.cover-link img{width:100%;aspect-ratio:3/4;transition:transform .3s}.cover-link:hover img{transform:scale(1.04)}.cover-tag{position:absolute;top:12px;left:12px;background:#fff;padding:5px 10px;border-radius:6px;font-size:11px}.card-kicker{font-size:11px;color:#d87762;margin:14px 0 5px}.book-card h3{font-size:16px;margin:0}.card-copy{font-size:12px;color:var(--muted);margin:6px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{background:white;border:1px solid var(--line);padding:24px;border-radius:12px;transition:transform .2s}.category:hover{transform:translateY(-4px)}.category-icon{display:grid;place-items:center;background:#f8eee8;color:#d06d58;width:42px;height:42px;border-radius:12px;font-size:23px}.category h3{font-size:16px;margin:16px 0 5px}.category p{min-height:48px;margin:0;color:var(--muted);font-size:12px}.category-more{display:block;margin-top:16px;font-size:11px;font-weight:bold;color:#bd6c5b}.spotlight{display:grid;grid-template-columns:1fr 1fr;background:#f0e5db;border-radius:18px;overflow:hidden}.spotlight-image img{width:100%;height:100%;min-height:350px}.spotlight-copy{padding:60px;align-self:center}.spotlight-copy h2{font-size:32px;line-height:1.4}.spotlight-copy p{color:#786f69;font-size:14px}.text-link{display:inline-block;margin-top:18px;color:#b55f4d;font-weight:bold;font-size:13px}.ranking{border-top:1px solid #d8ddd8}.rank-row{display:grid;grid-template-columns:70px 1fr auto 30px;align-items:center;gap:20px;padding:20px 8px;border-bottom:1px solid #d8ddd8}.rank-number{font-size:30px;font-family:Georgia;color:#d17862}.rank-row strong{font-size:16px}.rank-row p{font-size:12px;color:var(--muted);margin:3px 0}.rank-label{background:#e8eeea;border-radius:20px;padding:5px 12px;font-size:11px}.arrow{font-size:20px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-tile{display:grid;grid-template-columns:45% 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-tile img{width:100%;height:100%;min-height:230px}.feature-tile div{padding:26px;align-self:center}.feature-tile span{font-size:11px;color:var(--accent)}.feature-tile h3{margin:8px 0;font-size:20px}.feature-tile p{font-size:12px;color:var(--muted)}.feature-tile strong{font-size:12px}.reading-path{background:#e5eee8;border-radius:16px;padding:45px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.reading-path p{font-size:13px;color:#6d7c72}.reading-path ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0;margin:0}.reading-path li{border-left:1px solid #c4d2c7;padding-left:20px}.reading-path li strong{font-size:14px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.moments-grid a{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px}.moment-icon{font-size:26px;color:#d87f6a}.moments-grid h3{font-size:17px}.moments-grid p{font-size:13px;color:var(--muted);min-height:88px}.moments-grid strong{font-size:12px;color:#bd6c5b}.quote-band{text-align:center;background:#f3e8df;border-radius:16px;padding:44px 20px}.quote-band span{color:var(--accent);font-size:26px}.quote-band blockquote{font-family:Georgia,serif;font-size:24px;margin:12px}.quote-band p{color:#9a8b80;font-size:12px}.about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.about p{margin-top:0;color:#69716f;font-size:14px}.subscribe{margin-top:80px;margin-bottom:80px;background:#dbe8e1;border-radius:18px;padding:45px 55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.subscribe h2{font-size:28px;margin:6px 0}.subscribe p{color:#677a6e;font-size:13px}.subscribe-hint{font-size:11px!important}.subscribe-mark{width:135px;height:135px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;color:var(--dark);flex:none}.subscribe-mark span{font-size:54px;line-height:1}.subscribe-mark small{font-size:9px;letter-spacing:2px}.site-footer{background:#27383e;color:#fff;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner p{font-size:12px;color:#b4c2bd;margin:4px 0}.inner-main,.reader-main{padding-top:30px;padding-bottom:90px}.breadcrumb{display:flex;gap:10px;color:#8b9691;font-size:12px;margin-bottom:24px;flex-wrap:wrap}.breadcrumb a{color:#627b70}.listing-hero{display:grid;grid-template-columns:1fr 40%;background:#e7efe9;border-radius:16px;overflow:hidden}.listing-hero>div:first-child{padding:55px}.listing-hero h1{font-size:42px;margin:12px 0}.listing-hero p{font-size:14px;color:#62746b;max-width:480px}.listing-art img{width:100%;height:100%;min-height:300px}.chapter-list{border-top:1px solid #ddd}.chapter-item{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid #ddd;padding:23px 8px}.chapter-num{font:32px Georgia;color:#d17862}.chapter-item h2{font-size:18px;margin:0}.chapter-item p{font-size:13px;color:var(--muted);margin:5px 0}.chapter-action{font-size:12px;color:#b66b58}.listing-note{background:#fff;border-radius:14px;padding:32px;margin-top:50px}.listing-note h2{font-size:20px}.listing-note p{font-size:14px;color:var(--muted)}.reader{max-width:820px;margin:auto}.reader-header{padding:35px 0;text-align:center}.reader-header h1{font-size:38px;margin:10px 0}.reader-meta,.reader-tip{font-size:13px;color:var(--muted)}.reader-tip{background:#eef2ee;border-radius:8px;padding:14px;text-align:left}.save-button{background:white;border:1px solid #d8dfda;border-radius:8px;padding:9px 18px;color:#b9614e}.story-body{background:#fff;padding:40px 56px;border-radius:14px}.story-body p{font-size:15px;line-height:2.1;color:#59625e}.story-lead{font-size:17px!important;color:#303e38!important}.story-body figure{margin:35px 0}.story-body figure img{width:100%;aspect-ratio:4/3;background:#e8ede8}.story-body figcaption{text-align:center;color:#a1aaa5;font-size:11px;margin-top:9px}.chapter-end{text-align:center;padding:36px;color:#8d9992}.chapter-end span{font-size:25px;color:#d37862}.reader-nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.save-button.saved{background:#e9f0eb}.subscribe-button.subscribed{background:#59756a}
@media(max-width:900px){.header-inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:12px}.nav{justify-content:flex-start}.hero{grid-template-columns:1fr 45%}.hero-copy{padding:40px 7%}.book-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.reading-path{grid-template-columns:1fr}.feature-tile{grid-template-columns:1fr}.feature-tile img{height:190px;min-height:0}.moments-grid p{min-height:0}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:2px}.nav a{font-size:12px;padding:7px 4px}.hero{margin-top:20px;grid-template-columns:1fr}.hero-copy{padding:32px 25px}.hero h1{font-size:42px}.hero-title{font-size:18px}.hero-art img{height:250px;min-height:0}.hero-meta{gap:10px;font-size:11px}.story-strip{gap:10px;flex-wrap:wrap}.story-strip a{margin-left:0}.section{margin-top:60px}.section-heading{display:block}.section-heading>p{margin-top:10px}.section-heading h2,.about h2,.reading-path h2{font-size:25px}.book-grid,.category-grid{gap:12px}.book-card h3{font-size:14px}.category{padding:16px}.category p{min-height:60px}.spotlight{grid-template-columns:1fr}.spotlight-image img{height:220px;min-height:0}.spotlight-copy{padding:28px}.spotlight-copy h2{font-size:25px}.rank-row{grid-template-columns:45px 1fr 20px;gap:10px}.rank-label{display:none}.feature-pair{gap:12px}.feature-tile div{padding:16px}.feature-tile h3{font-size:16px}.feature-tile img{height:140px}.reading-path{padding:26px;gap:15px}.reading-path ol{grid-template-columns:1fr;gap:12px}.moments-grid{grid-template-columns:1fr}.quote-band blockquote{font-size:19px}.about{grid-template-columns:1fr;gap:15px}.subscribe{padding:28px 24px;margin-top:55px;margin-bottom:55px}.subscribe-mark{width:75px;height:75px}.subscribe-mark span{font-size:35px}.subscribe-mark small{font-size:6px}.footer-inner{display:block}.listing-hero{grid-template-columns:1fr}.listing-hero>div:first-child{padding:28px}.listing-hero h1{font-size:32px}.listing-art img{height:200px;min-height:0}.chapter-item{grid-template-columns:45px 1fr;gap:10px}.chapter-action{grid-column:2}.story-body{padding:22px}.reader-header h1{font-size:30px}}