:root{--ink:#142b35;--muted:#6d7c82;--teal:#0b6f77;--teal-dark:#07545d;--cream:#f6f7f3;--yellow:#f4c66b;--line:#dfe6e2;--card:#fff;--shadow:0 24px 70px rgba(18,58,66,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 30px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--teal);color:#fff;font-size:18px}.brand-light{color:var(--teal);font-weight:500}.topbar nav{display:flex;gap:30px;color:#607176;font-size:14px}.topbar nav a:hover,.text-link:hover{color:var(--teal)}.theme{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--teal);font-size:18px}.hero{display:grid;grid-template-columns:1fr .72fr;min-height:640px;align-items:center;gap:70px;padding-top:30px;padding-bottom:55px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.16em}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(48px,6vw,78px);line-height:1.04;letter-spacing:-.08em;margin-bottom:24px}h1 em,h2 em{color:var(--teal);font-style:normal}.hero-intro{max-width:475px;color:var(--muted);font-size:17px}.search{display:flex;max-width:560px;margin-top:34px;box-shadow:0 10px 30px rgba(30,73,75,.1);border-radius:15px;overflow:hidden;background:#fff}.search input{min-width:0;flex:1;border:0;padding:17px 18px;font-size:15px;outline:0}.search button{border:0;background:var(--teal);color:#fff;padding:0 22px;font-weight:800}.search button span{font-size:20px;margin-left:5px}.hero-meta{display:flex;gap:30px;margin-top:32px;color:var(--muted);font-size:12px}.hero-meta b{display:block;color:var(--ink);font-size:18px}.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{position:relative;height:540px;width:auto;max-width:100%;object-fit:cover;object-position:center 20%;border-radius:180px 180px 22px 22px;box-shadow:var(--shadow);filter:saturate(.9)}.art-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#d7eeeb;right:0;top:80px}.quote{position:absolute;left:-12px;bottom:55px;background:var(--ink);color:#fff;padding:18px 21px;border-radius:14px;box-shadow:0 15px 35px #102c3433}.quote span,.quote small{display:block;color:#bed3d1;font-size:11px}.quote strong{display:block;margin:5px 0;font-family:Georgia,serif;font-size:20px;line-height:1.2}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-head h2{font-family:Georgia,"Songti SC",serif;font-size:40px;line-height:1;margin:0}.section-note,.text-link{color:var(--muted);font-size:13px}.topic-row{display:flex;gap:9px;margin-bottom:25px;flex-wrap:wrap}.topic{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 18px;border-radius:99px;font-size:14px}.topic.active,.topic:hover{background:var(--teal);color:#fff;border-color:var(--teal)}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.book-card{display:grid;grid-template-rows:230px auto;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px;box-shadow:0 10px 30px rgba(22,64,72,.04);transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.book-cover{border-radius:10px;display:flex;flex-direction:column;justify-content:end;padding:18px;color:#fff;position:relative;overflow:hidden;font-family:Georgia,serif;font-size:26px;line-height:1.05}.book-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.6))}.book-cover span,.book-cover small{position:relative}.book-cover small{font:10px Inter,sans-serif;letter-spacing:.17em;margin-top:10px;opacity:.8}.cover-sea{background:linear-gradient(135deg,#d78b7b,#4b8993 55%,#174b63)}.cover-mist{background:linear-gradient(135deg,#172d43,#74818a 52%,#dba57c)}.cover-coffee{background:linear-gradient(135deg,#b37754,#3c2c2a 58%,#d5a882)}.cover-star{background:linear-gradient(135deg,#16154e,#3448a5 55%,#f4b867)}.tag{color:var(--teal);font-size:11px;font-weight:800}.book-card h3{margin:7px 0 5px;font-size:17px}.book-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.book-foot{display:flex;justify-content:space-between;margin-top:14px;color:#93a0a4;font-size:12px}.book-foot b{color:#d08f36}.empty{padding:50px;text-align:center;color:var(--muted)}.ranking{padding-top:105px;padding-bottom:100px}.rank-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.rank-list>div{display:flex;align-items:center;gap:18px;padding:23px 12px;border-bottom:1px solid var(--line)}.rank-list i{font:italic 28px Georgia;color:#abc5c3}.rank-list span{flex:1}.rank-list b,.rank-list small{display:block}.rank-list small{color:var(--muted);font-size:12px}.rank-list strong{color:var(--teal)}.about{background:var(--teal);color:#fff;border-radius:24px;padding-top:55px;padding-bottom:55px;margin-bottom:90px;display:flex;justify-content:space-between;gap:30px}.about .eyebrow{color:var(--yellow)}.about h2{font:40px/1.15 Georgia,serif;margin:0}.about>p{max-width:390px;color:#c9e0dc;margin:18px 0 0}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:15px;padding-top:60px}.hero-art{height:410px}.hero-art img{height:400px}.art-glow{right:12%;top:5px}.quote{left:8%;bottom:22px}.book-grid{grid-template-columns:repeat(2,1fr)}.rank-list{grid-template-columns:1fr}.about{display:block}.topbar nav{display:none}}@media(max-width:500px){.wrap{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.hero{padding-top:35px}.hero-art{height:350px}.hero-art img{height:345px}.hero-intro{font-size:15px}.hero-meta{gap:15px}.hero-meta b{font-size:16px}.search button{padding:0 14px}.book-grid{gap:9px}.book-card{grid-template-rows:180px auto;padding:8px;gap:11px}.book-cover{padding:12px;font-size:20px}.book-card h3{font-size:15px}.book-card p{font-size:12px}.section-head h2{font-size:32px}.about h2{font-size:32px}.footer-inner{gap:10px;flex-wrap:wrap}}