/* ============================================================
   风格：fluent（原认证项目风格，默认）
   特征：Fluent 蓝 #0078d4、micro.svg 环境光背景、370+1fr 分栏、8px 圆角 + 柔和阴影
   ============================================================ */

.auth-page[data-auth-theme="fluent"] {
    --auth-primary: #0078d4;
    --auth-primary-hover: #106ebe;
    --auth-text: #242424;
    --auth-muted: #6b7280;
    --auth-border: rgba(15, 40, 80, .12);
    --auth-border-hover: rgba(15, 40, 80, .22);
    --auth-radius: 4px;
    --auth-title-color: #1a1a1a;
    --auth-card-radius: 8px;
    --auth-card-border: 1px solid rgba(15, 40, 80, .06);
    --auth-card-shadow: 0 22px 60px -20px rgba(15, 40, 80, .28), 0 2px 6px rgba(15, 40, 80, .06);
    --auth-focus-ring: rgba(0, 120, 212, .12);
    --auth-split-line: rgba(15, 40, 80, .05);
    --auth-feature-color: #3a4350;
    --auth-tip-color: #8a94a3;
    --auth-visual-bg: linear-gradient(160deg, #f0f2f5 0%, #e4edf6 55%, #d9e0f4 100%);
    --auth-visual-note-color: #106ebe;
    --auth-icon-color: #0078d4;
    --auth-brand-bg: rgba(0, 120, 212, .08);
    --auth-bg-color: #f0f2f5;
    --auth-footer-bg: rgba(255, 255, 255, .55);
    --auth-footer-color: #6b7280;
    --auth-scan-bg: rgba(0, 120, 212, .06);
    --auth-scan-border: rgba(0, 120, 212, .18);
    --auth-status-bg: #f5f7f9;
    --auth-divider-color: #8a8a8a;
    --auth-divider-line: #e5e7eb;
    --auth-font: "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 背景：同一份 micro.svg（四团柔和径向渐变），铺满视口 */
.auth-page[data-auth-theme="fluent"] .auth-bg {
    background-image: url("../svg/micro.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}