/**
 * 产品页顶栏：未登录「登录 / 注册」按钮（与 hero 色系通过 body 主题类联动）
 */
.product-nav-auth-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.product-nav-auth-wrap .btn-product-login {
    border: none;
    border-radius: 999px;
    padding: 0.45rem 1.1rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25;
    color: #fff !important;
    background: linear-gradient(135deg, var(--p-login-1, #1e3c5c), var(--p-login-2, #2b5a7a));
    box-shadow: 0 4px 14px rgba(30, 60, 94, 0.22);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.product-nav-auth-wrap .btn-product-login:hover {
    filter: brightness(1.08);
    box-shadow: 0 6px 18px rgba(30, 60, 94, 0.28);
    color: #fff !important;
}

.product-nav-auth-wrap .btn-product-login:active {
    transform: scale(0.97);
}

.product-nav-auth-wrap .btn-product-register {
    border-radius: 999px;
    padding: 0.4rem 1.05rem;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25;
    border: 2px solid var(--p-login-2, #2b5a7a);
    color: var(--p-login-2, #2b5a7a) !important;
    background: rgba(255, 255, 255, 0.98);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.product-nav-auth-wrap .btn-product-register:hover {
    background: rgba(248, 250, 252, 0.95);
    color: var(--p-login-1, #1e3c5c) !important;
    border-color: var(--p-login-1, #1e3c5c);
}

/* 与各产品 hero 主色一致 */
.product-page--marriage {
    --p-login-1: #7a0000;
    --p-login-2: #c62828;
}
.product-page--preloan {
    --p-login-1: #9a3412;
    --p-login-2: #ea580c;
}
.product-page--credit {
    --p-login-1: #4c1d95;
    --p-login-2: #7c3aed;
}
.product-page--judicial {
    --p-login-1: #142c42;
    --p-login-2: #2b5a7a;
}
.product-page--housekeeping {
    --p-login-1: #0d4d2f;
    --p-login-2: #198754;
}
/* 车辆页：与涉诉深蓝区分，偏 slate → cyan */
.product-page--vehicle {
    --p-login-1: #0f172a;
    --p-login-2: #0891b2;
}
.product-page--job {
    --p-login-1: #052a63;
    --p-login-2: #1565c0;
}
/* 学历核验：靛蓝 / 琥珀，与入职背调蓝区分 */
.product-page--education {
    --p-login-1: #312e81;
    --p-login-2: #d97706;
}
.product-page--company_boss {
    --p-login-1: #142c42;
    --p-login-2: #1565c0;
}