/* theme: blue-corporate — 蓝白灰橙商务风 */
:root{
  /* 基础色 */
  --bg:#ffffff;
  --bg-soft:#f5f7fa;
  --surface:#ffffff;
  --surface-2:#eef2f7;
  --surface-3:#dde5ef;

  /* 边框 */
  --border:rgba(15,30,60,.10);
  --border-strong:rgba(15,30,60,.22);

  /* 文字 */
  --text-1:#0A1F44;        /* 深海军蓝 — 标题 */
  --text-2:#475569;        /* 中灰 — 正文 */
  --text-3:#94A3B8;        /* 浅灰 — 辅助 */

  /* 主色：深蓝 */
  --accent:#0A1F44;
  --accent-2:#1E5BB8;      /* 中蓝 */
  --accent-3:#3B82F6;      /* 亮蓝 */
  /* 点缀：橙 */
  --orange:#EA7C1C;        /* 国泰海通橙 */
  --orange-soft:#FFF1E0;

  /* 状态色 */
  --good:#16A34A;
  --warn:#F59E0B;
  --bad:#DC2626;

  /* 渐变 */
  --grad:linear-gradient(135deg,#0A1F44 0%,#1E5BB8 100%);
  --grad-accent:linear-gradient(135deg,#1E5BB8,#3B82F6);
  --grad-warm:linear-gradient(135deg,#1E5BB8,#EA7C1C);
  --grad-soft:linear-gradient(135deg,#eef4fb,#e4ecf7);

  /* 形状 */
  --radius:8px;
  --radius-sm:4px;
  --radius-lg:14px;

  /* 阴影 */
  --shadow:0 1px 3px rgba(10,30,60,.06),0 6px 18px rgba(10,30,60,.04);
  --shadow-lg:0 6px 18px rgba(10,30,60,.10),0 18px 40px rgba(10,30,60,.08);

  /* 字体 */
  --font-sans:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-display:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-mono:'JetBrains Mono','IBM Plex Mono',SFMono-Regular,Menlo,monospace;
}

/* 卡片 */
.card{border:1px solid var(--border)}
.card-soft{background:var(--surface-2);border:1px solid var(--border)}
.card-outline{background:transparent;border:1.5px solid var(--border-strong);box-shadow:none}
.card-accent{
  background:var(--surface);
  border-top:3px solid var(--accent);
  border-radius:var(--radius);
  padding:26px 28px;
  box-shadow:var(--shadow);
}
.card-orange{
  background:var(--orange-soft);
  border-left:3px solid var(--orange);
  border-radius:var(--radius);
  padding:22px 26px;
}
.card-deep{
  background:var(--accent);
  color:#fff;
  border-radius:var(--radius);
  padding:28px 32px;
  box-shadow:var(--shadow-lg);
}
.card-deep .h3,.card-deep h3,.card-deep p{color:#fff}
.card-deep .dim{color:rgba(255,255,255,.78)}

/* 标题强调 */
.kicker{color:var(--accent-2);font-weight:600;letter-spacing:.10em}
.kicker-orange{color:var(--orange);font-weight:600;letter-spacing:.10em}
h1.title,h2.title,.h1,.h2{font-weight:700;color:var(--accent)}
.h1.gradient,.h2.gradient{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.gradient-orange{background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* 装饰元素 */
.divider-accent{background:var(--accent);height:3px;width:56px;border-radius:2px}
.divider-orange{background:var(--orange);height:3px;width:56px;border-radius:2px}
.divider-grad{background:var(--grad);height:3px;width:80px;border-radius:2px}
.side-bar{position:absolute;left:0;top:80px;width:6px;height:80px;background:var(--grad);border-radius:0 4px 4px 0}
.side-bar-orange{position:absolute;left:0;top:80px;width:6px;height:80px;background:var(--orange);border-radius:0 4px 4px 0}

/* 大数字 */
.big-num{
  font-size:96px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
  color:var(--accent);
  font-feature-settings:"tnum";
}
.big-num-orange{color:var(--orange)}
.big-num-grad{
  background:var(--grad-warm);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.metric-label{font-size:14px;color:var(--text-2);margin-top:8px;letter-spacing:.04em}
.metric-unit{font-size:32px;font-weight:600;color:var(--text-2)}

/* 数据表 */
.data-table{
  width:100%;
  border-collapse:collapse;
  font-size:15px;
}
.data-table thead th{
  background:var(--accent);
  color:#fff;
  padding:14px 16px;
  text-align:left;
  font-weight:600;
  letter-spacing:.02em;
  font-size:14px;
}
.data-table thead th:first-child{border-top-left-radius:var(--radius)}
.data-table thead th:last-child{border-top-right-radius:var(--radius)}
.data-table tbody td{
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  color:var(--text-1);
}
.data-table tbody tr:nth-child(even) td{background:var(--surface-2)}
.data-table tbody tr:last-child td{border-bottom:none}
.data-table .num{font-weight:600;color:var(--accent);font-feature-settings:"tnum"}
.data-table .num-orange{color:var(--orange);font-weight:600}
.data-table .num-good{color:var(--good);font-weight:600}

/* 数字徽章 */
.tag{
  display:inline-block;
  padding:4px 10px;
  border-radius:4px;
  font-size:13px;
  font-weight:600;
  background:var(--surface-2);
  color:var(--text-2);
}
.tag-orange{background:var(--orange-soft);color:var(--orange)}
.tag-blue{background:#E4EEF9;color:var(--accent-2)}
.tag-deep{background:var(--accent);color:#fff}

/* 时间戳/数据时点 */
.datemark{
  display:inline-block;
  padding:3px 9px;
  background:#FEF3C7;
  color:#92400E;
  border-radius:3px;
  font-size:11px;
  font-weight:500;
  letter-spacing:.04em;
  font-family:var(--font-mono);
}
.datemark-green{
  background:#D1FAE5;
  color:#065F46;
}

/* 网格线（用于策略图谱） */
.line-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right,rgba(15,30,60,.04) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(15,30,60,.04) 1px,transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
}

/* hero背景 */
.bg-blue-grad{
  background:linear-gradient(135deg,#0A1F44 0%,#1E5BB8 70%,#3B82F6 100%);
}
.bg-blue-dark{
  background:linear-gradient(160deg,#0A1F44 0%,#122E5F 60%,#1E5BB8 100%);
}
.bg-light{
  background:linear-gradient(180deg,#FFFFFF 0%,#F5F7FA 100%);
}

/* 头部信息条 */
.deck-header-style{
  position:absolute;
  top:32px;
  left:96px;
  right:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  color:var(--text-3);
  letter-spacing:.10em;
  text-transform:uppercase;
  z-index:5;
  pointer-events:none;
}
.deck-header-style .brand{
  color:var(--accent);
  font-weight:700;
  letter-spacing:.14em;
}
.deck-header-style .brand-sep{color:var(--orange);margin:0 6px;font-weight:700}
.deck-header-style .meta{color:var(--text-2);font-weight:500}
.deck-header-style .meta b{color:var(--accent);font-weight:600}

/* footer */
.deck-footer-style{
  position:absolute;
  bottom:28px;
  left:96px;
  right:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  color:var(--text-3);
  z-index:5;
  pointer-events:none;
}
.deck-footer-style .slide-num{
  font-weight:600;
  color:var(--accent);
  font-feature-settings:"tnum";
}
.deck-footer-style .pagemark{
  font-family:var(--font-mono);
  font-weight:600;
  color:var(--text-2);
}

/* 数据时点条 */
.databar{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  background:#FEF3C7;
  color:#78350F;
  border-radius:4px;
  font-size:11px;
  font-weight:500;
  letter-spacing:.03em;
  font-family:var(--font-mono);
}
.databar::before{
  content:"⏱";
  font-size:11px;
  font-family:inherit;
}

/* 风险提示条 */
.risk-bar{
  background:#F8FAFC;
  border-left:3px solid var(--text-3);
  padding:10px 16px;
  font-size:11px;
  color:var(--text-2);
  border-radius:0 4px 4px 0;
  line-height:1.6;
}

/* 段标题 */
.eyebrow-deep{
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--orange);
}
.section-num-deep{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  color:var(--orange);
  font-family:var(--font-mono);
  letter-spacing:.10em;
  padding:3px 9px;
  background:var(--orange-soft);
  border-radius:3px;
  margin-bottom:14px;
}

/* 强化表格 */
.callout-num{
  font-size:32px;
  font-weight:800;
  color:var(--orange);
  line-height:1;
  font-feature-settings:"tnum";
}
.callout-num-blue{color:var(--accent-2)}
.callout-num-grad{
  background:var(--grad-warm);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* 三层金字塔 */
.layer-pyramid{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.layer-pyramid .layer{
  width:100%;
  padding:18px 24px;
  border-radius:var(--radius);
  color:#fff;
  text-align:center;
  font-weight:600;
  box-shadow:var(--shadow);
  position:relative;
}
.layer-pyramid .layer-1{background:var(--accent-3);width:80%}
.layer-pyramid .layer-2{background:var(--accent-2);width:90%}
.layer-pyramid .layer-3{background:var(--accent);width:100%}

/* 进度条 */
.progress-bar-local{position:absolute;left:96px;right:96px;bottom:0;height:3px;background:transparent;z-index:6}
.progress-bar-local > span{display:block;height:100%;width:0;background:var(--grad-accent);transition:width .3s var(--ease)}

/* pill 标签 */
.pill-deep{background:var(--accent);color:#fff;border:none;padding:6px 14px}
.pill-orange{background:var(--orange);color:#fff;border:none;padding:6px 14px}
.pill-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:5px 13px}
