/* ============================================================
   前台全局主题 — 现代卡片金融风（橙红品牌色）
   统一所有前台页面：背景/字体/卡片/按钮/输入框/导航/主色
   并修复「底部协议行 absolute 遮挡上方链接（点不了）」通病。
   仅覆盖样式，不改任何功能/JS/结构。
   整体备份在本地 ylzc_full_backup_20260825.tar.gz，可整体回滚。
   ============================================================ */
:root{
  --brand:  #ff4a1f;   /* 品牌橙红 */
  --brand2: #ff7a3d;   /* 渐变末端 */
  --ink:    #15233a;   /* 主文字深蓝 */
  --ink2:   #5a6b8c;   /* 次级文字 */
  --muted:  #9aa7ba;   /* 弱文字/占位 */
  --line:   #e6ebf1;   /* 描边 */
  --bg:     #eef3f8;   /* 页面底 */
  --card:   #ffffff;   /* 卡片底 */
}

/* ---------- 页面背景 + 字体 ---------- */
html, body, body.uni-body{
  background: var(--bg) !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  color: var(--ink);
}

/* ---------- 顶部导航 / header 品牌色 ---------- */
header, .header, .nav-bar, .uni-navbar, .navbar, .top-bar, .nav{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  border-bottom: none !important;
}
header *, .header *, .navbar *, .nav-bar *, .top-bar *{ color: #fff !important; }
header .back, .header .back, .navbar .back{ color:#fff !important; }

/* ---------- 通用容器卡片化 ---------- */
.container, .page, .content{ background: transparent !important; }
.card, .panel, .box, .list, .cell-group, .uni-card{
  background: var(--card) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(21,35,58,.08) !important;
  border: none !important;
}

/* ---------- 主按钮：橙红渐变 + 圆角 + 投影（仅明确主按钮） ---------- */
.button, .btn-primary, .submit, .submit-btn, .login-btn, .register-btn,
.uni-btn--primary, button[type=submit], .uni-button{
  background: linear-gradient(135deg, var(--brand), var(--brand2)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 22px rgba(255,74,31,.28) !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
  transition: transform .15s, box-shadow .15s, opacity .15s !important;
}
.button:active, .submit:active{
  transform: translateY(1px) scale(.99) !important;
  box-shadow: 0 5px 12px rgba(255,74,31,.22) !important;
}

/* 文字/次要按钮：只变品牌色，别变成渐变大按钮 */
.btn, a.btn, .btn-link, .link, .text-btn, .more{
  color: var(--brand) !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

/* ---------- 输入框（排除 checkbox/radio） ---------- */
input:not([type=checkbox]):not([type=radio]), textarea, select,
.uni-input, .uni-input-input, .input{
  background: #f7f9fc !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  color: var(--ink) !important;
  font-family: inherit !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
}
input:not([type=checkbox]):not([type=radio]):focus,
textarea:focus, select:focus, .uni-input-input:focus, .input:focus{
  border-color: var(--brand) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255,74,31,.12) !important;
}
input:not([type=checkbox]):not([type=radio])::placeholder,
textarea::placeholder, .uni-input-placeholder, .placeholder{
  color: var(--muted) !important;
}

/* ---------- .bar 圆角容器输入框（与注册页「创建账号」一致） ---------- */
.main .bar, .bar{
  background: #f7f9fc !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  margin-bottom: 14px !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
  box-sizing: border-box;
}
.main .bar input, .bar input{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  font-size: 15px !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 !important;
  outline: none !important;
}
.main .bar input:focus, .bar input:focus{
  background: transparent !important;
  box-shadow: none !important;
}
.main .bar:focus-within, .bar:focus-within{
  border-color: var(--brand) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255,74,31,.12) !important;
}
.main .bar .text, .bar .text{
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
}

/* ---------- 标题 ---------- */
h1, h2, h3, .h1, .h2, .txt-title{ color: var(--ink) !important; }

/* ---------- 修复：底部协议/说明行 absolute 遮挡 ---------- */
.bottom, .agreement-bottom, .login-bottom{
  position: static !important;
  left: auto !important;
  -webkit-transform: none !important;
  transform: none !important;
  width: auto !important;
  padding: 6px 0 22px !important;
  margin-top: 6px !important;
  color: var(--muted) !important;
}

/* ---------- 链接 ---------- */
a{ color: var(--brand); }

/* ---------- 底部 tab bar 选中色 ---------- */
.uni-tabbar__item.uni-tabbar__item--selected, .tab-item.active, .tabbar .active{
  color: var(--brand) !important;
}
.uni-tabbar__icon, .tab-icon{ fill: var(--brand); }

/* ---------- 列表单元格点按态 ---------- */
.cell:active{ background: #f7f9fc !important; }

/* ---------- 登录/注册页：白底横幅 + 现代卡片 ---------- */
body.pages-register-login .container, body.pages-register-register .container{
  max-width: 480px !important; margin: 0 auto !important;
}
body.pages-register-login .main, body.pages-register-register .main{
  background: #fff !important; border-radius: 28px !important;
  box-shadow: 0 22px 58px rgba(92,51,29,.14) !important; padding: 8px 20px 20px !important; box-sizing: border-box;
}
/* 注册页没有 .container，单独给 logo/main 居中 */
body.pages-register-register .logo, body.pages-register-register .main{
  max-width: 480px !important; margin-left: auto !important; margin-right: auto !important;
}
body.pages-register-login .logo, body.pages-register-register .logo{
  display: block !important;
  height: auto !important;
  padding: 12px 0 4px !important;
  margin-bottom: 0 !important;
}
body.pages-register-login .logo > div, body.pages-register-register .logo > div{
  width: 100% !important;
  aspect-ratio: 1280 / 853 !important;
  border-radius: 14px; overflow: hidden;
}
body.pages-register-login .main, body.pages-register-register .main{ margin-top: 6px !important; }
body.pages-register-login .main > .flexJA.flexFs:not(.bar),
body.pages-register-register .main > .flexJA.flexFs:not(.bar){ display: none !important; }
/* 横幅已含「永利支付」，去掉重复的品牌名标题 */
body.pages-register-login .main .h1, body.pages-register-register .main .h1{ display: none !important; }
body.pages-register-login .main .h2, body.pages-register-register .main .h2{
  font-size: 14px !important; color: var(--ink2) !important; text-align: center !important;
  margin: 12px 0 24px !important; font-weight: 400 !important;
}