/* =========================================================
   法眸智审 · 全站外壳主题层 (site-theme)
   目标：在不重写各页面正文的前提下，统一「页头 / 品牌标识 /
   字体 / 主按钮强调色 / 页脚」等共享外壳，让多页产品观感一致。

   使用方式：在每个页面 <head> 的最后（即 site-animations.css
   之后）引入本文件，使其覆盖各页内联 <style> 中的外壳规则。

   设计语言对齐首页（index.html）：蓝→靛渐变品牌、玻璃质感导航、
   深墨色品牌字、克制的高级感。
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --fm-primary: #2563eb;
    --fm-primary-dark: #1d4ed8;
    --fm-indigo: #6d35ff;
    --fm-navy: #0f172a;
    --fm-line: #e2e8f0;
}

/* ---------- 字体统一（仅改字体，不动各页背景/配色） ---------- */
body {
    font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont,
                 "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* ---------- 导航栏：玻璃质感 + 滚动阴影（阴影由 site-animations 接管） ---------- */
.navbar {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.7);
    box-shadow: none;
}

/* ---------- 品牌标识：深墨色字 + 渐变徽标 ---------- */
.navbar-brand {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    font-weight: 800 !important;
    color: var(--fm-navy) !important;
    letter-spacing: -0.3px;
}

/* 把品牌区第一个图标直接渲染成渐变徽标，无需改各页 HTML；
   若页面已使用 .brand-badge 包裹，同样适配。 */
.navbar-brand > i.bi:first-child,
.navbar-brand > .brand-badge {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 1.05rem;
    line-height: 1;
    background: linear-gradient(135deg, var(--fm-primary), var(--fm-indigo));
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
}
.navbar-brand > .brand-badge > i { color: #fff !important; }

.navbar .btn { border-radius: 10px; font-weight: 600; }

/* ---------- 主按钮品牌色统一（与首页蓝一致） ---------- */
.btn-primary {
    --bs-btn-bg: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-bg: #1d4ed8;
    --bs-btn-hover-border-color: #1d4ed8;
    --bs-btn-active-bg: #1d4ed8;
    --bs-btn-active-border-color: #1d4ed8;
    --bs-btn-disabled-bg: #2563eb;
    --bs-btn-disabled-border-color: #2563eb;
}
.btn-outline-primary {
    --bs-btn-color: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
    --bs-btn-active-bg: #1d4ed8;
    --bs-btn-active-border-color: #1d4ed8;
}

/* ---------- 文字主色微调，向品牌蓝靠拢 ---------- */
.text-primary { color: #2563eb !important; }

/* ---------- 页脚：统一为低调中性，链接 hover 品牌蓝 ---------- */
.icp-footer {
    border-top: 1px solid rgba(226, 232, 240, 0.7);
    color: #64748b;
    font-size: 0.875rem;
}
.icp-footer a { color: #64748b; font-weight: 700; text-decoration: none; }
.icp-footer a:hover,
.icp-footer a:focus { color: #2563eb; }

@media (prefers-reduced-motion: reduce) {
    .navbar { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
