/* 登录页视觉优化 · 安博巴西业务自动化系统 */
.login-shell{background:linear-gradient(135deg,#fbfcfe,#f0f4f8)}
.brand-mark{box-shadow:0 4px 14px rgba(183,132,46,.28)}
.login-visual{background:radial-gradient(circle at 78% 8%,rgba(214,171,98,.32),transparent 34%),radial-gradient(circle at 12% 100%,rgba(54,110,163,.30),transparent 42%),linear-gradient(150deg,#06182d,#0e2f52 55%,#134d80)}
.amber-logo{gap:14px}
.amber-logo .brand-mark{width:44px;height:44px;border-radius:13px;font-size:22px}
.amber-logo-text{display:grid;gap:3px}
.amber-logo-text b{font-size:20px;font-weight:750;letter-spacing:1px;color:#fff;line-height:1.2}
.amber-logo-text small{font-size:9px;font-weight:800;letter-spacing:2.6px;color:#e8c987}
.login-copy h1{background:linear-gradient(135deg,#ffffff 18%,#f0d9a6 58%,#cfa45a);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-copy h1{margin:24px 0 0}
.login-copy .eyebrow{letter-spacing:3px}
.login-card{background:rgba(255,255,255,.94);border:1px solid #e8ecf2;border-radius:22px;padding:40px 38px 36px;box-shadow:0 22px 60px rgba(16,35,57,.10),inset 0 2px 0 rgba(201,154,69,.18)}
.login-card h2{letter-spacing:.5px}
.login-card p{color:#6c7a8f;font-size:14px;line-height:1.7}
.login-card input:focus{border-color:#c99a45;box-shadow:0 0 0 3px rgba(201,154,69,.14)}
.login-submit{background:linear-gradient(135deg,#e6bd6b,#b7842e)!important;color:#10243d!important;box-shadow:0 10px 24px rgba(183,132,46,.28)!important;letter-spacing:.5px}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(183,132,46,.4)!important}
.mobile-brand .brand-mark{width:34px;height:34px}
/* 后台登录端：登录 / 注册账号 / 忘记密码 三个面板（与客户填写端同一套交互） */
.login-card{gap:22px}
.auth-tabs{display:flex;gap:6px;padding:5px;background:#f2f5f8;border:1px solid var(--line);border-radius:11px}
.auth-tab{flex:1;border:0;background:transparent;border-radius:8px;padding:10px 6px;font-size:13px;font-weight:750;color:#5d6b7e;transition:.16s}
.auth-tab:hover{color:#10243d}
.auth-tab.active{background:#fff;color:#10243d;box-shadow:0 4px 12px rgba(16,35,57,.10)}
.auth-pane{display:grid;gap:18px}
.auth-pane .eyebrow.dark{margin-bottom:-8px}
.code-row{display:flex;gap:9px;align-items:stretch}
.code-row input{flex:1;min-width:0}
.code-send{white-space:nowrap;font-size:12px;padding:11px 14px}
.auth-hint{font-size:11px;font-weight:600;color:#8c9aab;line-height:1.6}
.auth-ok{color:#13785f;font-size:13px;line-height:1.6}
.auth-note{margin:0;padding:11px 13px;background:#f7f9fb;border:1px dashed #dbe3ea;border-radius:9px;font-size:12px;font-weight:500;color:#6c7a8f;line-height:1.7}
.auth-switch{margin:0;font-size:12px;font-weight:600}
.auth-switch a{color:#b7842e;font-weight:750;text-decoration:none}
.auth-switch a:hover{text-decoration:underline}
.login-card .auth-pane label{font-size:12px;font-weight:750;color:#566477}
@media(max-width:760px){.login-card{padding:32px 28px;border:1px solid var(--line);box-shadow:0 14px 40px rgba(16,35,57,.07)}.auth-tab{padding:9px 4px}}