:root{--background:#F7F4EC;--paper:#FFFCF5;--surface:#fff;--ink-blue:#24354C;--ink-deep:#172638;--jade:#287C73;--terracotta:#B8573E;--copper:#B58B4B;--title:#25313D;--body:#414E5A;--muted:#67747E;--border:#E2DED5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75}a{color:var(--jade);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{color:var(--title);line-height:1.3}h1{font-size:clamp(30px,4vw,44px)}h2{font-size:clamp(24px,2.6vw,28px)}h3{font-size:20px}.shell{max-width:1320px;margin:auto;padding-left:32px;padding-right:32px}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{min-height:76px;display:flex;align-items:center;gap:32px}.brand{font-size:23px;font-weight:900;color:var(--ink-blue);white-space:nowrap}.header-inner form{display:flex;flex:1;max-width:450px}.header-inner input,.filter-form input,.filter-form select{padding:11px 14px;border:1px solid var(--border);min-width:0;background:#fff;border-radius:7px}.header-inner input{flex:1}.header-inner button,.filter-form button{background:var(--jade);color:white;border:0;border-radius:7px;padding:10px 18px;margin-left:7px}.header-inner nav{display:flex;gap:22px;white-space:nowrap;font-size:14px}.top-nav{background:var(--ink-deep);color:#fff}.top-nav .shell{display:flex;gap:38px;align-items:center;min-height:52px;overflow-x:auto;white-space:nowrap}.top-nav a{color:#f4f5f5}.hero{background:linear-gradient(116deg,#15293c,#213f4b 72%,#2b5a56);color:#f9f7ee}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding-top:63px;padding-bottom:60px}.hero h1{color:#fff;font-size:clamp(36px,4vw,58px);letter-spacing:1px}.hero p:not(.eyebrow){max-width:590px;color:#d9e5df;font-size:18px}.eyebrow{letter-spacing:2.5px;font-size:12px;font-weight:800;color:var(--jade);text-transform:uppercase}.hero .eyebrow,.feature-band .eyebrow{color:#a4ddc5}.button{display:inline-block;background:var(--terracotta);color:white;padding:11px 24px;border-radius:8px;font-weight:700;margin:10px 18px 10px 0}.button:hover{color:#fff;background:#923D29}.soft-link{font-weight:700}.hero .soft-link{color:#d7f4e4}.star-chart{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #527674;border-radius:26px;background:radial-gradient(circle at 50% 44%,#3b7772,#1c3747 65%);overflow:hidden;color:white}.star-chart p,.star-chart strong,.star-chart small{z-index:1;margin:0}.star-chart strong{font-size:100px;line-height:1.2;font-family:Georgia,serif;color:#fff1b8}.orbit{position:absolute;border:1px solid #ffffff33;border-radius:50%;width:420px;height:210px;transform:rotate(-27deg)}.orbit-two{transform:rotate(43deg);width:340px}.star-dot{position:absolute;right:17%;top:26%;background:#efbf69;width:10px;height:10px;border-radius:50%}.section{padding-top:58px;padding-bottom:36px}.section-header{margin-bottom:25px}.section-header h2{margin:4px 0 8px}.section-header p:last-child{max-width:680px}.category-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{padding:20px;min-height:102px;background:#fff;border-left:5px solid var(--jade);display:flex;gap:8px;flex-direction:column;color:var(--title);border-radius:8px;box-shadow:0 5px 15px #1726380b}.category:nth-child(4n+2){border-color:var(--terracotta)}.category:nth-child(4n+3){border-color:var(--copper)}.category:nth-child(4n+4){border-color:#817AA2}.category span,.category small{font-size:12px;color:var(--muted)}.category strong{font-size:18px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{display:flex;gap:15px;background:var(--surface);border-radius:12px;padding:14px;color:var(--body);border:1px solid var(--border);min-width:0;box-shadow:0 8px 20px #24354c08}.book-grid .book-card{display:block}.cover{display:block;width:100px;aspect-ratio:2/3;object-fit:cover;background:#233e4f;color:#f4e5bb;border-radius:6px;flex-shrink:0;overflow:hidden}.book-grid .cover{width:100%;max-height:270px;object-fit:cover}.cover-fallback{font-size:19px;font-family:serif;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:linear-gradient(150deg,#24415c,#2f716c);border-left:9px solid #b58b4b}.book-copy{display:flex;flex-direction:column;gap:7px;min-width:0;margin-top:11px}.book-copy strong{font-size:19px;color:var(--title)}.book-copy small{font-size:13px;color:var(--muted)}.book-copy span{font-size:14px;line-height:1.65}.split-section{display:grid;grid-template-columns:1fr 2fr;gap:34px;align-items:start}.horizontal-books,.list-well,.book-list{display:grid;gap:13px}.feature-band{background:#1b3c44;color:#f5f0e2;padding:40px 36px;border-radius:16px;margin-top:30px}.feature-band h2{color:#fff}.compact-links{display:flex;gap:15px;flex-wrap:wrap}.compact-links .book-card{flex:1;min-width:220px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:2px solid var(--jade);padding-top:17px}.timeline article{padding:0 15px}.timeline article>span{color:var(--terracotta)}.quote-section{margin-top:45px;padding:45px 8%;background:#ebe5d8;border-radius:14px;text-align:center}.quote-section>p:not(.eyebrow){max-width:760px;margin:16px auto;font-family:serif;font-size:19px;line-height:2}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.collection-tile{background:#fff;border:1px solid var(--border);padding:28px;border-radius:14px}.collection-tile h3{margin-bottom:8px}.collection-tile small{font-size:11px;letter-spacing:2px}.explore{background:#eef2ed;padding:36px;border-radius:16px;margin-top:40px}.footer{background:#172638;color:#d9e1e6;padding:44px 0;margin-top:60px}.footer strong{color:#fff}.footer p{max-width:780px}.footer a{color:#e3c691}.inner-page{padding-top:42px;min-height:60vh}.lede{max-width:810px;font-size:18px}.library-layout,.rank-layout{display:grid;grid-template-columns:220px 1fr;gap:35px;margin-top:38px}.filters{display:flex;flex-direction:column;gap:8px;background:#fff;padding:20px;border:1px solid var(--border);align-self:start;border-radius:12px}.filters h2{font-size:20px}.filters a{border-bottom:1px solid #eee;padding:7px;color:var(--body)}.filter-form{display:flex;gap:8px;flex-wrap:wrap}.filter-form input{flex:1;min-width:170px}.count,.caption{color:var(--muted);font-size:14px}.book-list .book-card .cover{width:90px}.pagination{display:flex;gap:10px;margin:26px 0}.pagination a{background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 13px}.pagination .active{background:var(--jade);color:#fff}.empty{background:#fff;padding:30px}.book-detail{display:grid;grid-template-columns:230px 1fr;gap:35px;margin:35px 0}.book-detail .cover{width:230px}.tag{color:var(--jade);font-weight:700}.byline{color:var(--muted)}.archive-grid{display:grid;grid-template-columns:2fr 1fr;gap:55px}.archive-grid section{background:#fff;border-radius:12px;padding:30px}.detail-aside{background:#f0ede5;padding:26px;border-radius:12px;align-self:start}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chapter-grid a{padding:15px 17px;background:#fff;border:1px solid var(--border);border-radius:7px}.collection-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.collection-tabs a{padding:6px 12px;background:#fff;border:1px solid var(--border);border-radius:18px}.collection-section{border-bottom:1px solid var(--border)}.collection-section>p:not(.eyebrow){max-width:820px}.collection-section .book-grid{grid-template-columns:repeat(3,1fr)}.about section{margin:35px 0;max-width:780px}.about section p{font-size:17px}@media(max-width:1050px){.header-inner nav{display:none}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{padding-left:17px;padding-right:17px}.header-inner{gap:12px;min-height:68px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{font-size:19px}.header-inner form{max-width:none;min-width:100%;order:2}.top-nav .shell{gap:23px;min-height:48px}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:35px}.hero h1{font-size:36px}.star-chart{min-height:210px}.star-chart strong{font-size:66px}.section{padding-top:38px;padding-bottom:20px}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category{padding:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-grid .book-card{padding:10px}.book-grid .cover{max-height:210px}.book-copy strong{font-size:16px}.book-copy span{font-size:13px}.split-section,.library-layout,.rank-layout,.archive-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.collection-grid,.collection-section .book-grid{grid-template-columns:1fr 1fr}.filters{flex-direction:row;overflow-x:auto;white-space:nowrap}.filters h2{display:none}.filters a{border:0}.book-detail{grid-template-columns:100px 1fr;gap:15px}.book-detail .cover{width:100px}.book-detail h1{font-size:26px}.book-detail .lede{font-size:15px}.chapter-grid{grid-template-columns:1fr}.quote-section{padding:25px}.compact-links .book-card{min-width:100%}}@media(max-width:390px){.collection-grid,.collection-section .book-grid{grid-template-columns:1fr}.book-grid .cover{max-height:180px}.book-copy span{display:none}}
