@charset "UTF-8";/* ==========================================================================
   AiKa SUP · 组件层  sup-ui.css
   按钮 / 表单 / 卡片 / 表格 / 标签 / 分页 / 弹窗 / 提示 / 面板 / 导航页签
   覆盖 Bootstrap 3 与站点自有类族（up-* kc-* khg-* uc-* sp-* 等）
   ========================================================================== */
/* ==========================================================================
   1. 按钮
   ========================================================================== */
:root .btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;
  height:34px;padding:0 15px!important;
  border-radius:var(--s-r-s)!important;
  border:1px solid var(--s-line)!important;
  background:var(--s-surface)!important;
  color:var(--s-text)!important;
  font-size:13px!important;font-weight:500!important;line-height:1!important;
  letter-spacing:.1px;
  box-shadow:var(--s-sh-1)!important;text-shadow:none!important;
  cursor:pointer;white-space:nowrap;vertical-align:middle;
  transition:var(--s-t-fast);
}:root .btn:hover, :root .btn:focus{
  background:var(--s-surface-2)!important;color:var(--s-text)!important;
  border-color:var(--s-line-3)!important;
  transform:translateY(-.5px);box-shadow:var(--s-sh-2)!important;
}:root .btn:active, :root .btn.active{transform:translateY(0);box-shadow:none!important;background:var(--s-active)!important}:root .btn:disabled, :root .btn.disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}:root .btn i.fa, :root .btn .fa{margin-right:2px;font-size:13px}:root .btn i.fa:last-child, :root .btn .fa:last-child{margin-right:0}/* 主按钮：高级灰黑 */
:root .btn-primary, :root .btn-success, :root .btn.up-btn-primary, :root .up-btn-primary, :root .kc-btn-primary{
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;
  border-color:transparent!important;font-weight:600!important;
  box-shadow:0 1px 2px rgba(0,0,0,.10),0 4px 14px rgba(0,0,0,.14)!important;
}:root .btn-primary:hover, :root .btn-success:hover, :root .btn-primary:focus, :root .btn-success:focus, :root .up-btn-primary:hover, :root .up-btn-primary:focus{
  background:var(--s-fill-h)!important;color:var(--s-fill-t)!important;border-color:transparent!important;
}:root .btn-primary:disabled, :root .btn-success:disabled{background:var(--s-fill)!important;color:var(--s-fill-t)!important;opacity:.45!important}/* 强调按钮：浅青绿 */
:root .btn-accent, :root .btn-info, :root .btn.up-btn-accent{
  background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important;border-color:transparent!important;
  font-weight:600!important;box-shadow:0 1px 2px rgba(18,185,129,.2),0 4px 14px rgba(18,185,129,.24)!important;
}:root .btn-accent:hover, :root .btn-info:hover{background:var(--s-accent-h)!important;color:var(--s-fill-t)!important}/* 幽灵按钮 */
:root .btn-ghost, :root .btn-link, :root .btn-default{
  background:transparent!important;border-color:var(--s-line)!important;color:var(--s-text-2)!important;box-shadow:none!important;
}:root .btn-ghost:hover, :root .btn-link:hover, :root .btn-default:hover{
  background:var(--s-hover)!important;color:var(--s-text)!important;border-color:var(--s-line-3)!important;box-shadow:none!important;
}:root .btn-link{border-color:transparent!important;padding-left:8px!important;padding-right:8px!important}/* 危险 */
:root .btn-danger{
  background:var(--s-danger-bg)!important;color:var(--s-danger-ink)!important;
  border-color:var(--s-danger-line)!important;box-shadow:none!important;font-weight:500!important;
}:root .btn-danger:hover{background:var(--s-danger)!important;color:var(--s-fill-t)!important;border-color:transparent!important}/* 警告 */
:root .btn-warning{
  background:var(--s-warning-bg)!important;color:var(--s-warning-ink)!important;
  border-color:var(--s-warning-line)!important;box-shadow:none!important;
}:root .btn-warning:hover{background:var(--s-warning)!important;color:var(--s-fill-t)!important;border-color:transparent!important}/* 尺寸 */
:root .btn-lg{height:42px!important;padding:0 22px!important;font-size:14.5px!important;border-radius:var(--s-r-s)!important}:root .btn-sm{height:29px!important;padding:0 11px!important;font-size:12.5px!important;border-radius:var(--s-r-xs)!important}:root .btn-xs{height:25px!important;padding:0 9px!important;font-size:11.5px!important;border-radius:7px!important}:root .btn-block{display:flex!important;width:100%!important}:root .btn-group{display:inline-flex;gap:0}:root .btn-group>.btn{border-radius:0!important;margin-left:-1px}:root .btn-group>.btn:first-child{border-radius:var(--s-r-s) 0 0 var(--s-r-s)!important;margin-left:0}:root .btn-group>.btn:last-child{border-radius:0 var(--s-r-s) var(--s-r-s) 0!important}/* 站点自有按钮族统一 */
:root .kc-btn, :root .mc-btn, :root .kms-btn, :root .wc-btn, :root .up-btn, :root .khg-btn, :root .ue-btn{transition:var(--s-t-fast)}/* ==========================================================================
   2. 表单
   ========================================================================== */
:root .form-group{margin-bottom:16px!important}:root .form-group>label, :root .control-label, :root .form-label, :root .up-label, :root .sp-lb, :root .ue-lb{
  display:block!important;
  font-size:12.5px!important;font-weight:500!important;color:var(--s-text-2)!important;
  margin:0 0 7px!important;line-height:1.4!important;text-align:left!important;
  padding:0!important;
}:root .form-group>label .required, :root .required{color:var(--s-danger-ink);margin-left:3px}:root .form-control, :root .up-input, :root .kc-input, :root .sp-in, :root .ue-in, :root input[type=text].form-control, :root input[type=password], :root input[type=email], :root input[type=number], :root input[type=tel], :root input[type=search], :root select.form-control, :root textarea.form-control, :root .up-select, :root .ue-select{
  /* 注意：display 不要加 !important —— 站点用行内 display:none 隐藏富文本编辑器的原始 textarea，     带 !important 的 display:block 会压过行内样式，把裸 HTML 文本框露出来。 */
  display:block;width:100%!important;
  height:38px!important;padding:0 12px!important;
  border-radius:var(--s-r-s)!important;
  border:1px solid var(--s-line)!important;
  background:var(--s-surface)!important;
  color:var(--s-text)!important;
  font-size:13.5px!important;line-height:36px!important;
  box-shadow:none!important;
  transition:var(--s-t-fast);
  -webkit-appearance:none;appearance:none;
}:root textarea.form-control, :root textarea.up-input, :root textarea.kc-input{
  height:auto!important;min-height:88px!important;line-height:1.6!important;
  padding:10px 12px!important;resize:vertical;
}:root select.form-control, :root .up-select, :root .ue-select{
  padding-right:32px!important;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%23A1A1A6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:12px!important;
}:root .form-control::placeholder, :root .up-input::placeholder, :root input::placeholder{color:var(--s-text-4)!important}:root .form-control:focus, :root .up-input:focus, :root .kc-input:focus, :root .sp-in:focus, :root .up-select:focus, :root .ue-select:focus, :root input:focus, :root select:focus, :root textarea:focus{
  border-color:var(--s-accent-line)!important;
  box-shadow:var(--s-accent-ring)!important;
  background:var(--s-surface)!important;
  outline:none!important;
}:root .form-control:disabled, :root .form-control[readonly], :root .up-input:disabled{
  background:var(--s-sunken)!important;color:var(--s-text-3-ink)!important;cursor:not-allowed;
}:root .form-control-static{padding-top:9px;font-size:13.5px;color:var(--s-text)}:root .help-block, :root .form-desc, :root .up-help, :root .sp-help, :root .ue-hint{
  display:block;font-size:12px!important;color:var(--s-text-3-ink)!important;
  margin:6px 0 0!important;line-height:1.55!important;
}:root .help-block .fa, :root .form-desc .fa, :root .up-help .fa{color:var(--s-text-4);margin-right:3px}/* 输入组 */
:root .input-group{display:flex!important;width:100%!important;align-items:stretch}:root .input-group .form-control{flex:1!important;border-radius:var(--s-r-s) 0 0 var(--s-r-s)!important}:root .input-group-addon{
  display:flex!important;align-items:center;gap:6px;
  padding:0 12px!important;height:38px;
  border:1px solid var(--s-line)!important;border-right:none!important;
  border-radius:var(--s-r-s) 0 0 var(--s-r-s)!important;
  background:var(--s-surface-2)!important;color:var(--s-text-2)!important;
  font-size:13px!important;
}:root .input-group-addon:last-child{border-right:1px solid var(--s-line)!important;border-left:none!important;
  border-radius:0 var(--s-r-s) var(--s-r-s) 0!important}:root .input-group .form-control:not(:first-child){border-radius:0 var(--s-r-s) var(--s-r-s) 0!important}:root .input-group-btn{display:flex}:root .input-group-btn .btn{height:38px!important;border-radius:0 var(--s-r-s) var(--s-r-s) 0!important;border-left:none!important}:root .up-input-group{display:flex!important;width:100%!important;align-items:stretch}:root .up-input-group .up-input{border-radius:var(--s-r-s) 0 0 var(--s-r-s)!important}:root .up-input-group .up-btn{border-radius:0 var(--s-r-s) var(--s-r-s) 0!important;height:38px!important}/* 行内表单 */
:root .form-row, :root .kc-field, :root .fz-form-row, :root .pm-form-group, :root .ue-row{
  display:flex!important;align-items:center;gap:12px;margin:0 0 14px!important;
}:root .form-row>.form-label, :root .form-row>.form-field, :root .fz-form-row>.fz-form-label, :root .fz-form-row>.fz-form-field, :root .pm-form-group>.pm-form-label, :root .pm-form-group>.pm-form-field{flex:0 0 auto}:root .form-row>.form-field, :root .fz-form-row>.fz-form-field, :root .pm-form-group>.pm-form-field{flex:1;min-width:0}
@media (max-width:640px){:root .form-row, :root .fz-form-row, :root .pm-form-group, :root .kc-field, :root .ue-row{flex-direction:column!important;align-items:stretch!important;gap:7px!important}:root .form-row>.form-label, :root .fz-form-row>.fz-form-label, :root .pm-form-group>.pm-form-label{text-align:left!important;width:auto!important}
}:root .unit{color:var(--s-text-3-ink);font-size:12.5px;flex:0 0 auto}:root .lb{font-size:12.5px;color:var(--s-text-2)}/* 勾选 */
:root .checkbox, :root .radio{position:relative;display:block;margin:8px 0!important;padding-left:24px!important;font-size:13.5px;color:var(--s-text)}:root .checkbox input[type=checkbox], :root .radio input[type=radio]{
  position:absolute;left:0;top:3px;margin:0!important;width:16px!important;height:16px!important;
  accent-color:var(--s-accent);cursor:pointer;
}:root .checkbox label, :root .radio label{font-weight:400;color:var(--s-text);cursor:pointer}:root input[type=checkbox], :root input[type=radio]{accent-color:var(--s-accent)}/* 开关 */
:root .switch, :root .s-switch{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 42px}:root .switch input{opacity:0;width:0;height:0}:root .switch .slider{position:absolute;inset:0;border-radius:var(--s-r-pill);background:var(--s-line-3);transition:var(--s-t-fast);cursor:pointer}:root .switch .slider::before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--s-fill-t);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:var(--s-t-fast)}:root .switch input:checked+.slider{background:var(--s-accent)}:root .switch input:checked+.slider::before{transform:translateX(18px)}/* ==========================================================================
   3. 卡片 / 面板
   ========================================================================== */
:root .panel, :root .card, :root .up-card, :root .uc-card, :root .cls-card, :root .fin-card, :root .pk-card, :root .rc-card, :root .transfer-card, :root .price-card, :root .khg-card, :root .stat-card, :root .wb-stat, :root .kc-card, :root .sp-card, :root .ue-card{
  background:var(--s-surface)!important;
  border:1px solid var(--s-line-2)!important;
  border-radius:var(--s-r)!important;
  box-shadow:var(--s-sh-2)!important;
  overflow:hidden;
  margin-bottom:var(--s-gap)!important;
}:root .card, :root .up-card, :root .uc-card, :root .khg-card, :root .stat-card, :root .kc-card, :root .sp-card, :root .ue-card{padding:0}
/* .wb-stat 是自带标签+数值的统计卡（非容器），保留其自身内边距 */
:root .wb-stat{padding:var(--s-stat-pad,15px 16px)!important}:root .panel-body, :root .card-body, :root .up-card-bd, :root .khg-card-body, :root .uc-card-body{padding:18px!important;font-size:13.5px;color:var(--s-text-2)}:root .panel-heading, :root .card-head, :root .up-card-hd, :root .khg-card-header, :root .uc-card-hd, :root .panel-title, :root .section-title, :root .ap-h4{
  display:flex!important;align-items:center;gap:9px;
  padding:15px 18px!important;margin:0!important;
  background:transparent!important;border:none!important;
  border-bottom:1px solid var(--s-line-2)!important;
  font-size:14px!important;font-weight:600!important;color:var(--s-text)!important;
  border-radius:0!important;
}:root .card-head::before, :root .up-card-hd::before, :root .khg-card-header::before, :root .panel-heading::before, :root .section-title::before, :root .ap-h4::before{
  content:"";width:3px;height:14px;border-radius:2px;background:var(--s-accent);flex:0 0 3px;
}:root .panel-title>.small, :root .panel-heading .small{margin-left:auto;font-size:12px;font-weight:400;color:var(--s-text-3-ink)}:root .panel-footer, :root .card-foot, :root .up-card-ft{
  padding:13px 18px!important;background:var(--s-surface-2)!important;
  border-top:1px solid var(--s-line-2)!important;border-radius:0!important;font-size:13px;
}:root .panel-group .panel+.panel{margin-top:12px}:root .well{
  background:var(--s-surface-2)!important;border:1px solid var(--s-line-2)!important;
  border-radius:var(--s-r)!important;box-shadow:none!important;padding:16px!important;color:var(--s-text-2);
}/* 统计芯片 / 小卡 */
:root .up-stat-chip, :root .kc-tag, :root .stat-chip, :root .ue-stat{
  display:inline-flex!important;align-items:center;gap:6px;
  padding:5px 11px!important;border-radius:var(--s-r-pill)!important;
  background:var(--s-accent-bg)!important;color:var(--s-accent-d)!important;
  font-size:12px!important;font-weight:500!important;line-height:1.3!important;
  border:1px solid transparent;
}/* 页面头（hero） */
:root .up-page{padding:0}:root .up-hero, :root .wb-hero{
  display:flex!important;align-items:center;gap:16px;
  padding:20px 22px!important;margin:0 0 var(--s-gap)!important;
  background:var(--s-surface)!important;
  border:1px solid var(--s-line-2)!important;border-radius:var(--s-r)!important;
  box-shadow:var(--s-sh-2)!important;
}/* ★ .uc-hero 是会员中心首页的「账号卡」，与 .up-hero（小页头）是两个不相干的组件，
   只是名字后缀相同。合并选择器会把深色账号卡压成白底 → 白底白字、金额看不见。 */
:root .uc-hero{
  display:block!important;
  padding:24px 26px!important;margin:0 0 20px!important;
  background:linear-gradient(135deg,var(--s-fill-h) 0%,var(--s-fill) 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  color:var(--s-fill-t)!important;
  box-shadow:var(--s-sh-3)!important;
}/* ★ .uc-hero 是「深色账号卡」，其内所有文字必须为白色。
   此前这里只枚举了 .uc-user-info h2 / .uc-hero-stat 三种具体结构，
   而 user/tixian.php 用的是裸 <h2>、user/transfer.php 用内联色 —— 漏网后变成
   深色渐变底 + --s-text 深字 = 文字与背景同色（用户报告的「看不清」根因）。
   改用后代通配，任何结构都覆盖。 */
:root .uc-hero, :root .uc-hero h1, :root .uc-hero h2, :root .uc-hero h3, :root .uc-hero h4, :root .uc-hero h5, :root .uc-hero p, :root .uc-hero span, :root .uc-hero div, :root .uc-hero b, :root .uc-hero strong, :root .uc-hero .label, :root .uc-hero .value, :root .uc-hero .title, :root .uc-hero .desc, :root .uc-hero .uc-user-info h2, :root .uc-hero .uc-hero-stat .label, :root .uc-hero .uc-hero-stat .value{ color:var(--s-fill-t)!important }/* 次级文字用半透明白，保留层级但不失可读性 */
:root .uc-hero p, :root .uc-hero .uc-hero-d, :root .uc-hero .uc-level-tip, :root .uc-hero .uc-hero-balance .label, :root .uc-hero .uc-hero-stat .label, :root .uc-hero .sub, :root .uc-hero small{ color:rgba(255,255,255,.78)!important }:root .uc-hero .uc-hero-balance .value, :root .uc-hero .uc-hero-stat .value{ color:var(--s-fill-t)!important }:root .up-hero-ico, :root .uc-hero-ico{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  display:grid;place-items:center;
  background:var(--s-accent-bg)!important;color:var(--s-accent-ink)!important;font-size:20px;
}:root .up-hero-main, :root .uc-hero-main{flex:1;min-width:0}:root .up-hero-t{font-size:18px!important;font-weight:650!important;color:var(--s-text)!important;letter-spacing:-.2px;margin:0!important}/* ★ .uc-hero-t 与 .uc-hero-d 名字像 .up-hero 族，其实 .uc-hero 是深色账号卡，
   这两个类若出现在 .uc-hero 内必须走白字（由上面的 .uc-hero 后代规则接管）。 */
:root .uc-hero .uc-hero-t{font-size:18px!important;font-weight:650!important;letter-spacing:-.2px;margin:0!important}:root .uc-hero .uc-hero-d, :root .uc-hero .uc-hero-d *{font-size:12.5px!important;margin-top:4px!important}:root .up-hero-d{font-size:12.5px!important;color:var(--s-text-3-ink)!important;margin-top:4px!important}/* ==========================================================================
   4. 表格
   ========================================================================== */
:root .table, :root .config-table, :root .ap-tbl, :root .khg-table, :root .up-tbl{
  width:100%!important;border-collapse:separate!important;border-spacing:0!important;
  font-size:13px!important;margin:0!important;background:transparent!important;
}:root .table>thead>tr>th, :root .table>thead>tr>td, :root .config-table th, :root .ap-tbl th, :root .up-tbl th, :root .khg-table th{
  padding:11px 14px!important;
  background:var(--s-surface-2)!important;
  border:none!important;border-bottom:1px solid var(--s-line-2)!important;
  font-size:12px!important;font-weight:500!important;color:var(--s-text-3-ink)!important;
  text-align:left!important;white-space:nowrap;vertical-align:middle!important;
  letter-spacing:.2px;
}:root .table>tbody>tr>td, :root .config-table td, :root .ap-tbl td, :root .up-tbl td, :root .khg-table td{
  padding:12px 14px!important;
  background:transparent!important;
  border:none!important;border-bottom:1px solid var(--s-line-2)!important;
  color:var(--s-text-2)!important;font-size:13px!important;vertical-align:middle!important;
}:root .table>tbody>tr:last-child>td, :root .config-table tr:last-child td{border-bottom:none!important}:root .table>tbody>tr:hover>td, :root .config-table tbody tr:hover td, :root .ap-tbl tbody tr:hover td{
  background:var(--s-hover)!important;color:var(--s-text)!important;
}:root .table>tbody>tr:nth-child(odd)>td, :root .table-striped>tbody>tr:nth-child(odd)>td{background:transparent!important}:root .table-bordered, :root .table-bordered>tbody>tr>td, :root .table-bordered>thead>tr>th{border:1px solid var(--s-line-2)!important}:root .table>tbody>tr>td .fa, :root .up-tbl td .fa{color:var(--s-text-3-ink)}:root .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--s-r);margin:0}:root .table-wrap, :root .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}:root td .num, :root .table .num{font-variant-numeric:tabular-nums}/* ==========================================================================
   5. 标签 / 徽标 / 状态
   ========================================================================== */
:root .label, :root .tag, :root .up-tag, :root .kc-tag, :root .ue-tag{
  display:inline-flex!important;align-items:center;gap:4px;
  padding:3px 9px!important;border-radius:7px!important;
  font-size:11.5px!important;font-weight:500!important;line-height:1.45!important;
  background:var(--s-hover)!important;color:var(--s-text-2)!important;
  text-shadow:none!important;border:1px solid transparent;
}:root .label-primary, :root .label-success{background:var(--s-accent-bg)!important;color:var(--s-accent-d)!important}:root .label-info{background:var(--s-info-bg)!important;color:var(--s-info-ink)!important}:root .label-warning{background:var(--s-warning-bg)!important;color:var(--s-warning-ink)!important}:root .label-danger{background:var(--s-danger-bg)!important;color:var(--s-danger-ink)!important}:root .label-default{background:var(--s-hover)!important;color:var(--s-text-2)!important}:root .badge{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 6px!important;
  border-radius:var(--s-r-pill)!important;
  background:var(--s-hover)!important;color:var(--s-text-2)!important;
  font-size:11px!important;font-weight:600!important;line-height:1!important;
  text-shadow:none!important;box-shadow:none!important;
}:root .badge.badge-accent, :root .badge.up{background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important}:root .badge.badge-danger{background:var(--s-danger)!important;color:var(--s-fill-t)!important}/* 状态点 */
:root .s-dot, :root .dotok{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--s-accent);margin-right:6px;vertical-align:1px}:root .s-dot.off{background:var(--s-text-4)}:root .s-dot.warn{background:var(--s-warning)}:root .s-dot.err{background:var(--s-danger)}/* 文本语义色 */
:root .text-primary{color:var(--s-accent-ink)!important}:root .text-success{color:var(--s-accent-ink)!important}:root .text-info{color:var(--s-info)!important}:root .text-warning{color:var(--s-warning-ink)!important}:root .text-danger{color:var(--s-danger-ink)!important}:root .text-muted{color:var(--s-text-3-ink)!important}:root .text-cmgg{color:var(--s-text-3-ink)!important}/* 背景语义色（含后台旧蓝覆盖） */
/* 语义背景工具类 —— 柔和浅底（macOS 胶囊），不做高饱和实心块。
   作用域限定在图标位/徽标/小色块，整块背景（.bg-white/.bg-light 等）不受影响。 */
:root .bg-primary{background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important}:root .bg-success{background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important}:root .bg-info{background:var(--s-accent-fill)!important;color:var(--s-fill-t)!important}:root .bg-warning{background:var(--s-warning)!important;color:var(--s-fill-t)!important}:root .bg-danger{background:var(--s-danger)!important;color:var(--s-fill-t)!important}/* 图标位内的 bg-* 一律降级为柔和浅底（覆盖上面的实心规则，靠层叠顺序取胜） */
:root .ov-icon.bg-primary, :root .ov-icon.bg-success, :root .ov-icon.bg-info, :root .ov-icon.bg-warning, :root .ov-icon.bg-danger, :root .ov-icon.bg-purple{
  background:var(--s-accent-bg)!important;color:var(--s-accent-ink)!important}:root .ov-icon.bg-warning{background:var(--s-warning-bg)!important;color:var(--s-warning-ink)!important}:root .ov-icon.bg-danger{background:var(--s-danger-bg)!important;color:var(--s-danger-ink)!important}:root .biz-tile-h i, :root .stat-card .sc-icon, :root .uc-quick-icon{
  background:var(--s-accent-bg)!important;color:var(--s-accent-ink)!important;box-shadow:none!important}:root .bg-white, :root .bg-white-only{background:var(--s-surface)!important;color:var(--s-text)!important}:root .bg-dark{background:transparent!important;color:var(--s-text)!important}:root .bg-light{background:var(--s-surface-2)!important}:root .text-lt{color:var(--s-text)!important}/* ==========================================================================
   6. 提示 / 警示
   ========================================================================== */
:root .alert{
  padding:13px 16px!important;border-radius:var(--s-r-s)!important;
  border:1px solid var(--s-line)!important;background:var(--s-surface-2)!important;
  color:var(--s-text-2)!important;font-size:13px!important;line-height:1.6!important;
  margin-bottom:14px!important;
}:root .alert-success{background:var(--s-accent-bg)!important;border-color:var(--s-accent-line)!important;color:var(--s-accent-d)!important}:root .alert-danger, :root .alert-error{background:var(--s-danger-bg)!important;border-color:var(--s-danger-line)!important;color:var(--s-danger-ink)!important}:root .alert-warning{background:var(--s-warning-bg)!important;border-color:var(--s-warning-line)!important;color:var(--s-warning-ink)!important}:root .alert-info{background:var(--s-info-bg)!important;border-color:rgba(10,132,255,.22)!important;color:var(--s-info-ink)!important}:root .alert .close{color:inherit!important;opacity:.5;text-shadow:none!important}:root .alert .close:hover{opacity:1}/* ==========================================================================
   7. 弹窗
   ========================================================================== */
:root .modal-backdrop{background:rgba(0,0,0,.34)!important}:root .modal-backdrop.in{opacity:1!important}:root .modal{text-align:center}:root .modal-dialog{
  display:inline-block;text-align:left;vertical-align:middle;
  margin:30px auto!important;width:auto;
}:root .modal:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-top:-1px}:root .modal-dialog{width:560px;max-width:calc(100vw - 32px)}:root .modal-dialog.modal-lg{width:820px;max-width:calc(100vw - 32px)}:root .modal-dialog.modal-sm{width:400px;max-width:calc(100vw - 32px)}:root .modal-content{
  border:none!important;border-radius:var(--s-r)!important;
  background:var(--s-surface)!important;
  box-shadow:var(--s-sh-3)!important;
  overflow:hidden;
}:root .modal-header{
  padding:17px 20px!important;border-bottom:1px solid var(--s-line-2)!important;
  background:var(--s-surface)!important;border-radius:0!important;
}:root .modal-title{font-size:15.5px!important;font-weight:650!important;color:var(--s-text)!important;letter-spacing:-.1px}:root .modal-header .close{
  margin-top:2px!important;font-size:20px!important;font-weight:400!important;
  color:var(--s-text-3-ink)!important;opacity:1!important;text-shadow:none!important;
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  transition:var(--s-t-fast);
}:root .modal-header .close:hover{background:var(--s-hover);color:var(--s-text)!important}:root .modal-body{
  padding:20px!important;font-size:13.5px!important;color:var(--s-text-2)!important;
  max-height:calc(100vh - 220px);overflow-y:auto;
}:root .modal-footer{
  padding:14px 20px!important;border-top:1px solid var(--s-line-2)!important;
  background:var(--s-surface-2)!important;border-radius:0!important;text-align:right;
}:root .modal-footer .btn+.btn{margin-left:8px}:root .modal.fade .modal-dialog{transform:translateY(8px) scale(.99);transition:transform var(--s-t),opacity var(--s-t)}:root .modal.in .modal-dialog{transform:none}/* ==========================================================================
   8. 分页
   ========================================================================== */
:root .pagination, :root .paging-navbar{
  display:flex!important;align-items:center;justify-content:flex-end;gap:6px;
  margin:0!important;padding:14px 0 2px!important;background:transparent!important;
  border:none!important;border-radius:0!important;
}:root .pagination>li{display:inline-flex;float:none!important}:root .pagination>li>a, :root .pagination>li>span{
  display:grid!important;place-items:center;
  min-width:31px!important;height:31px!important;padding:0 9px!important;
  border:1px solid var(--s-line-2)!important;border-radius:var(--s-r-xs)!important;
  background:transparent!important;color:var(--s-text-2)!important;
  font-size:12.5px!important;float:none!important;margin:0!important;
  transition:var(--s-t-fast);
}:root .pagination>li>a:hover, :root .pagination>li>span:hover{background:var(--s-hover)!important;color:var(--s-text)!important;border-color:var(--s-line-3)!important}:root .pagination>.active>a, :root .pagination>.active>span{
  background:var(--s-fill)!important;color:var(--s-fill-t)!important;border-color:transparent!important;font-weight:600;
}:root .pagination>.disabled>a, :root .pagination>.disabled>span{opacity:.4!important;cursor:not-allowed}:root .pagination>.active+li>a{border-left-width:1px!important}/* ==========================================================================
   9. 页签 / 列表组 / 进度
   ========================================================================== */
:root .nav-tabs{
  display:flex!important;gap:3px!important;flex-wrap:wrap;
  border:none!important;border-bottom:1px solid var(--s-line-2)!important;
  padding:0!important;margin:0 0 16px!important;background:transparent!important;
}:root .nav-tabs>li{float:none!important;margin:0!important}:root .nav-tabs>li>a{
  display:flex!important;align-items:center;gap:6px;
  padding:9px 14px!important;margin:0 0 -1px!important;
  border:none!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;background:transparent!important;
  color:var(--s-text-3-ink)!important;font-size:13.5px!important;
  transition:var(--s-t-fast);
}:root .nav-tabs>li>a:hover{color:var(--s-text)!important;background:var(--s-hover)!important;border-bottom-color:transparent!important}:root .nav-tabs>li.active>a, :root .nav-tabs>li.active>a:hover, :root .nav-tabs>li.active>a:focus{
  background:transparent!important;color:var(--s-text)!important;font-weight:600!important;
  border-bottom-color:var(--s-accent)!important;
}:root .nav-pills{display:flex!important;gap:6px;background:var(--s-hover);padding:3px;border-radius:var(--s-r-s);width:fit-content}:root .nav-pills>li{float:none!important;margin:0!important}:root .nav-pills>li>a{padding:6px 14px!important;border-radius:7px!important;font-size:13px!important;color:var(--s-text-2)!important}:root .nav-pills>li.active>a{background:var(--s-surface)!important;color:var(--s-text)!important;box-shadow:var(--s-sh-1)!important}:root .list-group{border-radius:var(--s-r);overflow:hidden;border:1px solid var(--s-line-2)}:root .list-group-item{
  padding:12px 16px!important;background:var(--s-surface)!important;
  border:none!important;border-bottom:1px solid var(--s-line-2)!important;
  color:var(--s-text-2)!important;font-size:13.5px!important;
}:root .list-group-item:last-child{border-bottom:none!important}:root .list-group-item.active{background:var(--s-accent-bg)!important;border-color:transparent!important;color:var(--s-accent-d)!important;font-weight:600}:root a.list-group-item:hover{background:var(--s-hover)!important;color:var(--s-text)!important}:root .progress{
  height:6px!important;border-radius:var(--s-r-pill)!important;
  background:var(--s-hover)!important;box-shadow:none!important;
  overflow:hidden;margin-bottom:0;
}:root .progress-bar{background:var(--s-accent)!important;box-shadow:none!important;border-radius:var(--s-r-pill)!important}:root .progress-bar-success{background:var(--s-accent)!important}:root .progress-bar-info{background:var(--s-info)!important}:root .progress-bar-warning{background:var(--s-warning)!important}:root .progress-bar-danger{background:var(--s-danger)!important}:root .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%,transparent)!important}:root .breadcrumb{
  background:transparent!important;padding:0 0 12px!important;margin:0!important;
  font-size:12.5px!important;color:var(--s-text-3-ink)!important;border-radius:0!important;
}:root .breadcrumb>li+li:before{content:"/"!important;color:var(--s-text-4)!important;padding:0 7px!important}:root .breadcrumb>.active{color:var(--s-text-2)!important}/* ==========================================================================
   10. 站点自有类族补齐
   ========================================================================== */
/* 用户中心卡 */
:root .khg-row-1, :root .khg-row-2{display:flex!important;flex-wrap:wrap;margin:0 -8px!important}:root .khg-col{padding:0 8px!important;margin-bottom:var(--s-gap)!important;flex:1 1 0;min-width:220px;box-sizing:border-box}:root .kahaogou-user-center{padding:0!important}/* 用户中心菜单点 */
:root .uc-menu-dot{
  display:inline-block!important;width:7px;height:7px;border-radius:50%!important;
  background:var(--s-danger)!important;margin-left:5px;vertical-align:2px;
}:root .uc-menu-dot:empty{display:none!important}/* 客服入口 */
:root .nav-kf{
  display:inline-flex!important;align-items:center;gap:7px;
  height:34px;padding:0 12px!important;border-radius:var(--s-r-s)!important;
  color:var(--s-text-2)!important;font-size:13px;
  transition:var(--s-t-fast);
}:root .nav-kf:hover{background:var(--s-hover)!important;color:var(--s-text)!important}:root .kf-badge{
  min-width:17px;height:17px;padding:0 5px;border-radius:var(--s-r-pill);
  background:var(--s-danger);color:var(--s-fill-t);font-size:10.5px;font-weight:700;
  display:inline-grid;place-items:center;line-height:1;
}:root .kf-badge:empty, :root .kf-badge[data-n="0"]{display:none}/* 后台页脚 */
:root .wb-admin-foot{
  padding:20px 0 24px!important;text-align:center;
  font-size:12px!important;color:var(--s-text-3-ink)!important;line-height:1.6!important;
}:root .site-footer{
  font-size:12.5px;color:var(--s-text-3-ink);
}:root .site-footer a{color:var(--s-text-2)}/* 批量上架空态 */
:root .shopbatch-empty{padding:40px 20px!important;text-align:center;color:var(--s-text-3-ink)!important;font-size:13.5px}/* 隐藏老元素 */
:root .master-check-nums{display:none!important}:root .span_position{display:inline-block}/* 老 AdminLTE 的 pos-rlt / box-shadow 等工具类收敛 */
:root .box-shadow{box-shadow:var(--s-sh-1)!important}:root .no-shadow{box-shadow:none!important}:root .pos-rlt{position:relative}:root .text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* ==========================================================================
   11. 栅格 gutter 收敛（保留 Bootstrap 栅格能力）
   ========================================================================== */
:root .row{margin-left:-8px!important;margin-right:-8px!important}:root .row>[class*="col-"]{padding-left:8px!important;padding-right:8px!important}:root .container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}
@media (max-width:767px){:root .container{padding:0 12px}
}

/* ---------- 统计卡统一（订单/商品/转账等后台页顶栏） ---------- */
:root .wb-stats{
  display:grid!important;
  gap:12px!important;
  margin:0 0 var(--s-gap)!important;
  align-items:stretch;
}
:root .wb-stat{
  display:flex!important;flex-direction:column;justify-content:center;
  min-height:82px;
  background:var(--s-surface)!important;
  border:1px solid var(--s-line-2)!important;
  border-radius:var(--s-r)!important;
  box-shadow:var(--s-sh-2)!important;
  overflow:visible!important;
  margin-bottom:0!important;
}
:root .wb-stat .wb-stat-label,
:root .wb-stat .lab,
:root .wb-stat .k{
  display:flex!important;align-items:center;gap:7px;
  font-size:12.5px!important;font-weight:400!important;
  color:var(--s-text-3-ink)!important;
  line-height:1.2!important;margin:0 0 9px!important;
}
:root .wb-stat .wb-stat-label i{font-size:12px;color:var(--s-text-3-ink)}
:root .wb-stat .lab i{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px}
:root .wb-stat .wb-stat-value,
:root .wb-stat .num,
:root .wb-stat .v{
  font-size:22px!important;font-weight:700!important;
  line-height:1.15!important;letter-spacing:-.2px!important;
  color:var(--s-text)!important;
  font-variant-numeric:tabular-nums;
  word-break:break-all;
}
:root .wb-stat .v small{font-size:12px!important;font-weight:500!important;color:var(--s-text-3-ink)!important;margin-left:5px}
/* 图标块（商品管理页 .ic） */
:root .wb-stat .ic{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:10px!important;display:grid!important;place-items:center;
  font-size:15px!important;font-weight:700!important;
}
/* 语义色：数值用 -ink 级深色，保证白底可读 */
:root .wb-stat .wb-stat-value.is-primary{color:var(--s-accent-ink)!important}
:root .wb-stat .wb-stat-value.is-warn{color:var(--s-warning-ink)!important}
:root .wb-stat .wb-stat-value.is-danger{color:var(--s-danger-ink)!important}
:root .wb-stat .wb-stat-sub{margin-top:6px;font-size:12px;color:var(--s-text-3-ink)}
/* 横向排布变体（商品管理页：图标在左、文字在右） */
:root .wb-stat:has(> .ic){flex-direction:row!important;align-items:center!important;gap:12px!important}
:root .wb-stat:has(> .ic) .k{margin:0 0 3px!important}
:root .wb-stat:has(> .ic) .v{margin:0!important}

/* ---------- 12. 代码块：窄屏防溢出 ---------- */
:root pre{
  background:var(--s-surface-2);border:1px solid var(--s-line);border-radius:var(--s-r-xs);
  padding:12px 14px;margin:0 0 12px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  max-width:100%;min-width:0;width:auto;box-sizing:border-box;
}
/* 弹窗 / 卡片容器同样不许被长代码行撑破 */
:root .modal-body, :root .modal-dialog, :root .modal-content, :root .panel-body,
:root .card-body, :root .up-card-bd{ overflow-x:auto; max-width:100%; min-width:0; }
:root pre code{
  display:block;background:transparent;border:none;padding:0;
  font-family:var(--s-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);
  font-size:12.5px;line-height:1.7;color:var(--s-text);
  white-space:pre;word-break:normal;overflow-wrap:normal;
}
:root code:not(pre code){
  background:var(--s-surface-2);border:1px solid var(--s-line);border-radius:6px;
  padding:1px 6px;font-size:12.5px;color:var(--s-accent-ink);
  font-family:var(--s-font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);
}

/* ---------- 13. 系统提示页（includes/function.php 的 showmsg 外壳） ---------- */
:root .wb-msg-body{background:var(--s-bg);min-height:100vh}
:root .wb-msg-wrap{max-width:560px;margin:0 auto;padding:56px 16px 40px;box-sizing:border-box}
:root .wb-msg-wrap .panel{margin:0}
:root .wb-msg-hr{border:0;border-top:1px solid var(--s-line);margin:16px 0 12px}
:root .wb-msg-back{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:var(--s-r-s);background:var(--s-fill);color:var(--s-fill-t);font-size:13px;font-weight:500;text-decoration:none;transition:var(--s-t-fast)}
:root .wb-msg-back:hover,:root .wb-msg-back:focus{background:var(--s-fill-h);color:var(--s-fill-t);text-decoration:none}
:root .panel-success .panel-heading::before{background:var(--s-accent)}
:root .panel-info .panel-heading::before{background:var(--s-info)}
:root .panel-warning .panel-heading::before{background:var(--s-warning)}
:root .panel-danger .panel-heading::before{background:var(--s-danger)}
:root .panel-success .panel-title{color:var(--s-accent-ink)!important}
:root .panel-info .panel-title{color:var(--s-info-ink)!important}
:root .panel-warning .panel-title{color:var(--s-warning-ink)!important}
:root .panel-danger .panel-title{color:var(--s-danger-ink)!important}
@media (max-width:520px){:root .wb-msg-wrap{padding:30px 14px 30px}}

/* ---------- 视觉隐藏控件守卫 ----------
   站点/第三方组件用 width:1px + clip 隐藏原始表单元素（.sp-vh、select2 的
   .select2-hidden-accessible），但本层的 :root .form-control{width:100%!important}
   会把它们撑到 390 宽，虽然被 clip 看不见，却会在手机端探针/滚动计算里顶出横向溢出。 */
:root .form-control.sp-vh, :root select.sp-vh,
:root .form-control.select2-hidden-accessible, :root select.select2-hidden-accessible{
  width:1px!important;height:1px!important;padding:0!important;border:0!important;
}