/* 暖金阅读主题 */
:root {
  --bg: #faf5ea;          /* 米白暖底 */
  --card: #fffdf6;
  --ink: #3d2f1d;         /* 深棕正文 */
  --ink-soft: #6b5a42;
  --gold: #b8860b;
  --gold-soft: #c9a227;
  --gold-line: #e5d5a8;
  --en: #4a3f30;
  --radius: 14px;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink);
  font-family: "PingFang SC", "Source Han Serif SC", Georgia, serif;
  background-image: radial-gradient(circle at 20% 0%, #f5ead0 0%, transparent 55%),
                    radial-gradient(circle at 90% 100%, #f3e7c8 0%, transparent 50%); }

/* 顶栏：玻璃拟态 */
#hdr { position: sticky; top: 0; z-index: 50;
  background: rgba(250,245,234,.82); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--gold-line); }
#hdr-inner { max-width: 860px; margin: 0 auto; display: flex; justify-content: space-between;
  align-items: center; padding: 10px 16px; }
#brand { color: var(--gold); text-decoration: none; font-weight: 700; font-size: 16px; letter-spacing: .5px; }
#hdr-right { display: flex; gap: 8px; }
.seg { display: flex; border: 1px solid var(--gold-line); border-radius: 9px; overflow: hidden; background: var(--card); }
.seg button { border: 0; background: none; padding: 5px 12px; font-size: 12.5px; color: var(--ink-soft); cursor: pointer; }
.seg button.on { background: var(--gold); color: #fff; }
#progress { height: 3px; background: transparent; }
#progress-bar { height: 100%; width: 0; background: linear-gradient(90deg, var(--gold-soft), var(--gold));
  transition: width .15s; }

main { max-width: 860px; margin: 0 auto; padding: 0 16px 60px; }
.hidden { display: none !important; }

/* 目录页 */
#hero { text-align: center; padding: 54px 0 26px; }
#hero h1 { font-size: 34px; margin: 0 0 8px; color: var(--ink);
  background: linear-gradient(120deg, #7a5310, var(--gold) 45%, #7a5310);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#hero .sub { color: var(--gold); font-size: 15px; letter-spacing: 1px; margin: 4px 0; }
#hero .sub2 { color: var(--ink-soft); font-size: 13px; }
#searchBox { margin-top: 18px; }
#search { width: min(420px, 90%); padding: 11px 16px; border-radius: 24px; font-size: 14px;
  border: 1px solid var(--gold-line); background: var(--card); color: var(--ink); outline: none;
  box-shadow: 0 2px 10px rgba(184,134,11,.08); }
#search:focus { border-color: var(--gold); }

.era { margin: 30px 0 10px; font-size: 15px; color: var(--gold); font-weight: 700;
  border-left: 3px solid var(--gold); padding-left: 10px; }
.card { display: flex; align-items: baseline; gap: 12px; background: var(--card);
  border: 1px solid var(--gold-line); border-radius: var(--radius); padding: 13px 18px; margin: 8px 0;
  cursor: pointer; transition: transform .15s, box-shadow .15s, border-color .15s; text-decoration: none; color: inherit; }
.card:hover { transform: translateY(-2px); border-color: var(--gold);
  box-shadow: 0 6px 18px rgba(184,134,11,.13); }
.card .yr { font-size: 19px; font-weight: 700; color: var(--gold); min-width: 58px; font-family: Georgia, serif; }
.card .ti { flex: 1; font-size: 14.5px; }
.card .meta { font-size: 12px; color: var(--ink-soft); }
.card .keep { font-size: 11.5px; color: #fff; background: var(--gold-soft); border-radius: 6px; padding: 2px 8px; }

/* 阅读页 */
#reader-head { display: flex; align-items: center; justify-content: space-between;
  margin: 22px 0 6px; gap: 8px; }
#rTitle { font-size: 20px; color: var(--ink); margin: 0; text-align: center; flex: 1; }
.navL { color: var(--gold); font-size: 13px; cursor: pointer; white-space: nowrap; }
.navL:hover { text-decoration: underline; }
.navL.dis { color: #c9bfa8; pointer-events: none; }

.para { margin: 15px 0; padding: 12px 16px; border-radius: 10px; transition: background .2s; }
.para:hover { background: rgba(201,162,39,.07); }
.para .en { font-family: Georgia, "Times New Roman", serif; color: var(--en);
  font-size: calc(var(--fs, 16px) * 0.94); line-height: 1.65; margin: 0 0 5px; }
.para .zh { font-size: var(--fs, 16px); line-height: 1.8; color: var(--ink); margin: 0;
  padding-left: 12px; border-left: 3px solid var(--gold-line); }
body.m-zh .para .en { display: none; }
body.m-en .para .zh { display: none; }
body.m-zh .para .zh, body.m-en .para .en { border: 0; padding-left: 0; }

#reader-foot { display: flex; justify-content: space-between; margin: 34px 0 10px;
  border-top: 1px solid var(--gold-line); padding-top: 16px; font-size: 14px; }
#backHome { color: var(--ink-soft); text-decoration: none; }
#backHome:hover { color: var(--gold); }
#reader .loading { text-align: center; color: var(--ink-soft); padding: 60px 0; }

footer { text-align: center; color: #a89880; font-size: 12px; padding: 22px 0 30px;
  border-top: 1px solid var(--gold-line); }
@media (max-width: 640px) {
  #hero h1 { font-size: 26px; }
  #rTitle { font-size: 16px; }
}