/* ============================================================
   官网首页换肤：珍珠玻璃（Pearl Glass）
   作用于根目录 index.php，依赖 assets/design/tokens.css
   ============================================================ */

body {
    background: var(--canvas) !important;
    color: var(--ink);
    font-family: "SF Pro Display", "SF Pro Text", "PingFang SC", -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(900px 520px at 15% 0%, rgba(35,109,233,.07), transparent 62%),
        radial-gradient(760px 460px at 85% 10%, rgba(130,221,45,.06), transparent 64%);
    pointer-events: none;
}

/* 顶部导航：白玻璃 */
.navbar-main {
    background: rgba(250,251,250,.86) !important;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
    box-shadow: none !important;
}
.navbar-main .navbar-brand,
.navbar-main .nav-link,
.navbar-main .navbar-nav .nav-link span { color: var(--ink) !important; font-weight: 600; }
.navbar-main .nav-link:hover { color: var(--blue) !important; }
.navbar-main .navbar-toggler { border-color: var(--line-strong); }

/* 原来的绿色渐变头图：改成浅色玻璃面板 */
.header.bg-gradient-success,
.bg-gradient-success {
    background: var(--surface) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--line);
    box-shadow: var(--e1);
}
.bg-gradient-success,
.bg-gradient-success h1, .bg-gradient-success h2, .bg-gradient-success h3,
.bg-gradient-success p, .bg-gradient-success .text-white,
.bg-gradient-success .text-white-50, .bg-gradient-success a,
.header .text-white, .header .text-white-50 {
    color: var(--ink) !important;
}
.header .text-white-50, .bg-gradient-success .text-white-50 { color: var(--ink-muted) !important; }

/* 底色区块 */
.bg-default, .bg-secondary { background: transparent !important; }
section { background: transparent !important; }

/* 卡片 */
.card {
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--e1) !important;
}
.card-body { padding: 22px !important; }

/* 按钮：统一主色，去掉主题里的高饱和 */
.btn { border-radius: 10px !important; font-weight: 620 !important; border: 0; }
.btn-success {
    background: var(--blue) !important;
    color: #fff !important;
    box-shadow: var(--e-accent) !important;
}
.btn-success:hover { background: var(--blue-hover) !important; }
.btn-danger, .red-btn {
    background: var(--red-text) !important;
    color: #fff !important;
    box-shadow: none !important;
}
.btn-default, .btn-neutral {
    background: #fff !important;
    color: var(--ink-muted) !important;
    border: 1px solid var(--line-strong) !important;
}
.btn-default:hover, .btn-neutral:hover {
    color: var(--blue) !important;
    border-color: rgba(35,109,233,.38) !important;
    background: var(--blue-soft) !important;
}

/* 标题与正文层级 */
h1, h2, h3, h4, h5 { color: var(--ink); letter-spacing: -.01em; }
.display-1, .display-2, .display-3, .display-4 { color: var(--ink); font-weight: 700; }
p, .lead { color: var(--ink-muted); }

/* 图标块 */
.icon-shape, .icon {
    background: var(--blue-soft) !important;
    border-radius: var(--r-sm) !important;
    box-shadow: none !important;
}
.icon-shape i, .icon i { color: var(--blue) !important; }

/* 页脚 */
.footer, footer {
    background: transparent !important;
    border-top: 1px solid var(--line);
    color: var(--ink-soft);
}
.footer a, footer a { color: var(--ink-muted) !important; }
.footer a:hover, footer a:hover { color: var(--blue) !important; }

/* 分隔线与表格 */
hr { border-color: var(--line) !important; }
.table { color: var(--ink); }
/* ---------- 收尾 ---------- */

/* 整页已无深色底，统一把“白字”改为正文色，避免白底白字 */
.text-white, .text-white-50, .text-light {
    color: var(--ink) !important;
}
.text-white-50 { color: var(--ink-muted) !important; }

/* 首页主 CTA 用的是 .red-btn，改为品牌蓝 */
.btn.red-btn, .red-btn {
    background: var(--blue) !important;
    color: #fff !important;
    box-shadow: var(--e-accent) !important;
}
.btn.red-btn:hover, .red-btn:hover { background: var(--blue-hover) !important; }

/* 其余渐变区块一并转浅 */
[class*="bg-gradient-"] {
    background: transparent !important;
    background-image: none !important;
}