/* ============================================================
   VPCS 全站统一性打磨（2026-11-10）
   目标：在不改动任何 DOM 结构 / JS 接口的前提下，
        把「老后台页(query/system/pay)」的视觉语言向
        「现代化首页/验真页」对齐：
          ① 统一红色主色（与首页/验真头部「报告下载」同色系）
          ② 按钮统一圆角 + 悬停轻微抬升
          ③ 面板/卡片柔和阴影替代硬边框观感
          ④ 警示条弱化刺眼黄、保留信息层级
          ⑤ 键盘焦点清晰可见（可访问性）
          ⑥ 平滑滚动
   加载位置：各页现有 CSS 之后（最后加载，仅做增强，不覆盖结构）。
   仅作用于 Bootstrap 通用类（.btn/.panel/.alert/.form-control），
   与现代页的自定义按钮互不冲突。
   ============================================================ */

:root{
  --vp-red:#e44549;
  --vp-red-dark:#d63a3e;
  --vp-red-soft:#d94343;
  --vp-blue:#2b7de0;
  --vp-text:#333;
  --vp-muted:#888;
  --vp-line:#e6ebf1;
  --vp-radius:8px;
  --vp-shadow:0 2px 12px rgba(20,30,50,.06);
}

/* 平滑滚动 + 全局抗锯齿 */
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}

/* 可访问性：键盘 Tab 焦点清晰可见，鼠标点击不显示 */
:focus-visible{outline:2px solid var(--vp-red);outline-offset:2px;border-radius:2px;}

/* ---------- 按钮：统一圆角与悬停抬升（Bootstrap .btn 通用） ---------- */
.btn{border-radius:var(--vp-radius);transition:all .2s ease;}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,30,50,.12);}
.btn:active{transform:translateY(0);}
/* 主操作红（与现代化头部「报告下载」同色系） */
.btn-danger{background-color:var(--vp-red);border-color:var(--vp-red);}
.btn-danger:hover{background-color:var(--vp-red-dark);border-color:var(--vp-red-dark);}
/* 步骤/确认类保留蓝，但统一圆角与悬停 */
.btn-primary{background-color:var(--vp-blue);border-color:var(--vp-blue);}
.btn-primary:hover{background-color:#1f6fd0;border-color:#1f6fd0;}

/* ---------- 面板/卡片：柔和阴影 + 圆角，替代硬边框观感 ---------- */
.panel,.card{border-radius:10px;border-color:var(--vp-line);box-shadow:var(--vp-shadow);background:#fff;}
.panel-default>.panel-heading{background:#fafbfc;border-color:var(--vp-line);border-radius:10px 10px 0 0;}

/* ---------- 警示条：保留信息但弱化刺眼黄 ---------- */
.alert{border-radius:var(--vp-radius);border:none;border-left:3px solid #f0c36d;background:#fff8e6;color:#8a6d3b;}
.alert-danger,.alert-warning{color:#a94442;background:#fdecea;border-left-color:var(--vp-red);}

/* ---------- 输入框：统一圆角 + 聚焦红色描边 ---------- */
.form-control{border-radius:6px;border-color:#dfe3ea;}
.form-control:focus{border-color:var(--vp-red);box-shadow:0 0 0 3px rgba(228,69,73,.12);}