/* ===================================================================
   jesuss.love · 圣经读书笔记 — 深色金边衬线主题
   设计语言对齐真实站点：暗底 #1a1410 + 金 #c4a35a + 衬线 Noto Serif SC
   =================================================================== */
:root{
  --bg:#1a1410;
  --bg-card:#221a14;
  --bg-elevated:#2a1f18;
  --border:rgba(196,163,90,.15);
  --border-strong:rgba(196,163,90,.32);
  --gold:#c4a35a;
  --gold-bright:#e9c46a;
  --red:#e94560;
  --blue:#6ab0e0;
  --purple:#b08ae0;
  --text:#e8e0d4;
  --text-dim:#a89888;
  --text-faint:#8a7a68;
  --serif:'Noto Serif SC','Songti SC','SimSun','STSong',serif;
  --sans:'Noto Sans SC',system-ui,-apple-system,'PingFang SC',sans-serif;
  --radius:14px;
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--serif);
  background:var(--bg);
  color:var(--text);
  line-height:1.85;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 600px at 80% -10%,rgba(196,163,90,.10),transparent 60%),
                   radial-gradient(900px 500px at -10% 10%,rgba(196,163,90,.06),transparent 55%);
}
a{color:var(--gold-bright);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---------- 顶部导航 ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(26,20,16,.82);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:19px;color:var(--text);letter-spacing:.5px}
.brand .mark{color:var(--gold);font-size:22px}
.brand small{font-family:var(--sans);font-weight:400;font-size:12px;color:var(--text-faint);letter-spacing:2px}
.nav-links{display:flex;gap:26px;font-family:var(--sans);font-size:15px}
.nav-links a{color:var(--text-dim);font-weight:500}
.nav-links a:hover,.nav-links a.active{color:var(--gold-bright)}
.nav-cta{
  font-family:var(--sans);font-size:14px;font-weight:600;
  padding:9px 18px;border-radius:999px;
  border:1px solid var(--border-strong);color:var(--gold-bright);
  background:linear-gradient(180deg,rgba(196,163,90,.14),rgba(196,163,90,.04));
}
.nav-cta:hover{background:rgba(196,163,90,.2);color:#fff}
.nav-toggle{display:none;background:none;border:1px solid var(--border-strong);color:var(--gold);border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer}

/* ---------- Hero ---------- */
.hero{padding:74px 0 48px;text-align:center}
.hero .eyebrow{font-family:var(--sans);letter-spacing:6px;font-size:12px;color:var(--gold);text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.2;font-weight:700;letter-spacing:1px;margin-bottom:18px}
.hero h1 .accent{color:var(--gold-bright)}
.hero p.lead{font-size:18px;color:var(--text-dim);max-width:680px;margin:0 auto 30px}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 按钮 ---------- */
.btn{font-family:var(--sans);font-size:15px;font-weight:600;padding:13px 26px;border-radius:999px;display:inline-block;transition:.2s;cursor:pointer;border:1px solid transparent}
.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241a0c;box-shadow:0 8px 26px rgba(196,163,90,.28)}
.btn-primary:hover{filter:brightness(1.06);color:#1a1206}
.btn-ghost{border-color:var(--border-strong);color:var(--gold-bright);background:rgba(196,163,90,.06)}
.btn-ghost:hover{background:rgba(196,163,90,.16)}
.btn-light{background:rgba(232,224,212,.92);color:#241a0c;border-color:transparent}
.btn-light:hover{background:#fff}

/* ---------- 统计 ---------- */
.stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:38px 0 8px}
.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 26px;min-width:130px;text-align:center}
.stat .num{font-size:30px;font-weight:700;color:var(--gold-bright);font-family:var(--serif)}
.stat .label{font-family:var(--sans);font-size:13px;color:var(--text-dim);margin-top:4px;letter-spacing:1px}

/* ---------- 特性卡片 ---------- */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:30px 0 10px}
.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px;transition:.25s}
.feature:hover{border-color:var(--border-strong);transform:translateY(-3px);background:var(--bg-elevated)}
.feature .ico{font-size:26px;margin-bottom:12px;display:block}
.feature h3{font-size:20px;color:var(--text);margin-bottom:10px}
.feature p{color:var(--text-dim);font-size:15px}
.feature .more{font-family:var(--sans);font-size:14px;color:var(--gold-bright);display:inline-block;margin-top:14px}

/* ---------- 区块标题 ---------- */
.section{padding:34px 0}
.section h2{font-size:clamp(22px,3.4vw,30px);color:var(--text);margin:6px 0 18px;font-weight:700;display:flex;align-items:center;gap:10px}
.section h2 .mk{color:var(--gold)}
.section h3{font-size:19px;color:var(--gold-bright);margin:22px 0 10px;font-weight:600}
.section p{color:var(--text-dim);margin:10px 0}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent);margin:8px 0 4px}

/* ---------- 引用 / 金句 ---------- */
blockquote{
  border-left:3px solid var(--gold);background:rgba(196,163,90,.07);
  padding:14px 20px;margin:16px 0;border-radius:0 10px 10px 0;color:var(--text);font-style:normal;
}
.verse{color:var(--text);background:linear-gradient(180deg,rgba(196,163,90,.10),rgba(196,163,90,.03));border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin:16px 0}
.verse .vt{font-size:21px;line-height:1.9;color:var(--text)}
.verse .vr{font-family:var(--sans);font-size:13px;color:var(--gold);margin-top:10px;letter-spacing:1px}

/* ---------- 每日经文大卡 ---------- */
.daily-card{
  max-width:760px;margin:10px auto;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-card));
  border:1px solid var(--border-strong);border-radius:20px;padding:46px 40px;text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.4);
}
.daily-card .dt{font-family:var(--sans);font-size:13px;color:var(--gold);letter-spacing:3px;text-transform:uppercase}
.daily-card .dv{font-size:clamp(22px,3.6vw,30px);line-height:1.7;margin:20px 0;color:#fff}
.daily-card .dr{font-family:var(--sans);font-size:15px;color:var(--gold-bright);letter-spacing:1px}

/* ---------- 金句画廊 ---------- */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:18px}
.gallery .g{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px 16px}
.gallery .g .gt{font-size:16px;color:var(--text);line-height:1.7}
.gallery .g .gr{font-family:var(--sans);font-size:12px;color:var(--gold);margin-top:8px}

/* ---------- 页签 ---------- */
.tabs-nav{display:flex;gap:6px;overflow-x:auto;padding:10px 2px 16px;border-bottom:1px solid var(--border);scrollbar-width:thin}
.tabs-nav::-webkit-scrollbar{height:6px}
.tabs-nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}
.tab-btn{
  flex:0 0 auto;font-family:var(--sans);font-size:14.5px;font-weight:600;white-space:nowrap;
  padding:11px 18px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);
  background:var(--bg-card);cursor:pointer;transition:.2s;
}
.tab-btn:hover{color:var(--gold-bright);border-color:var(--border-strong)}
.tab-btn.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241a0c;border-color:transparent}
.tab-panel{display:none;animation:fade .35s ease}
.tab-panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.subtabs{display:flex;gap:8px;margin:14px 0 22px;flex-wrap:wrap}
.subtab{font-family:var(--sans);font-size:13.5px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-card);cursor:pointer}
.subtab.active{color:var(--gold-bright);border-color:var(--border-strong);background:rgba(196,163,90,.1)}

/* ---------- 漫画 / 图片网格 ---------- */
.figure{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:18px 0}
.figure img{border-radius:0;width:100%;background:#0e0a07}
.figure figcaption{font-family:var(--sans);font-size:13.5px;color:var(--text-dim);padding:12px 16px;border-top:1px solid var(--border)}
.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.comic-grid .figure{margin:0}

/* ---------- 预表表 / 数据表 ---------- */
.tbl-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--border);border-radius:12px}
table.tbl{width:100%;border-collapse:collapse;font-size:14.5px;font-family:var(--sans)}
table.tbl th,table.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
table.tbl th{background:var(--bg-elevated);color:var(--gold-bright);font-weight:600;letter-spacing:.5px}
table.tbl tr:last-child td{border-bottom:none}
table.tbl td .ot{color:var(--text)}
table.tbl td .nt{color:var(--blue)}

/* ---------- 时间轴 ---------- */
.timeline{position:relative;margin:22px 0 8px;padding-left:26px}
.timeline::before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--gold),transparent)}
.tl-item{position:relative;padding:0 0 22px 18px}
.tl-item::before{content:"";position:absolute;left:-23px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(196,163,90,.18)}
.tl-item .tl-time{font-family:var(--sans);font-size:12.5px;color:var(--gold);letter-spacing:1px}
.tl-item .tl-title{font-size:17px;color:var(--text);font-weight:600;margin:2px 0 4px}
.tl-item .tl-desc{color:var(--text-dim);font-size:14.5px}

/* ---------- 卡片网格（人物/地点/事件） ---------- */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}
.mini-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 16px;transition:.2s}
.mini-card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}
.mini-card .mc-t{color:var(--gold-bright);font-size:16px;font-weight:600;margin-bottom:6px;font-family:var(--sans)}
.mini-card .mc-d{color:var(--text-dim);font-size:13.5px;line-height:1.6}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{font-family:var(--sans);font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--border-strong);color:var(--gold-bright);background:rgba(196,163,90,.08)}

/* ---------- 经文阅读器 ---------- */
.reader{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px;margin-top:16px}
.reader-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.reader-controls select,.reader-controls input{
  font-family:var(--sans);font-size:14px;background:var(--bg-elevated);color:var(--text);
  border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;
}
.reader-controls input{flex:1;min-width:160px}
.reader-controls .rbtn{font-family:var(--sans);font-size:13px;padding:9px 16px;border-radius:10px;border:1px solid var(--border-strong);background:rgba(196,163,90,.1);color:var(--gold-bright);cursor:pointer}
.reader-controls .rbtn:hover{background:rgba(196,163,90,.2)}
.reader-body{font-size:17px;line-height:2;color:var(--text)}
.reader-body .v{padding:2px 0}
.reader-body .vn{color:var(--gold);font-size:12px;font-family:var(--sans);vertical-align:super;margin-right:6px}
.reader-body .hl{background:rgba(233,196,106,.32);border-radius:3px;padding:0 2px;color:#fff}
.reader-head{font-family:var(--sans);color:var(--gold);letter-spacing:2px;font-size:13px;margin-bottom:10px;text-transform:uppercase}

/* ---------- CTA / Footer ---------- */
.cta{background:linear-gradient(160deg,var(--bg-elevated),var(--bg-card));border:1px solid var(--border-strong);border-radius:20px;padding:46px 30px;text-align:center;margin:40px auto}
.cta h2{font-size:28px;color:var(--text);margin-bottom:12px}
.cta p{color:var(--text-dim);max-width:560px;margin:0 auto 22px}
.footer{border-top:1px solid var(--border);padding:34px 0 50px;text-align:center;color:var(--text-dim);font-family:var(--sans);font-size:13px}
.footer .links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.footer .links a{color:var(--text-dim)}

/* ---------- 子页签面板（圣经查考：每日金句 / 圣经原文） ---------- */
.sub-panel{display:none}
.sub-panel.active{display:block}

/* ---------- bible.html 兼容组件（深色主题迁移遗留） ---------- */
.logo{color:var(--gold);font-size:22px;line-height:1}
.domain{color:var(--gold)}
.page-head{padding:56px 0 12px;text-align:center}
.page-head h1{font-size:clamp(28px,4.5vw,42px);color:var(--text);margin-bottom:10px;font-weight:700}
.page-head p{color:var(--text-dim);max-width:640px;margin:0 auto;font-size:16px}
.reader-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.reader-bar label{font-family:var(--sans);font-size:14px;color:var(--text-dim);white-space:nowrap}
.reader-bar select,.reader-bar .search{font-family:var(--sans);font-size:14px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px}
.reader-bar .search{flex:1;min-width:180px}
.reader-empty{color:var(--text-dim);text-align:center;padding:34px 0;font-family:var(--sans)}
.footer-inner{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap;text-align:left;margin-bottom:22px}
.footer-cols{display:flex;gap:54px;flex-wrap:wrap}
.footer-col h4{color:var(--gold-bright);font-family:var(--sans);font-size:14px;margin-bottom:12px;letter-spacing:1px}
.footer-col a{display:block;color:var(--text-dim);font-family:var(--sans);font-size:14px;padding:5px 0;transition:.2s}
.footer-col a:hover{color:var(--gold-bright)}
.footer-bottom{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:18px;margin-top:6px;color:var(--text-dim);font-family:var(--sans);font-size:13px}
.tagline{color:var(--text-dim);font-size:14px;margin-top:12px;max-width:420px;line-height:1.7}

/* ---------- index.html 区块头 ---------- */
.section-head{margin-bottom:8px}

/* ---------- 图片灯箱 ---------- */
.figure img,.comic-grid .figure img{cursor:zoom-in;transition:transform .3s}
.figure img:hover,.comic-grid .figure img:hover{transform:scale(1.01)}
.lb{position:fixed;inset:0;background:rgba(8,5,3,.92);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:999;padding:5vh 5vw;cursor:zoom-out;animation:fade .25s ease}
.lb.open{display:flex}
.lb img{max-width:100%;max-height:82vh;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.7);background:#0e0a07}
.lb .lb-cap{font-family:var(--sans);font-size:13.5px;color:var(--text-dim);margin-top:14px;text-align:center;max-width:80vw}
.lb .lb-close{position:absolute;top:16px;right:22px;font-size:30px;color:var(--text-dim);background:none;border:none;cursor:pointer;line-height:1}

/* ---------- 全本圣经阅读器（新版） ---------- */
.br-layout{display:flex;gap:22px;align-items:flex-start;margin-top:8px}
.br-side{
  flex:0 0 244px;align-self:stretch;position:sticky;top:78px;
  background:var(--bg-card);border:1px solid var(--border);border-radius:16px;
  max-height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden;
}
.br-side-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-family:var(--sans);font-size:14px;font-weight:600;color:var(--gold-bright);letter-spacing:1px}
.br-side-toggle{background:none;border:1px solid var(--border-strong);color:var(--gold);border-radius:8px;width:30px;height:28px;cursor:pointer;font-size:14px;line-height:1}
.br-books{overflow-y:auto;padding:10px 12px 16px;scrollbar-width:thin}
.br-books::-webkit-scrollbar{width:7px}
.br-books::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}
.br-group-title{font-family:var(--sans);font-size:12px;letter-spacing:2px;color:var(--text-faint);text-transform:uppercase;margin:14px 4px 8px}
.br-group-title:first-child{margin-top:2px}
.br-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.br-book{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  font-family:var(--sans);background:var(--bg-elevated);border:1px solid var(--border);
  border-radius:10px;padding:8px 10px;cursor:pointer;transition:.18s;text-align:left;
}
.br-book:hover{border-color:var(--border-strong);background:rgba(196,163,90,.08)}
.br-book.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:transparent;color:#241a0c}
.br-book.active .br-book-meta{color:rgba(36,26,12,.7)}
.br-book-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.br-book.active .br-book-name{color:#241a0c}
.br-book-meta{font-size:10.5px;color:var(--text-faint)}

.br-main{flex:1;min-width:0}
.br-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.br-crumb{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--gold-bright);letter-spacing:.5px}
.br-tools{display:flex;gap:8px;flex-wrap:wrap}
.br-fbtn{font-family:var(--sans);font-size:13px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-strong);background:rgba(196,163,90,.08);color:var(--gold-bright);cursor:pointer;transition:.18s;white-space:nowrap}
.br-fbtn:hover{background:rgba(196,163,90,.18)}
.br-fbtn.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241a0c;border-color:transparent}
.br-bm-cur.active{background:rgba(196,163,90,.22);color:var(--gold-bright);border-color:var(--gold)}

.br-search{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:8px 10px 8px 14px;margin-bottom:16px}
.br-search-ico{font-size:15px;opacity:.7}
.br-search input{flex:1;min-width:120px;background:none;border:none;outline:none;color:var(--text);font-family:var(--sans);font-size:15px;padding:6px 0}
.br-search input::placeholder{color:var(--text-faint)}
.br-search-btn{font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 16px;border-radius:9px;border:none;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241a0c;cursor:pointer}
.br-search-btn:hover{filter:brightness(1.06)}
.br-search-info{font-family:var(--sans);font-size:12px;color:var(--text-faint);white-space:nowrap}

.br-chaps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.br-chap{font-family:var(--sans);font-size:13.5px;min-width:38px;padding:8px 0;border-radius:9px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);cursor:pointer;transition:.16s;text-align:center}
.br-chap:hover{border-color:var(--border-strong);color:var(--gold-bright)}
.br-chap.active{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241a0c;border-color:transparent;font-weight:600}

.br-verses{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 26px;max-height:calc(100vh - 260px);overflow-y:auto;scrollbar-width:thin;line-height:1.95}
.br-verses::-webkit-scrollbar{width:8px}
.br-verses::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}
.br-chap-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:22px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.br-chap-count{font-family:var(--sans);font-size:13px;color:var(--text-faint);font-weight:400}
.br-vrow{display:flex;gap:12px;padding:7px 8px;border-radius:8px;transition:background .15s}
.br-vrow:hover{background:rgba(196,163,90,.06)}
.br-vnum{flex:0 0 auto;font-family:var(--sans);font-size:12px;color:var(--gold);background:none;border:1px solid var(--border);border-radius:6px;width:24px;height:24px;cursor:pointer;margin-top:5px;transition:.15s}
.br-vnum:hover{background:var(--gold);color:#241a0c;border-color:transparent}
.br-vtext{flex:1;font-family:var(--serif);color:var(--text);text-align:justify}
.br-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.br-foot .btn{flex:1}

.br-results,.br-bm{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-width:thin}
.br-res-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:15px;font-weight:600;color:var(--gold-bright);margin-bottom:14px}
.br-back{font-family:var(--sans);font-size:13px;padding:7px 14px;border-radius:9px;border:1px solid var(--border-strong);background:rgba(196,163,90,.08);color:var(--gold-bright);cursor:pointer}
.br-back:hover{background:rgba(196,163,90,.18)}
.br-res-list,.br-bm-list{display:flex;flex-direction:column;gap:10px}
.br-res{padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-elevated);cursor:pointer;transition:.16s}
.br-res:hover{border-color:var(--border-strong);background:rgba(196,163,90,.07)}
.br-res-ref{font-family:var(--sans);font-size:13px;color:var(--gold);margin-bottom:5px;letter-spacing:.5px}
.br-res-txt{font-family:var(--serif);font-size:15.5px;color:var(--text);line-height:1.75}
.br-bm-item{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid var(--border);border-radius:11px;background:var(--bg-elevated);cursor:pointer;transition:.16s}
.br-bm-item:hover{border-color:var(--border-strong);background:rgba(196,163,90,.07)}
.br-bm-ref{font-family:var(--serif);font-size:16px;color:var(--text)}
.br-bm-del{background:none;border:none;color:var(--text-faint);font-size:16px;cursor:pointer;padding:4px 8px}
.br-bm-del:hover{color:var(--red)}
mark{background:rgba(233,196,106,.34);color:#fff;border-radius:3px;padding:0 2px}

.br-toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(12px);background:rgba(42,31,24,.96);border:1px solid var(--border-strong);color:var(--gold-bright);font-family:var(--sans);font-size:14px;padding:11px 20px;border-radius:999px;opacity:0;transition:.28s;z-index:999;box-shadow:0 12px 36px rgba(0,0,0,.5)}
.br-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- 响应式 ---------- */
@media(max-width:760px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:rgba(26,20,16,.97);border-bottom:1px solid var(--border);padding:8px 0}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 22px}
  .nav-toggle{display:block}
  .features{grid-template-columns:1fr}
  .daily-card{padding:34px 22px}
}

/* 阅读器：中等/窄屏侧栏折叠为抽屉 */
@media(max-width:980px){
  .br-layout{flex-direction:column;gap:14px}
  .br-side{position:static;flex:1 1 auto;max-height:none;width:100%;display:none}
  .br-side.open{display:flex}
  .br-books{max-height:340px}
  .br-verses{max-height:62vh}
  .br-results,.br-bm{max-height:70vh}
}
@media(max-width:520px){
  .br-group{grid-template-columns:1fr 1fr}
  .br-verses{padding:18px 16px}
  .br-chap-title{font-size:19px}
}