:root{--bg: #efe3d2;--paper: rgba(255, 250, 242, .82);--paper-strong: rgba(255, 253, 248, .92);--ink: #241710;--muted: #705847;--accent: #aa4a25;--accent-deep: #5f2413;--line: rgba(36, 23, 16, .1);--shadow: 0 24px 80px rgba(74, 38, 19, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:"Source Han Serif SC","Noto Serif SC",serif;background:radial-gradient(circle at top left,rgba(170,74,37,.22),transparent 28%),radial-gradient(circle at right 10%,rgba(61,33,21,.1),transparent 26%),linear-gradient(180deg,#f7efe5 0%,var(--bg) 100%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.pc-page{max-width:1320px;margin:0 auto;padding:32px 20px 80px}.hero-panel,.surface-card,.detail-card,.banner-card,.book-card,.metric-card{border:1px solid var(--line);box-shadow:var(--shadow)}.hero-panel{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;padding:24px;border-radius:34px;background:linear-gradient(140deg,#fff8eff0,#f8eadbc7)}.hero-copy{padding:10px}.eyebrow,.mini-label,.notice{margin:0;letter-spacing:.08em}.eyebrow,.mini-label{color:var(--accent);text-transform:uppercase;font-size:12px}.hero-copy h1,.surface-card h2,.detail-card h2,.banner-card h2{margin:12px 0}.hero-copy h1{max-width:760px;font-size:clamp(42px,8vw,76px);line-height:.98}.lead{max-width:720px;margin:0;color:var(--muted);font-size:20px;line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag-row.compact{margin-top:12px}.tag-chip,.ghost-chip,.reader-toolbar span{border-radius:999px;padding:8px 14px;font-size:13px}.tag-chip{background:#aa4a251f;color:var(--accent-deep)}.tag-chip.soft{background:#ffffffd6}.search-box{display:flex;gap:12px;margin-top:24px}.search-box input{flex:1;min-width:0;border:1px solid var(--line);border-radius:20px;padding:16px 18px;background:#ffffffdb}.search-box button,.solid-btn,.ghost-btn,.ghost-chip{border:1px solid transparent}.search-box button,.solid-btn{border-radius:20px;padding:0 20px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff6ee}.ghost-btn,.ghost-chip{border-radius:18px;padding:10px 16px;background:#ffffffb3;border-color:var(--line);color:var(--ink)}.notice{margin-top:14px;color:var(--muted);font-size:13px}.hero-stats{display:grid;gap:12px}.metric-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:28px;background:#ffffffc2}.metric-card.accent{background:linear-gradient(145deg,#5f2413,#aa4a25);color:#fff8f0}.metric-card strong{font-size:34px}.metric-card small{color:inherit;opacity:.72}.banner-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.banner-card{padding:22px;border-radius:28px;background:linear-gradient(160deg,#5b2213f0,#aa4a25db);color:#fff6ee}.banner-card p{margin-bottom:0;opacity:.82}.content-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:18px;margin-top:18px}.library-column,.detail-column,.surface-card{min-width:0}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.panel-header h2{margin:6px 0 0}.keyword-cloud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.book-grid,.stack-list,.site-list,.feature-list,.shelf-list,.chapter-list,.stat-grid,.profile-grid{display:grid;gap:14px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px;border-radius:26px;background:var(--paper);cursor:pointer}.book-card.active{outline:2px solid rgba(170,74,37,.45);transform:translateY(-2px)}.book-card img{width:120px;height:160px;object-fit:cover;border-radius:18px}.book-headline{display:flex;justify-content:space-between;gap:8px;align-items:center}.book-headline strong{font-size:22px}.book-card p,.detail-card p,.rank-row p,.shelf-row p,.site-card p,.chapter-row p{margin:6px 0 0}.muted{color:var(--muted);line-height:1.6}.detail-column{display:grid;gap:16px}.detail-card,.surface-card{padding:22px;border-radius:30px;background:var(--paper-strong)}.spotlight{background:linear-gradient(160deg,#fffcf7fa,#f7eadddb)}.detail-actions{display:flex;gap:12px;margin:18px 0 20px}.chapter-row,.rank-row,.shelf-row,.site-card,.feature-row,.stat-card{border:1px solid var(--line);border-radius:20px;background:#fffc}.chapter-row,.rank-row,.shelf-row{display:flex;justify-content:space-between;gap:12px;padding:14px;align-items:center}.reader-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.reader-toolbar span{background:#fffc}.sample-content{margin-top:16px;line-height:2;font-size:17px}.stack-card{padding:16px;border-radius:24px;background:#ffffffc2}.stack-card h3{margin:0 0 10px}.rank-row span:first-child{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#aa4a251f;color:var(--accent);font-weight:700}.dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.stat-grid,.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.profile-grid div{padding:18px}.profile-grid span,.stat-card span,.site-card span{display:block;color:var(--muted);margin-top:6px}.site-list{grid-template-columns:repeat(2,minmax(0,1fr))}.site-card,.feature-row{padding:16px}.feature-list.small{margin-top:16px}.footer-tip{margin-top:18px;text-align:center;color:var(--muted)}@media(max-width:1100px){.hero-panel,.content-grid,.dual-grid,.banner-strip,.site-list,.book-grid,.stat-grid,.profile-grid{grid-template-columns:1fr}}@media(max-width:720px){.pc-page{padding:18px 14px 56px}.hero-copy h1{font-size:40px}.search-box,.panel-header,.detail-actions{flex-direction:column;align-items:stretch}.book-card{grid-template-columns:88px 1fr}.book-card img{width:88px;height:124px}}