/* seven 主题 · 认证页样式（登录 / 注册 / 找回密码） */
:root{
  --blue:#1A56DB;--blue-d:#1444B0;--blue-l:#EEF3FE;
  --ink:#16181D;--ink2:#5A6472;--ink3:#8A94A6;
  --line:#E8EBF0;--bg:#F5F7FA;--dark:#111C2E;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{font:14px/1.7 "PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#16181D;background:#fff;overflow-x:hidden}
a,a:visited{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
/* ============ 登录 / 注册 / 找回密码（安东自有版式：顶部蓝线 + 磨砂窄面板 + 下划线输入） ============ */
body.auth{min-height:100vh;display:flex;flex-direction:column;
  background:#F6F9FE url(../img/auth-bg.jpg) center center/cover no-repeat}
.au-top{height:72px;display:flex;align-items:center;padding:0 56px;flex:none}
.au-top img{height:30px;width:auto;display:block}

.au-wrap{flex:1;display:flex;align-items:center;padding:0 56px 44px}
.au-card{position:relative;width:420px;background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  border:1px solid rgba(26,86,219,.10);border-top:3px solid var(--blue);
  box-shadow:0 34px 66px -34px rgba(12,26,54,.36);
  padding:38px 40px 32px;border-radius:0}

.au-corner{position:absolute;right:18px;top:13px;background:none;border:0;color:#9AA5B8;
  font-size:12.5px;line-height:1;padding:6px 0 6px 8px;transition:.2s}
.au-corner::after{content:"\2192";margin-left:5px;font-size:11px}
.au-corner:hover{color:var(--blue)}

.au-card h1{font-size:27px;font-weight:700;letter-spacing:-.4px;color:var(--ink);
  position:relative;padding-bottom:14px}
.au-card h1::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--blue)}
.au-reg{margin-top:13px;font-size:13px;color:var(--ink3)}
.au-reg a{color:var(--blue)}
.au-reg a:hover{text-decoration:underline}

.au-tabs{margin-top:26px;display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid #E9EEF6}
.au-tabs button{position:relative;background:none;border:0;padding:0 0 12px;font-size:13.5px;
  color:#8A94A6;cursor:pointer;border-radius:0;transition:.2s}
.au-tabs button:hover{color:var(--ink)}
.au-tabs button.on{color:var(--blue);font-weight:600}
.au-tabs button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue)}

.au-pane{margin-top:22px;display:flex;flex-direction:column;gap:18px}
.au-field{display:flex;flex-direction:column;gap:6px}
.au-field label{font-size:12px;color:#96A1B4;letter-spacing:.2px}
.au-input{height:44px;width:100%;border:0;border-bottom:1px solid #DDE4EF;background:transparent;
  padding:0 2px;font-size:14.5px;color:var(--ink);border-radius:0;font-family:inherit;transition:.2s}
.au-input::placeholder{color:#B9C1CE}
.au-input:focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}

.au-code{display:flex;gap:12px;align-items:flex-end}
.au-code .au-input{flex:1}
.au-code-btn{flex:none;width:118px;height:44px;border:1px solid #DDE4EF;background:#fff;color:var(--blue);
  font-size:12.5px;cursor:pointer;border-radius:0;transition:.2s}
.au-code-btn:hover:not([disabled]){border-color:var(--blue);background:#F4F8FF}
.au-code-btn[disabled]{opacity:.55;cursor:not-allowed}

.au-tip{min-height:18px;margin-top:12px;font-size:13px;color:#E5484D}
.au-tip.ok{color:#17803D}
.au-btn{width:100%;height:50px;background:linear-gradient(90deg,#1A56DB,#2E6BEA);color:#fff;border:0;
  font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;border-radius:0;transition:.2s;
  box-shadow:0 16px 28px -20px rgba(26,86,219,.95)}
.au-btn:hover:not([disabled]){background:linear-gradient(90deg,#1546B4,#1F5BD6);transform:translateY(-1px)}
.au-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.au-btn2{width:100%;height:40px;margin-top:12px;background:none;border:0;color:#8A94A6;font-size:13px;
  cursor:pointer;border-radius:0;transition:.2s}
.au-btn2:hover{color:var(--blue)}
.au-check{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2);margin-top:16px}
.au-check input{width:14px;height:14px;accent-color:var(--blue)}
.au-check a{color:var(--blue)}
.au-help{margin-top:16px;font-size:12.5px;color:#96A1B4;text-align:center}
.au-help a{color:var(--blue)}

.au-icp{flex:none;padding:0 0 20px;text-align:center;font-size:12px;color:#93A0B4}

@media (max-width:1024px){
  .au-top{height:64px;padding:0 24px}
  .au-top img{height:27px}
  .au-wrap{padding:22px 24px 38px;align-items:flex-start}
  .au-card{width:100%;max-width:420px;margin:0 auto;padding:34px 26px 26px}
}
@media (max-width:767px){
  body.auth{background-size:auto 100%}
  .au-top{height:58px;padding:0 16px}
  .au-wrap{padding:14px 14px 30px}
  .au-card{width:100%;max-width:none;padding:30px 20px 24px;box-shadow:0 20px 44px -26px rgba(12,26,54,.34)}
  .au-card h1{font-size:23px;padding-bottom:12px}
  .au-tabs{gap:22px;margin-top:22px}
  .au-pane{gap:16px;margin-top:18px}
  .au-input,.au-btn{height:46px;font-size:16px}   /* 16px 防 iOS 聚焦放大 */
  .au-code-btn{width:110px;font-size:12px;height:46px}
  .au-corner{right:14px;top:10px;font-size:12px}
  .au-icp{font-size:11px;padding-bottom:14px}
}
.au-pane[hidden]{display:none !important}

/* 图形验证码 */
.au-cap-row{display:flex;gap:10px;align-items:center}
.au-cap-row .au-input{flex:1;min-width:0}
.au-cap-row img{height:42px;min-width:104px;border:1px solid #E3E8F0;border-radius:4px;cursor:pointer;background:#fff;object-fit:contain}
