*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ec;color:#414e5a;font:16px/1.7 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1320px,calc(100% - 48px));margin:auto}.top{background:#172638;color:white}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{font-size:27px;font-weight:800;letter-spacing:1px}.brand small{font-size:12px;color:#b7d3ca;margin-left:10px}.brand-mark{color:#e8a374;margin-right:8px}.search{display:flex;max-width:420px;flex:1}.search input,.filters input{min-width:0;flex:1;border:1px solid #d9dedb;padding:11px 15px;border-radius:9px 0 0 9px;background:#fff}.search button,.filters button{border:0;background:#287c73;color:white;padding:11px 19px;border-radius:0 9px 9px 0;cursor:pointer}.nav{background:#fff;border-bottom:1px solid #e2ded5}.nav-links{display:flex;gap:33px;overflow-x:auto;white-space:nowrap;padding:12px 0}.nav-links a:hover{color:#287c73}.hero{margin-top:28px;background:#24354c;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;min-height:372px;overflow:hidden;border-radius:20px}.hero>div:first-child{padding:68px 62px}.hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.3;letter-spacing:1px;max-width:640px;margin:16px 0}.hero p{color:#dce7e9;max-width:570px}.hero-art{display:grid;place-items:center;background:radial-gradient(circle at 40% 42%,#287c73,#1c3b50 60%,#172638);text-align:center;position:relative;color:#f8eac9;font-size:42px;font-family:serif;letter-spacing:10px}.hero-art span{font-size:110px;position:absolute;top:15px;right:25%;color:#b58b4b}.eyebrow{letter-spacing:3px;font-size:12px;color:#b58b4b;font-weight:700}.btn{display:inline-flex;background:#b8573e;color:#fff;padding:11px 24px;border-radius:10px;margin-top:16px;font-weight:700}.btn.secondary{background:#287c73}.section{margin:48px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-head a{color:#287c73}h1,h2,h3{color:#25313d;line-height:1.35}h2{font-size:27px;margin:8px 0 18px}h3{font-size:20px}.category-strip{display:flex;gap:11px;overflow-x:auto;padding-bottom:9px}.category-strip a{flex:0 0 185px;background:#fff;border-left:5px solid #287c73;border-radius:8px;padding:21px 18px;min-height:120px;font-weight:700}.category-strip a:nth-child(3n+2){border-color:#b8573e}.category-strip a:nth-child(3n){border-color:#817aa2}.category-strip span{display:block;color:#9f7e4b;margin-bottom:8px}.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{display:block;background:#fff;border:1px solid #e2ded5;border-radius:13px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1b35401c}.cover{height:210px;background:linear-gradient(150deg,#233750,#287c73 62%,#b58b4b);display:grid;place-items:center;overflow:hidden}.cover img,.big-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{font:700 27px/1.5 serif;color:#fff;text-align:center;padding:20px;max-width:100%;overflow-wrap:anywhere}.book-info{padding:17px}.book-info strong{display:block;color:#25313d;font-size:19px}.book-info small{color:#287c73}.book-info p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{padding:27px;background:#fff;border:1px solid #e2ded5;border-radius:18px}.feature .books{grid-template-columns:repeat(3,minmax(0,1fr))}.feature>.book-card{max-width:460px}.excerpt{max-width:780px;white-space:pre-line}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-grid>a{padding:26px;background:#e5f1ec;border-radius:14px}.topic-grid>a:nth-child(2){background:#f7e8df}.topic-grid>a:nth-child(3){background:#f0edf5}.closing{text-align:center;padding:34px}.footer{background:#172638;color:#b6c2d0;padding:30px 0;margin-top:60px;font-size:14px}.footer a{color:#fff}.page-title{padding:38px 0 26px}.page-title h1{font-size:39px;margin:8px 0}.layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:32px}.side{padding-top:34px}.side h2{font-size:21px}.side a{display:block;padding:11px 13px;margin-bottom:7px;border-radius:9px;background:#fff}.side a.selected{background:#287c73;color:#fff}.main-column{min-width:0}.filters{display:flex;max-width:600px;margin-bottom:12px}.muted{color:#67747e}.library-books{grid-template-columns:repeat(3,minmax(0,1fr))}.pager{display:flex;gap:6px;margin:23px 0}.pager a{padding:5px 13px;border:1px solid #ddd;border-radius:8px}.pager .active{background:#287c73;color:white}.empty{padding:45px;background:#fff;border-radius:12px}.book-hero{display:grid;grid-template-columns:245px minmax(0,1fr);gap:40px;margin-top:45px;align-items:start}.big-cover{height:355px;display:grid;place-items:center;background:linear-gradient(145deg,#172638,#287c73);border-radius:15px;overflow:hidden}.book-hero h1{font-size:39px}.tag{display:inline-block;background:#e5f1ec;color:#1d615a;padding:4px 10px;border-radius:6px;margin:0 8px 8px 0;font-size:14px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chapters a{background:#fff;padding:15px;border-radius:8px;border:1px solid #e2ded5}.reader{width:min(800px,calc(100% - 32px));margin:22px auto}.reader-tools,.reading-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-radius:12px}.reader-tools button{border:1px solid #dae2dc;border-radius:7px;background:#e5f1ec;padding:5px 12px;cursor:pointer}.reading-content{font-size:18px;line-height:1.9;padding:45px 20px}.reading-content h1{font-size:30px;margin-bottom:45px}.reading-content p{margin:0 0 1.7em;text-indent:1.5em;overflow-wrap:break-word}.reading-content .eyebrow{text-indent:0}.reading-nav a{color:#287c73;font-weight:700}.night{background:#172638;color:#c8d5dd}.night h1,.night h2{color:#e6e8ec}.night .reader-tools,.night .reading-nav{background:#25354b;color:#fff}.night .reading-content p{color:#d9e0e7}.rank-block{display:grid;grid-template-columns:75px 1fr;gap:20px;margin-bottom:45px}.rank-number{font:700 43px serif;color:#b58b4b}.collection{padding:28px;background:#fff;border-radius:18px}.collection .books{grid-template-columns:repeat(3,minmax(0,1fr))}.prose{max-width:950px}.prose section{padding:20px 0;border-bottom:1px solid #ddd}@media(max-width:900px){.books{grid-template-columns:repeat(2,minmax(0,1fr))}.library-books{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>div:first-child{padding:40px}.feature .books{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.side{padding:15px 0 0;display:flex;overflow-x:auto;gap:8px;align-items:center}.side h2{white-space:nowrap;font-size:15px;margin:0}.side a{white-space:nowrap}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.top-inner{flex-wrap:wrap;padding:12px 0}.search{min-width:100%;order:2}.nav-links{gap:18px}.hero{grid-template-columns:1fr;min-height:0}.hero>div:first-child{padding:35px 26px}.hero-art{min-height:150px;font-size:28px}.hero-art span{font-size:58px}.books,.library-books,.collection .books,.feature .books{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cover{height:155px}.cover-fallback{font-size:19px}.book-info{padding:11px}.book-info strong{font-size:16px}.book-info p{font-size:12px}.split,.topic-grid{grid-template-columns:1fr}.page-title h1,.book-hero h1{font-size:28px}.book-hero{grid-template-columns:1fr;gap:14px}.big-cover{height:270px;max-width:190px}.chapters{grid-template-columns:1fr}.reader-tools{gap:6px}.reading-content{padding:28px 6px}.reading-content h1{font-size:25px}.rank-block{grid-template-columns:1fr}.rank-number{font-size:25px}.collection{padding:15px}.section{margin:36px 0}}
/* Version 2 — preserve original color variables and all image addresses. */
.hero-art{position:relative;overflow:hidden}.hero-art::after{content:"";position:absolute;inset:10%;border:1px dashed rgba(255,255,255,.23);border-radius:50%;pointer-events:none}.book-hero .big-cover{max-width:235px}.book-hero .big-cover img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.feature>p{line-height:1.85}.collection>p{max-width:820px;line-height:1.9}.rank-block>div>p{max-width:900px}.reader p{overflow-wrap:anywhere}