:root{--bg: #eef0ea;--panel: rgba(252, 249, 241, .78);--panel-strong: rgba(245, 240, 230, .92);--text: #2f332f;--muted: #6f766f;--accent: #d8b36a;--accent-2: #8ea59a;--border: rgba(72, 80, 72, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(230,214,176,.42),transparent 26%),radial-gradient(circle at 20% 18%,rgba(147,167,156,.18),transparent 24%),linear-gradient(180deg,#f8f6ef,#e8ebe3 55%,#dde3da);min-height:100vh;position:relative;overflow-x:hidden}body.theme-light{--bg: #f6f4ec;--panel: rgba(255, 252, 246, .88);--panel-strong: rgba(247, 243, 234, .96);--text: #30352f;--muted: #697164;--border: rgba(85, 90, 78, .12);background:radial-gradient(circle at top right,rgba(235,220,185,.45),transparent 26%),radial-gradient(circle at 18% 18%,rgba(155,173,162,.16),transparent 24%),linear-gradient(180deg,#fbfaf5,#eef1e9 58%,#e3e9e0)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#fffaf061,#ffffff14),url(/assets/hero-main.png) center top / cover no-repeat;opacity:.18;filter:saturate(.7) blur(2px);pointer-events:none}.bg-glow{position:fixed;width:32rem;height:32rem;filter:blur(90px);opacity:.2;pointer-events:none}.bg-glow-1{background:#ead9a1;top:-10rem;right:-10rem}.bg-glow-2{background:#a2b7ad;bottom:-12rem;left:-10rem}.topbar,.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{display:flex;gap:14px;align-items:center}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#e2c27d,#8da398);font-family:"Noto Serif SC",serif;font-size:1.5rem;font-weight:700}.brand h1{margin:0;font:700 1.1rem/1.2 "Noto Serif SC",serif}.brand p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.nav{display:flex;gap:18px}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}.shell{display:grid;gap:18px;padding-bottom:40px}.card{background:var(--panel);border:1px solid var(--border);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 18px 70px #595f541f}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:22px;padding:28px}.eyebrow,.section-title span{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.hero h2{font-family:"Noto Serif SC",serif;font-size:clamp(2.2rem,5vw,4.6rem);margin:12px 0;line-height:1.05}.hero p,.spot-item span,.book-meta p,.reader p,.page-hero p,.book-card p,.book-card small,.reader-side p,.reader-side small{color:var(--muted);line-height:1.8}.hero-actions{display:flex;gap:12px;margin:20px 0 26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;text-decoration:none;color:var(--text);border:1px solid var(--border)}.btn.primary{background:linear-gradient(135deg,var(--accent),#a7b8ac);color:#253027;font-weight:700}.btn.ghost{background:#ffffff47}.stats{display:flex;gap:22px;flex-wrap:wrap}.stats strong{display:block;font-size:1.5rem}.stats span{color:var(--muted);font-size:.9rem}.hero-card{display:grid;gap:16px;align-content:center}.book-link-card{color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.book-link-card:hover,.book-card:hover{transform:translateY(-4px)}.cover-art{position:relative;min-height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#f5f0e4d9,#dee5ddf2);box-shadow:inset 0 1px #ffffff80}.cover-art img{width:100%;height:100%;object-fit:cover;display:block}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f8f6ee0a,#2429242e),radial-gradient(circle at 78% 18%,rgba(255,234,179,.35),transparent 12%)}.cover-caption{position:absolute;left:22px;right:22px;bottom:20px;z-index:1;padding:18px 20px;border-radius:18px;background:#f8f5ec85;backdrop-filter:blur(10px)}.cover-art span{font-family:"Noto Serif SC",serif;font-size:1.7rem;font-weight:700;color:#2e312d}.book-meta{padding:0 8px}.progress{height:8px;border-radius:999px;background:#8490842e;overflow:hidden;margin:10px 0 8px}.progress i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.section-grid,.library,.chapters,.spotlight,.ranking,.reader,.contact,.immersive-reader,.page-hero,.reader-side{padding:24px}.section-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.section-title h3{margin:8px 0 0;font-size:1.5rem}.spot-list,.tags,.chapters ul,.ranking ol,.chapter-list{margin:0;padding:0;list-style:none}.spot-item{display:block;padding:16px 0;border-top:1px solid var(--border)}.spot-item b{display:block;margin-bottom:4px}.spot-link,.rank-link,.chapter-link,.title-link{color:inherit;text-decoration:none}.spot-link{transition:padding-left .2s ease,color .2s ease}.spot-link:hover{padding-left:8px;color:var(--text)}.ranking ol{counter-reset:rank;display:grid;gap:10px}.ranking li,.chapters li,.chapter-list li{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--panel-strong)}.rank-link,.chapter-link,.chapter-list a{display:block}.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel-strong)}.library-cta,.chapter-cta,.pager{margin-top:18px}.chapters ul,.chapter-list{display:grid;gap:10px}.reader-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.toggle{position:relative;width:58px;height:32px;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;border-radius:999px;background:#d6dcd3b3;border:1px solid var(--border)}.toggle span:after{content:"";position:absolute;width:24px;height:24px;left:4px;top:3px;border-radius:50%;background:var(--accent);transition:transform .2s ease}.toggle input:checked+span:after{transform:translate(26px)}.reader article,.immersive-reader article{max-width:68ch;margin:0 auto;font-family:"Noto Serif SC",serif;font-size:1.08rem;line-height:2.1}.page-hero h2,.immersive-reader h2,.reader-side h2{margin:10px 0 0;font-family:"Noto Serif SC",serif;font-size:clamp(1.8rem,4vw,3rem)}.page-hero p{max-width:60ch}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.book-card{padding:18px;display:grid;gap:12px}.book-card h3{margin:0;font-family:"Noto Serif SC",serif}.mini-cover{min-height:180px;border-radius:20px;padding:18px;display:flex;align-items:end;font-family:"Noto Serif SC",serif;font-size:1.35rem;font-weight:700}.book-cover-link{color:var(--text);text-decoration:none;transition:transform .2s ease,filter .2s ease}.book-cover-link:hover{transform:scale(1.02);filter:brightness(1.04)}.amber{background:linear-gradient(135deg,#72837c,#ddd5bc)}.teal{background:linear-gradient(135deg,#81968c,#ece5cf)}.plum{background:linear-gradient(135deg,#8a9189,#e6dcc6)}.slate{background:linear-gradient(135deg,#6d7d77,#d9d1bb)}.forest{background:linear-gradient(135deg,#7f8f81,#e7dfc7)}.gold{background:linear-gradient(135deg,#9a9f8c,#eadcae)}.reader-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.reader-side{align-self:start;position:sticky;top:20px}.book-desc{color:var(--muted);line-height:1.8;margin:16px 0 0}.chapter-list li.active{color:var(--text);border-color:#e0a96d73;box-shadow:inset 0 0 0 1px #e0a96d33}@media(max-width:900px){.hero,.section-grid,.reader-layout,.book-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.reader-side{position:static}}@media(max-width:640px){.topbar,.shell{width:min(100vw - 20px,1120px)}.hero,.section-grid,.spotlight,.ranking,.library,.chapters,.reader,.contact,.page-hero,.immersive-reader,.reader-side{padding:18px}.hero h2{font-size:2.3rem}}