/* 官网共用的青绿色强调规则；变量由 design-tokens.css 持有。 */
:root .navbar-brand img {
    filter: var(--bfk-logo-filter);
}

:root .bg-slate-50 {
    background: var(--bfk-bg-alt);
}

/* 内页标题区保留浅色落点；首页首屏自行渐隐到白色。 */
:root .ud-page-banner {
    background-image: var(--bfk-banner-gradient);
    border-bottom: 1px solid var(--bfk-border);
}

/* 只收紧标题区后的首节，保留后续章节和帮助页原有节奏。 */
:root .ud-page-banner + .ud-features:not(.help-nav-section),
:root .ud-page-banner + .ud-pricing {
    padding-top: 80px;
}

@media (max-width: 767px) {
    :root .ud-page-banner + .ud-features:not(.help-nav-section),
    :root .ud-page-banner + .ud-pricing {
        padding-top: 56px;
    }
}

/* 详情入口保持品牌色，填色留给注册与体验等主要行动。 */
:root .bfk-inline-actions .ud-main-btn,
:root .bfk-btn-row .ud-main-btn,
:root .bfk-feature-cta,
:root .case-actions .ud-main-btn {
    color: var(--bfk-primary);
    background: var(--bfk-white);
    border-color: var(--bfk-primary);
}

:root .bfk-inline-actions .ud-main-btn:hover,
:root .bfk-btn-row .ud-main-btn:hover,
:root .bfk-feature-cta:hover,
:root .case-actions .ud-main-btn:hover {
    color: var(--bfk-primary-hover);
    background: var(--bfk-accent-surface);
    border-color: var(--bfk-primary-hover);
}

:root .ud-single-feature .ud-feature-icon::before {
    content: none;
}

:root .ud-single-pricing.active {
    background: var(--bfk-accent-surface);
    box-shadow: inset 0 0 0 2px var(--bfk-primary);
}

:root .ud-single-pricing.active .ud-pricing-header h3 {
    color: var(--bfk-text-primary);
}

:root .ud-single-pricing.active .ud-pricing-header .ud-pricing-price {
    color: var(--bfk-primary);
}

:root .ud-single-pricing.active .ud-pricing-body li {
    color: var(--bfk-body-color);
}

:root .ud-single-pricing.active .ud-white-btn {
    color: var(--bfk-white);
    background: var(--bfk-primary);
}

:root .ud-single-pricing.active .ud-white-btn:hover {
    background: var(--bfk-primary-hover);
}

/* 注册与体验是主要行动，即使与详情入口并排也保留实色。 */
:root .bfk-inline-actions .bfk-primary-action,
:root .bfk-btn-row .bfk-primary-action {
    color: var(--bfk-white);
    background: var(--bfk-primary);
    border-color: var(--bfk-primary);
}

:root .bfk-inline-actions .bfk-primary-action:hover,
:root .bfk-btn-row .bfk-primary-action:hover {
    color: var(--bfk-white);
    background: var(--bfk-primary-hover);
    border-color: var(--bfk-primary-hover);
}