/* 政务系统视觉规范 · 设计令牌 (Design Tokens)
   适用页面: 市级财政局版所有新页面
   旧页面: 渐进式迁移
*/

:root {
  /* === 政务三主色 === */
  --gov-red:        #c8161d;   /* 中国红 · critical / 印章 / 警示 */
  --gov-red-dark:   #9c1014;
  --gov-blue:       #1e3a8a;   /* 深政务蓝 · 顶栏 / 主色 */
  --gov-blue-dark:  #15296b;
  --gov-blue-light: #2a4eaa;
  --gov-gold:       #d4af37;   /* 政务金 · 徽章 / 重点 */
  --gov-gold-soft:  #e8c662;

  /* === 中性色 (政务偏冷灰) === */
  --gov-ink:           #1a1a1a;
  --gov-ink-2:         #4a4a4a;
  --gov-ink-3:         #8a8a8a;
  --gov-ink-4:         #b8bfc9;
  --gov-bg:            #f4f5f7;
  --gov-card:          #ffffff;
  --gov-border:        #d9dde3;
  --gov-border-strong: #b8bfc9;
  --gov-divider:       #e8eaee;

  /* === 严重度配色 (政务标准) === */
  --sev-critical: var(--gov-red);
  --sev-high:     #e87722;     /* 橙红 */
  --sev-medium:   #2d5fa8;     /* 蓝灰 */
  --sev-low:      #6b7280;
  --sev-info:     #047857;

  /* === 状态色 === */
  --status-success: #047857;
  --status-warning: #b45309;
  --status-error:   var(--gov-red);
  --status-info:    var(--gov-blue);

  /* === 几何 (政务直角风) === */
  --radius-0:  0;       /* 卡片 / 容器 直角 */
  --radius-xs: 2px;     /* 按钮 / 输入框 */
  --radius-sm: 4px;     /* 徽章 / tag */
  --radius-md: 6px;     /* 极少使用 */

  /* === 阴影 (扁平政务风) === */
  --shadow-flat:   0 1px 0 var(--gov-border);
  --shadow-card:   0 1px 3px rgba(0,0,0,0.04), 0 0 0 1px var(--gov-border);
  --shadow-modal:  0 8px 32px rgba(0,0,0,0.18);

  /* === 字体 === */
  --font-ui:   "Source Han Sans CN", "思源黑体", "PingFang SC",
               "Microsoft YaHei", -apple-system, sans-serif;
  --font-doc:  "Source Han Serif CN", "思源宋体", "SimSun", serif;
  --font-num:  "DIN Alternate", "Helvetica Neue", "Roboto Mono", monospace;

  /* === 尺寸 === */
  --topbar-h: 60px;
  --sidebar-w: 220px;
  --content-max: 1400px;

  /* === 大屏专用 (dashboard / 数据可视化) === */
  --screen-bg:        #0a1428;
  --screen-bg-card:   #0f1d36;
  --screen-bg-card-2: #142747;
  --screen-glow:      #2e8eff;
  --screen-grid:      rgba(46,142,255,0.15);
  --screen-text:      #e1e8f5;
  --screen-text-2:    #95a5c4;
  --screen-warn:      #ffb147;
  --screen-danger:    #ff5a5a;
  --screen-success:   #4ade80;
}

/* === 全局禁用项 (政务风强制) === */
.no-gradient   { background-image: none !important; }
.no-hover-lift:hover {
  transform: none !important;
  box-shadow: var(--shadow-flat) !important;
}

/* === 政务版基础组件 === */

/* 顶栏 - 深蓝实色 + 国徽位 */
.gov-topbar {
  height: var(--topbar-h);
  background: var(--gov-blue);
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 28px;
  position: relative;
  box-shadow: 0 2px 0 var(--gov-gold);  /* 金色分隔线 */
}
.gov-topbar .emblem {
  width: 32px; height: 32px;
  background: var(--gov-gold);
  color: var(--gov-blue);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700;
  font-size: 16px;
  margin-right: 14px;
}
.gov-topbar .title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.gov-topbar .subtitle {
  font-size: 12px;
  opacity: 0.75;
  margin-left: 8px;
  letter-spacing: 0.5px;
}
.gov-topbar .nav {
  margin-left: 48px;
  display: flex;
  gap: 0;
}
.gov-topbar .nav a {
  color: rgba(255,255,255,0.78);
  text-decoration: none;
  font-size: 14px;
  padding: 0 18px;
  height: var(--topbar-h);
  display: flex;
  align-items: center;
  border-bottom: 3px solid transparent;
  transition: all 0.15s;
}
.gov-topbar .nav a:hover { color: #fff; background: rgba(255,255,255,0.06); }
.gov-topbar .nav a.active {
  color: #fff;
  background: rgba(255,255,255,0.08);
  border-bottom-color: var(--gov-gold);
}
.gov-topbar .right { margin-left: auto; display: flex; align-items: center; gap: 16px; font-size: 13px; }

/* 按钮 - 实色矩形 */
.gov-btn {
  padding: 8px 18px;
  background: var(--gov-blue);
  color: #fff;
  border: 1px solid var(--gov-blue);
  border-radius: var(--radius-xs);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  font-family: var(--font-ui);
  transition: background 0.15s;
  white-space: nowrap;
}
.gov-btn:hover { background: var(--gov-blue-dark); }
.gov-btn.outline {
  background: #fff;
  color: var(--gov-blue);
}
.gov-btn.outline:hover { background: var(--gov-bg); }
.gov-btn.danger {
  background: var(--gov-red);
  border-color: var(--gov-red);
}
.gov-btn.danger:hover { background: var(--gov-red-dark); }
.gov-btn.gold {
  background: var(--gov-gold);
  border-color: var(--gov-gold);
  color: var(--gov-blue);
  font-weight: 600;
}
.gov-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.gov-btn.lg { padding: 10px 24px; font-size: 14px; }
.gov-btn.sm { padding: 5px 12px; font-size: 12px; }

/* 卡片 - 直角扁平 */
.gov-card {
  background: var(--gov-card);
  border: 1px solid var(--gov-border);
  border-radius: var(--radius-0);
  padding: 20px;
  position: relative;
}
.gov-card.with-accent {
  border-top: 3px solid var(--gov-blue);
}
.gov-card.with-accent.gold { border-top-color: var(--gov-gold); }
.gov-card.with-accent.red  { border-top-color: var(--gov-red); }
.gov-card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--gov-ink);
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--gov-border);
  display: flex; justify-content: space-between; align-items: center;
}

/* 严重度徽章 */
.gov-sev {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--radius-sm);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.gov-sev.critical { background: #fde8ea; color: var(--gov-red); }
.gov-sev.high     { background: #fdf0e3; color: #b25011; }
.gov-sev.medium   { background: #e7eef9; color: var(--gov-blue); }
.gov-sev.low      { background: #eef0f3; color: var(--gov-ink-2); }

/* 表格 - 政务公文风 */
.gov-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.gov-table th, .gov-table td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid var(--gov-border);
}
.gov-table th {
  background: var(--gov-bg);
  color: var(--gov-ink-2);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
  border-top: 2px solid var(--gov-blue);
  border-bottom: 1px solid var(--gov-border-strong);
}
.gov-table tbody tr:hover { background: #fafbfc; }

/* 输入框 - 政务标准 */
.gov-input, .gov-select {
  padding: 7px 12px;
  border: 1px solid var(--gov-border-strong);
  border-radius: var(--radius-xs);
  font-size: 13px;
  font-family: var(--font-ui);
  background: #fff;
  outline: none;
}
.gov-input:focus, .gov-select:focus { border-color: var(--gov-blue); }

/* 政务页面 body */
.gov-body {
  font-family: var(--font-ui);
  color: var(--gov-ink);
  background: var(--gov-bg);
  font-size: 14px;
  margin: 0;
  padding: 0;
}

/* 主内容容器 */
.gov-container {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 24px 28px;
}