/* TRAE轻量化UI：仅使用白色、浅白色、浅蓝色系。覆盖登录页、后台、充值生成链接、自定义和套餐页面。 */
:root{
  --trae-white:#ffffff;
  --trae-soft:#f8fcff;
  --trae-soft-2:#f2faff;
  --trae-blue-1:#eaf7ff;
  --trae-blue-2:#d8f1ff;
  --trae-blue-3:#c6eaff;
  --trae-blue-4:#8fd8ff;
  --trae-blue-5:#5fc8ff;
}
html,body,#app,.app,.layout,.container,.page,.main,.content{
  background:var(--trae-white)!important;
  color:var(--trae-blue-5)!important;
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei",sans-serif!important;}
*{box-shadow:none!important;text-shadow:none!important;}
/* 整体卡片、后台面板、充值区域 */
[class*="card"],[class*="panel"],[class*="box"],[class*="wrap"],[class*="content"],
.el-card,.el-dialog,.el-drawer,.el-table,.el-form,.el-tabs,.van-cell,.van-field,.van-popup,.arco-card{
  background:var(--trae-white)!important;
  border-color:var(--trae-blue-2)!important;
  color:var(--trae-blue-5)!important;
  border-radius:16px!important;
}
/* 页面浅蓝白背景层 */
[class*="login"],[class*="dashboard"],[class*="system"],[class*="home"],[class*="recharge"],
[class*="Recharge"],[class*="package"],[class*="Package"],[class*="custom"],[class*="Custom"],
[class*="upload"],[class*="Upload"],[class*="temple"],[class*="Temple"],[class*="metro"],[class*="Metro"]{
  background:var(--trae-soft)!important;
  color:var(--trae-blue-5)!important;
}
/* 输入框 */
input,textarea,select,.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.van-field__control,.arco-input,
[class*="input"],[class*="textarea"]{
  background:var(--trae-white)!important;
  border-color:var(--trae-blue-2)!important;
  color:var(--trae-blue-5)!important;
  border-radius:12px!important;
}
input::placeholder,textarea::placeholder{color:var(--trae-blue-4)!important;}
.el-input__wrapper,.el-select__wrapper{box-shadow:0 0 0 1px var(--trae-blue-2) inset!important;}
.el-input__wrapper:hover,.el-select__wrapper:hover,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--trae-blue-4) inset!important;}
/* 按钮：长方形圆角，浅蓝白质感 */
button,.btn,[class*="btn"],.el-button,.van-button,.arco-btn,[role="button"],
input[type="button"],input[type="submit"]{
  background:var(--trae-blue-1)!important;
  border:1px solid var(--trae-blue-3)!important;
  color:var(--trae-blue-5)!important;
  border-radius:12px!important;
  font-weight:600!important;
  min-height:36px;
}
button:hover,.btn:hover,[class*="btn"]:hover,.el-button:hover,.van-button:hover,.arco-btn:hover,[role="button"]:hover{
  background:var(--trae-blue-2)!important;
  border-color:var(--trae-blue-4)!important;
  color:var(--trae-blue-5)!important;
}
.el-button--primary,.van-button--primary,.arco-btn-primary,[class*="primary"],
button[type="submit"],input[type="submit"]{
  background:var(--trae-blue-3)!important;
  border-color:var(--trae-blue-4)!important;
  color:var(--trae-white)!important;
}
.el-button--danger,.el-button--warning,.el-button--success,.van-button--danger,.van-button--warning,.van-button--success{
  background:var(--trae-blue-1)!important;
  border-color:var(--trae-blue-3)!important;
  color:var(--trae-blue-5)!important;
}
/* 菜单、标签、导航 */
.el-menu,.el-menu-item,.el-sub-menu,.el-tabs__item,.van-tab,.arco-menu,.arco-tabs-tab,
[class*="menu"],[class*="nav"],[class*="tab"]{
  background:var(--trae-white)!important;
  color:var(--trae-blue-5)!important;
  border-color:var(--trae-blue-2)!important;
}
.el-menu-item.is-active,.el-tabs__item.is-active,.van-tab--active,.arco-tabs-tab-active,
[class*="active"],[aria-selected="true"]{
  background:var(--trae-blue-1)!important;
  color:var(--trae-blue-5)!important;
  border-color:var(--trae-blue-3)!important;
  border-radius:12px!important;
}
/* 表格与列表 */
table,thead,tbody,tr,td,th,.el-table__header,.el-table__body,.el-table tr,.el-table th.el-table__cell,.el-table td.el-table__cell,
.van-cell,.van-list,.arco-table,.arco-table-tr,.arco-table-td,.arco-table-th{
  background:var(--trae-white)!important;
  color:var(--trae-blue-5)!important;
  border-color:var(--trae-blue-1)!important;
}
/* 提示、弹窗、消息：统一浅蓝，不使用红绿黄紫 */
.el-message,.el-notification,.el-alert,.el-message-box,.van-toast,.van-dialog,.arco-message,.arco-modal,
[class*="toast"],[class*="alert"],[class*="message"],[class*="notice"],[class*="tips"],[class*="error"],[class*="success"],[class*="warning"]{
  background:var(--trae-blue-1)!important;
  border-color:var(--trae-blue-3)!important;
  color:var(--trae-blue-5)!important;
  border-radius:14px!important;
}
.el-message__content,.el-alert__content,.el-notification__content,.van-toast__text,.van-dialog__message{color:var(--trae-blue-5)!important;}
/* 文本统一浅蓝系，弱化重色 */
h1,h2,h3,h4,h5,h6,p,span,div,label,a,small,strong,b,li,dt,dd{
  color:inherit;
}
a{color:var(--trae-blue-5)!important;}
/* 选择、开关、进度 */
.el-switch.is-checked .el-switch__core,.van-switch--on,.arco-switch-checked{background:var(--trae-blue-3)!important;border-color:var(--trae-blue-4)!important;}
.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{background:var(--trae-blue-3)!important;border-color:var(--trae-blue-4)!important;}
.el-checkbox__label,.el-radio__label{color:var(--trae-blue-5)!important;}
/* 充值/套餐/自定义页面更轻量 */
[class*="recharge"] [class*="item"],[class*="Recharge"] [class*="item"],
[class*="package"] [class*="item"],[class*="Package"] [class*="item"],
[class*="custom"] [class*="item"],[class*="Custom"] [class*="item"],
[class*="form"],[class*="Form"]{
  background:var(--trae-white)!important;
  border:1px solid var(--trae-blue-2)!important;
  border-radius:16px!important;
}
/* 保证页面无深色渐变和强色背景 */
[style*="background"]{background-color:var(--trae-white)!important;}
[style*="color: red"],[style*="color:red"],[style*="color: #f"],[style*="color:#f"],[style*="color: green"],[style*="color:green"]{color:var(--trae-blue-5)!important;}
/* 适度留白 */
.el-card,.el-dialog,.van-cell,[class*="card"],[class*="panel"]{padding:clamp(10px,1.5vw,18px)!important;}


/* TRAE轻量化UI加强覆盖：去除登录页和后台原有深色/渐变，只保留白色、浅白、浅蓝 */
html,body,#app,#app>*{
  background:#f8fcff!important;
  background-image:none!important;
  color:#5fc8ff!important;
}
*,*::before,*::after{
  background-image:none!important;
  border-color:#d8f1ff!important;
  outline-color:#c6eaff!important;
}
/* 登录页外层、后台布局、生成链接外层全部压成浅白底 */
[class*="login"],[class*="Login"],[class*="layout"],[class*="Layout"],[class*="dashboard"],[class*="Dashboard"],
[class*="home"],[class*="Home"],[class*="system"],[class*="System"],[class*="page"],[class*="Page"],
[class*="container"],[class*="Container"],[class*="wrapper"],[class*="Wrapper"],
[class*="recharge"],[class*="Recharge"],[class*="package"],[class*="Package"],[class*="custom"],[class*="Custom"]{
  background:#f8fcff!important;
  background-color:#f8fcff!important;
  background-image:none!important;
  color:#5fc8ff!important;
}
/* 卡片和主体白底 */
[class*="card"],[class*="Card"],[class*="form"],[class*="Form"],[class*="panel"],[class*="Panel"],
[class*="box"],[class*="Box"],.el-card,.el-form,.el-dialog,.el-drawer,.van-cell,.van-dialog{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  color:#5fc8ff!important;
  border:1px solid #d8f1ff!important;
  border-radius:18px!important;
}
/* 去掉原登录页粗重渐变和深色标题 */
[class*="login"] *,[class*="Login"] *,[class*="dashboard"] *,[class*="Dashboard"] *,
[class*="recharge"] *,[class*="Recharge"] *,[class*="package"] *,[class*="Package"] *,[class*="custom"] *,[class*="Custom"] *{
  color:#5fc8ff!important;
}
/* 允许卡片内部白底，避免整页一坨颜色 */
[class*="login"] [class*="card"],[class*="Login"] [class*="card"],[class*="login"] [class*="box"],[class*="Login"] [class*="box"],
[class*="login"] form,[class*="Login"] form{
  background:#ffffff!important;
  border:1px solid #d8f1ff!important;
  border-radius:18px!important;
}
/* 输入控件固定白底浅蓝边 */
input,textarea,select,.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.van-field,.van-field__control{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#5fc8ff!important;
  border-color:#d8f1ff!important;
  border-radius:12px!important;
}
/* 按钮固定浅蓝圆角，禁止深色渐变 */
button,.el-button,.van-button,[role="button"],input[type="button"],input[type="submit"],.btn,[class*="button"],[class*="Button"]{
  background:#eaf7ff!important;
  background-color:#eaf7ff!important;
  background-image:none!important;
  color:#5fc8ff!important;
  border:1px solid #c6eaff!important;
  border-radius:12px!important;
}
button:hover,.el-button:hover,.van-button:hover,[role="button"]:hover,.btn:hover,[class*="button"]:hover,[class*="Button"]:hover{
  background:#d8f1ff!important;
  background-color:#d8f1ff!important;
  color:#5fc8ff!important;
}
.el-button--primary,.van-button--primary,button[type="submit"],input[type="submit"],.primary,[class*="primary"],[class*="Primary"]{
  background:#c6eaff!important;
  background-color:#c6eaff!important;
  color:#ffffff!important;
  border-color:#8fd8ff!important;
}
/* 菜单、后台侧栏和顶部栏禁止深底 */
aside,header,nav,.sidebar,.sider,.menu,.navbar,.topbar,.el-menu,.el-menu-item,.el-sub-menu{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  color:#5fc8ff!important;
  border-color:#d8f1ff!important;
}
/* 禁用黑灰红绿黄等提示色，用浅蓝统一 */
.el-message,.el-notification,.el-alert,.el-message-box,.van-toast,.van-dialog,[class*="error"],[class*="Error"],[class*="success"],[class*="Success"],[class*="warning"],[class*="Warning"]{
  background:#eaf7ff!important;
  background-color:#eaf7ff!important;
  background-image:none!important;
  color:#5fc8ff!important;
  border:1px solid #c6eaff!important;
}
/* 修正内联渐变背景 */
[style*="linear-gradient"],[style*="gradient"],[style*="background-image"],[style*="background:"]{
  background:#f8fcff!important;
  background-image:none!important;
}


/* TRAE深蓝清爽版：蓝色加深、主按钮蓝底黑字、增加留白和对齐 */
:root{
  --trae-page:#f7fbff;
  --trae-card:#ffffff;
  --trae-blue-soft:#e8f4ff;
  --trae-blue-line:#b8dcff;
  --trae-blue:#2f8cff;
  --trae-blue-strong:#1677e8;
  --trae-blue-deep:#0759c9;
  --trae-text:#0b2b4d;
}
html,body,#app,#app>div{
  background:var(--trae-page)!important;
  background-image:none!important;
  color:var(--trae-text)!important;
}
body{font-size:15px!important;line-height:1.6!important;}
*{box-sizing:border-box!important;text-shadow:none!important;}
/* 登录页整体 */
.login-root,body .login-root{
  background:var(--trae-page)!important;
  background-image:none!important;
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:48px 20px!important;
  color:var(--trae-text)!important;
}
.login-card,body .login-card{
  width:min(420px,calc(100vw - 40px))!important;
  background:var(--trae-card)!important;
  border:1px solid var(--trae-blue-line)!important;
  border-radius:18px!important;
  padding:34px 32px!important;
  box-shadow:0 12px 28px rgba(47,140,255,.10)!important;
  color:var(--trae-text)!important;
}
.login-card h1,.login-title,.login-card .title{
  color:var(--trae-blue-deep)!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  margin-bottom:8px!important;
}
.login-card p,.login-card span,.login-card label,.login-card a{color:var(--trae-text)!important;}
.top-decor,body .top-decor{
  background:var(--trae-blue)!important;
  background-image:none!important;
  height:4px!important;
  width:64px!important;
  border-radius:999px!important;
  margin:0 auto 20px!important;
}
/* 表单对齐和间距 */
form,.el-form,[class*="form"],[class*="Form"]{gap:16px!important;}
.login-card input,.login-card .el-input,.login-card .el-input__wrapper,
input,textarea,select,.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.van-field,.van-field__control{
  width:100%!important;
  min-height:44px!important;
  background:#ffffff!important;
  border:1px solid var(--trae-blue-line)!important;
  border-radius:12px!important;
  color:var(--trae-text)!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.el-input__wrapper{box-shadow:0 0 0 1px var(--trae-blue-line) inset!important;}
.el-input__wrapper:hover,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--trae-blue) inset!important;}
input::placeholder,textarea::placeholder{color:#5f92c4!important;}
/* 主按钮：蓝底黑字，统一高度和对齐 */
.login-btn,body .login-btn,button[type="submit"],input[type="submit"],.el-button--primary,.van-button--primary,.primary,[class*="primary"],[class*="Primary"]{
  min-height:44px!important;
  height:44px!important;
  line-height:42px!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--trae-blue)!important;
  background-image:none!important;
  color:#000000!important;
  border:1px solid var(--trae-blue-strong)!important;
  border-radius:12px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  padding:0 18px!important;
}
.login-btn:hover,button[type="submit"]:hover,.el-button--primary:hover,.van-button--primary:hover{
  background:var(--trae-blue-strong)!important;
  color:#000000!important;
  border-color:var(--trae-blue-deep)!important;
}
/* 次级按钮、语言按钮、图标按钮 */
button,.el-button,.van-button,[role="button"],.btn,[class*="button"],[class*="Button"]{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--trae-blue-soft)!important;
  background-image:none!important;
  color:var(--trae-text)!important;
  border:1px solid var(--trae-blue-line)!important;
  border-radius:12px!important;
  padding:0 16px!important;
  font-weight:600!important;
}
.theme-toggle,.language-toggle,.player-toggle{
  width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;
}
/* 后台布局：更清爽，不拥挤 */
.layout,.dashboard,.main,.content,.page,.container,[class*="layout"],[class*="Layout"],[class*="dashboard"],[class*="Dashboard"],
[class*="content"],[class*="Content"],[class*="page"],[class*="Page"],[class*="container"],[class*="Container"]{
  background:var(--trae-page)!important;
  background-image:none!important;
  color:var(--trae-text)!important;
}
.el-card,.el-dialog,.el-drawer,.el-table,.van-cell,[class*="card"],[class*="Card"],[class*="panel"],[class*="Panel"],[class*="box"],[class*="Box"]{
  background:#ffffff!important;
  color:var(--trae-text)!important;
  border:1px solid var(--trae-blue-line)!important;
  border-radius:16px!important;
  padding:20px!important;
  margin-bottom:18px!important;
  box-shadow:0 10px 24px rgba(47,140,255,.08)!important;
}
/* 菜单和导航 */
aside,header,nav,.sidebar,.sider,.menu,.navbar,.topbar,.el-menu,.el-menu-item,.el-sub-menu{
  background:#ffffff!important;
  color:var(--trae-text)!important;
  border-color:var(--trae-blue-line)!important;
}
.el-menu-item.is-active,.el-tabs__item.is-active,.van-tab--active,[class*="active"],[aria-selected="true"]{
  background:var(--trae-blue-soft)!important;
  color:var(--trae-blue-deep)!important;
  border-radius:12px!important;
  font-weight:700!important;
}
/* 表格、列表、充值页面 */
table,tr,td,th,.el-table tr,.el-table td.el-table__cell,.el-table th.el-table__cell,
.recharge,.package,.custom,[class*="recharge"],[class*="Recharge"],[class*="package"],[class*="Package"],[class*="custom"],[class*="Custom"]{
  background:#ffffff!important;
  color:var(--trae-text)!important;
  border-color:var(--trae-blue-line)!important;
}
[class*="recharge"] [class*="item"],[class*="Recharge"] [class*="item"],
[class*="package"] [class*="item"],[class*="Package"] [class*="item"],
[class*="custom"] [class*="item"],[class*="Custom"] [class*="item"]{
  padding:18px!important;
  margin-bottom:14px!important;
  border-radius:14px!important;
  border:1px solid var(--trae-blue-line)!important;
  background:#ffffff!important;
}
/* 文本层级 */
h1,h2,h3,h4,h5,h6{color:var(--trae-blue-deep)!important;font-weight:700!important;}
p,span,div,label,li,td,th,small,strong,b{color:inherit;}
a{color:var(--trae-blue-deep)!important;}
/* 提示统一蓝白，但文字清晰 */
.el-message,.el-notification,.el-alert,.el-message-box,.van-toast,.van-dialog,[class*="message"],[class*="notice"],[class*="tips"],[class*="error"],[class*="success"],[class*="warning"]{
  background:var(--trae-blue-soft)!important;
  color:var(--trae-text)!important;
  border:1px solid var(--trae-blue-line)!important;
  border-radius:14px!important;
}
/* 覆盖旧渐变 */
[style*="linear-gradient"],[style*="gradient"],[style*="background-image"]{
  background:var(--trae-page)!important;
  background-image:none!important;
}
/* 移动端减少拥挤 */
@media (max-width:640px){
  .login-root{padding:28px 14px!important;}
  .login-card{padding:28px 22px!important;width:calc(100vw - 28px)!important;}
  .el-card,[class*="card"],[class*="panel"],[class*="box"]{padding:16px!important;margin-bottom:14px!important;}
  button,.el-button,.van-button{min-height:42px!important;}
}


/* TRAE登录复选框和主按钮文字修正版 202607161233
   目的：修复登录页复选框被输入框样式误伤、忘记密码错显为按钮、主按钮文字不够清晰的问题。 */
.login-root .flex.justify-between.items-center.w-full.mb-20px{
  height:auto!important;min-height:32px!important;margin:14px 0 22px!important;
  align-items:center!important;gap:12px!important;overflow:visible!important;
}
.login-root .el-checkbox,.login-root .el-checkbox--small{
  height:28px!important;min-height:28px!important;width:auto!important;padding:0 6px!important;
  background:transparent!important;border:none!important;box-shadow:none!important;border-radius:8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
}
.login-root .el-checkbox__input{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;left:auto!important;top:auto!important;margin:0 8px 0 0!important;
  background:transparent!important;border:none!important;box-shadow:none!important;
}
.login-root .el-checkbox__inner{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  border-radius:5px!important;background:#fff!important;border:1px solid #2f8cff!important;box-shadow:none!important;
}
.login-root .el-checkbox__original{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  margin:0!important;opacity:0!important;position:absolute!important;inset:0!important;
}
.login-root .el-checkbox__label{
  width:auto!important;height:auto!important;min-height:0!important;padding-left:0!important;
  color:#0b2b4d!important;font-size:13px!important;line-height:18px!important;
  display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
}
.login-root .el-link.el-link--primary{
  width:auto!important;height:28px!important;min-height:28px!important;padding:0!important;
  background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;
  color:#0b2b4d!important;display:inline-flex!important;align-items:center!important;
}
.login-root .el-link.el-link--primary .el-link__inner{
  width:auto!important;height:auto!important;min-height:0!important;color:#0b2b4d!important;
  font-size:13px!important;line-height:18px!important;display:inline!important;white-space:nowrap!important;
}
body .el-button--primary,body .el-button--primary *,.login-root .login-btn,.login-root .login-btn *{
  color:#000!important;
}
.login-root .login-btn{
  background:#2f8cff!important;border-color:#1677e8!important;height:44px!important;min-height:44px!important;
}