/* ============================================================
   壹标网 · 旧变量兼容覆盖层 v1.0
   作用：把旧 design-system.css 的 --brand/--ink/--line 等变量
         全部映射到深空青设计系统，全站无需改HTML即可变色
   用法：在 design-system.css 之后引入本文件
         <link rel="stylesheet" href="legacy-override.css">
   主色：深空青 #0891b2
   ============================================================ */

:root{
  /* ===== 旧品牌色 → 深空青 ===== */
  --brand:        #0891b2;   /* 主色·主按钮·品牌 */
  --brand-strong: #0e7490;   /* hover·active·深色 */
  --brand-soft:   #ecfeff;   /* 浅底色·选中态 */
  --accent:       #06b6d4;   /* 高亮·数据图表 */
  --accent-soft:  #cffafe;   /* 高亮浅底 */
  --brand-rgb:    8,145,178; /* rgba用 */

  /* ===== 旧中性色 → 新中性色 ===== */
  --bg:     #f8fafc;
  --bg-2:   #f1f5f9;
  --card:   #ffffff;
  --ink:    #0f172a;
  --ink-2:  #475569;
  --ink-3:  #94a3b8;
  --line:   #e2e8f0;
  --line-2: #f1f5f9;

  /* ===== 旧阴影变量（如有） ===== */
  --sh-brand: 0 4px 16px rgba(8,145,178,.20);
  --sh-sm:    0 1px 3px rgba(0,0,0,.06);
  --sh-md:    0 4px 16px rgba(0,0,0,.08);
  --sh-lg:    0 12px 32px rgba(0,0,0,.12);

  /* ===== 旧圆角变量 ===== */
  --r-sm:  8px;
  --r:     12px;
  --r-lg:  16px;
  --r-xl:  20px;
}

/* ===== 关键组件颜色微调（旧CSS没覆盖到的地方） ===== */

/* 导航栏选中态 */
.ds-nav-links a.active,
.ds-nav-links a:hover{
  color: var(--brand) !important;
  background: var(--brand-soft) !important;
}

/* 主按钮渐变 → 纯色（去掉廉价渐变） */
.ds-btn-primary,
.my-dropdown-btn{
  background: var(--brand) !important;
  background-image: none !important;
}
.ds-btn-primary:hover,
.my-dropdown-btn:hover{
  background: var(--brand-strong) !important;
}

/* Hero区渐变 → 深空青渐变 */
.aurora{
  background: linear-gradient(135deg, #0891b2, #0e7490) !important;
}
/* Hero区文字颜色（深色背景上用白色） */
.aurora h1, .aurora h2, .aurora h3{ color:#fff !important; }
.aurora p, .aurora .ds-sub{ color:rgba(255,255,255,.92) !important; }
.aurora .muted{ color:rgba(255,255,255,.75) !important; }
.aurora .ds-badge-brand{ background:rgba(255,255,255,.18) !important; color:#fff !important; }
.aurora .ds-btn-primary{ background:#fff !important; color:var(--brand) !important; }
.aurora .ds-btn-primary:hover{ background:rgba(255,255,255,.9) !important; }
.aurora .ds-btn-ghost{ background:rgba(255,255,255,.16) !important; color:#fff !important; border-color:rgba(255,255,255,.4) !important; }
.aurora .ds-btn-ghost:hover{ background:rgba(255,255,255,.26) !important; }

/* 功能卡片hover */
.feature-card:hover,
.mt-feature:hover{
  border-color: var(--accent) !important;
  box-shadow: 0 8px 24px rgba(8,145,178,.12) !important;
}

/* 标签徽章 */
.ds-badge-brand{
  background: var(--brand-soft) !important;
  color: var(--brand-strong) !important;
}

/* 输入框focus */
.ds-input:focus,
.ds-select:focus{
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 4px rgba(8,145,178,.14) !important;
}

/* 链接颜色 */
a{ color: var(--brand); }
a:hover{ color: var(--brand-strong); }

/* 表格表头 */
.ds-table thead,
.data-table thead{
  background: var(--brand) !important;
}

/* 进度条/加载条 */
.progress-bar,
.loading-bar{
  background: linear-gradient(90deg, var(--brand), var(--accent)) !important;
}

/* 选中文字 */
::selection{
  background: rgba(8,145,178,.15) !important;
  color: var(--brand-strong) !important;
}

/* 焦点态统一 */
:focus-visible{
  outline: 2px solid var(--brand) !important;
  outline-offset: 2px;
}

/* ===== P0-01 双保险：下线A/B/C主题切换器后，强制任何data-theme均为深空青 ===== */
:root[data-theme="A"],:root[data-theme="B"],:root[data-theme="C"]{
  --brand:#0891b2 !important; --brand-strong:#0e7490 !important;
  --brand-soft:#ecfeff !important; --brand-rgb:8,145,178 !important;
  --accent:#06b6d4 !important; --accent-soft:#cffafe !important;
}

/* ===== P0紧急修复：Hero区rise动画异常导致首屏文字永久隐形，禁用动画直接可见 ===== */
.aurora .rise, .aurora .rise-d1, .aurora .rise-d2, .aurora .rise-d3{
  opacity:1 !important; transform:none !important; animation:none !important;
}