/* ============================================================
   前台登录 / 注册页共享样式（暗夜金橙，与 themes/default/index.php 同一套 token）
   路径：/themes/{主题}/style/css/auth.css
   ============================================================ */
:root{
  --bg:#0d0b0a;
  --panel:#16120f;
  --line:rgba(243,179,74,.22);
  --line2:rgba(243,179,74,.45);
  --gold:#f3b34a;
  --gold2:#ffd98a;
  --text:#d9d0c5;
  --muted:#8d8177;
}
*{margin:0;padding:0;box-sizing:border-box}
body.auth-body{
  min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;
  padding:36px 16px;background:var(--bg);color:var(--text);
  font:14px/1.6 "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.auth-body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(700px 380px at 50% 0,rgba(243,179,74,.10),transparent 70%);
}
a{text-decoration:none;color:inherit;transition:color .2s}
img{vertical-align:middle;border:none}
input,button{outline:none;border:0;background:transparent;font-family:inherit}
::selection{background:rgba(243,179,74,.25)}

/* 背景图 + 遮罩 */
.auth-bg{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center;
  filter:blur(3px) brightness(.32) saturate(.9);transform:scale(1.04)}
.auth-mask{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,7,6,.72),rgba(8,7,6,.92) 60%,#0d0b0a)}

/* 卡片 */
.auth-card{
  position:relative;z-index:2;width:100%;max-width:460px;
  background:rgba(22,18,15,.94);
  border:1px solid var(--line2);border-radius:12px;
  padding:36px 36px 24px;
  box-shadow:0 26px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(6px);
}

/* 品牌区 */
.auth-brand{text-align:center}
.auth-brand .bw{
  font-size:30px;font-weight:bold;letter-spacing:4px;line-height:1.25;
  background:linear-gradient(180deg,#fff7e6,#f0b64a 55%,#c8871f);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(240,182,74,.25));
}
.auth-brand .bs{font-size:10px;letter-spacing:7px;color:#7c7065;margin-top:6px;text-transform:uppercase}

/* 标题 */
.auth-title{
  text-align:center;font-size:24px;font-weight:bold;letter-spacing:8px;text-indent:8px;
  margin:20px 0 26px;
  background:linear-gradient(180deg,#ffe9b8,#e8b44f 60%,#c8871f);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* 提示条 */
.auth-alert{border-radius:6px;padding:9px 12px;font-size:13px;line-height:1.5;margin-bottom:16px;word-break:break-all}
.auth-alert.err{background:rgba(226,69,43,.12);border:1px solid rgba(226,69,43,.45);color:#ff9d8b}
.auth-alert.ok{background:rgba(0,196,140,.10);border:1px solid rgba(0,196,140,.40);color:#5ee0b0}

/* 表单 */
.field{margin-bottom:18px}
.field label{display:block;font-size:14px;color:#cfc6bb;margin-bottom:8px}
.field label i{font-style:normal;color:#6f655d;font-size:12px;margin-left:6px}
.field input{
  width:100%;height:48px;border-radius:6px;padding:0 14px;font-size:15px;
  -webkit-appearance:none;appearance:none;
  color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;caret-color:var(--gold) !important;
  background-color:#1a1512 !important;background-image:none;
  border:1px solid rgba(243,179,74,.32);
  /* 超长过渡：阻止 Chrome 自动填充把背景刷成浅蓝色 */
  transition:background-color 9999s ease-out 0s,border-color .2s,box-shadow .2s;
}
.field input::placeholder{color:#8a7f74 !important;opacity:1;-webkit-text-fill-color:#8a7f74 !important}
.field input:focus{border-color:var(--gold) !important;background-color:#221b15 !important;box-shadow:0 0 0 3px rgba(243,179,74,.14)}
/* 自动填充（Chrome/Edge 的浅蓝底、Safari 的黄底）统一压成深底白字 */
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active,
.field input:autofill,
.field input:autofill:hover,
.field input:autofill:focus{
  -webkit-text-fill-color:#ffffff !important;
  color:#ffffff !important;
  caret-color:var(--gold) !important;
  background-color:#1a1512 !important;
  background-image:none !important;
  -webkit-box-shadow:0 0 0 1000px #1a1512 inset !important;
  box-shadow:0 0 0 1000px #1a1512 inset !important;
  border-color:rgba(243,179,74,.32) !important;
}

/* 密码显示/隐藏（小眼睛） */
.pwd-wrap{position:relative}
.pwd-wrap input{padding-right:46px}
.pwd-eye{
  position:absolute;top:0;right:0;width:44px;height:48px;
  display:flex;align-items:center;justify-content:center;
  color:#6f655d;cursor:pointer;border-radius:0 6px 6px 0;
  transition:color .2s;
}
.pwd-eye:hover{color:var(--gold)}
.pwd-eye svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pwd-eye .ico-eye-off{display:none}
.pwd-wrap.is-visible .ico-eye{display:none}
.pwd-wrap.is-visible .ico-eye-off{display:block}

/* 验证码 */
.cap-row{display:flex;gap:10px}
.cap-row input{flex:1;min-width:0}
.cap-img{
  flex:none;width:120px;height:48px;border-radius:6px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(243,179,74,.28);background:#f5efe6;
}
.cap-img img{width:100%;height:100%;display:block;object-fit:cover}
.cap-img:hover{border-color:var(--gold)}

/* 提交按钮 */
.auth-btn{
  width:100%;height:50px;border-radius:6px;cursor:pointer;
  font-size:18px;font-weight:bold;letter-spacing:10px;text-indent:10px;color:#2a1a06;
  background:linear-gradient(180deg,#f9dfa0,#e6b048 55%,#d19a2e);
  box-shadow:0 10px 26px rgba(224,168,58,.22);
  transition:filter .2s,transform .1s;
}
.auth-btn:hover{filter:brightness(1.06)}
.auth-btn:active{transform:translateY(1px)}

/* 底部链接 */
.auth-links{display:flex;justify-content:center;gap:26px;margin-top:22px;font-size:14px;color:var(--muted)}
.auth-links a:hover{color:var(--gold2)}
.auth-foot{text-align:center;font-size:11px;color:#5f554c;line-height:1.8;margin-top:20px}
.auth-foot a{color:#7c7065}
.auth-foot a:hover{color:var(--gold)}
.auth-foot .footer_links{margin-bottom:6px}
.auth-foot .footer_links span{margin:0 8px;color:#423a33}

/* 注册页 · 账号可用性提示 */
.field-tip{display:none;font-size:12px;line-height:1.5;margin-top:7px;padding-left:2px}
.field-tip.ok{display:block;color:#5ee0b0}
.field-tip.bad{display:block;color:#ff9d8b}
.field input.is-ok{border-color:rgba(0,196,140,.55) !important}
.field input.is-bad{border-color:rgba(226,69,43,.55) !important}
.field input.is-ok:focus{box-shadow:0 0 0 3px rgba(0,196,140,.12) !important}
.field input.is-bad:focus{box-shadow:0 0 0 3px rgba(226,69,43,.12) !important}

/* 移动端 */
@media (max-width:560px){
  body.auth-body{padding:18px 12px;align-items:flex-start}
  .auth-card{padding:26px 20px 18px;border-radius:10px;margin-top:16px}
  .auth-brand .bw{font-size:24px;letter-spacing:2px}
  .auth-brand .bs{letter-spacing:5px}
  .auth-title{font-size:20px;letter-spacing:5px;text-indent:5px;margin:14px 0 20px}
  .field{margin-bottom:14px}
  .field input{height:44px;font-size:14px}
  .pwd-eye{height:44px;width:40px}
  .cap-img{width:102px;height:44px}
  .auth-btn{height:46px;font-size:16px;letter-spacing:6px;text-indent:6px}
  .auth-links{margin-top:18px;gap:20px;font-size:13px}
}