/* ============================================================
   全站界面 v2：详情页 / 内容页与紧凑列表统一视觉
   —— 只覆盖现有类（不改结构），放在 list-v2.css 之后生效
   语言：白底 + 1px 细边 + 12–14px 圆角（去掉厚阴影与灰底）
        标题深墨色、正文中灰、元信息浅灰；区块标题带主色小竖条
   ============================================================ */
:root {
  --l2-line: #e7eef1;
  --l2-ink: #0c2a31;
  --l2-ink-2: #47676f;
  --l2-ink-3: #7b98a0;
  --l2-radius: 14px;
}

/* ---------- 面包屑 ---------- */
.crumbs { font-size: .78rem; color: var(--l2-ink-3); }
.crumbs a { color: var(--l2-ink-3); text-decoration: none; }
.crumbs a:hover { color: var(--primary-600); }
.crumbs i { font-size: .58rem; margin: 0 6px; color: #c3d4d9; }

/* ---------- 内容块：一律扁平白卡 ---------- */
.content-box {
  background: #fff;
  border: 1px solid var(--l2-line);
  border-radius: var(--l2-radius);
  box-shadow: none;
  padding: 16px 18px;
}
.content-box:hover { border-color: var(--l2-line); }
.content-box > h2, .content-box > h3, .content-box > h4 {
  font-family: var(--font-head); color: var(--l2-ink); letter-spacing: -.2px;
}
.content-box > h2 { font-size: 1.02rem; }
.content-box > h3 { font-size: .95rem; }
.content-box p, .content-box li { color: var(--l2-ink-2); }

/* ---------- 区块标题：主色小竖条 + 更紧的间距 ---------- */
.section-header { margin: 18px 0 10px; }
.section-header h2 {
  display: flex; align-items: center; gap: 9px;
  font-family: var(--font-head); font-size: 1.05rem; font-weight: 800;
  color: var(--l2-ink); letter-spacing: -.2px;
}
.section-header .sec-ico {
  width: 26px; height: 26px; border-radius: 8px; font-size: .78rem;
  box-shadow: none; background: var(--primary-50) !important; color: var(--primary-600) !important;
}
.section-header .sec-count {
  font-size: .72rem; font-weight: 600; color: var(--l2-ink-3);
  background: #f1f6f8; border-radius: 6px; padding: 2px 8px;
}
.st-head { margin-bottom: 10px; }
.st-head h2 { font-size: 1.05rem; color: var(--l2-ink); }
.st-sub { font-size: .78rem; color: var(--l2-ink-3); }

/* ---------- 徽章/标签：小而饱和 ---------- */
.tag-level {
  font-size: .7rem; font-weight: 700; padding: 3px 9px; border-radius: 6px; gap: 4px;
}
.tag-blue   { background: var(--primary-50); color: var(--accent-600); }
.tag-green  { background: #e6f6ef;           color: #0a7d5c; }
.tag-amber  { background: #fff4e0;           color: #a15c00; }
.tag-violet { background: #efeafe;           color: #5b45b0; }
.tag-gray   { background: #eef3f5;           color: #4c6b73; }
.tag-rose   { background: #fdeaef;           color: #b3375c; }

/* ---------- 按钮 ---------- */
.btn-pill {
  border-radius: 10px; box-shadow: none; font-weight: 700; font-size: .82rem;
  padding: 9px 16px; border: 1px solid var(--primary);
}
.btn-pill:hover { box-shadow: none; }
.btn-sm-pill { padding: 6px 12px; font-size: .76rem; }

/* ---------- 详情页两栏 ---------- */
.detail-layout { gap: 22px; margin-top: 20px; }
.detail-aside > *, .detail-aside .content-box { border-radius: var(--l2-radius); }

/* ---------- 速览卡（事实/数据） ---------- */
.facts-card { border: 1px solid var(--l2-line); border-radius: var(--l2-radius); box-shadow: none; padding: 14px 16px; }
.facts-card .fc-head { font-size: .8rem; font-weight: 700; color: var(--l2-ink); }
.facts-card .fact { padding: 7px 0; font-size: .8rem; }
.facts-card .fact .k { color: var(--l2-ink-3); }
.facts-card .fact .v { color: var(--l2-ink); font-weight: 700; }

/* ---------- 侧栏锚点导航 ---------- */
.guide-nav a { border-radius: 9px; font-size: .8rem; }
.guide-nav a:hover, .guide-nav a.active { background: var(--primary-50); color: var(--accent-600); }

/* ---------- 通用卡片（搜索页/列表余留） ---------- */
.card-modern, .grid-cards .card-modern {
  border-radius: var(--l2-radius); border: 1px solid var(--l2-line); box-shadow: none;
}
.card-modern:hover { box-shadow: 0 3px 14px rgba(12, 42, 49, .07); }
.card-overlay h5 { color: #fff; }
.home-card-desc { font-size: .76rem; }

/* ---------- 空态 ---------- */
.empty-state { border: 1px dashed var(--l2-line); border-radius: var(--l2-radius); background: #fcfefe; color: var(--l2-ink-3); }

/* ---------- 表单控件统一 ---------- */
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=search], select, textarea {
  border-radius: 10px;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-100); }

/* 中文原文提示：英文页的结构化资料若只有中文，在「数据一览」标题下给一行说明 */
.st-src-note {
  margin: -2px 0 10px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--muted, #6b7280);
}
.st-src-note::before { content: "🌐 "; }
html[data-theme="dark"] .st-src-note { color: #93a7ad; }
/* 「中文原文」角标：小标题旁边标注这段长文只有中文原始资料 */
.st-src-inline {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  vertical-align: middle;
  color: #8a6d3b;
  background: #fdf3e0;
  border: 1px solid #f0dcb4;
  cursor: help;
}
html[data-theme="dark"] .st-src-inline { color: #f0c98a; background: #3a2f1c; border-color: #5a482a; }