/* ==========================================================================
   skin-gov-doc.css  ·  政务公文风（宋体 / 红头 / 表格密排）
   素材来源（真实扒取，GB/T 9704-2012 参数，未手编）：
     1) kwhao/cn-gov-doc-style — css/cn-gov-doc.css
        字号阶梯 初号44pt / 一号26pt / 二号22pt / 三号16pt / 四号14pt / 五号10.5pt
        正文 三号(16pt) 仿宋 + 行距 29.45pt + 首行缩进 2em + 两端对齐
        红头色 --font-title-red: #ED1B23
     2) @maxoyed/ode-core — dist/styles.css
        A4 210×297mm，版心 156×225mm，天头37 / 订口28 / 切口26 / 地脚35mm
        正文字体栈 "仿宋_GB2312","仿宋","FangSong","STFangsong"…
        标题字体栈 "方正小标宋简体","STZhongsong","华文中宋"…
        红头色 --odoc-red: #e60012；画布底 --odoc-canvas-bg: #f0f1f3
   启用：<html data-fh-skin="gov">
   ========================================================================== */

html[data-fh-skin="gov"] {
  /* 公文字体栈（取自 ode-core） */
  --gov-font-title: "方正小标宋简体", "STZhongsong", "华文中宋", "Source Han Serif SC", "Noto Serif SC", "宋体", SimSun, serif;
  --gov-font-body: "仿宋_GB2312", "仿宋", FangSong, "STFangsong", "Source Han Serif SC", "Noto Serif SC", serif;
  --gov-font-heiti: "黑体", SimHei, STHeiti, "Source Han Sans SC", "Noto Sans SC", sans-serif;
  --gov-font-song: "宋体", SimSun, STSong, "Source Han Serif SC", serif;
  --gov-red: #e60012;
  --gov-ink: #000000;
  --gov-canvas: #f0f1f3;
  --gov-rule: #333333;

  --sk-radius: 2px;
  --sk-radius-sm: 2px;
  --sk-radius-lg: 2px;
  --sk-primary: #c00a18;
  --sk-primary-rgb: 192, 10, 24;
  --sk-primary-hover: #a00813;
  --sk-border-color: #c9ccd1;
  --sk-border-color-translucent: #c9ccd1;
  --sk-shadow-card: none;
  --sk-shadow-input: none;
  --sk-body-color: #000000;
  --sk-secondary-color: #555555;
  --sk-bg-surface: #ffffff;
  --sk-bg-surface-tertiary: #f7f7f7;

  --fh-primary: #c00a18;
  --fh-primary-hover: #a00813;
  --fh-primary-soft: #fdf2f3;
  --fh-text: #000000;
  --fh-text-2: #333333;
  --fh-text-muted: #666666;
  --fh-bg-page: #f0f1f3;
  --fh-bg-card: #ffffff;
  --fh-border: #c9ccd1;
  --fh-border-strong: #999999;
  --fh-radius: 2px;
  --fh-radius-lg: 2px;
  --fh-shadow: none;
  --fh-zebra: #fafafa;
  --fh-color-text: #000000;
  --fh-color-bg: #f0f1f3;
  --fh-color-card: #ffffff;
  --fh-color-border: #c9ccd1;
}

/* ---------- 骨架：灰画布 + 白纸 ---------- */
html[data-fh-skin="gov"] body,
html[data-fh-skin="gov"] #pageContainer {
  background: var(--gov-canvas) !important;
  font-family: var(--gov-font-song) !important;
  color: var(--gov-ink) !important;
}
html[data-fh-skin="gov"] .topbar {
  background: #ffffff !important;
  border-bottom: 2px solid var(--gov-red) !important;
}
html[data-fh-skin="gov"] #breadcrumb,
html[data-fh-skin="gov"] .breadcrumb {
  font-family: var(--gov-font-heiti) !important;
  letter-spacing: .5px;
}

/* ---------- 卡片 = 一张公文纸 ---------- */
html[data-fh-skin="gov"] .card,
html[data-fh-skin="gov"] .stat-card,
html[data-fh-skin="gov"] .module-container,
html[data-fh-skin="gov"] .lg-card,
html[data-fh-skin="gov"] .lg-kpi,
html[data-fh-skin="gov"] .wh-kpi {
  background: #ffffff !important;
  border: 1px solid #c9ccd1 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-family: var(--gov-font-body) !important;
}
html[data-fh-skin="gov"] .card:hover,
html[data-fh-skin="gov"] .stat-card:hover {
  box-shadow: none !important;
  transform: none !important;
  border-color: #999999 !important;
}

/* 卡片标题：小标宋 + 红色分隔线（红头观感） */
html[data-fh-skin="gov"] .card-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--gov-red) !important;
  padding: 10px 14px !important;
}
html[data-fh-skin="gov"] .card-title,
html[data-fh-skin="gov"] .card-header h3,
html[data-fh-skin="gov"] .card h3 {
  font-family: var(--gov-font-title) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 1px !important;
  color: var(--gov-red) !important;
}
html[data-fh-skin="gov"] .module-header {
  border-bottom: 2px solid var(--gov-red) !important;
  padding: 8px 0 10px !important;
}
html[data-fh-skin="gov"] .module-header h2 {
  font-family: var(--gov-font-title) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--gov-red) !important;
  letter-spacing: 2px !important;
}
html[data-fh-skin="gov"] .module-header p { font-family: var(--gov-font-body) !important; color: #444 !important; }

/* KPI 数字：Times New Roman（公文数字规范） */
html[data-fh-skin="gov"] .stat-value,
html[data-fh-skin="gov"] .stat-num,
html[data-fh-skin="gov"] .stat-card b,
html[data-fh-skin="gov"] .lg-kpi b,
html[data-fh-skin="gov"] .wh-kpi b {
  font-family: "Times New Roman", Times, var(--gov-font-song) !important;
  color: var(--gov-ink) !important;
  font-weight: 700 !important;
}
html[data-fh-skin="gov"] .stat-label,
html[data-fh-skin="gov"] .lg-kpi span,
html[data-fh-skin="gov"] .wh-kpi span,
html[data-fh-skin="gov"] .caption { font-family: var(--gov-font-body) !important; color: #555 !important; }

/* ---------- 表格：密排 + 细线 + 黑体表头 ---------- */
html[data-fh-skin="gov"] .table,
html[data-fh-skin="gov"] .data-table,
html[data-fh-skin="gov"] .biz-table {
  font-family: var(--gov-font-body) !important;
  font-size: 13px !important;
  border-collapse: collapse !important;
  color: var(--gov-ink) !important;
}
html[data-fh-skin="gov"] .table > :not(caption) > * > * {
  padding: 3px 8px !important;
  border-bottom: 1px solid #d8dade !important;
  line-height: 1.55 !important;
}
html[data-fh-skin="gov"] .table > thead > tr > *,
html[data-fh-skin="gov"] .table th,
html[data-fh-skin="gov"] .biz-table th {
  background: #f2f3f5 !important;
  font-family: var(--gov-font-heiti) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  color: #000 !important;
  text-align: center !important;
  border-top: 1px solid #9aa0a6 !important;
  border-bottom: 1px solid #9aa0a6 !important;
  letter-spacing: .5px !important;
}
html[data-fh-skin="gov"] .biz-table td {
  padding: 3px 8px !important;
  border-bottom: 1px solid #d8dade !important;
  font-family: var(--gov-font-body) !important;
  color: var(--gov-ink) !important;
}
html[data-fh-skin="gov"] .table > tbody > tr:hover > * { background: #f7f7f7 !important; }
html[data-fh-skin="gov"] .biz-table tr:hover { background: #f7f7f7 !important; }

/* ---------- 按钮：直角 + 红/黑边 ---------- */
html[data-fh-skin="gov"] .btn {
  border-radius: 2px !important;
  border: 1px solid #6b7075 !important;
  background: #ffffff !important;
  color: #000 !important;
  font-family: var(--gov-font-heiti) !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  box-shadow: none !important;
}
html[data-fh-skin="gov"] .btn:hover { background: #f2f3f5 !important; }
html[data-fh-skin="gov"] .btn-primary,
html[data-fh-skin="gov"] .btn.btn-primary,
html[data-fh-skin="gov"] .lg-btn.pri,
html[data-fh-skin="gov"] .wh-btn.pri,
html[data-fh-skin="gov"] .dm-btn.on,
html[data-fh-skin="gov"] .bc-tab.active {
  background: var(--gov-red) !important;
  border-color: var(--gov-red) !important;
  color: #fff !important;
  box-shadow: none !important;
}
html[data-fh-skin="gov"] .btn-primary:hover { background: #a00813 !important; border-color: #a00813 !important; }
html[data-fh-skin="gov"] .lg-btn,
html[data-fh-skin="gov"] .wh-btn,
html[data-fh-skin="gov"] .dm-btn {
  border-radius: 2px !important;
  font-family: var(--gov-font-heiti) !important;
}

/* ---------- 表单 ---------- */
html[data-fh-skin="gov"] .form-control,
html[data-fh-skin="gov"] .form-input,
html[data-fh-skin="gov"] .card select,
html[data-fh-skin="gov"] .card textarea,
html[data-fh-skin="gov"] .card input:not([type="checkbox"]):not([type="radio"]) {
  border-radius: 2px !important;
  border: 1px solid #9aa0a6 !important;
  background: #fff !important;
  color: #000 !important;
  font-family: var(--gov-font-body) !important;
  box-shadow: none !important;
}
html[data-fh-skin="gov"] .form-control:focus,
html[data-fh-skin="gov"] .form-input:focus {
  border-color: var(--gov-red) !important;
  box-shadow: 0 0 0 2px rgba(230, 0, 18, 0.12) !important;
  outline: 0 !important;
}
html[data-fh-skin="gov"] .badge {
  border-radius: 2px !important;
  background: #f2f3f5 !important;
  color: #000 !important;
  font-family: var(--gov-font-heiti) !important;
  border: 1px solid #c9ccd1 !important;
}
html[data-fh-skin="gov"] .modal,
html[data-fh-skin="gov"] .modal-content,
html[data-fh-skin="gov"] .modal-box,
html[data-fh-skin="gov"] .ui-modal {
  border-radius: 2px !important;
  border: 1px solid #9aa0a6 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18) !important;
  font-family: var(--gov-font-body) !important;
}