/* ============================================================
   「投资通州」设计系统 — 设计变量（政务红 + 金色国风）
   ============================================================ */
:root {
  /* 主色：政务红 */
  --red: #B3242C;
  --red-deep: #8E1B25;
  --red-dark: #6E1119;
  --red-light: #D44B57;
  --red-bg: #FBF3F0;
  --red-tint: #F7E4E2;

  /* 辅色：金 */
  --gold: #C9A063;
  --gold-deep: #B8860B;
  --gold-light: #E8C97A;
  --gold-pale: #F6ECD9;
  --gold-grad: linear-gradient(135deg, #E8C97A 0%, #C9A063 55%, #B8860B 100%);

  /* 中性 */
  --bg: #FAF7F2;
  --card: #FFFFFF;
  --ink: #2B2320;
  --ink-2: #6B625C;
  --ink-3: #A39B94;
  --line: #EAE2D6;
  --line-2: #F2ECE2;

  /* 功能色 */
  --ok: #2E7D4F;
  --ok-bg: #EAF4EE;
  --warn: #B8860B;
  --warn-bg: #FBF3DC;
  --err: #B3242C;
  --err-bg: #FBEAEA;
  --info: #35608C;
  --info-bg: #EAF0F7;

  /* 尺寸 */
  --radius: 14px;
  --radius-s: 10px;
  --radius-xs: 6px;

  /* 字体 */
  --serif: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;
  --sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* 阴影 */
  --shadow: 0 4px 16px rgba(142, 27, 37, .07);
  --shadow-2: 0 10px 30px rgba(142, 27, 37, .14);
  --shadow-gold: 0 4px 14px rgba(184, 134, 11, .22);

  /* 国风回纹（横向连续纹样） */
  --pattern-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23C9A063' stroke-width='1.4'%3E%3Cpath d='M0 2h8v4H4v4H0z'/%3E%3Cpath d='M14 2h8v4h-4v4h-8z'/%3E%3Cpath d='M28 2h-8v4h4v4h4z'/%3E%3C/g%3E%3C/svg%3E");
  /* 祥云暗纹（大屏/启动页背景） */
  --pattern-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='.05' stroke-width='1.2'%3E%3Cpath d='M40 96c-8 0-14-6-14-13s6-13 14-13c2-10 12-16 21-13 6-8 16-11 25-7 11-6 27 0 31 12 9 2 15 10 13 19-1 8-8 15-16 15H40z'/%3E%3Ccircle cx='58' cy='80' r='3'/%3E%3Ccircle cx='88' cy='66' r='2.4'/%3E%3Ccircle cx='116' cy='84' r='2.8'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- 基础重置 ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--bg);
  font-size: 14px;
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, select, textarea { font-family: inherit; font-size: 14px; color: var(--ink); outline: none; }
::selection { background: rgba(179, 36, 44, .18); }

/* 滚动条（演示环境） */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: rgba(179, 36, 44, .25); border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- 文本工具 ---------- */
.serif { font-family: var(--serif); }
.t-red { color: var(--red); }
.t-gold { color: var(--gold-deep); }
.t-2 { color: var(--ink-2); }
.t-3 { color: var(--ink-3); }
.t-xs { font-size: 11px; }
.t-sm { font-size: 12px; }
.t-lg { font-size: 16px; }
.t-xl { font-size: 18px; }
.t-2xl { font-size: 22px; }
.t-b { font-weight: 600; }
.t-num { font-variant-numeric: tabular-nums; }
.t-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.t-clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 金纹分隔线 */
.gold-divider {
  height: 10px;
  background: var(--pattern-key);
  background-repeat: repeat-x;
  background-position: center;
  opacity: .85;
}

/* 印章（国风标识） */
.seal {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  border: 1.6px solid var(--red);
  border-radius: 8px;
  color: var(--red);
  font-family: var(--serif);
  font-size: 16px; font-weight: 700;
  background: rgba(255, 255, 255, .85);
  box-shadow: inset 0 0 0 2px rgba(179, 36, 44, .12);
}
.seal--gold { border-color: var(--gold-deep); color: var(--gold-deep); box-shadow: inset 0 0 0 2px rgba(184, 134, 11, .14); }

/* 深红渐变背景（启动页/大屏/后台侧栏共用） */
.bg-red-grad {
  background:
    radial-gradient(120% 90% at 80% -10%, rgba(232, 201, 122, .22) 0%, rgba(232, 201, 122, 0) 55%),
    radial-gradient(90% 70% at 0% 110%, rgba(110, 17, 25, .95) 0%, rgba(110, 17, 25, 0) 70%),
    linear-gradient(160deg, #A31F28 0%, #8E1B25 45%, #6E1119 100%);
}
.bg-red-grad::before, .bg-red-solid::before {
  content: "";
  position: absolute; inset: 0;
  background-image: var(--pattern-cloud);
  pointer-events: none;
}
.bg-red-solid { background: linear-gradient(165deg, #9C1D26 0%, #8E1B25 60%, #70121A 100%); position: relative; }