/* =========================================================
   公开页面 - 补充样式
   Bootstrap 5 为主，此处仅补其不可覆盖的少量定制
   ========================================================= */

/* Hero 渐变背景 */
.hero-section { background: linear-gradient(135deg, #1565C0, #0D47A1); }

/* 功能图标固定尺寸（Bootstrap rounded-circle 不限制宽高） */
.feature-icon {
    width: 64px;
    height: 64px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1565C0, #0D47A1);
    color: #fff;
}

/* ===== 品牌色体系 ===== */
:root {
    --brand: #1565C0;
    --brand-hover: #0D47A1;
    --brand-dark: #0D47A1;
}

.text-brand       { color: var(--brand) !important; }
.border-brand     { border-color: rgba(21,101,192,.3) !important; }
.bg-purple        { background-color: #1565C0 !important; }

/* 品牌色按钮：实心填充 */
.btn-brand {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}
.btn-brand:hover {
    background: var(--brand-hover) !important;
    border-color: var(--brand-hover) !important;
}

/* 品牌色按钮：轮廓 */
.btn-outline-brand {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--brand-hover);
    --bs-btn-active-border-color: var(--brand-hover);
    --bs-btn-active-color: #fff;
}

/* ===== 暗色模式适配 ===== */
[data-bs-theme="dark"] .navbar {
    background-color: #1a1a2e !important;
    border-bottom-color: rgba(255,255,255,.08) !important;
}
[data-bs-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0D47A1, #091f3d);
}