/* ============================================================
 * 九桥 AI 产品超市 · 账号/积分通用样式（2026-09-07 新版重设计）
 * 设计语言与 ai-product-market/index.html V2.0 对齐：
 * 白底 / #2f6bff 主蓝 / 胶囊按钮 / 18·28 圆角 / eyebrow 小标
 * 覆盖 account-bar.js 内联兜底样式（同特异性后加载生效）
 * ============================================================ */

/* ---------- 顶栏登录按钮（site-shell 全站胶囊导航） ---------- */
.site-header .header-action.login{min-width:0}
.site-header .header-action.login.is-logged{
  border:1px solid rgba(47,107,255,.35)!important;
  background:var(--surface-blue,#eef4ff)!important;
  color:#2458d1!important;
  font-size:11px!important;
  letter-spacing:.02em;
}

/* ---------- Toast ---------- */
.toast-root{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast-item{pointer-events:auto;min-width:200px;max-width:340px;padding:12px 18px;border-radius:14px;background:#202522;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 18px 42px rgba(35,44,38,.22);animation:account-toast-in .25s ease;font-weight:500}
.toast-item.is-success{background:#2e7d4f}
.toast-item.is-error{background:#c4453a}
.toast-item.is-info{background:#2f6bff}
.toast-item.is-out{opacity:0;transform:translateY(-6px);transition:.3s}
@keyframes account-toast-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 登录 / 账户弹窗（新版） ---------- */
dialog.auth-dialog{
  width:min(420px,92vw);border:1px solid var(--line,#e8ebe8);border-radius:24px;padding:0;
  box-shadow:0 32px 80px rgba(35,44,38,.16);position:fixed;inset:0;margin:auto;z-index:99999;
  background:#fff;max-height:min(680px,92vh);overflow:hidden;
}
dialog.auth-dialog::backdrop{background:rgba(32,37,34,.38);backdrop-filter:blur(4px)}
.auth-body{padding:34px 32px 30px;max-height:min(620px,86vh);overflow-y:auto}
.auth-body>span{
  display:flex;align-items:center;gap:11px;
  color:#2f6bff;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.4;text-transform:uppercase;margin-bottom:12px;
}
.auth-body>span:before{content:"";width:34px;height:1px;background:#2f6bff}
.auth-body h2{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.05em;color:#202522}
.dialog-intro{margin:0 0 20px;font-size:12px;color:#747b77;line-height:1.8}
.auth-body input{
  width:100%;box-sizing:border-box;padding:13px 16px;margin-top:10px;
  border:1px solid #d9e1dc;border-radius:999px;font-size:14px;outline:none;color:#202522;
  background:#fff;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease;
}
.auth-body input::placeholder{color:#a9b0ab}
.auth-body input:focus{border-color:#2f6bff;box-shadow:0 0 0 4px rgba(47,107,255,.12)}
.auth-err{min-height:18px;margin:10px 2px 0;font-size:12px;color:#c4453a}
.dialog-actions{margin-top:18px;display:flex;gap:10px}
.dialog-actions button{
  flex:1;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #d9e1dc;
  background:#fff;color:#202522;font-size:12px;font-weight:750;cursor:pointer;font-family:inherit;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.dialog-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(35,69,125,.13)}
.dialog-actions button.auth-primary{margin-left:0;border-color:#2f6bff;background:#2f6bff;color:#fff;box-shadow:0 12px 24px rgba(47,107,255,.18)}
.dialog-actions button.auth-primary:hover{background:#1d4ed8;border-color:#1d4ed8}
.dialog-actions button.auth-logout{border-color:rgba(196,69,58,.4);color:#c4453a;background:#fff}
.auth-points{margin:16px 0 0;padding:14px 16px;border-radius:16px;background:#f6f7f5;color:#202522;font-size:12px;line-height:1.7}
.auth-points b{color:#2f6bff}
.auth-recharge{margin-top:16px;padding-top:16px;border-top:1px solid #e8ebe8}
.recharge-coming{
  width:100%;min-height:44px;padding:0 16px;border:1px dashed #d9e1dc;border-radius:999px;
  color:#a9b0ab;background:#fff;font-size:12px;cursor:not-allowed;font-family:inherit;
}
.tx-panel{margin-top:16px;padding-top:16px;border-top:1px solid #e8ebe8}
.tx-panel h3{margin:0 0 10px;font-size:10px;letter-spacing:.15em;color:#747b77;font-weight:800;text-transform:uppercase}
.account-center-entry{
  display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;
  border:1px solid rgba(47,107,255,.3);border-radius:999px;background:#eef4ff;color:#2458d1;
  font-size:12px;font-weight:750;text-decoration:none;text-align:center;transition:.2s;
}
.account-center-entry:hover{background:#2f6bff;border-color:#2f6bff;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(47,107,255,.18)}
.account-center-hint{margin:10px 0 0;color:#a9b0ab;font-size:11px;text-align:center;line-height:1.6}