/* ============================================================
 * 驷马用工宝 /laobao/ 品牌覆盖层 — 4ma.wang 统一视觉
 * 用途：Vite SPA 不重建，仅做 CSS 换肤
 * 说明：
 *  - 构建产物在运行时向 <head> 注入 <style>（晚于本文件加载），
 *    因此关键覆盖使用 #root 前缀提高特异性，或 !important，
 *    确保覆盖生效；body 背景用 html body 提高特异性。
 *  - 不隐藏原有 footer fix（#root .pt-6.text-center...），不动 #root
 *    挂载与两个 script 引用，不改任何布局结构。
 * ============================================================ */

/* 1. 页面底：暖白（覆盖构建注入的 body 渐变） */
html body {
  background:
    radial-gradient(760px 420px at 8% -8%, rgba(43, 108, 176, 0.07), transparent 62%),
    linear-gradient(180deg, #fafbfc 0%, #f4f6f8 100%) !important;
  background-attachment: fixed;
}

/* 2. 主色设计 token 重映射：亮蓝 #1E6FFF → 低饱和蓝 #2b6cb0 */
#root .bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(43 108 176 / var(--tw-bg-opacity, 1));
}
#root .text-primary {
  --tw-text-opacity: 1;
  color: rgb(43 108 176 / var(--tw-text-opacity, 1));
}
#root .border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(43 108 176 / var(--tw-border-opacity, 1));
}
#root .ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(43 108 176 / var(--tw-ring-opacity, 1));
}
#root .bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(234 240 247 / var(--tw-bg-opacity, 1));
}

/* 3. 主按钮 / 次按钮 */
#root .btn-primary { background: #2b6cb0; }
#root .btn-primary:hover { background: #1e4e7e; }
#root .btn-outline { color: #1a365d; border-color: rgba(26, 54, 93, 0.28); }
#root .btn-outline:hover { background: rgba(43, 108, 176, 0.06); }

/* 4. 输入框焦点环 */
#root .input-field:focus {
  border-color: #2b6cb0;
  box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.12);
}

/* 5. 标题文字：深海军蓝 */
#root h1,
#root h2 { color: #1a365d; }

/* 6. 玻璃拟态卡：底色暖化，与暖白页面底协调 */
#root .glass {
  background: rgba(250, 251, 252, 0.9);
  border-color: rgba(148, 163, 184, 0.22);
}

/* 7. 内联样式的主色（徽章/标签，约 5 处）
 * React 渲染后序列化为 rgb(30, 111, 255) 或保留 #1E6FFF，
 * 两种写法都匹配；!important 覆盖内联样式。 */
#root [style*="#1E6FFF"],
#root [style*="#1e6fff"],
#root [style*="30, 111, 255"],
#root [style*="30,111,255"] {
  color: #2b6cb0 !important;
}
#root [style*="rgba(30, 111, 255, 0.08)"],
#root [style*="rgba(30,111,255,0.08)"] {
  background: rgba(43, 108, 176, 0.08) !important;
}
#root [style*="background-color: rgb(30, 111, 255)"],
#root [style*="background-color:rgb(30,111,255)"] {
  background-color: #2b6cb0 !important;
}

/* （链接色由上面的 .text-primary 重映射统一覆盖，不再另设全局规则，
 * 避免污染深色背景上的浅色链接） */