/* 澜知·城脉 设计令牌 / Design Tokens */
:root {
  /* 大屏背景 */
  --bg-page: #06172E;
  --bg-panel: #0A2342;
  --bg-panel-light: #0D2A4D;
  --bg-topbar: #0A2342;

  /* 品牌色 */
  --c-primary: #1677FF;
  --c-accent: #00CFE8;
  --c-water: #2F8FFF;
  --c-drainage: #18B7A0;
  --c-border: rgba(22, 119, 255, 0.35);
  --c-glow: rgba(0, 207, 232, 0.25);

  /* 状态色 */
  --c-normal: #22C55E;
  --c-warning: #EAB308;
  --c-danger: #F59E0B;
  --c-critical: #EF4444;
  --c-offline: #8A94A6;

  /* 文字 */
  --text-primary: #FFFFFF;
  --text-secondary: #B0C4D9;
  --text-muted: #6B8AAC;
  --text-kpi: #EAF6FF;

  /* 字体 */
  --font-family: "Microsoft YaHei", "PingFang SC", "HarmonyOS Sans", sans-serif;

  /* 字号 */
  --fs-top-title: 24px;
  --fs-title: 18px;
  --fs-subtitle: 15px;
  --fs-body: 13px;
  --fs-kpi: 28px;
  --fs-kpi-sm: 20px;

  /* 间距/尺寸 */
  --topbar-height: 74px;
  --kpi-height: 92px;
  --bottom-height: 72px;
  --panel-gap: 12px;
  --panel-padding: 14px;

  /* 动效 */
  --dur-fast: 200ms;
  --dur-normal: 400ms;
  --dur-slow: 800ms;
}

/* 基础重置 */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--bg-page);
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: var(--fs-body);
}

ul, ol, p, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}