/* ============================================================
   auth.css — 共享登录遮罩 + 右上角用户徽标（auth.js 注入）
   作用域全部限定 .auth-*，不误伤业务页面样式
   ============================================================ */

.auth-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(18, 28, 46, 0.68);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.auth-modal {
    width: 370px;
    max-width: 92vw;
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 30px 24px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
    text-align: center;
    box-sizing: border-box;
}
.auth-header .auth-logo { font-size: 36px; }
.auth-header h2 { margin: 10px 0 2px; font-size: 18px; color: #1e3c72; }
.auth-header p { margin: 0 0 20px; font-size: 12.5px; color: #7a8aa5; }
.auth-field { text-align: left; margin-bottom: 13px; }
.auth-field label {
    display: block; font-size: 12.5px; color: #5a6b85;
    margin-bottom: 5px; font-weight: 500;
}
.auth-field input {
    width: 100%; box-sizing: border-box; padding: 10px 12px;
    border: 1px solid #d4dce8; border-radius: 8px;
    font-size: 14px; outline: none; color: #1f2d3d;
}
.auth-field input:focus { border-color: #2a5298; box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.12); }
.auth-error { min-height: 18px; font-size: 12.5px; color: #dc3545; margin: 2px 0 8px; }
.auth-btn {
    width: 100%; padding: 11px; border: none; border-radius: 8px;
    background: linear-gradient(135deg, #1e3c72, #2a5298); color: #fff;
    font-size: 15px; font-weight: 600; cursor: pointer;
}
.auth-btn:disabled { opacity: 0.65; cursor: not-allowed; }
.auth-footer { margin-top: 16px; font-size: 11.5px; color: #93a1b8; }

/* 右上角用户徽标 */
.auth-badge {
    position: fixed;
    top: 14px;
    right: 18px;
    z-index: 999998;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #e0e6ef;
    border-radius: 999px;
    padding: 6px 8px 6px 14px;
    font-size: 13px;
    color: #1f2d3d;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.auth-badge .auth-badge-role {
    background: #1e3c72; color: #fff; border-radius: 999px;
    padding: 2px 10px; font-size: 11.5px; font-weight: 600;
}
.auth-badge button {
    border: none; background: #eef1f6; color: #667; border-radius: 50%;
    width: 24px; height: 24px; cursor: pointer; font-size: 11px; line-height: 1;
}
.auth-badge button:hover { background: #fde8e8; color: #dc3545; }