:root{--background:#F8F7F3;--paper:#FFFEFB;--iris:#66558F;--pine:#567D69;--apricot:#BD6949;--text:#2D303B;--muted:#666B72;--border:#E2E3DE}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7}a{color:var(--iris);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1320px;margin:auto;padding:0 28px}.top{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border)}.topbar{min-height:74px;display:flex;align-items:center;gap:24px}.brand{font-weight:800;font-size:20px;white-space:nowrap}.top nav{display:flex;gap:18px}.top nav a{white-space:nowrap;color:#3e4150}.search{display:flex;margin-left:auto;max-width:270px}.search input,.filter input,.filter select{min-width:0;width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:white}.search button{border:0;background:var(--pine);color:white;border-radius:8px;padding:8px 12px}.menubtn{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:52px;padding-bottom:42px}.hero h1{font-size:clamp(31px,4vw,52px);line-height:1.25;margin:14px 0}.hero p{font-size:18px;color:var(--muted)}.heroart,.hero .missing{width:100%;height:345px;object-fit:cover;border-radius:22px;background:linear-gradient(140deg,#f0ecf7,#eaf2e9,#faece4);display:flex;align-items:center;justify-content:center;color:var(--iris)}.eyebrow{color:var(--pine);font-size:13px;font-weight:800;letter-spacing:.11em}.btn{display:inline-block;background:var(--apricot);color:white!important;padding:11px 20px;border:0;border-radius:10px;font-weight:700}.btn.alt{background:var(--iris)}.section{padding-top:30px;padding-bottom:34px}.sectionhead{display:flex;align-items:baseline;gap:15px}.section h2{font-size:26px}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{display:flex;flex-direction:column;min-height:110px;padding:16px;border:1px solid #e4e0ef;border-radius:12px;background:#f0ecf7}.cat:nth-child(3n){background:#eaf2e9}.cat:nth-child(4n){background:#faece4}.cat span{font-size:23px}.cat small{color:var(--muted)}.bookgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bookcard{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border);padding:13px;border-radius:14px;min-width:0;color:var(--text)}.bookcard:hover{border-color:var(--iris);text-decoration:none}.bookcard .cover,.bookcard .missing{width:104px;min-width:104px;height:156px;border-radius:7px;object-fit:cover}.missing{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:linear-gradient(145deg,#ebe7f4,#e9f1e8);color:#44395f;font-weight:bold;overflow:hidden}.bookcard p{font-size:13px;line-height:1.6;color:var(--muted);margin:6px 0}.bookcard strong{font-size:16px}.bookcard small{display:block;color:var(--pine)}.collectiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.excerpt{border:1px solid var(--border);background:white;border-radius:16px;padding:22px}.feature p,.excerpt p{color:#4e535b}.feature h2,.feature h3{margin-top:0}.footer{background:#eeeef0;margin-top:45px;padding:35px 0;color:#50545a}.footer p{font-size:13px}.lead{font-size:18px;color:var(--muted)}.librarylayout{display:grid;grid-template-columns:210px 1fr;gap:24px}.librarylayout aside{background:white;border:1px solid var(--border);padding:16px;border-radius:14px;align-self:start;display:grid;gap:10px}.filter{display:flex;gap:9px;margin-bottom:12px}.filter input{flex:3}.filter select{flex:1}.filter .btn{flex:0}.muted{color:var(--muted)}.pagination{display:flex;gap:9px;margin-top:25px}.pagination a{border:1px solid var(--border);padding:6px 13px;border-radius:7px}.pagination [aria-current]{background:var(--iris);color:white}.detailhero{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-top:25px;align-items:start}.bigcover{width:220px;height:330px;object-fit:cover;border-radius:12px}.detailhero h1{font-size:38px;margin:0 0 12px}.detailhero p{line-height:2}.tags{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.tags span{background:#eaf2e9;border-radius:99px;padding:4px 12px;font-size:13px}.detailcols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.chapterlist{padding-left:20px}.chapterlist li{padding:7px}.prose{max-width:920px}.prose p{line-height:2}.excerpt{font-family:serif;font-size:19px}.section-1{background:#fbfaf6;border-radius:18px}@media(max-width:1100px){.topbar{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.search{max-width:220px}.bookgrid{grid-template-columns:repeat(2,1fr)}.collectiongrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{padding-left:16px;padding-right:16px}.topbar{gap:10px}.brand{font-size:16px}.menubtn{display:block;margin-left:auto;background:#f0ecf7;border:0;border-radius:8px;padding:7px 12px}.top nav{display:none;width:100%;order:4;flex-direction:column;gap:0}.top nav.open{display:flex}.top nav a{padding:10px 0;border-top:1px solid var(--border)}.search{order:3;max-width:none;width:100%;margin:0}.hero{grid-template-columns:1fr;padding-top:25px}.heroart,.hero .missing{height:220px}.catgrid{grid-template-columns:repeat(2,1fr)}.bookgrid,.collectiongrid,.detailcols{grid-template-columns:1fr}.librarylayout{grid-template-columns:1fr}.librarylayout aside{grid-template-columns:repeat(2,1fr)}.librarylayout aside h3{grid-column:1/-1}.filter{flex-wrap:wrap}.filter input{flex-basis:100%}.filter select{flex-basis:30%}.detailhero{grid-template-columns:110px 1fr;gap:15px}.detailhero h1{font-size:25px}.bigcover{width:110px;height:165px}.detailhero p{font-size:14px}.bookcard .cover,.bookcard .missing{width:88px;min-width:88px;height:132px}}
