*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#1c1c1c;--gray:#6b6b6b;--faint:#9b9b96;--line:#e6e3dc;--paper:#fbfaf7;--card:#ffffff;--accent:#a8433a}
body{background:var(--paper);color:var(--ink);font-family:-apple-system,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.9}
.serif{font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif}
.wrap{max-width:820px;margin:0 auto;padding:56px 32px 80px}
header.site{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--ink);padding-bottom:20px;gap:20px;flex-wrap:wrap}
.wordmark{font-size:24px;letter-spacing:.15em;font-weight:600}
.wordmark small{display:block;font-size:11px;color:var(--gray);letter-spacing:.28em;margin-top:6px;font-weight:400}
nav{display:flex;gap:24px;font-size:13px;color:var(--gray)}
nav a{color:inherit;text-decoration:none;padding-bottom:4px}
nav a.on{color:var(--ink);border-bottom:2px solid var(--accent)}
main{margin-top:48px}
footer{margin-top:80px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--faint);line-height:2}
.crumb{font-size:12px;color:var(--faint);letter-spacing:.08em;margin-bottom:24px}
.note{font-size:12.5px;color:var(--faint);margin-top:10px}
.tag{display:inline-block;font-size:11.5px;line-height:1;padding:5px 9px;border-radius:2px;letter-spacing:.08em;vertical-align:2px}
.tag.machine{color:var(--gray);border:1px solid var(--line);background:var(--paper)}
.tag.dual{color:var(--accent);border:1px solid var(--accent)}
.tag.human{color:#fff;border:1px solid var(--accent);background:var(--accent)}
.tag.notrans,.tag.pending{color:var(--faint);border:1px dashed var(--faint)}
/* 首页书感首屏（2026-09-20）：暖象牙纸纹和淡墨山水为现代装饰底图，不冒充历史地图、
   地方实景或史料；右侧仍是原始扫描封面，但以纸边、书脊、做旧色调和落地阴影呈现为书册。 */
.home{display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,400px);gap:32px;align-items:center;
 margin:0 -72px;padding:88px 44px 164px;min-height:640px;position:relative;isolation:isolate;
 background:#f2e7d1 url("home-ink-landscape-v1.png") center bottom/cover no-repeat}
.home::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.20;pointer-events:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.18 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.coverwrap{grid-column:2;grid-row:1;margin:0;max-width:365px;justify-self:end;width:100%;position:relative;
 transform:perspective(1500px) rotateY(-2deg) rotateZ(.15deg);transform-origin:center left;
 filter:drop-shadow(23px 31px 20px rgba(47,35,19,.36)) drop-shadow(5px 11px 7px rgba(47,35,19,.24))}
.cover{display:block;width:100%;height:auto;background:transparent}
.hero-book{border:0;border-radius:0;box-shadow:none;filter:none}
.booklabel{position:absolute;left:20.7%;top:11.0%;width:16.7%;height:43.9%;display:block;overflow:hidden;pointer-events:none}
.booklabel img{display:block;width:100%;height:100%;object-fit:fill}
.lead{grid-column:1;grid-row:1;min-width:0}
.lead h1{font-size:38px;letter-spacing:.08em;font-weight:600;line-height:1.45}
.lead .intro{margin-top:16px;color:var(--gray);font-size:16px;max-width:420px}
.cta{margin-top:32px}
.cta .primary{display:inline-block;background:linear-gradient(180deg,#b75449,#a8433a);color:#fff;padding:14px 30px;font-size:15px;
 letter-spacing:.18em;text-decoration:none;border-radius:999px;box-shadow:0 9px 20px -9px rgba(119,49,40,.68),inset 0 1px 0 rgba(255,255,255,.24);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.cta .primary:hover,.cta .primary:focus-visible{background:#963a31;transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(119,49,40,.72),inset 0 1px 0 rgba(255,255,255,.24)}
.secondnav{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.secondnav .secondary{display:inline-block;padding:10px 19px;border:1px solid rgba(92,72,45,.20);border-radius:999px;
 background:rgba(255,253,248,.74);backdrop-filter:blur(8px);color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:.09em;box-shadow:0 3px 10px -8px rgba(52,40,23,.38);transition:transform .18s ease,border-color .18s ease,color .18s ease}
.secondnav .secondary:hover,.secondnav .secondary:focus-visible{border-color:rgba(168,67,58,.65);color:var(--accent);transform:translateY(-1px)}
.sect{font-size:12.5px;letter-spacing:.25em;color:var(--gray);margin:48px 0 18px;display:flex;align-items:center;gap:10px}
.sect::after{content:"";flex:1;height:1px;background:var(--line)}
.tocgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
/* 检索章节结果卡片：.tocitem 必须是块级锚点容器（行内链接内嵌多行块级内容会断裂），
   章节编号/篇名/段落ID/摘要同在一张连续可点击卡片内；首页目录网格下行为不变 */
.tocitem{display:block;background:var(--card);border:1px solid var(--line);border-radius:3px;padding:16px 18px;text-decoration:none;color:var(--ink)}
a.tocitem:hover{border-color:var(--accent)}
.tocitem .no,.tocitem .ti,.tocitem .mt,.tocitem .sn{display:block}
.tocitem .no{font-size:11px;letter-spacing:.25em;color:var(--accent)}
.tocitem .ti{font-size:17px;letter-spacing:.1em;margin-top:6px;font-weight:600}
.tocitem .mt{font-size:11.5px;color:var(--faint);margin-top:6px}
.tocitem .sn{font-size:13px;color:var(--gray);margin-top:8px;line-height:1.9}
.tocitem.que{background:transparent;border-style:dashed;color:var(--faint)}
.tocitem.que .no{color:var(--faint)}
/* 检索结果行距：实体结果行与章节结果卡片之间留出可读间隔 */
.hit{margin:10px 0}
.search{display:flex;border:1px solid var(--ink);border-radius:2px;overflow:hidden;background:var(--card);max-width:560px}
.search input{flex:1;border:0;outline:0;padding:13px 18px;font-size:14.5px;background:transparent;color:var(--ink)}
.search button{border:0;background:var(--accent);color:#fff;padding:0 26px;font-size:14px;letter-spacing:.2em;cursor:pointer}
.chapno{font-size:12px;letter-spacing:.35em;color:var(--accent);margin-bottom:8px}
h1.chaptitle{font-size:30px;font-weight:600;letter-spacing:.14em;margin-bottom:28px}
.modebar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--gray);margin-bottom:28px}
.modebar>span{letter-spacing:.2em;margin-right:6px}
.modebar button{font-family:inherit;font-size:13px;padding:6px 16px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:2px;cursor:pointer;letter-spacing:.1em}
.modebar button.on{border-color:var(--accent);color:var(--accent);background:var(--paper)}
.para{position:relative;padding-left:20px;margin-bottom:34px}
.para .anchor{position:absolute;left:0;top:10px;width:3px;height:calc(100% - 16px);background:var(--line);cursor:pointer}
.para:hover .anchor{background:var(--accent)}
.original{font-size:18px;line-height:2.15;letter-spacing:.04em}
.trans{font-size:14.5px;color:var(--gray);margin-top:10px;line-height:2}
.trans b{color:var(--faint);font-weight:400;font-size:12px;margin-right:8px;letter-spacing:.15em}
/* 四种阅读模式：纯本地确定性切换（仅显示层，不改原文、不调模型、不重写译文数据）。
   无人工译文的段落不渲染空态文案；对照模式仅显示已有译文的段落。 */
body[data-mode="trad"] .t-simp,body[data-mode="trad"] .trans{display:none}
body[data-mode="simp"] .t-trad,body[data-mode="simp"] .trans{display:none}
body[data-mode="tran"] .t-trad,body[data-mode="tran"] .t-simp{display:none}
body[data-mode="comp"] .t-simp{display:none}
body[data-mode="comp"] .para.notrans{display:none}
body[data-mode="comp"] .t-trad::before,body[data-mode="comp"] .trans::before{font-size:11px;color:var(--faint);margin-right:8px;letter-spacing:.2em}
body[data-mode="comp"] .t-trad::before{content:"原"}
body[data-mode="comp"] .trans::before{content:"译"}
.entlink{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent)}
.pagenav{display:flex;justify-content:space-between;margin-top:56px;font-size:13.5px}
.pagenav a{color:var(--gray);text-decoration:none;border:1px solid var(--line);border-radius:2px;padding:10px 18px;background:var(--card)}
.pagenav a:hover{color:var(--accent);border-color:var(--accent)}
.enthead{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:28px;flex-wrap:wrap}
.entname{font-size:32px;font-weight:600;letter-spacing:.1em}
.enttype{font-size:12.5px;color:var(--gray)}
.block{margin-bottom:32px}
.blocktitle{font-size:12.5px;letter-spacing:.25em;color:var(--gray);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.blocktitle::after{content:"";flex:1;height:1px;background:var(--line)}
.occur{list-style:none}
.occur li{display:flex;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}
.occur .ch{color:var(--accent);flex:none;letter-spacing:.05em}
.occur .ex{color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 实体索引交互改版：分类 chips、快捷区、折叠/显示全部、返回分类导航、
   “有说明”标记与约 44px 行点击区。折叠只改视觉（全量行恒在 DOM）。 */
.catbar{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 6px}
a.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:2px;color:var(--ink);text-decoration:none;font-size:13.5px;background:var(--card);letter-spacing:.05em;box-sizing:border-box}
a.chip span{color:var(--faint);font-size:11.5px}
a.chip:hover,a.chip:focus-visible{border-color:var(--accent);color:var(--accent)}
details.quick{margin:20px 0 8px;border:1px solid var(--line);border-radius:3px;background:var(--card)}
details.quick summary{cursor:pointer;padding:14px 16px;font-size:13px;letter-spacing:.15em;color:var(--gray);list-style:none}
details.quick summary::-webkit-details-marker{display:none}
details.quick summary::before{content:"▸ ";color:var(--accent)}
details.quick[open] summary::before{content:"▾ "}
details.quick .occur{padding:0 16px 10px}
.occur.folded li:nth-child(n+51){display:none}
.morewrap{margin:12px 0 4px}
button.more{font-family:inherit;font-size:13.5px;min-height:44px;padding:8px 20px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:2px;cursor:pointer;letter-spacing:.08em;box-sizing:border-box}
button.more:hover,button.more:focus-visible{border-color:var(--accent);color:var(--accent)}
a.backtop{display:inline-block;min-height:44px;line-height:44px;margin:8px 0 4px;font-size:12.5px;color:var(--faint);text-decoration:none;letter-spacing:.08em}
a.backtop:hover,a.backtop:focus-visible{color:var(--accent)}
.occur .alias{color:var(--faint);font-size:12px;margin-left:6px}
.hasnote{display:inline-block;flex:none;font-size:11px;line-height:1;padding:4px 7px;border-radius:2px;color:var(--accent);border:1px solid var(--accent);margin-left:auto;letter-spacing:.08em}
.occur li{min-height:44px;align-items:center;box-sizing:border-box}
.occur .ch a{display:inline-flex;align-items:center;min-height:44px}
.yayoi{background:var(--paper);border-left:3px solid var(--accent);padding:18px 22px;font-size:14.5px}
.yayoi .sig{margin-top:10px;font-size:12px;color:var(--gray);letter-spacing:.1em}
/* 词条说明（阅读优先）：正文为词条页主阅读内容（不小于章节原文 18px、深色、行距舒适），
   本书另见／资料依据／AI 整理为小字次级信息。 */
.aicand-body{font-size:18px;line-height:2.15;color:var(--ink);letter-spacing:.04em;margin-bottom:6px}
.aicand-meta{font-size:12.5px;color:var(--faint);margin-top:4px}
.reserved{border:1.5px dashed var(--line);border-radius:3px;padding:18px 22px;color:var(--faint);font-size:13px;text-align:center;letter-spacing:.1em}
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kv{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);font-size:14px}
.kv td{border-bottom:1px solid var(--line);padding:12px 16px;vertical-align:top}
.kv td:first-child{width:150px;color:var(--gray);background:var(--paper)}
code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:1px 5px;word-break:break-all}
.princ{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.princ .p{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:3px;padding:18px 20px}
.princ .p b{display:block;margin-bottom:8px;letter-spacing:.1em}
.princ .p span{font-size:13px;color:var(--gray)}
@media(max-width:640px){.wrap{padding:32px 18px 64px}.rgrid{grid-template-columns:1fr}
/* 首页书感首屏（小屏）：封面→标题简介→主按钮→两条导航，单列不横向溢出 */
.home{grid-template-columns:1fr;gap:30px;margin:0 -18px;padding:42px 18px 118px;min-height:0;background-position:58% bottom}
.coverwrap{grid-column:1;grid-row:1;justify-self:center;max-width:300px}
.lead{grid-column:1;grid-row:2}
.lead h1{font-size:30px}
/* 读者界面收口：手机宽度下导航可换行且可点（≥约44px 点击区，不用粘性定位与滚动偏移） */
nav{flex-wrap:wrap;row-gap:10px}
nav a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}}
