/* ============ 个人中心样式 ============ */
/* === 个人中心 (User Center) === */
.uc-hero {
  padding: 28px 0 24px;
  background: var(--gradient-bg);
  position: relative; overflow: hidden;
}
.uc-hero-glow {
  position: absolute; top: -45%; right: -8%;
  width: 520px; height: 520px; border-radius: 50%;
  background: radial-gradient(circle, rgba(124,58,237,0.35), transparent 65%);
  filter: blur(24px); pointer-events: none;
}
.uc-hero-inner { position: relative; z-index: 1; }
.uc-back {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-radius: 100px; white-space: nowrap;
  font-size: 0.82rem; font-weight: 600; color: var(--text-secondary);
  border: 1px solid var(--border-light); background: rgba(255,255,255,0.03);
  transition: all 0.2s;
}
.uc-back:hover {
  color: #fff; border-color: rgba(124,58,237,0.4);
  background: rgba(124,58,237,0.12);
}
/* 顶部「退出登录」：红色语义，与「返回首页」区分 */
.uc-back-logout {
  color: var(--red-400); border-color: rgba(248,113,113,0.35);
  background: rgba(248,113,113,0.06);
}
.uc-back-logout:hover {
  color: #fff; border-color: rgba(248,113,113,0.6);
  background: rgba(248,113,113,0.16);
}
.uc-user { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.uc-avatar {
  width: 68px; height: 68px; border-radius: 20px; flex-shrink: 0;
  background: var(--gradient-purple); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; font-weight: 800;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.16), 0 10px 30px rgba(124,58,237,0.45);
}
/* 头像文字「优米彩」：白→浅金渐变 + 柔和光泽（不支持 background-clip 时回退为白色） */
.uc-avatar-char { color: #fff; white-space: nowrap; }
@supports (-webkit-background-clip: text) or (background-clip: text) {
  .uc-avatar-char {
    background: linear-gradient(180deg, #ffffff 0%, #fff2c8 52%, #f6c34a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35)) drop-shadow(0 0 10px rgba(246,195,74,0.4));
  }
}
.uc-user-info { flex: 1; min-width: 220px; }
.uc-user-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.uc-account { font-size: 0.95rem; color: var(--text-secondary); }
.uc-account strong {
  margin-left: 4px; font-size: 1.05rem; font-weight: 800;
  color: var(--text-primary); letter-spacing: 0.5px;
  font-variant-numeric: tabular-nums;
}
.uc-vip {
  font-size: 0.7rem; font-weight: 700; padding: 3px 10px; border-radius: 100px;
  color: var(--yellow-400);
  background: linear-gradient(135deg, rgba(251,191,36,0.2), rgba(251,191,36,0.06));
  border: 1px solid rgba(251,191,36,0.35);
  box-shadow: 0 0 14px rgba(251,191,36,0.15);
}
.uc-user-info p { font-size: 0.88rem; color: var(--text-secondary); }
.uc-user-info p strong { color: var(--purple-400); }
.uc-recharge {
  display: inline-flex; align-items: center; gap: 4px;
  margin-left: 10px; padding: 3px 10px; border-radius: 100px;
  font-size: 0.75rem; font-weight: 700; vertical-align: middle;
  color: #3a2a00; background: linear-gradient(135deg, #fbbf24, #f59e0b);
  box-shadow: 0 4px 14px rgba(251,191,36,0.35);
  transition: all 0.2s;
}
.uc-recharge:hover { color: #3a2a00; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(251,191,36,0.55); }
.uc-recharge svg { width: 12px; height: 12px; }
/* 使用说明入口：内联在「充值」之后，垂直居中 */
.uc-trial .uc-ver-link { margin-left: 10px; vertical-align: middle; }
/* 剩余天数等宽：数字变化时不挤动右侧入口 */
.uc-trial [data-uc-hero-days] { font-variant-numeric: tabular-nums; }

.uc-user-actions { display: flex; gap: 12px; flex-wrap: wrap; }

.uc-section { padding: 8px 0 80px; }

/* 个人中心底部版权（仅电脑端显示） */
.uc-footer { padding: 0 0 40px; }
.uc-layout { display: grid; grid-template-columns: 220px 1fr; gap: 28px; align-items: start; }
.uc-layout > * { min-width: 0; }

.uc-sidebar { position: sticky; top: 24px; }
.uc-nav {
  background: linear-gradient(180deg, var(--bg-card), rgba(17,25,64,0.55));
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg); padding: 10px;
  display: flex; flex-direction: column; gap: 6px;
  box-shadow: var(--shadow-card);
}
.uc-nav-item {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 10px 12px; border: none; border-radius: 12px;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.92rem; font-weight: 600;
  cursor: pointer; text-align: left; transition: all 0.2s ease;
}
.uc-nav-item:hover { background: rgba(255,255,255,0.05); color: #fff; }
.uc-nav-item:hover .uc-nav-icon { background: rgba(255,255,255,0.1); }
.uc-nav-item.active {
  background: var(--gradient-purple); color: #fff;
  box-shadow: 0 8px 22px rgba(124,58,237,0.4);
}
.uc-nav-icon {
  flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.06); font-size: 0.95rem;
  transition: background 0.2s;
}
.uc-nav-item.active .uc-nav-icon { background: rgba(255,255,255,0.2); }
.uc-nav-badge {
  margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 100px; background: rgba(248,113,113,0.15); color: var(--red-400);
  font-size: 0.7rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.uc-nav-badge[hidden] { display: none; }
.uc-nav-item.active .uc-nav-badge { background: rgba(255,255,255,0.22); color: #fff; }

.uc-content { min-width: 0; }
.uc-content .trend-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.uc-content .trend-table { min-width: 560px; }

/* === 个人中心：统一竖向滚动条（仅消息 / 审核 / 风险 / 统计四页及其弹窗） === */
.uc-scroll-y {
  scrollbar-width: thin;
  scrollbar-color: rgba(124,58,237,0.45) transparent;
  scrollbar-gutter: stable;
}
.uc-scroll-y::-webkit-scrollbar { width: 8px; height: 8px; }
.uc-scroll-y::-webkit-scrollbar-track { background: transparent; }
.uc-scroll-y::-webkit-scrollbar-thumb {
  background: rgba(124,58,237,0.45);
  border-radius: 100px;
}
.uc-scroll-y::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.75); }
.uc-scroll-y::-webkit-scrollbar-corner { background: transparent; }

/* PC：收单 / 审核 / 风险 / 统计 / 配置页列表滚动条贴浏览器右缘并加宽（移动端与其它个人中心页不变） */
@media (min-width: 1025px) {
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="message"]),
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="audit"]),
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="risk"]),
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="stats"]),
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="config"]) {
    width: calc(100% + max(0px, (100vw - 1200px) / 2) + 24px);
    padding-right: calc(max(0px, (100vw - 1200px) / 2) + 24px);
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="message"])::-webkit-scrollbar,
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="audit"])::-webkit-scrollbar,
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="risk"])::-webkit-scrollbar,
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="stats"])::-webkit-scrollbar,
  body.page-user .uc-content.uc-scroll-y:has([data-uc-panel="config"])::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
}

/* === 个人中心：固定顶部 + 侧边，仅内容区滚动 === */
body.page-user {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
body.page-user .uc-hero { flex: 0 0 auto; }
body.page-user .uc-section {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 8px 0 0;
}
body.page-user .uc-section > .container {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
body.page-user .uc-layout {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
}
body.page-user .uc-content {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding-bottom: 32px;
}
/* 消息面板显示发送栏时，收紧内容区底部留白，让外框更贴近容器底部（约下移30px） */
body.page-user .uc-content:has(.uc-msg-dock:not([hidden])) { padding-bottom: 2px; }
body.page-user .uc-footer { flex: 0 0 auto; }

.uc-panel { display: none; }
.uc-panel.active { display: block; animation: ucFade 0.3s ease; }
@keyframes ucFade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.uc-card {
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: var(--radius-lg); padding: 24px;
  box-shadow: var(--shadow-card);
}
.uc-card + .uc-card { margin-top: 20px; }
.uc-card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; margin-bottom: 20px;
}
.uc-card-title { font-size: 1.1rem; }
.uc-card-tools { display: flex; align-items: center; gap: 8px; }

/* 消息中心：卡片列表（布局参考截图，配色沿用本站紫色主题） */
.uc-card-msg { padding: 0; background: transparent; border: none; box-shadow: none; }

/* 使用说明入口（消息页顶部账号旁）：试用版金黄配色 + 常驻呼吸光晕 */
.uc-ver-link {
  flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; border: 1px solid rgba(251,191,36,0.35); border-radius: 100px;
  font-family: inherit; font-size: 0.7rem; font-weight: 700; cursor: pointer;
  color: var(--yellow-400);
  background: linear-gradient(135deg, rgba(251,191,36,0.2), rgba(251,191,36,0.06));
  transition: color 0.2s, border-color 0.2s, background 0.2s;
  animation: ucVerLinkBreath 2.4s ease-in-out infinite;
}
.uc-ver-link:hover,
.uc-ver-link[aria-expanded="true"] {
  color: #fff;
  border-color: rgba(251,191,36,0.6);
  background: rgba(251,191,36,0.16);
}
.uc-ver-link-icon {
  display: inline-block; font-size: 0.82rem; line-height: 1;
  animation: ucVerLinkIcon 2.4s ease-in-out infinite;
}
/* 常驻呼吸光晕 + 图标上浮：明显发光吸引注意 */
@keyframes ucVerLinkBreath {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251,191,36,0); }
  50% { box-shadow: 0 0 18px 3px rgba(251,191,36,0.75), 0 0 0 1px rgba(251,191,36,0.45); }
}
@keyframes ucVerLinkIcon {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.12); }
}
/* 关闭浮层时给入口一次更强脉冲，提示可在此再次点开 */
.uc-ver-link--pulse { animation: ucVerLinkPulse 0.9s ease; }
@keyframes ucVerLinkPulse {
  0% { box-shadow: 0 0 0 0 rgba(251,191,36,0.65); }
  60% { box-shadow: 0 0 0 9px rgba(251,191,36,0), 0 0 22px 4px rgba(251,191,36,0.7); }
  100% { box-shadow: 0 0 0 0 rgba(251,191,36,0); }
}

/* 使用说明浮层：四版本介绍（居中卡片 + 打开动画；配色经 --ver-accent 按版本区分） */
.uc-ver[hidden] { display: none; }
.uc-ver {
  position: fixed; inset: 0; z-index: 2200;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.uc-ver-overlay {
  position: absolute; inset: 0;
  background: rgba(8,13,30,0.75);
  backdrop-filter: blur(6px);
  animation: ucVerFade 0.2s ease;
}
.uc-ver-dialog {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  width: 100%; max-width: 560px; max-height: calc(100vh - 40px);
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-glow);
  overflow: hidden;
  animation: ucVerPop 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.uc-ver-head {
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px;
  background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(59,130,246,0.12));
  border-bottom: 1px solid var(--border-light);
}
.uc-ver-title { font-size: 1.15rem; font-weight: 800; color: var(--text-primary); }
.uc-ver-close {
  flex-shrink: 0; width: 30px; height: 30px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.15rem; line-height: 1; cursor: pointer;
  color: #fff; background: linear-gradient(135deg, #ef4444, #dc2626);
  border: 1px solid rgba(248,113,113,0.65); border-radius: 50%;
  box-shadow: 0 4px 12px rgba(239,68,68,0.35);
  transition: background 0.2s, border-color 0.2s;
}
.uc-ver-close:hover { background: linear-gradient(135deg, #f87171, #ef4444); border-color: #fca5a5; }
/* 版本分页夹：视觉对齐充值页 .rc-tabs；高亮改用滑块 .uc-ver-glider（按版 accent 渐变） */
.uc-ver-tabs {
  position: relative;
  flex-shrink: 0;
  display: flex; align-items: center; gap: 4px; flex-wrap: nowrap;
  width: fit-content; max-width: calc(100% - 36px);
  margin: 14px auto 0;
  padding: 4px;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 12px;
}
/* 滑块：绝对定位于分页夹内，按目标 tab 的位置/宽度平滑过渡（位置由 JS 注入） */
.uc-ver-glider {
  position: absolute; top: 4px; bottom: 4px; left: 0;
  width: 0; border-radius: 9px; z-index: 0;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), width 0.32s cubic-bezier(0.22, 1, 0.36, 1), background 0.32s ease;
}
.uc-ver-tab {
  position: relative; z-index: 1;
  padding: 8px 22px; border: none; border-radius: 9px;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.88rem; font-weight: 600;
  white-space: nowrap;
  cursor: pointer; transition: color 0.2s;
}
.uc-ver-tab:hover { color: var(--text-primary); }
.uc-ver-tab.active { color: #fff; }
.uc-ver-glider[data-ver="trial"] { background: linear-gradient(135deg, #fb923c, #ea580c); box-shadow: 0 6px 18px rgba(249,115,22,0.4); }
.uc-ver-glider[data-ver="manual"] { background: linear-gradient(135deg, #a78bfa, #7c3aed); box-shadow: 0 6px 18px rgba(124,58,237,0.4); }
.uc-ver-glider[data-ver="group"] { background: linear-gradient(135deg, #60a5fa, #2563eb); box-shadow: 0 6px 18px rgba(59,130,246,0.4); }
.uc-ver-glider[data-ver="wechat"] { background: linear-gradient(135deg, #4ade80, #16a34a); box-shadow: 0 6px 18px rgba(34,197,94,0.4); }
.uc-ver-body {
  overflow-y: auto;
  padding: 14px 18px 18px;
  display: grid; grid-template-columns: 1fr; gap: 12px;
}
/* 每个版本块：独立卡片 + 左侧色条，四版各自配色；四块叠放同格，高度恒等于最高面板（切换不抖动） */
.uc-ver-item {
  --ver-accent: #a78bfa;
  --ver-accent-soft: rgba(167,139,250,0.16);
  --ver-text: #cbd5e1;
  grid-area: 1 / 1;
  padding: 14px 16px 16px;
  background: linear-gradient(180deg, var(--ver-accent-soft), rgba(0,0,0,0) 42%);
  border: 1px solid var(--border-light);
  border-left: 3px solid var(--ver-accent);
  border-radius: 12px;
}
/* 非当前面板：保留占位以撑起统一高度，但不显示、不可点 */
.uc-ver-item[hidden] { display: block; visibility: hidden; }
/* 面板切换入场动画：淡入 + 轻微上移（切换时由 JS 添加 .uc-ver-item--in 重播） */
.uc-ver-item--in { animation: ucVerItemIn 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
@keyframes ucVerItemIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
/* 步骤示意（内联 SVG）：随该版 accent 着色，框随图收窄并居中 */
.uc-ver-fig {
  width: fit-content; margin: 10px auto 12px; padding: 8px 12px;
  display: flex; align-items: center;
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--border-light);
  border-radius: 12px;
}
.uc-ver-fig svg { display: block; width: auto; height: 54px; max-width: 100%; color: var(--ver-accent); }
.uc-ver-item[data-ver="trial"] { --ver-accent: #f97316; --ver-accent-soft: rgba(249,115,22,0.16); --ver-grad: linear-gradient(135deg, #fb923c, #ea580c); }
.uc-ver-item[data-ver="manual"] { --ver-accent: #a78bfa; --ver-accent-soft: rgba(167,139,250,0.16); --ver-grad: linear-gradient(135deg, #a78bfa, #7c3aed); }
.uc-ver-item[data-ver="group"] { --ver-accent: #60a5fa; --ver-accent-soft: rgba(96,165,250,0.16); --ver-grad: linear-gradient(135deg, #60a5fa, #2563eb); }
.uc-ver-item[data-ver="wechat"] { --ver-accent: #4ade80; --ver-accent-soft: rgba(74,222,128,0.16); --ver-grad: linear-gradient(135deg, #4ade80, #16a34a); }
.uc-ver-name {
  display: flex; align-items: center; gap: 8px;
  font-size: 0.98rem; font-weight: 800; color: var(--text-primary);
  margin-bottom: 8px;
}
.uc-ver-name::before {
  content: ""; flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%;
  background: var(--ver-accent);
  box-shadow: 0 0 8px var(--ver-accent);
}
.uc-ver-desc { font-size: 0.9rem; line-height: 1.75; color: var(--ver-text); }
.uc-ver-desc strong { color: #fff; font-weight: 700; }
/* 橙色警示标注（方案A“少量开放”提示）：仅文字色，无色块 */
.uc-ver-warn {
  font-weight: 700; font-size: 0.8rem; line-height: 1.6;
  color: #fb923c;
}
/* 默认方案标注（方案B“默认”）：随该版主题色的文字色，无色块 */
.uc-ver-default {
  font-weight: 700; font-size: 0.8rem; line-height: 1.6;
  color: var(--ver-accent);
}
/* “使用步骤”标签：圆角色块 + 白字（各版主题色渐变，与 tab.active 一致） */
.uc-ver-step-label {
  display: inline-block; margin: 10px 0 6px;
  padding: 2px 12px; border-radius: 999px;
  font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em;
  color: #fff;
  background: var(--ver-grad);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
/* 使用步骤文字（手动版 / 全微信版为单条说明） */
.uc-ver-tip { margin-top: 6px; font-size: 0.85rem; line-height: 1.7; color: var(--ver-text); }
.uc-ver-tip strong { color: #fff; font-weight: 700; }
/* 试用版底部引导行：字号大一号 + 跳色醒目（青色系）+ 描边框 */
.uc-ver-cta {
  margin-top: 12px;
  padding: 10px 14px;
  font-size: 1rem; font-weight: 800; line-height: 1.6;
  color: #22d3ee;
  background: rgba(34,211,238,0.10);
  border: 1px solid rgba(34,211,238,0.5);
  border-radius: 10px;
}
.uc-ver-cta .uc-ver-a { color: inherit; }
.uc-ver-steps {
  margin-top: 10px; padding-left: 0; list-style: none;
  counter-reset: ucverstep;
  display: flex; flex-direction: column; gap: 8px;
}
.uc-ver-steps > li {
  position: relative; padding-left: 28px;
  font-size: 0.86rem; line-height: 1.7; color: var(--ver-text);
}
.uc-ver-steps > li::before {
  counter-increment: ucverstep; content: counter(ucverstep);
  position: absolute; left: 0; top: 1px;
  width: 19px; height: 19px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; font-weight: 800; color: #fff;
  background: var(--ver-accent); box-shadow: 0 0 10px var(--ver-accent-soft);
}
.uc-ver-steps strong { color: #fff; font-weight: 700; }
.uc-ver-substeps {
  margin-top: 6px; padding-left: 16px;
  display: flex; flex-direction: column; gap: 5px; list-style: disc;
}
.uc-ver-substeps li { font-size: 0.83rem; line-height: 1.7; color: var(--ver-text); }
/* 关键数值/权益高亮（条数、天数） */
.uc-ver-hl {
  display: inline-block; padding: 0 6px; border-radius: 6px;
  font-weight: 800; color: var(--ver-accent);
  background: var(--ver-accent-soft);
}
/* 正文内链接（价格 / 联系客服） */
.uc-ver-a {
  font-weight: 700; color: var(--ver-accent);
  text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer; transition: filter 0.2s;
}
.uc-ver-a:hover { filter: brightness(1.2); }
@keyframes ucVerFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ucVerPop {
  from { opacity: 0; transform: translateY(12px) scale(0.96); }
  to { opacity: 1; transform: none; }
}
/* 关闭浮层：对话框飞向顶部「使用说明」入口并缩小淡出（位移/缩放经 CSS 变量注入） */
.uc-ver--closing .uc-ver-dialog {
  animation: ucVerFlyTo 0.42s cubic-bezier(0.4, 0, 0.6, 1) forwards;
}
.uc-ver--closing .uc-ver-overlay { animation: ucVerFadeOut 0.42s ease forwards; }
@keyframes ucVerFadeOut { to { opacity: 0; } }
@keyframes ucVerFlyTo {
  from { opacity: 1; transform: none; }
  to {
    opacity: 0;
    transform: translate(var(--ver-fly-x, 0px), var(--ver-fly-y, 0px)) scale(var(--ver-fly-s, 0.2));
  }
}

/* === 使用说明浮层「联系客服」：横排客服选择弹层（微信 / Telegram / 在线客服） === */
.kefu-choice {
  position: fixed; inset: 0; z-index: var(--z-kefu); /* 客服选择弹层：最高层 */
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  background: rgba(6,8,24,0.6);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
.kefu-choice[hidden] { display: none; }
.kefu-choice-box {
  position: relative;
  width: 420px; max-width: 100%;
  padding: 20px 18px 18px;
  background: linear-gradient(180deg, rgba(24,32,80,0.98), rgba(10,15,38,0.99));
  border: 1px solid var(--border-color);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.55), 0 0 30px rgba(124,58,237,0.22);
  animation: ucVerPop 0.28s cubic-bezier(0.22,1,0.36,1);
}
.kefu-choice-title {
  margin-bottom: 16px; text-align: center;
  font-size: 0.95rem; font-weight: 800; color: var(--text-primary);
}
.kefu-choice-close {
  position: absolute; top: 10px; right: 10px;
  width: 28px; height: 28px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; line-height: 1; color: #fff; cursor: pointer;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border: 1px solid rgba(248,113,113,0.65); border-radius: 9px;
  box-shadow: 0 4px 12px rgba(239,68,68,0.35);
  transition: background 0.2s, border-color 0.2s;
}
.kefu-choice-close:hover { background: linear-gradient(135deg, #f87171, #ef4444); border-color: #fca5a5; }
/* 横排四项：电报 / QQ / 微信 / 在线客服 */
.kefu-choice-items { display: flex; gap: 12px; }
.kefu-choice-item {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 14px 8px;
  font-family: inherit; color: #fff; cursor: pointer;
  background: var(--bg-card); border: 1px solid var(--border-light); border-radius: 12px;
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.kefu-choice-item:hover { transform: translateY(-2px); border-color: rgba(255,255,255,0.3); }
.kefu-choice-icon {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
}
.kefu-choice-icon svg { width: 22px; height: 22px; }
.kefu-choice-wechat .kefu-choice-icon { background: linear-gradient(135deg, #07C160, #1AAD19); }
.kefu-choice-telegram .kefu-choice-icon { background: linear-gradient(135deg, #26A5E4, #1d7fc0); }
.kefu-choice-qq .kefu-choice-icon { background: linear-gradient(135deg, #12B7F5, #0099FF); }
.kefu-choice-service .kefu-choice-icon { background: var(--gradient-purple); }
.kefu-choice-label { font-size: 0.78rem; font-weight: 700; }
.kefu-choice-sub {
  margin-top: -2px;
  font-size: 0.66rem; font-weight: 600;
  color: var(--text-secondary);
  word-break: break-all; line-height: 1.2;
}
/* 微信二维码展开区 */
.kefu-choice-qr {
  margin-top: 14px; padding: 10px;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: #fff; border-radius: 12px;
}
.kefu-choice-qr[hidden] { display: none; }
.kefu-choice-qr img { width: 140px; height: 140px; object-fit: contain; border-radius: 6px; }
.kefu-choice-qr span { font-size: 0.72rem; font-weight: 600; color: #334155; }


/* 消息输入栏（外框 + 标题栏 + 文本框 + 发送按钮） */
.uc-msg-dock {
  margin-top: 14px;
  width: 100%;
  padding: 10px 14px 12px;
  background: linear-gradient(160deg, #16224d, #0d1735);
  border: 1px solid #3b82f6;
  border-radius: 16px;
  box-shadow: 0 0 22px rgba(59,130,246,0.35), 0 14px 34px rgba(2,6,23,0.55);
}
/* 外框顶部：tab 分段栏 + 缩小按钮（作用于整个发送框，与整框融合） */
.uc-msg-dock-top {
  display: flex; align-items: center; gap: 8px;
  margin: -10px -14px 8px; padding: 0 14px 0 0;
  border-bottom: 1px solid rgba(59,130,246,0.18);
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
.uc-msg-dock-min {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  height: 26px; padding: 0 10px;
  border: 1px solid rgba(167,139,250,0.8); border-radius: 7px;
  background: rgba(124,58,237,0.34); color: #ede9fe;
  font-family: inherit; font-size: 0.7rem; font-weight: 700; white-space: nowrap; cursor: pointer;
  box-shadow: 0 0 14px rgba(124,58,237,0.35);
  transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.uc-msg-dock-min:hover {
  background: rgba(124,58,237,0.5); color: #fff; border-color: rgba(196,181,253,0.95);
  box-shadow: 0 0 20px rgba(124,58,237,0.55);
}
/* 手动发送面板状态提示行：仅未领取 / 未绑定 / 额度用完时出现 */
.uc-msg-dock-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; margin: 0 0 6px;
}
.uc-msg-dock-head[hidden] { display: none; }
.uc-msg-dock-title {
  font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em;
  background: linear-gradient(90deg, #f97316, #ef4444 55%, #ec4899);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
/* 发送框 tab：手动发送 / 群机器人自动版 / 全微信自动版 */
.uc-msg-tabs {
  flex: 1 1 auto; min-width: 0;
  display: flex; gap: 0;
}
.uc-msg-tab {
  flex: 1 1 0; min-width: 0;
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 8px;
  border: none; border-radius: 0;
  background: transparent; color: #93a4c8;
  font-family: inherit; font-size: 0.78rem; font-weight: 700;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.uc-msg-tab:hover { color: #e2e8f0; background: rgba(59,130,246,0.1); }
.uc-msg-tab[aria-selected="true"] {
  color: #fff;
  background: rgba(59,130,246,0.14);
  box-shadow: inset 0 -2px 0 #7c3aed;
}
.uc-msg-tab:hover[aria-selected="true"] { color: #fff; }
.uc-msg-tab:focus-visible { outline: 2px solid rgba(167,139,250,0.8); outline-offset: -2px; }
.uc-msg-tab-panel[hidden] { display: none; }
/* 自动版 tab 面板：与「使用说明」浮层卡片同款（左侧色条 + 主题色圆点标题 + 主题色渐变胶囊） */
.uc-msg-intro {
  --ver-accent: #60a5fa;
  --ver-accent-soft: rgba(96,165,250,0.16);
  --ver-grad: linear-gradient(135deg, #60a5fa, #2563eb);
  --ver-text: #cbd5e1;
  padding: 14px 16px 16px;
  background: linear-gradient(180deg, var(--ver-accent-soft), rgba(0,0,0,0) 42%);
  border: 1px solid var(--border-light);
  border-left: 3px solid var(--ver-accent);
  border-radius: 12px;
}
.uc-msg-intro.is-wechat {
  --ver-accent: #4ade80;
  --ver-accent-soft: rgba(74,222,128,0.16);
  --ver-grad: linear-gradient(135deg, #4ade80, #16a34a);
}
.uc-msg-intro-name {
  display: flex; align-items: center; gap: 8px;
  font-size: 0.98rem; font-weight: 800; color: var(--text-primary);
  margin-bottom: 8px;
}
.uc-msg-intro-name::before {
  content: ""; flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%;
  background: var(--ver-accent);
  box-shadow: 0 0 8px var(--ver-accent);
}
.uc-msg-intro-desc {
  font-size: 0.9rem; line-height: 1.75; color: var(--ver-text);
}
.uc-msg-intro-desc strong { color: #fff; font-weight: 700; }
.uc-msg-intro-more {
  display: block; width: fit-content; margin: 10px 0 0 auto;
  padding: 4px 14px;
  font-family: inherit; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.04em;
  color: #fff; background: var(--ver-grad);
  border: none; border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  cursor: pointer;
  transition: filter 0.2s, transform 0.2s, box-shadow 0.2s;
}
.uc-msg-intro-more:hover {
  filter: brightness(1.12); transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.32);
}
.uc-msg-intro-more:focus-visible { outline: 2px solid var(--ver-accent); outline-offset: 2px; }
@media (max-width: 768px) {
  .uc-msg-dock-top { border-radius: 17px 17px 0 0; }
  .uc-msg-tab { height: 32px; font-size: 0.72rem; padding: 0 4px; }
  .uc-msg-dock-min { height: 24px; padding: 0 8px; font-size: 0.68rem; }
}
.uc-msg-composer {
  position: relative; display: block;
  background: linear-gradient(180deg, var(--bg-card), rgba(17,25,64,0.7));
  border: 1px solid rgba(124,58,237,0.32);
  border-radius: 14px;
  box-shadow: var(--shadow-card), inset 0 1px 0 rgba(255,255,255,0.04);
  transition: border-color 0.2s, box-shadow 0.25s;
}
.uc-msg-composer:focus-within {
  border-color: rgba(124,58,237,0.55);
  box-shadow: 0 0 0 3px rgba(124,58,237,0.15), var(--shadow-glow);
}
/* 输入框内部右上角浮层：额度 / 剩余字符
   只压住右上角一小块，最多覆盖首行 20% 高度；不做整行遮罩 */
.uc-msg-meta {
  position: absolute; top: 0; left: 0; right: 0; z-index: 1;
  display: flex; justify-content: flex-end;
  padding: 4px 14px 0;
  pointer-events: none;
}
.uc-msg-input {
  display: block; width: 100%;
  resize: none; overflow-y: auto;
  font-family: inherit; font-size: 0.9rem; line-height: 1.4; color: var(--text-primary);
  background: transparent; border: none; outline: none;
  /* 文本框高度：最少 3 行，随内容自动增高，超过 6 行内部滚动（高度由 JS 同步）；
     右侧留出内嵌发送按钮 + 滚动条的空间，顶部留出额度浮层空间 */
  padding: 18px 84px 10px 14px;
  min-height: 110px; max-height: 180px;
  /* 滚动条美化（与飞单 / 详情弹窗文本框一致） */
  scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.5) transparent;
}
.uc-msg-input::-webkit-scrollbar { width: 8px; height: 8px; }
.uc-msg-input::-webkit-scrollbar-track { background: transparent; }
.uc-msg-input::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.45); border-radius: 100px; }
.uc-msg-input::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.75); }
.uc-msg-input::placeholder { color: var(--text-muted); }
.uc-msg-send {
  position: absolute; right: 10px; bottom: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; height: 36px; padding: 0 16px;
  border: none; border-radius: 18px;
  color: #fff; font-size: 0.85rem; font-weight: 600; white-space: nowrap;
  background: var(--gradient-purple); cursor: pointer;
  box-shadow: 0 6px 18px rgba(124,58,237,0.4);
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.uc-msg-send:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(124,58,237,0.55); }
.uc-msg-send:active { transform: translateY(0); }
/* 输入为空时发送按钮置灰 */
.uc-msg-send.is-empty { opacity: 0.5; box-shadow: none; }
/* 缩小态：外框收缩为右下角胶囊悬浮按钮，点击恢复 */
.uc-msg-dock-mini { display: none; }
.uc-msg-dock.is-min {
  width: fit-content; margin-left: auto;
  padding: 0; background: transparent; border: none; box-shadow: none;
}
.uc-msg-dock.is-min .uc-msg-dock-top,
.uc-msg-dock.is-min .uc-msg-tab-panel { display: none; }
.uc-msg-dock.is-min .uc-msg-dock-mini {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; height: 44px; padding: 0 20px;
  border: 1px solid rgba(124,58,237,0.5); border-radius: 999px;
  color: #fff; font-family: inherit; font-size: 0.85rem; font-weight: 700; white-space: nowrap;
  background: var(--gradient-purple); cursor: pointer;
  box-shadow: 0 10px 26px rgba(124,58,237,0.45);
  transition: transform 0.2s, box-shadow 0.2s;
}
.uc-msg-dock.is-min .uc-msg-dock-mini:hover {
  transform: translateY(-2px); box-shadow: 0 14px 32px rgba(124,58,237,0.6);
}
/* 未领取试用码：输入框只读、发送按钮锁定，置灰且不响应 hover */
.uc-msg-input[readonly] { color: var(--text-muted); cursor: not-allowed; }
.uc-msg-send.is-locked { opacity: 0.5; box-shadow: none; cursor: not-allowed; }
.uc-msg-send.is-locked:hover { transform: none; box-shadow: none; }
/* 标题栏右侧：剩余解析条数与可输入字符数（领取色系·橙） */
.uc-msg-remain {
  position: relative;
  padding: 1px 8px; border-radius: 999px;
  text-align: right; white-space: nowrap;
  font-size: 0.7rem; line-height: 1.4;
  color: #fbbf24; background: rgba(17,25,64,0.9);
  border: 1px solid rgba(59,130,246,0.3);
}
/* 试用入口/发送栏隐藏态 */
.uc-trial-claim[hidden], .uc-msg-dock[hidden] { display: none; }

/* 试用版领取入口：漂浮在消息列表上方 */
.uc-trial-claim {
  position: sticky; top: 8px; z-index: 5;
  margin-bottom: 14px;
  width: 100%;
}
.uc-trial-claim-btn {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  width: 100%; padding: 14px 18px;
  border: none; border-radius: 14px; cursor: pointer;
  font-family: inherit; color: #fff;
  background: linear-gradient(135deg, #f97316, #ef4444 55%, #ec4899);
  box-shadow: 0 10px 30px rgba(239,68,68,0.45);
  animation: ucTrialFloat 2.4s ease-in-out infinite;
  transition: box-shadow 0.2s, filter 0.2s;
}
.uc-trial-claim-btn:hover { filter: brightness(1.06); box-shadow: 0 14px 36px rgba(239,68,68,0.6); }
.uc-trial-claim-btn:disabled { opacity: 0.7; cursor: default; animation: none; }
.uc-trial-claim-text { font-size: 1.02rem; font-weight: 800; letter-spacing: 0.02em; }
.uc-trial-claim-sub { font-size: 0.74rem; font-weight: 500; opacity: 0.92; }
.uc-trial-claim-glow {
  position: absolute; top: 0; left: -60%; width: 50%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
  transform: skewX(-20deg);
  animation: ucTrialSweep 2.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes ucTrialFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
@keyframes ucTrialSweep {
  0% { left: -60%; }
  60%, 100% { left: 130%; }
}

/* 试用二维码弹窗 */
.uc-trial-qr {
  position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: center; justify-content: center;
}
.uc-trial-qr-overlay {
  position: absolute; inset: 0;
  background: rgba(2,6,23,0.72);
  backdrop-filter: blur(4px);
  animation: ucTrialFade 0.2s ease;
}
.uc-trial-qr-dialog {
  position: relative; z-index: 1;
  width: min(340px, 86vw);
  padding: 26px 22px 22px;
  border-radius: 18px; text-align: center;
  background: var(--bg-card); border: 1px solid var(--border-light);
  box-shadow: 0 24px 70px rgba(0,0,0,0.6);
  animation: ucTrialPop 0.24s cubic-bezier(0.22,1,0.36,1);
}
.uc-trial-qr-close {
  position: absolute; top: 10px; right: 12px;
  width: 30px; height: 30px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.15rem; line-height: 1; cursor: pointer;
  color: #fff; background: linear-gradient(135deg, #ef4444, #dc2626);
  border: 1px solid rgba(248,113,113,0.65); border-radius: 50%;
  box-shadow: 0 4px 12px rgba(239,68,68,0.35);
  transition: background 0.2s, border-color 0.2s;
}
.uc-trial-qr-close:hover { background: linear-gradient(135deg, #f87171, #ef4444); border-color: #fca5a5; }
.uc-trial-qr-box {
  width: 200px; height: 200px; margin: 6px auto 16px;
  padding: 10px; background: #fff; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
}
.uc-trial-qr-box.is-expired { opacity: 0.35; }
.uc-trial-qr-tip {
  font-size: 1.16rem; font-weight: 800;
  color: #07c160; letter-spacing: 0.02em;
}
.uc-trial-qr-note { margin-top: 8px; font-size: 0.8rem; color: var(--red-400); line-height: 1.5; }
.uc-trial-qr-count { margin-top: 6px; font-size: 0.82rem; color: var(--text-muted); }
.uc-trial-qr-status { margin-top: 8px; font-size: 0.85rem; color: var(--red-400); }
.uc-trial-qr-out { animation: ucTrialFade 0.18s ease reverse forwards; }
@keyframes ucTrialFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ucTrialPop {
  from { opacity: 0; transform: translateY(12px) scale(0.96); }
  to { opacity: 1; transform: none; }
}

/* 推广链接二维码弹窗 */
.uc-modal-dialog.uc-promo-qr-dialog {
  max-width: 400px; align-items: center; text-align: center; gap: 14px;
}
.uc-promo-qr-box {
  width: 280px; max-width: 100%; padding: 8px;
  background: #fff; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  color: #666; font-size: 0.85rem; text-align: center;
}
.uc-promo-qr-box img, .uc-promo-qr-box canvas {
  display: block; width: 280px; height: auto; max-width: 100%;
}
.uc-promo-qr-tip { font-size: 0.85rem; color: var(--text-secondary); }

/* 消息输入栏：电脑端固定在内容区底部悬浮（短列表贴底，长列表随滚动常驻底部） */
@media (min-width: 1025px) {
  .uc-panel[data-uc-panel="message"].active {
    display: flex; flex-direction: column; min-height: 100%;
  }
  .uc-panel[data-uc-panel="message"] .uc-card-msg {
    display: flex; flex-direction: column; flex: 1 1 auto;
  }
  .uc-panel[data-uc-panel="message"] .uc-msg-dock {
    position: sticky; bottom: 16px; z-index: 3;
    margin-top: auto;
  }
}

/* 消息加载动画 */
.uc-msg-loading {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; padding: 44px 0;
  font-size: 0.85rem; color: var(--text-muted);
}
.uc-msg-loading[hidden] { display: none; }
.uc-spinner {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid rgba(124,58,237,0.25);
  border-top-color: var(--purple-400);
  animation: ucSpin 0.7s linear infinite;
}
@keyframes ucSpin { to { transform: rotate(360deg); } }

/* 列表翻页加载提示（列表底部） */
.uc-list-more {
  display: flex; align-items: center; justify-content: center;
  gap: 8px; padding: 16px 0;
  font-size: 0.82rem; color: var(--text-muted);
}
.uc-list-more[hidden] { display: none; }

/* 全局加载遮罩（如「再次识别」） */
.uc-loading-mask {
  position: fixed; inset: 0; z-index: 4000;
  display: flex; align-items: center; justify-content: center;
  background: rgba(10, 12, 24, 0.55);
}
.uc-loading-mask[hidden] { display: none; }
.uc-loading-mask .uc-spinner { width: 34px; height: 34px; border-width: 3px; }

/* 状态徽标 */
.uc-status {
  display: inline-flex; padding: 3px 10px; border-radius: 100px;
  font-size: 0.72rem; font-weight: 600;
}
.uc-status.pending { background: rgba(251,191,36,0.12); color: var(--yellow-400); }
.uc-status.approved { background: rgba(74,222,128,0.12); color: var(--green-400); }
.uc-status.rejected { background: rgba(248,113,113,0.12); color: var(--red-400); }
.uc-actions { display: flex; gap: 12px; white-space: nowrap; }
.uc-actions a { font-size: 0.8rem; }

/* 统计卡片 */
.uc-stat-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px; margin-bottom: 20px;
}
.uc-stat-card {
  background: linear-gradient(160deg, var(--bg-card-hover), var(--bg-card));
  border: 1px solid var(--border-light);
  border-radius: var(--radius); padding: 20px;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.uc-stat-card:hover {
  transform: translateY(-3px); border-color: rgba(124,58,237,0.3);
  box-shadow: var(--shadow-glow);
}
.uc-stat-label { font-size: 0.78rem; color: var(--text-muted); margin-bottom: 8px; }
.uc-stat-value { font-size: 1.5rem; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.uc-stat-change { font-size: 0.75rem; margin-top: 6px; color: var(--text-muted); }
.uc-stat-change.up { color: var(--green-400); }
.uc-stat-change.down { color: var(--red-400); }

/* 风险条 */
.uc-risk-list { display: flex; flex-direction: column; gap: 16px; }
.uc-risk-row { display: grid; grid-template-columns: 72px 1fr 64px; align-items: center; gap: 14px; }
.uc-risk-name { font-size: 0.85rem; color: var(--text-secondary); }
.uc-bar { display: block; height: 8px; border-radius: 100px; background: rgba(255,255,255,0.06); overflow: hidden; }
.uc-bar-fill { display: block; height: 100%; border-radius: 100px; background: var(--gradient-purple); }
.uc-bar-fill.high { background: linear-gradient(135deg, #f87171, #fbbf24); }
.uc-bar-fill.mid { background: linear-gradient(135deg, #fbbf24, #4ade80); }
.uc-risk-val { font-size: 0.8rem; font-weight: 700; text-align: right; color: var(--text-primary); }
.uc-risk-note { font-size: 0.85rem; color: var(--text-muted); line-height: 1.7; }
.uc-risk-note strong { color: var(--purple-400); }

/* 风险页：号码风险表 */
.uc-risk-tip { font-size: 0.85rem; line-height: 1.7; color: var(--red-400); margin-bottom: 12px; }
.uc-panel[data-uc-panel="risk"] .uc-risk-table-wrap { margin-top: 0; }
.uc-risk-table th, .uc-risk-table td { text-align: center; padding: 10px 18px; }
/* 风险页：特码风险表头列分割线 */
.uc-risk-table thead th + th { border-left: 1px solid var(--border-light); }
/* 风险页：特码风险表头排序（升序 / 降序 / 默认三态） */
.uc-risk-table th[data-uc-risk-sort] {
  cursor: pointer; user-select: none; white-space: nowrap;
  color: #cbd5e1;
}
.uc-risk-table th[data-uc-risk-sort]:hover {
  color: #fff;
  background: linear-gradient(rgba(124,58,237,0.14), rgba(124,58,237,0.14)),
              linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), var(--bg-card);
}
.uc-risk-sort-icon { margin-left: 6px; font-size: 0.9rem; font-weight: 800; opacity: 0.85; }
.uc-risk-sort-icon::before { content: '⇅'; }
.uc-risk-table th[aria-sort="ascending"] .uc-risk-sort-icon::before { content: '↑'; }
.uc-risk-table th[aria-sort="descending"] .uc-risk-sort-icon::before { content: '↓'; }
.uc-risk-table th[aria-sort="ascending"],
.uc-risk-table th[aria-sort="descending"] {
  color: #fff;
  background: linear-gradient(rgba(124,58,237,0.22), rgba(124,58,237,0.22)),
              linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), var(--bg-card);
}
.uc-risk-table th[aria-sort="ascending"] .uc-risk-sort-icon,
.uc-risk-table th[aria-sort="descending"] .uc-risk-sort-icon { opacity: 1; color: var(--purple-300); }
/* 风险页：飞单管理表头排序（复用特码表样式） */
.uc-fly-table th[data-uc-risk-sort] {
  cursor: pointer; user-select: none; white-space: nowrap;
  color: #cbd5e1;
}
.uc-fly-table th[data-uc-risk-sort]:hover { color: #fff; }
.uc-fly-table th[aria-sort="ascending"],
.uc-fly-table th[aria-sort="descending"] { color: #fff; }
.uc-fly-table th[aria-sort="ascending"] .uc-risk-sort-icon,
.uc-fly-table th[aria-sort="descending"] .uc-risk-sort-icon { opacity: 1; color: var(--purple-300); }
/* 风险页：列表文字提亮，覆盖 pages.css 的 .trend-table td 灰色（生肖小字保持弱化） */
.uc-panel[data-uc-panel="risk"] .uc-risk-table td { color: var(--text-primary); }
/* 风险页：表格仅横向滚动（超宽横滚），纵向随内容区整体滚动 */
.uc-panel[data-uc-panel="risk"] .uc-risk-table-wrap,
.uc-panel[data-uc-panel="risk"] .uc-fly-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(124,58,237,0.45) transparent;
}
.uc-panel[data-uc-panel="risk"] .uc-risk-table-wrap::-webkit-scrollbar,
.uc-panel[data-uc-panel="risk"] .uc-fly-table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }
.uc-panel[data-uc-panel="risk"] .uc-risk-table-wrap::-webkit-scrollbar-track,
.uc-panel[data-uc-panel="risk"] .uc-fly-table-wrap::-webkit-scrollbar-track { background: transparent; }
.uc-panel[data-uc-panel="risk"] .uc-risk-table-wrap::-webkit-scrollbar-thumb,
.uc-panel[data-uc-panel="risk"] .uc-fly-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(124,58,237,0.45); border-radius: 100px;
}
/* 风险页列表统一居中：pages.css 的 .trend-table 左对齐在 user.css 之后加载，需提高选择器优先级覆盖 */
.uc-panel[data-uc-panel="risk"] .trend-table th,
.uc-panel[data-uc-panel="risk"] .trend-table td { text-align: center; }
/* 风险页：二级标签容器（标签本体样式已抽为公共 .uc-audit-tab，见「个人中心 · 二级标签」） */
.uc-panel[data-uc-panel="risk"] .uc-audit-tabs {
  margin-bottom: 14px;
  padding: 0;
  background: var(--bg-card);
}
/* 风险页：飞单未选中保持红色语义，hover 用红色淡底；选中态与其他标签一致走紫色高亮 */
.uc-panel[data-uc-panel="risk"] .uc-audit-tab[data-uc-audit-tab="fly"] { color: var(--red-400); }
.uc-panel[data-uc-panel="risk"] .uc-audit-tab[data-uc-audit-tab="fly"]:hover { background: rgba(248,113,113,0.12); }
.uc-panel[data-uc-panel="risk"] .uc-audit-tab[data-uc-audit-tab="fly"].active { color: #fff; }

/* 风险页：标签栏吸顶，随内容区滚动固定在顶部（与审核页一致，基础样式 .uc-audit-tabs 已 sticky） */
/* 风险页：查询栏吸顶，固定于标签栏下方；偏移由 JS 按标签栏实际高度写入 --uc-risk-tabs-h */
.uc-panel[data-uc-panel="risk"] .uc-stat-bar {
  position: sticky; top: var(--uc-risk-tabs-h, 36px); z-index: 2;
  background: var(--bg-card-hover);
  box-shadow: 0 12px 20px -14px rgba(0, 0, 0, 0.7);
  margin-bottom: 8px;
  margin-left: -10px; margin-right: -10px;
}
/* 风险页：各 Tab 列表内容加宽，左右距外层容器 6px（外层左右内边距 16px，负边距 10px） */
.uc-panel[data-uc-panel="risk"] .uc-audit-panel > .uc-risk-table-wrap,
.uc-panel[data-uc-panel="risk"] .uc-audit-panel > .uc-fly-table-wrap,
.uc-panel[data-uc-panel="risk"] .uc-audit-panel > .uc-risk-group-list {
  margin-left: -10px; margin-right: -10px;
}
/* 加载遮罩同步覆盖加宽后的列表区域 */
.uc-panel[data-uc-panel="risk"] .uc-risk-loading { left: -10px; right: -10px; }
/* 风险页：工具条与表格卡片拉开层次 */
.uc-panel[data-uc-panel="risk"] .uc-risk-total-row {
  background: var(--bg-card-hover);
  border-color: rgba(255,255,255,0.08);
  margin-left: -10px; margin-right: -10px;
}

/* 个人中心：开奖区域切换（澳门/香港）通用 tab，视觉对齐充值页 .rc-tabs，居中展示 */
.uc-area-tabs {
  display: flex; align-items: center; gap: 4px;
  width: fit-content; margin: 8px auto 8px;
  padding: 4px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 12px;
}
.uc-area-tab {
  padding: 9px 28px; border: none; border-radius: 9px;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.92rem; font-weight: 600;
  cursor: pointer; transition: background 0.2s, color 0.2s;
}
.uc-area-tab:hover { color: var(--text-primary); }
.uc-area-tab.active { background: var(--gradient-purple); color: #fff; }
.uc-area-tab-count { font-size: 0.85em; font-weight: 700; }

/* 统计页：地区 tab 保持原样居中，「总盘」独立按钮同行靠右（仅展示不可点击） */
.uc-panel[data-uc-panel="stats"] .uc-stat-area-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
}
.uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tabs {
  grid-column: 2;
}
.uc-panel[data-uc-panel="stats"] .uc-stat-area-total {
  grid-column: 3; justify-self: end;
  display: inline-flex; align-items: center;
  padding: 9px 16px; border-radius: 12px;
  font-family: inherit; font-size: 0.92rem; font-weight: 600;
  line-height: normal; white-space: nowrap;
  font-variant-numeric: tabular-nums;
  /* 总盘独立配色（与地区 tab 的紫色区分） */
  background: linear-gradient(135deg, #b45309, #9a3412);
  color: #fff;
}
/* 统计页：查询卡片内的移动端总盘容器，默认隐藏（桌面仍用 tab 行右侧的总盘） */
.uc-stat-area-total-wrap { display: none; }

/* 个人中心：开奖区域数据容器，包裹归属所选区域的提示/查询/列表等内容 */
.uc-area-body {
  border: 1px solid var(--border-light); border-radius: var(--radius-lg);
  background: var(--bg-card); padding: 12px 16px 16px;
}

/* 风险页：飞单管理工具栏（列表/汇总切换 + 添加/删除选中） */
.uc-fly-toolbar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 10px; margin-bottom: 12px;
}
.uc-fly-toolbar-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.uc-fly-view-switch {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px;
  background: var(--bg-card); border: 1px solid var(--border-light); border-radius: 10px;
}
.uc-fly-view-btn {
  padding: 6px 16px; border: none; border-radius: 7px;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.82rem; font-weight: 600;
  cursor: pointer; transition: background 0.2s, color 0.2s;
}
.uc-fly-view-btn:hover { color: var(--text-primary); }
.uc-fly-view-btn.active { background: var(--gradient-purple); color: #fff; }
.uc-fly-summary-total td { font-weight: 700; color: var(--text-primary); }
@media (max-width: 640px) {
  .uc-fly-view-switch { display: flex; }
  .uc-fly-view-btn { flex: 1 1 0; }
}
.uc-fly-add-batch { padding-left: 14px; padding-right: 14px; }
.uc-fly-add-batch:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }
.uc-fly-add-hint { margin: 0; font-size: 0.8rem; line-height: 1.6; color: var(--text-secondary); }
.uc-fly-table-wrap { margin-top: 16px; }
.uc-fly-table th, .uc-fly-table td { text-align: center; padding: 10px 18px; }
.uc-fly-table td [data-uc-risk-fd-delete] { padding: 6px 14px; }
.uc-fly-table td.uc-fly-empty { padding: 40px 18px; color: var(--text-muted); }
.uc-fly-check-col { width: 36px; padding-left: 10px !important; padding-right: 10px !important; }
.uc-fly-check-col input { width: 15px; height: 15px; accent-color: var(--purple-300); cursor: pointer; }
.uc-fly-selected {
  display: inline-block; min-height: 34px; padding: 7px 12px;
  font-size: 0.9rem; font-weight: 700; color: var(--text-primary);
  background: var(--bg-input); border: 1px solid var(--border-light); border-radius: 10px;
}

/* 风险页：特码风险顶部总计（总投注 / 总飞单 / 投注盈余） */
.uc-risk-total-row {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  gap: 12px; margin-bottom: 8px; padding: 12px 16px;
  background: var(--bg-card); border: 1px solid var(--border-light); border-radius: var(--radius);
}
.uc-risk-total-item { font-size: 0.85rem; color: var(--text-primary); }

/* 风险页：飞单弹窗按模式显隐的行 / 单选（覆盖 flex 布局下的 hidden） */
.uc-fly-row[hidden], .uc-fly-radio[hidden] { display: none; }

/* 风险页：特码风险行点击弹窗（飞单） */
.uc-risk-table tbody tr { cursor: pointer; }
#riskFlyModal .uc-fly-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#riskFlyModal .uc-fly-modal-head .uc-modal-title { flex: 1; min-width: 0; text-align: left; font-size: 1.05rem; }
#riskFlyModal .uc-fly-modal-head .uc-modal-close { position: static; flex-shrink: 0; width: 28px; height: 28px; }
.uc-fly-form { display: flex; flex-direction: column; }
.uc-fly-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--border-light);
}
.uc-fly-row:first-child { padding-top: 0; }
.uc-fly-label { flex-shrink: 0; width: 72px; font-size: 0.85rem; color: var(--text-secondary); }
#riskFlyModal .uc-fly-label { text-align: right; }
.uc-fly-control { flex: 1; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; min-width: 0; }
.uc-fly-input {
  width: 90px; font-family: inherit; font-size: 0.85rem; color: var(--text-primary);
  color-scheme: dark;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 8px; padding: 8px 12px; outline: none; transition: border-color 0.2s;
}
.uc-fly-input:focus { border-color: rgba(124,58,237,0.5); }
.uc-fly-input-odds { width: 64px; text-align: center; }
.uc-fly-hint { font-size: 0.78rem; color: var(--text-muted); }
.uc-fly-pos-tip { font-size: 0.85rem; color: #fff; }
.uc-fly-pos-tip[hidden], .uc-fly-range[hidden], .uc-fly-ratio[hidden] { display: none; }
.uc-fly-radio { display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; color: var(--text-secondary); cursor: pointer; }
.uc-fly-range { flex: 1; min-width: 0; accent-color: var(--purple-500); cursor: pointer; }
.uc-fly-ratio { flex-shrink: 0; font-size: 0.85rem; font-weight: 600; color: var(--text-primary); }

/* 风险页：号码列生肖（与号码同字号，颜色略淡） */
.uc-risk-num-val { margin-right: 4px; }
.uc-risk-zodiac { font-size: inherit; color: #e2e8f0; }
/* 风险页：号码列点击查看明细（下划线链接样式） */
.uc-risk-num-link {
  font-family: inherit; font-size: inherit; font-weight: inherit;
  color: inherit; background: none; border: none; padding: 0; margin-right: 4px;
  cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.uc-risk-num-link:hover { color: var(--purple-300); }

/* 风险页：列表加载中（覆盖整个标签面板；静默刷新时保持列表 DOM 不动） */
.uc-panel[data-uc-panel="risk"] .uc-audit-panel { position: relative; }
.uc-risk-loading {
  position: absolute; inset: 0; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  background: rgba(10, 8, 20, 0.55);
}
.uc-risk-loading[hidden] { display: none; }
.uc-risk-spinner {
  width: 26px; height: 26px; border-radius: 50%;
  border: 3px solid rgba(124,58,237,0.25); border-top-color: var(--purple-500);
  animation: uc-risk-spin 0.8s linear infinite;
}
@keyframes uc-risk-spin { to { transform: rotate(360deg); } }

/* 风险页：飞单弹窗内联行（计算模式 / 档位） */
.uc-fly-row-inline { flex-wrap: wrap; row-gap: 8px; }
.uc-fly-row-inline[hidden], .uc-fly-inline-group[hidden] { display: none; }
.uc-fly-inline-group { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; }
.uc-fly-label-inline { width: auto; white-space: nowrap; }
.uc-fly-inline-group .uc-fly-control { flex-wrap: wrap; gap: 12px; }

/* 风险页：四模式评比表 */
.uc-fly-compare { margin: 4px 0 14px; }
.uc-fly-compare[hidden] { display: none; }
.uc-fly-compare-head { font-size: 0.82rem; color: var(--text-secondary); margin-bottom: 8px; }
.uc-fly-compare-table { border: 1px solid var(--border-light); border-radius: 8px; overflow: hidden; }
.uc-fly-compare-tr { display: flex; align-items: center; }
.uc-fly-compare-tr + .uc-fly-compare-tr { border-top: 1px solid var(--border-light); }
.uc-fly-compare-tr.is-head { background: rgba(124,58,237,0.10); font-weight: 600; }
.uc-fly-compare-tr > span {
  flex: 1; min-width: 0; padding: 6px 2px; text-align: center;
  font-size: 0.72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: var(--text-secondary);
}
.uc-fly-compare-tr.is-head > span { color: var(--text-primary); }
.uc-fly-compare-tr .uc-fly-compare-mode { flex: 0 0 62px; text-align: left; padding-left: 8px; color: var(--text-primary); }

/* 风险页：预亏 / 平衡不可行告警 */
.uc-fly-warn {
  margin: 0 0 14px; padding: 10px 12px; font-size: 0.8rem; line-height: 1.5;
  color: var(--red-400); background: rgba(220,38,38,0.08);
  border: 1px solid rgba(220,38,38,0.25); border-radius: 8px;
}
.uc-fly-warn[hidden] { display: none; }
.uc-fly-textarea {
  width: 100%; resize: vertical; min-height: 64px;
  font-family: inherit; font-size: 0.85rem; color: var(--text-primary);
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 12px; outline: none; transition: border-color 0.2s;
  scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.5) transparent;
}
.uc-fly-textarea:focus { border-color: rgba(124,58,237,0.5); }
.uc-fly-textarea::-webkit-scrollbar { width: 8px; height: 8px; }
.uc-fly-textarea::-webkit-scrollbar-track { background: transparent; }
.uc-fly-textarea::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.45); border-radius: 100px; }
.uc-fly-textarea::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.75); }
.uc-fly-note { font-size: 0.82rem; line-height: 1.6; color: var(--red-400); }
.uc-fly-actions { display: flex; align-items: center; gap: 10px; }
.uc-fly-actions .btn { flex: 1; justify-content: center; }

/* 风险页：特码风险操作列按钮（飞单 / 明细） */
.uc-risk-table td.uc-risk-ops { white-space: nowrap; }
.uc-risk-op-btn {
  font-family: inherit; font-size: 0.8rem; font-weight: 600;
  color: var(--purple-400); background: none; border: none;
  padding: 0 8px; cursor: pointer; transition: opacity 0.2s;
}
.uc-risk-op-btn:hover { opacity: 0.8; text-decoration: underline; }
.uc-risk-op-btn + .uc-risk-op-btn { border-left: 1px solid var(--border-light); }

/* 风险页：号码投注明细弹窗 */
.uc-modal-dialog.uc-risk-detail-dialog { max-width: 720px; }
.uc-risk-detail-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-size: 0.9rem; color: var(--text-primary);
}
/* 列表限高滚动：默认渲染前 1000 条，触底追加下一批 */
.uc-risk-detail-list {
  border: 1px solid var(--border-light); border-radius: 8px;
  max-height: 70vh; overflow-y: auto;
}
/* 三列布局：序号 / 内容 / 价格 */
.uc-risk-detail-row { display: flex; align-items: flex-start; }
.uc-risk-detail-row + .uc-risk-detail-row { border-top: 1px solid var(--border-light); }
.uc-risk-detail-row.is-head {
  position: sticky; top: 0; z-index: 1;
  background: var(--bg-card); font-weight: 600; color: var(--text-primary);
}
.uc-risk-detail-row.is-head > span { padding: 10px; font-size: 0.78rem; }
.uc-risk-detail-seq {
  flex: 0 0 48px; padding: 10px; text-align: center;
  font-size: 0.78rem; color: var(--text-secondary);
}
.uc-risk-detail-content {
  flex: 1 1 auto; min-width: 0; padding: 8px 10px;
  display: flex; flex-direction: column; gap: 4px;
}
.uc-risk-detail-price-col {
  flex: 0 0 168px; padding: 8px 10px;
  display: flex; flex-direction: column; gap: 4px;
}
.uc-risk-detail-line {
  font-size: 0.78rem; line-height: 1.5; color: var(--text-secondary);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.uc-risk-detail-label { color: var(--text-muted); }
.uc-risk-detail-hit { color: #ef4444; font-weight: 700; }
.uc-risk-detail-mismatch { color: #ef4444; font-weight: 700; }
.uc-risk-detail-empty, .uc-risk-detail-loading {
  display: flex; align-items: center; justify-content: center;
  padding: 32px 0; font-size: 0.85rem; color: var(--text-muted);
}
.uc-risk-detail-empty[hidden], .uc-risk-detail-loading[hidden] { display: none; }

/* 风险页：平规则 / 连肖中折叠组 */
.uc-risk-group-list { display: flex; flex-direction: column; gap: 10px; }
.uc-risk-group {
  border: 1px solid var(--border-light); border-radius: var(--radius);
  background: var(--bg-card); overflow: hidden;
}
.uc-risk-group-head {
  position: relative;
  display: flex; align-items: center; gap: 12px;
  width: 100%; padding: 12px 36px 12px 16px; border: none;
  background: var(--bg-card-hover); color: var(--text-primary);
  font-family: inherit; font-size: 0.9rem; text-align: left; cursor: pointer;
  transition: background 0.2s;
}
.uc-risk-group-head:hover { background: rgba(124,58,237,0.10); }
.uc-risk-group-rule { font-weight: 700; }
.uc-risk-group-meta { font-size: 0.82rem; color: var(--text-secondary); }
.uc-risk-group-arrow {
  position: absolute; right: 16px; top: 50%;
  width: 0; height: 0;
  border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid var(--text-secondary);
  transform: translateY(-50%);
  transition: transform 0.2s;
}
.uc-risk-group-head[aria-expanded="true"] .uc-risk-group-arrow { transform: translateY(-50%) rotate(180deg); }
.uc-risk-group-body { border-top: 1px solid var(--border-light); }
.uc-risk-group-body[hidden] { display: none; }
.uc-risk-group .trend-table-wrap { margin: 0; }
.uc-risk-group .uc-risk-table tbody tr { cursor: default; }
.uc-risk-empty {
  padding: 40px 0; text-align: center;
  font-size: 0.85rem; color: var(--text-muted);
}
@media (max-width: 640px) {
  .uc-risk-group-head { flex-wrap: wrap; row-gap: 2px; column-gap: 10px; padding: 10px 32px 10px 12px; }
  .uc-risk-group-meta { font-size: 0.78rem; }
  .uc-risk-group-arrow { right: 12px; }
}

/* 个人中心 · 配置页设置列表 */
.uc-settings-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; align-items: start; }
.uc-settings-cols > .uc-settings + .uc-settings { border-left: 1px solid var(--border-light); padding-left: 28px; }
.uc-settings { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.uc-settings-item {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: var(--radius); color: var(--text-primary);
  text-decoration: none; transition: background 0.2s, border-color 0.2s;
}
.uc-settings-item:hover { background: var(--bg-card-hover); border-color: rgba(124,58,237,0.4); }
.uc-settings-icon { flex-shrink: 0; display: inline-flex; color: var(--purple-300); }
.uc-settings-icon svg { display: block; }
.uc-settings-text { flex: 1; font-size: 0.95rem; font-weight: 500; }
.uc-settings-arrow { flex-shrink: 0; color: var(--text-muted); }
.uc-settings-item.is-danger .uc-settings-icon { color: var(--red-400); }
.uc-settings-item.is-highlight {
  background: linear-gradient(135deg, rgba(251,191,36,0.34), rgba(251,191,36,0.14));
  border-color: rgba(251,191,36,0.85);
  color: #fcd34d;
  box-shadow: 0 6px 24px rgba(251,191,36,0.4);
  animation: ucAgentGlow 1.8s ease-in-out infinite;
  transition: background 0.2s, border-color 0.2s, transform 0.2s, filter 0.2s;
}
.uc-settings-item.is-highlight:hover {
  background: linear-gradient(135deg, rgba(251,191,36,0.46), rgba(251,191,36,0.22));
  border-color: rgba(251,191,36,1);
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 12px 32px rgba(251,191,36,0.55);
}
.uc-settings-item.is-highlight .uc-settings-icon,
.uc-settings-item.is-highlight .uc-settings-arrow { color: #fcd34d; }
.uc-settings-item.is-highlight .uc-settings-text { color: #fcd34d; font-weight: 700; }
@keyframes ucAgentGlow {
  0%, 100% { box-shadow: 0 6px 20px rgba(251,191,36,0.3); }
  50% { box-shadow: 0 6px 38px rgba(251,191,36,0.75); }
}
.uc-settings-item.is-highlight-green {
  background: linear-gradient(135deg, rgba(74,222,128,0.34), rgba(74,222,128,0.14));
  border-color: rgba(74,222,128,0.85);
  color: #86efac;
  box-shadow: 0 6px 24px rgba(74,222,128,0.4);
  animation: ucAgentGreenGlow 1.8s ease-in-out infinite;
  transition: background 0.2s, border-color 0.2s, transform 0.2s, filter 0.2s;
}
.uc-settings-item.is-highlight-green:hover {
  background: linear-gradient(135deg, rgba(74,222,128,0.46), rgba(74,222,128,0.22));
  border-color: rgba(74,222,128,1);
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 12px 32px rgba(74,222,128,0.55);
}
.uc-settings-item.is-highlight-green .uc-settings-icon,
.uc-settings-item.is-highlight-green .uc-settings-arrow { color: #86efac; }
.uc-settings-item.is-highlight-green .uc-settings-text { color: #86efac; font-weight: 700; }
@keyframes ucAgentGreenGlow {
  0%, 100% { box-shadow: 0 6px 20px rgba(74,222,128,0.3); }
  50% { box-shadow: 0 6px 38px rgba(74,222,128,0.75); }
}
/* 解析配置入口：浅紫区分，不与金色代理/绿色项冲突 */
.uc-settings-item.is-parse {
  background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(59,130,246,0.08));
  border-color: rgba(124,58,237,0.45);
}
.uc-settings-item.is-parse:hover {
  background: linear-gradient(135deg, rgba(124,58,237,0.26), rgba(59,130,246,0.14));
  border-color: rgba(124,58,237,0.7);
}
.uc-settings-item.is-parse .uc-settings-icon { color: var(--purple-300); }

/* 个人中心 · 自动识别配置页
   说明区样式规范（后续新增配置沿用）：
   1. 容器：.uc-parse-desc（正文 #cbd5e1 / 0.8rem / 1.75）
   2. 模式标题：h4.uc-parse-mode + 色调类 is-green | is-purple
   3. 规则列表：ul.uc-parse-rules + is-green | is-purple，条目前缀 span.uc-parse-rule-no（同色加粗）
   4. 括号补充：span.uc-parse-sub（#cbd5e1）
   5. 示例：.uc-parse-table-wrap > table.uc-parse-table，模式值带 uc-parse-value + is-same（一致绿）| is-diff（不同红），不同处用 strong 加粗
   色调映射：绿 = --green-400，紫 = --purple-300
*/
.uc-parse-note { margin-top: 8px; margin-bottom: 18px; font-size: 0.9rem; color: var(--text-primary); line-height: 1.6; }
.uc-parse-no { font-size: 0.82rem; font-weight: 800; color: #fcd34d; font-variant-numeric: tabular-nums; }
/* 配置列表：编号 + 名称 + 当前值 + 说明（提亮配色，保证清晰） */
.uc-parse-list {
  background: linear-gradient(180deg, #1b2452, #151d45);
  border: 1px solid rgba(148,163,255,0.24);
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  overflow: hidden;
}
.uc-parse-row {
  display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto;
  align-items: center; gap: 12px; padding: 15px 18px;
  border-bottom: 1px solid rgba(148,163,255,0.14);
  transition: background 0.2s;
}
.uc-parse-row:last-child { border-bottom: none; }
.uc-parse-row:hover { background: rgba(124,58,237,0.12); }
.uc-parse-name { min-width: 0; font-size: 0.95rem; font-weight: 600; color: #ffffff; }
.uc-parse-value-btn {
  display: inline-flex; align-items: center; gap: 8px; max-width: 100%;
  padding: 7px 14px; border: 1px solid rgba(167,139,250,0.7);
  border-radius: 999px; background: rgba(124,58,237,0.3);
  color: #ede9fe; font-family: inherit; font-size: 0.84rem; font-weight: 600;
  cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.uc-parse-value-btn:hover {
  background: rgba(124,58,237,0.46); border-color: #c4b5fd; color: #fff;
}
.uc-parse-value-btn span:first-child {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uc-parse-value-edit { flex-shrink: 0; font-size: 0.72rem; font-weight: 600; color: rgba(241,245,249,0.8); }
.uc-parse-desc-toggle {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 5px 10px; border: 1px solid transparent; border-radius: 999px;
  background: none; color: #c4b5fd;
  font-family: inherit; font-size: 0.78rem; font-weight: 600; white-space: nowrap; cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.uc-parse-desc-toggle:hover { color: #fff; background: rgba(124,58,237,0.24); border-color: rgba(167,139,250,0.55); }
.uc-parse-row .uc-parse-desc { grid-column: 1 / -1; margin-top: 4px; }

/* 弹窗内的选项：上下排列的设置卡（提亮） */
.uc-pset-options { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.uc-pset-option {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 13px 14px; border: 1px solid rgba(148,163,255,0.22);
  border-radius: 12px; background: rgba(255,255,255,0.05);
  color: #ffffff; font-family: inherit; text-align: left;
  cursor: pointer; transition: border-color 0.2s, background 0.2s;
}
.uc-pset-option:hover { border-color: rgba(167,139,250,0.7); background: rgba(124,58,237,0.14); }
.uc-pset-option:disabled { cursor: default; opacity: 0.7; }
.uc-pset-option[aria-pressed="true"] {
  border-color: rgba(167,139,250,0.9);
  background: rgba(124,58,237,0.26);
}
.uc-pset-option-main { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.uc-pset-option-name { font-size: 0.9rem; font-weight: 600; color: #ffffff; }
.uc-pset-option-sub { font-size: 0.75rem; line-height: 1.5; color: #cbd5e1; }
.uc-pset-option-check {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 20px; height: 20px; border: 2px solid rgba(148,163,255,0.45);
  border-radius: 50%; color: transparent; font-size: 0.7rem; font-weight: 700;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.uc-pset-option[aria-pressed="true"] .uc-pset-option-check {
  border-color: #a78bfa; background: var(--purple-500); color: #fff;
}
.uc-pset-option[aria-pressed="true"] .uc-pset-option-check::after { content: "✓"; }

/* 弹窗内的配置字段（费率等，提亮） */
.uc-pset-field { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(148,163,255,0.18); }
.uc-pset-field-label { display: block; margin-bottom: 8px; font-size: 0.84rem; font-weight: 600; color: #ffffff; }
.uc-pset-field .uc-audit-input { width: 100%; background: #1b2452; border-color: rgba(148,163,255,0.3); color: #ffffff; }
.uc-pset-field-tip { margin: 8px 0 0; font-size: 0.76rem; color: #c4b5fd; }
.uc-pset-field.is-disabled .uc-pset-field-label { color: #cbd5e1; }
.uc-pset-field.is-disabled .uc-pset-field-tip { color: #94a3b8; }
.uc-pset-field.is-disabled .uc-audit-input { opacity: 0.55; cursor: not-allowed; }

.uc-parse-desc {
  margin-top: 10px; padding: 12px 14px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(148,163,255,0.18);
  border-radius: 10px; font-size: 0.8rem; line-height: 1.75;
  color: #e2e8f0;
}
.uc-parse-desc[hidden] { display: none; }
.uc-parse-desc h4 { margin: 10px 0 4px; font-size: 0.82rem; color: var(--text-primary); }
.uc-parse-desc h4.uc-parse-mode.is-green,
.uc-parse-rules.is-green .uc-parse-rule-no,
.uc-parse-value.is-green { color: var(--green-400); }
.uc-parse-desc h4.uc-parse-mode.is-purple,
.uc-parse-rules.is-purple .uc-parse-rule-no,
.uc-parse-value.is-purple { color: var(--purple-300); }
.uc-parse-value.is-same { color: var(--green-400); }
.uc-parse-value.is-diff { color: var(--red-400); }
.uc-parse-desc h4:first-child { margin-top: 0; }
.uc-parse-desc ul { margin: 0; padding-left: 18px; }
.uc-parse-desc li + li { margin-top: 4px; }
.uc-parse-desc code {
  padding: 1px 5px; border-radius: 5px;
  background: rgba(124,58,237,0.16); color: var(--purple-300);
  font-size: 0.76rem;
}
.uc-parse-example { margin-top: 8px; color: #cbd5e1; }
.uc-parse-intro { margin: 0 0 8px; color: var(--text-primary); }
.uc-parse-table-title { margin-top: 10px; font-size: 0.78rem; font-weight: 600; color: var(--text-primary); }
.uc-parse-table-wrap {
  margin-top: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(124,58,237,0.55) rgba(255,255,255,0.06);
  border: 1px solid var(--border-light); border-radius: 8px;
}
.uc-parse-table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 0.76rem; }
.uc-parse-table th,
.uc-parse-table td {
  padding: 7px 10px; text-align: left; white-space: nowrap;
  border-bottom: 1px solid var(--border-light);
}
.uc-parse-table th { color: var(--text-primary); background: rgba(124,58,237,0.1); font-weight: 600; }
.uc-parse-table td { color: #cbd5e1; }
.uc-parse-table tr:last-child td { border-bottom: none; }
.uc-parse-table code { font-size: 0.74rem; }
.uc-parse-desc p.uc-parse-sub { margin: 6px 0 0; font-size: 0.74rem; line-height: 1.6; }
.uc-parse-desc ul.uc-parse-rules { padding-left: 1em; list-style: none; }
.uc-parse-rule-no { font-weight: 700; }
.uc-parse-sub { color: #cbd5e1; }
.uc-parse-end { margin-top: 18px; text-align: center; font-size: 0.72rem; color: #94a3b8; }
.uc-modal-dialog.uc-parse-config-dialog {
  max-width: 520px;
  background: linear-gradient(180deg, #1b2452, #151d45);
  border-color: rgba(148,163,255,0.28);
}
.uc-parse-modal-panel { margin-top: 16px; }
.uc-parse-modal-panel[hidden] { display: none; }
.uc-parse-modal-hint { margin: 0; font-size: 0.82rem; line-height: 1.7; color: #cbd5e1; }
.uc-parse-modal-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.uc-parse-modal-switch-text { min-width: 0; }
.uc-parse-modal-switch-title { margin: 0 0 4px; font-size: 0.95rem; font-weight: 600; color: var(--text-primary); }
[data-uc-parse-config].is-saving .uc-pset-option,
[data-uc-parse-config].is-saving .uc-switch input { pointer-events: none; opacity: 0.7; }
@media (max-width: 768px) {
  .uc-parse-row {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    row-gap: 8px; padding: 13px 14px;
  }
  .uc-parse-no { grid-column: 1; grid-row: 1; }
  .uc-parse-name { grid-column: 2; grid-row: 1; }
  .uc-parse-desc-toggle { grid-column: 3; grid-row: 1; justify-self: end; }
  .uc-parse-value-btn { grid-column: 2 / -1; grid-row: 2; justify-self: start; }
  .uc-parse-row .uc-parse-desc { grid-column: 1 / -1; }
  .uc-pset-option { padding: 12px; }
}

/* 个人中心 · 自动识别配置向导 */
.uc-modal-dialog.uc-wizard-dialog {
  max-width: 760px; padding: 0; gap: 0; overflow: hidden;
  max-height: calc(100vh - 40px);
  animation: ucWizardPop 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes ucWizardPop {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.uc-wizard-head {
  flex-shrink: 0; display: flex; align-items: center; gap: 12px;
  padding: 18px 22px;
  background: linear-gradient(135deg, rgba(124,58,237,0.26), rgba(59,130,246,0.16));
  border-bottom: 1px solid var(--border-light);
}
.uc-wizard-head-ico {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.1); color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
}
.uc-wizard-head-ico svg { width: 21px; height: 21px; }
.uc-wizard-head-text { flex: 1; min-width: 0; }
.uc-wizard-title { font-size: 1.15rem; font-weight: 800; color: var(--text-primary); }
.uc-wizard-sub { margin-top: 3px; font-size: 0.76rem; color: var(--text-secondary); }
.uc-wizard-progress {
  flex-shrink: 0; padding: 5px 11px; border-radius: 999px;
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08);
  color: var(--purple-300); font-size: 0.72rem; font-weight: 700;
}
.uc-wizard-steps {
  flex-shrink: 0; display: flex; align-items: center; gap: 0;
  margin: 16px 22px 0; padding: 4px;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 14px;
}
.uc-wizard-step {
  flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 9px 8px; border: 0; border-radius: 10px;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.82rem; font-weight: 600;
  cursor: pointer; transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.uc-wizard-step:hover { color: var(--text-primary); }
.uc-wizard-step.is-active {
  background: var(--gradient-purple); color: #fff;
  box-shadow: 0 6px 18px rgba(124,58,237,0.32);
}
.uc-wizard-step-no {
  flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.08);
  font-size: 0.72rem; font-weight: 800; font-variant-numeric: tabular-nums;
}
.uc-wizard-step-check { display: none; width: 13px; height: 13px; }
.uc-wizard-step.is-active .uc-wizard-step-no { background: rgba(255,255,255,0.22); color: #fff; }
.uc-wizard-step.is-done:not(.is-active) .uc-wizard-step-no {
  background: rgba(74,222,128,0.16); color: var(--green-400);
}
.uc-wizard-step.is-done:not(.is-active) .uc-wizard-step-num { display: none; }
.uc-wizard-step.is-done:not(.is-active) .uc-wizard-step-check { display: block; }
.uc-wizard-step-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uc-wizard-step-done {
  display: none; flex-shrink: 0; padding: 2px 6px; border-radius: 999px;
  background: rgba(74,222,128,0.12); color: var(--green-400);
  font-size: 0.66rem; font-weight: 700;
}
.uc-wizard-step.is-done:not(.is-active) .uc-wizard-step-done { display: inline-flex; }
.uc-wizard-step-line {
  flex: 0 0 20px; height: 2px; margin: 0 2px; border-radius: 2px;
  background: rgba(255,255,255,0.12); transition: background 0.2s;
}
.uc-wizard-step-line.is-done {
  background: linear-gradient(90deg, rgba(74,222,128,0.5), var(--green-400));
}
.uc-wizard-body {
  flex: 1 1 auto; min-height: 0; overflow-y: auto;
  padding: 16px 22px 8px;
}
.uc-wizard-panel[hidden] { display: none; }
.uc-wizard-panel:not([hidden]) { animation: ucWizardPanelIn 0.24s ease; }
@keyframes ucWizardPanelIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.uc-wizard-panel-head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.uc-wizard-panel-head h3 {
  flex: 1; min-width: 0; font-size: 1rem; font-weight: 700; color: var(--text-primary);
}
.uc-wizard-required {
  flex-shrink: 0; padding: 2px 7px; border-radius: 999px;
  background: rgba(251,191,36,0.12); color: #fbbf24;
  font-size: 0.66rem; font-weight: 700;
}
.uc-wizard-choices {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.uc-wizard-choice {
  --wc-accent: var(--purple-300);
  --wc-tint: rgba(124,58,237,0.18);
  position: relative; display: grid; grid-template-columns: auto auto 1fr;
  align-items: center; gap: 10px; padding: 14px 30px 14px 14px;
  border: 1px solid var(--border-light); border-radius: 14px;
  background: var(--bg-input); color: var(--text-primary);
  font-family: inherit; text-align: left; cursor: pointer;
  transition: transform 0.18s, border-color 0.2s, background 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.uc-wizard-choice.is-green { --wc-accent: var(--green-400); --wc-tint: rgba(74,222,128,0.14); }
.uc-wizard-choice.is-purple { --wc-accent: var(--purple-300); --wc-tint: rgba(124,58,237,0.18); }
.uc-wizard-choice:hover { transform: translateY(-1px); border-color: rgba(124,58,237,0.42); }
.uc-wizard-choice.is-green:hover { border-color: rgba(74,222,128,0.45); }
.uc-wizard-choice:active { transform: translateY(0) scale(0.995); }
.uc-wizard-choice:disabled { cursor: default; opacity: 0.7; transform: none; }
.uc-wizard-choice[aria-pressed="true"] {
  border-color: var(--wc-accent);
  background: linear-gradient(135deg, var(--wc-tint), rgba(255,255,255,0.02));
  box-shadow: 0 8px 22px rgba(0,0,0,0.22);
}
.uc-wizard-choice-radio {
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.22); position: relative;
  transition: border-color 0.2s;
}
.uc-wizard-choice[aria-pressed="true"] .uc-wizard-choice-radio { border-color: var(--wc-accent); }
.uc-wizard-choice-radio::after {
  content: ''; position: absolute; inset: 3px; border-radius: 50%;
  background: var(--wc-accent); transform: scale(0); transition: transform 0.18s;
}
.uc-wizard-choice[aria-pressed="true"] .uc-wizard-choice-radio::after { transform: scale(1); }
.uc-wizard-choice-ico {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.04); color: var(--text-secondary);
  transition: background 0.2s, color 0.2s;
}
.uc-wizard-choice-ico svg { width: 18px; height: 18px; }
.uc-wizard-choice[aria-pressed="true"] .uc-wizard-choice-ico {
  background: var(--wc-tint); color: var(--wc-accent);
}
.uc-wizard-choice-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.uc-wizard-choice-name { font-size: 0.9rem; font-weight: 700; }
.uc-wizard-choice-sub { font-size: 0.72rem; line-height: 1.4; color: var(--text-secondary); }
.uc-wizard-choice[aria-pressed="true"] .uc-wizard-choice-sub { color: var(--text-primary); }
.uc-wizard-choice-check {
  position: absolute; top: 9px; right: 9px; width: 18px; height: 18px;
  border-radius: 50%; display: none; align-items: center; justify-content: center;
  background: var(--wc-accent); color: #071126;
}
.uc-wizard-choice-check svg { width: 11px; height: 11px; }
.uc-wizard-choice[aria-pressed="true"] .uc-wizard-choice-check {
  display: flex; animation: ucWizardCheckPop 0.22s ease;
}
@keyframes ucWizardCheckPop {
  0% { transform: scale(0.4); opacity: 0; }
  70% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
.uc-wizard-desc-card {
  margin-top: 14px; padding: 12px 14px;
  background: rgba(255,255,255,0.02); border: 1px solid var(--border-light);
  border-radius: 12px;
}
.uc-wizard-desc-label {
  display: inline-flex; align-items: center; margin-bottom: 8px;
  padding: 2px 8px; border-radius: 999px;
  background: rgba(124,58,237,0.14); color: var(--purple-300);
  font-size: 0.68rem; font-weight: 700;
}
.uc-wizard-desc {
  margin-top: 0; padding: 0; background: transparent; border: 0;
  max-height: 24vh; overflow-y: auto; padding-right: 4px;
}
.uc-wizard-desc::-webkit-scrollbar { width: 6px; }
.uc-wizard-desc::-webkit-scrollbar-track { background: transparent; }
.uc-wizard-desc::-webkit-scrollbar-thumb {
  background: rgba(124,58,237,0.35); border-radius: 6px;
}
.uc-wizard-summary {
  display: flex; flex-direction: column; align-items: center;
  padding: 18px 4px 10px; text-align: center;
  animation: ucWizardPanelIn 0.24s ease;
}
.uc-wizard-summary[hidden] { display: none; }
.uc-wizard-summary-ico {
  width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(74,222,128,0.14); color: var(--green-400);
  box-shadow: inset 0 0 0 1px rgba(74,222,128,0.28);
}
.uc-wizard-summary-ico svg { width: 28px; height: 28px; }
.uc-wizard-summary-title {
  margin-top: 12px; font-size: 1.1rem; font-weight: 800; color: var(--text-primary);
}
.uc-wizard-summary-sub { margin-top: 4px; font-size: 0.78rem; color: var(--text-secondary); }
.uc-wizard-summary-list {
  width: 100%; margin-top: 16px; padding: 4px 14px;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 14px; text-align: left;
}
.uc-wizard-summary-row {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 11px 0;
}
.uc-wizard-summary-row + .uc-wizard-summary-row { border-top: 1px dashed var(--border-light); }
.uc-wizard-summary-label { font-size: 0.82rem; color: var(--text-secondary); }
.uc-wizard-summary-value {
  flex-shrink: 0; padding: 3px 10px; border-radius: 999px;
  background: rgba(74,222,128,0.12); color: var(--green-400);
  font-size: 0.8rem; font-weight: 700;
}
.uc-wizard-summary-note {
  margin-top: 14px; font-size: 0.76rem; line-height: 1.6; color: var(--text-muted);
}
.uc-wizard-summary-path { color: var(--purple-300); font-weight: 700; }
.uc-wizard-foot {
  flex-shrink: 0; display: flex; align-items: center; gap: 12px;
  padding: 14px 22px 18px; border-top: 1px solid var(--border-light);
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.16));
}
.uc-wizard-hint {
  flex: 1; min-width: 0; font-size: 0.74rem; line-height: 1.4;
  color: var(--text-muted);
}
.uc-wizard-hint.is-ready { color: var(--green-400); }
.uc-wizard-back,
.uc-wizard-next {
  flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  font-family: inherit; font-size: 0.85rem; font-weight: 700;
  border-radius: 10px; cursor: pointer;
  transition: opacity 0.2s, transform 0.1s, box-shadow 0.2s;
}
.uc-wizard-back {
  padding: 9px 18px; border: 1px solid var(--border-light);
  background: transparent; color: var(--text-secondary);
}
.uc-wizard-back:hover { color: var(--text-primary); }
.uc-wizard-back:disabled { opacity: 0.4; cursor: default; }
.uc-wizard-next {
  padding: 9px 20px; border: 0;
  background: var(--gradient-purple); color: #fff;
  box-shadow: 0 6px 18px rgba(124,58,237,0.35);
}
.uc-wizard-next svg { width: 15px; height: 15px; }
.uc-wizard-next:hover { opacity: 0.94; }
.uc-wizard-next:active { transform: scale(0.98); }
.uc-wizard-next.is-finish {
  background: linear-gradient(135deg, #4ade80, #16a34a);
  color: #052e16; box-shadow: 0 6px 18px rgba(34,197,94,0.35);
}
.uc-wizard-next:disabled {
  opacity: 0.45; cursor: default; box-shadow: none; transform: none;
}
@media (max-width: 768px) {
  .uc-wizard-head { padding: 16px 18px; gap: 10px; }
  .uc-wizard-head-ico { width: 34px; height: 34px; border-radius: 10px; }
  .uc-wizard-head-ico svg { width: 18px; height: 18px; }
  .uc-wizard-title { font-size: 1.05rem; }
  .uc-wizard-sub { font-size: 0.72rem; }
  .uc-wizard-progress { padding: 4px 8px; font-size: 0.68rem; }
  .uc-wizard-steps { margin: 12px 16px 0; }
  .uc-wizard-step { gap: 5px; padding: 8px 4px; font-size: 0.76rem; }
  .uc-wizard-step-done { display: none !important; }
  .uc-wizard-step-line { flex-basis: 10px; }
  .uc-wizard-body { padding: 14px 16px 4px; }
  .uc-wizard-choices { grid-template-columns: 1fr; }
  .uc-wizard-choice { padding: 12px 30px 12px 12px; }
  .uc-wizard-desc { max-height: 26vh; }
  .uc-wizard-summary { padding: 14px 0 6px; }
  .uc-wizard-summary-ico { width: 48px; height: 48px; }
  .uc-wizard-summary-ico svg { width: 24px; height: 24px; }
  .uc-wizard-summary-list { padding: 4px 12px; }
  .uc-wizard-foot { padding: 12px 16px 16px; gap: 8px; flex-wrap: wrap; }
  .uc-wizard-hint { width: 100%; order: 3; }
  .uc-wizard-back,
  .uc-wizard-next { flex: 1; }
  .uc-wizard-next { margin-left: 0; }
}

/* 个人中心 · 赔率方案管理页 */
.uc-plan-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.uc-plan-title { font-size: 1.15rem; font-weight: 700; color: var(--text-primary); }
.uc-plan-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; margin-bottom: 16px; }
.uc-plan-total { font-size: 0.9rem; color: var(--text-secondary); }
.uc-plan-total b { color: var(--text-primary); font-weight: 700; }
.uc-plan-list { display: flex; flex-direction: column; gap: 12px; }
.uc-plan-item { padding: 18px; }
.uc-plan-head { position: relative; display: flex; align-items: center; min-height: 24px; margin-bottom: 12px; }
.uc-plan-index {
  width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.72rem; font-weight: 700;
  background: var(--green-400); color: #052e16;
}
.uc-plan-name { position: absolute; left: 0; right: 0; text-align: center; font-size: 0.95rem; font-weight: 600; color: var(--text-primary); }
.uc-plan-meta { font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 12px; }
.uc-plan-meta b { color: var(--text-primary); font-weight: 700; }
.uc-plan-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.uc-plan-del {
  font-family: inherit; font-size: 0.875rem; font-weight: 600;
  border: none; border-radius: 8px; padding: 10px 20px; cursor: pointer;
  background: #dc2626; color: #fff; transition: opacity 0.2s, transform 0.1s;
}
.uc-plan-del:hover { opacity: 0.9; }
.uc-plan-del:active { transform: scale(0.97); }
.uc-modal-section.uc-plan-field { flex-direction: row; align-items: center; gap: 12px; }
.uc-plan-field-label { flex-shrink: 0; font-size: 0.85rem; color: var(--text-primary); }
.uc-plan-field-label em { font-style: normal; color: #ef4444; margin-right: 2px; }
.uc-plan-field .uc-modal-input { flex: 1; width: auto; min-width: 0; }
.uc-modal-title.uc-rule-title { text-align: left; font-size: 1.05rem; }
.uc-rule-title em { font-style: normal; font-weight: 400; color: var(--text-muted); }
/* 表格容器：嵌套卡片感，与弹窗背景区分；不限高，由弹窗整体滚动保证规则全部可见 */
.uc-rule-table-wrap {
  margin-top: 0; flex-shrink: 0;
  background: rgba(15,23,56,0.75);
  border-color: rgba(124,58,237,0.18);
  border-radius: 14px;
}
/* 表头与行：表头带紫色下边线，行使用斑马纹与悬停高亮 */
.uc-rule-table th, .uc-rule-table td { text-align: center; padding: 12px; }
.uc-rule-table th {
  background: var(--bg-secondary);
  color: var(--text-secondary); font-weight: 700;
  font-size: 0.75rem; letter-spacing: 0.06em;
  border-bottom: 1px solid rgba(124,58,237,0.3);
}
/* 首列规则名左对齐，其余列居中（贴合设计稿） */
.uc-rule-table th:first-child, .uc-rule-table td:first-child { text-align: left; }
.uc-rule-table tbody tr { transition: background 0.2s; }
.uc-rule-table tbody tr:nth-child(even) td { background: rgba(255,255,255,0.015); }
.uc-rule-table tbody tr:hover td { background: rgba(124,58,237,0.08); }
.uc-rule-table tbody tr:last-child td { border-bottom: none; }
.uc-rule-table td.uc-rule-name { color: var(--text-primary); font-weight: 600; font-size: 0.88rem; }
/* 行内数值输入框：隐藏原生数字微调箭头，避免遮挡数值；聚焦加光晕 */
.uc-rule-input {
  width: 100%; max-width: 120px; text-align: center;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 8px 10px; color: var(--text-primary);
  font-size: 0.85rem; font-family: inherit; outline: none;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield; appearance: textfield;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.uc-rule-input::-webkit-outer-spin-button,
.uc-rule-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.uc-rule-input:hover { border-color: rgba(124,58,237,0.5); }
.uc-rule-input:focus {
  border-color: var(--blue-500); background: var(--bg-secondary);
  box-shadow: 0 0 0 3px rgba(59,130,246,0.18);
}
/* 只读模式：输入框不可编辑，隐藏行内保存按钮 */
.uc-modal.is-readonly .uc-rule-input {
  color: var(--text-secondary); cursor: default;
  background: rgba(255,255,255,0.02); border-color: transparent;
}
.uc-modal.is-readonly .uc-rule-save { display: none; }
/* 行内保存按钮 */
.uc-rule-save {
  font-family: inherit; font-size: 0.82rem; font-weight: 600;
  white-space: nowrap;
  border: none; border-radius: 10px; padding: 8px 20px; cursor: pointer;
  background: var(--gradient-purple); color: #fff;
  box-shadow: 0 4px 14px rgba(124,58,237,0.35);
  transition: opacity 0.2s, transform 0.1s, box-shadow 0.2s;
}
.uc-rule-save:hover { opacity: 0.92; box-shadow: 0 6px 18px rgba(124,58,237,0.5); }
.uc-rule-save:active { transform: scale(0.97); }

/* === 个人中心 · 赔率绑定页 === */
.uc-bind-tip {
  background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.3);
  border-radius: 10px; padding: 10px 14px; margin-bottom: 16px;
  font-size: 0.85rem; color: var(--blue-400);
}
.uc-bind-card { display: flex; flex-direction: column; }
.uc-bind-current { font-size: 0.95rem; font-weight: 600; color: var(--text-primary); margin-bottom: 16px; }
.uc-bind-current b { font-weight: 600; color: var(--text-muted); }
.uc-bind-select {
  display: flex; align-items: center; gap: 16px; width: 100%;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 12px; padding: 14px 16px; margin-bottom: 24px;
  font-family: inherit; font-size: 0.9rem; color: var(--text-muted);
  cursor: pointer; text-align: left; transition: border-color 0.2s;
}
.uc-bind-select:hover { border-color: rgba(124,58,237,0.4); }
.uc-bind-select-label { flex-shrink: 0; font-weight: 600; color: var(--text-primary); }
.uc-bind-select-value { flex: 1; min-width: 0; color: var(--text-muted); }
.uc-bind-select-arrow { flex-shrink: 0; color: var(--text-muted); }
.uc-bind-save { width: 100%; justify-content: center; }
.uc-bind-empty { text-align: center; color: var(--text-muted); font-size: 0.9rem; }
.uc-bind-options { display: flex; flex-direction: column; gap: 4px; }
.uc-bind-option {
  width: 100%; padding: 14px 12px; border: none; border-radius: 10px;
  background: transparent; font-family: inherit; font-size: 0.95rem;
  font-weight: 600; color: var(--text-primary); cursor: pointer;
  transition: background 0.2s;
}
.uc-bind-option:hover { background: var(--bg-card-hover); }
/* 赔率绑定页：群/个人方案表 */
.uc-bind-table-wrap { margin-top: 0; }
.uc-bind-table th, .uc-bind-table td { text-align: center; padding: 10px 18px; }
.uc-bind-table td.uc-bind-info { text-align: left; }
.uc-bind-name { font-size: 0.9rem; color: var(--text-primary); }
.uc-bind-plan { margin-top: 4px; font-size: 0.85rem; color: var(--text-secondary); }
.uc-bind-plan.no-plan { color: var(--text-muted); }
.uc-bind-ops { white-space: nowrap; }
.uc-bind-del {
  font-family: inherit; font-size: 0.875rem; font-weight: 600;
  border: none; border-radius: 8px; padding: 8px 16px; cursor: pointer;
  background: #dc2626; color: #fff; transition: opacity 0.2s, transform 0.1s;
}
.uc-bind-del:hover { opacity: 0.9; }
.uc-bind-del:active { transform: scale(0.97); }
/* 设置方案弹窗内的「选择方案」控件去掉列表页底部间距 */
.uc-modal .uc-bind-select { margin-bottom: 0; }
/* hidden 覆盖：以下元素默认带 display，需显式隐藏 */
.uc-bind-select[hidden],
.uc-bind-save[hidden],
.uc-bind-empty[hidden],
.uc-modal-fields[hidden],
.uc-modal-actions[hidden] { display: none; }

/* === 个人中心 · 软件激活管理页 === */
.uc-activate-card { display: flex; flex-direction: column; }
.uc-activate-item { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; }
.uc-activate-label { font-size: 0.85rem; color: var(--text-secondary); }
.uc-activate-value { font-size: 0.95rem; font-weight: 700; color: var(--blue-400); }
.uc-activate-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.uc-activate-input {
  width: 100%; background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 12px 14px; color: var(--text-primary);
  font-size: 0.9rem; font-family: inherit; outline: none; transition: border-color 0.2s;
}
.uc-activate-input::placeholder { color: var(--text-muted); }
.uc-activate-input:focus { border-color: var(--blue-500); }
.uc-activate-btn { width: 100%; justify-content: center; }

/* === 个人中心 · 修改密码页 === */
.uc-password-card { display: flex; flex-direction: column; gap: 14px; }
.uc-password-field {
  display: flex; align-items: center; gap: 16px;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 12px 16px;
}
.uc-password-label {
  flex: 0 0 auto; min-width: 74px;
  font-size: 0.9rem; color: var(--text-primary);
}
.uc-password-input {
  flex: 1; min-width: 0;
  font-family: inherit; font-size: 0.9rem; color: var(--text-primary);
  background: transparent; border: none; outline: none;
}
.uc-password-input::placeholder { color: var(--text-muted); }
.uc-password-save {
  display: flex; width: 220px; max-width: 100%;
  margin: 10px auto 0; justify-content: center;
}

/* === 个人中心 · 我要成为代理页 === */
/* 顶部客服横排：紧凑圆形图标入口 */
.uc-agent-kefu {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 12px; margin-bottom: 16px;
}
.uc-agent-kefu-btn {
  width: 40px; height: 40px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 50%; cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.uc-agent-kefu-btn:hover { transform: translateY(-2px); }
.uc-agent-kefu-btn svg { width: 20px; height: 20px; }
.uc-agent-kefu-btn.is-telegram {
  background: linear-gradient(135deg, #26A5E4, #1d7fc0);
  box-shadow: 0 6px 16px rgba(38,165,228,0.32);
}
.uc-agent-kefu-btn.is-qq {
  background: linear-gradient(135deg, #12B7F5, #0099FF);
  box-shadow: 0 6px 16px rgba(0,153,255,0.32);
}
.uc-agent-kefu-btn.is-wechat {
  background: linear-gradient(135deg, #07C160, #1AAD19);
  box-shadow: 0 6px 16px rgba(7,193,96,0.32);
}
.uc-agent-kefu-btn.is-chat {
  background: var(--gradient-purple);
  box-shadow: 0 6px 16px rgba(124,58,237,0.3);
}
@media (max-width: 480px) {
  .uc-agent-kefu { gap: 10px; }
  .uc-agent-kefu-btn { width: 36px; height: 36px; }
  .uc-agent-kefu-btn svg { width: 18px; height: 18px; }
}
.uc-agent-intro {
  background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.3);
  border-radius: 10px; padding: 12px 14px; margin-bottom: 16px;
  font-size: 0.9rem; line-height: 1.6; color: var(--blue-400);
}
/* 推广页：引导文案去框，与上方链接行紧凑、字色清晰（不影响代理申请页） */
.uc-panel[data-uc-panel="agent-promotion"] .uc-agent-intro {
  background: none; border: none; border-radius: 0; padding: 0; margin: 0;
  font-size: 0.85rem; line-height: 1.5; color: var(--text-secondary);
}
.uc-panel[data-uc-panel="agent-promotion"] .uc-agent-card { gap: 8px; }
/* 推广管理：二级标签与上方推广链接卡片拉开间距 */
.uc-panel[data-uc-panel="agent-promotion"] .uc-audit-tabs { margin-top: 12px; }
/* 推广管理：标题、统计卡片、链接卡片统一 12px 垂直间距 */
.uc-panel[data-uc-panel="agent-promotion"] .uc-plan-header { margin-bottom: 12px; }
.uc-panel[data-uc-panel="agent-promotion"] .uc-agent-stats { margin-bottom: 12px; }
/* 推广管理：相邻卡片间距 12px（覆盖 .uc-card + .uc-card 的 20px） */
.uc-panel[data-uc-panel="agent-promotion"] .uc-card + .uc-card { margin-top: 12px; }
.uc-agent-card { display: flex; flex-direction: column; gap: 14px; }
/* 代理申请页：卡片自身 display:flex 会覆盖 hidden，需显式隐藏 */
.uc-agent-card[hidden] { display: none; }
.uc-agent-field { display: flex; flex-direction: column; gap: 8px; }
.uc-agent-field-inline { flex-direction: row; align-items: center; gap: 10px; }
.uc-agent-field-inline > .uc-agent-label { flex: 0 0 auto; white-space: nowrap; }
.uc-agent-field-inline > .uc-agent-input { flex: 1; min-width: 0; }
.uc-agent-label { font-size: 0.85rem; color: var(--text-secondary); }
.uc-agent-input {
  width: 100%; background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 12px 14px; color: var(--text-primary);
  font-size: 0.9rem; font-family: inherit; outline: none; transition: border-color 0.2s;
}
.uc-agent-input::placeholder { color: var(--text-muted); }
.uc-agent-input:focus { border-color: var(--blue-500); }
.uc-agent-select {
  flex: 0 0 96px; color-scheme: dark;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 12px 14px; color: var(--text-primary);
  font-size: 0.9rem; font-family: inherit; outline: none; cursor: pointer;
  transition: border-color 0.2s;
}
.uc-agent-select:focus { border-color: var(--blue-500); }
/* 提现管理页：竖排表单整行下拉（覆盖 .uc-agent-select 的固定宽度，需在此后声明） */
.uc-agent-select-block { flex: 0 0 auto; width: 100%; }
.uc-agent-submit { width: 100%; justify-content: center; }
.uc-agent-textarea { resize: vertical; min-height: 84px; line-height: 1.5; }
.uc-agent-status { font-size: 0.9rem; color: var(--text-secondary); }
.uc-agent-status b { color: var(--blue-400); font-weight: 700; }
.uc-agent-item { display: flex; flex-direction: column; gap: 4px; }
.uc-agent-item-label { font-size: 0.85rem; color: var(--text-secondary); }
.uc-agent-item-value { font-size: 0.95rem; color: var(--text-primary); word-break: break-all; }
/* 提现管理页：表单三块横排（提现金额 / 收款方式 / 确认提现按钮），窄屏自动堆叠 */
.uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-card {
  flex-direction: row; flex-wrap: wrap; align-items: flex-end;
}
.uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-field {
  flex: 1 1 200px; min-width: 0;
}
.uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-intro { flex: 1 1 100%; }
.uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-submit { flex: 0 0 auto; width: auto; }
@media (max-width: 640px) {
  .uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-card { flex-direction: column; align-items: stretch; }
  .uc-panel[data-uc-panel="agent-withdraw"] .uc-agent-submit { width: 100%; }
  /* 使用说明浮层：分页夹保持单行，四等分均摊并自适应缩字 */
  .uc-ver-tabs { display: flex; flex-wrap: nowrap; gap: 4px; width: calc(100% - 32px); max-width: none; margin: 12px auto 0; }
  .uc-ver-tab { flex: 1 1 0; padding: 8px 4px; font-size: clamp(0.7rem, 3.5vw, 0.84rem); }
  .uc-ver-fig svg { height: 46px; }
}
/* 收款管理页：表单横排（收款类型 / 收款账号 / 添加按钮），窄屏自动堆叠 */
.uc-panel[data-uc-panel="agent-payee"] .uc-agent-card {
  flex-direction: row; flex-wrap: wrap; align-items: flex-end;
}
.uc-panel[data-uc-panel="agent-payee"] .uc-agent-field {
  flex: 1 1 200px; min-width: 0;
}
.uc-panel[data-uc-panel="agent-payee"] .uc-agent-submit { flex: 0 0 auto; width: auto; }
@media (max-width: 640px) {
  .uc-panel[data-uc-panel="agent-payee"] .uc-agent-card { flex-direction: column; align-items: stretch; }
  .uc-panel[data-uc-panel="agent-payee"] .uc-agent-submit { width: 100%; }
}
.uc-agent-empty { text-align: center; color: var(--text-muted); font-size: 0.9rem; padding: 24px 0; }
.uc-agent-empty[hidden] { display: none; }

/* 收款管理页：收款方式表 */
.uc-payee-table-wrap { margin-top: 0; }
/* 收款表统一居中：pages.css 的 .trend-table 左对齐在 user.css 之后加载，需提高选择器优先级覆盖 */
.uc-panel[data-uc-panel="agent-payee"] .trend-table th,
.uc-panel[data-uc-panel="agent-payee"] .trend-table td { text-align: center; }
.uc-panel[data-uc-panel="agent-payee"] .uc-payee-account { word-break: break-all; }

/* 提现管理页：提现记录表 */
.uc-withdraw-table-wrap { margin-top: 0; }
/* 提现表统一居中：pages.css 的 .trend-table 左对齐在 user.css 之后加载，需提高选择器优先级覆盖 */
.uc-panel[data-uc-panel="agent-withdraw"] .trend-table th,
.uc-panel[data-uc-panel="agent-withdraw"] .trend-table td { text-align: center; }
.uc-panel[data-uc-panel="agent-withdraw"] .uc-withdraw-amount { color: var(--yellow-400); font-weight: 700; }

/* 推广管理页：推广会员 / 充值返利表 */
.uc-promo-table-wrap { margin-top: 0; }
/* 推广表统一居中：pages.css 的 .trend-table 左对齐在 user.css 之后加载，需提高选择器优先级覆盖 */
.uc-panel[data-uc-panel="agent-promotion"] .trend-table th,
.uc-panel[data-uc-panel="agent-promotion"] .trend-table td { text-align: center; }
.uc-panel[data-uc-panel="agent-promotion"] .uc-promo-amount,
.uc-panel[data-uc-panel="agent-promotion"] .uc-promo-rate { color: var(--yellow-400); font-weight: 700; }

/* 推广管理页：统计条 */
.uc-agent-stats { display: flex; align-items: center; margin-bottom: 16px; }
.uc-agent-stat { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.uc-agent-stat + .uc-agent-stat { border-left: 1px solid var(--border-light); }
.uc-agent-stat-value { font-size: 1.4rem; font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.uc-agent-stat-label { font-size: 0.78rem; color: var(--text-muted); }

/* === 个人中心 · 软件使用说明页 === */
.uc-guide-list { list-style: none; display: flex; flex-direction: column; }
.uc-guide-item { border-bottom: 1px solid var(--border-light); }
.uc-guide-item:last-child { border-bottom: none; }
.uc-guide-name {
  display: block; width: 100%; text-align: left;
  padding: 16px 0; background: none; border: none; cursor: pointer;
  font-family: inherit; font-size: 0.95rem; color: var(--text-primary);
  transition: color 0.2s;
}
.uc-guide-name:hover { color: var(--purple-400); }
.uc-guide-body {
  padding: 0 0 16px;
  font-size: 0.9rem; color: var(--text-secondary); line-height: 1.7;
}

/* === 个人中心 · 删除单日数据弹窗 === */
.uc-delete-day-fields { gap: 18px; }
.uc-delete-day-fields .uc-modal-field { padding: 0; border-bottom: none; }
.uc-delete-day-range { display: flex; align-items: center; gap: 12px; }
.uc-delete-day-fields .uc-modal-input { text-align: center; }
.uc-delete-day-range .uc-modal-input { flex: 1; min-width: 0; }
.uc-delete-day-sep { color: var(--text-secondary); }
.uc-modal-delete {
  width: 100%; padding: 14px; border: none; border-radius: 12px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff; font-family: inherit; font-size: 0.95rem; font-weight: 700;
  letter-spacing: 0.02em; cursor: pointer;
  box-shadow: 0 8px 22px rgba(220,38,38,0.35);
  transition: box-shadow 0.2s, transform 0.1s, filter 0.2s;
}
.uc-modal-delete:hover { box-shadow: 0 10px 28px rgba(220,38,38,0.55); filter: brightness(1.05); }
.uc-modal-delete:active { transform: scale(0.98); }

/* === 个人中心 · 删除所有消息弹窗 === */
.uc-msg-delete-warn {
  display: flex; align-items: flex-start; gap: 9px;
  font-size: 0.88rem; font-weight: 600; color: #fca5a5; line-height: 1.6;
  background: rgba(220,38,38,0.1);
  border: 1px solid rgba(248,113,113,0.28);
  border-radius: 12px; padding: 12px 14px;
}
.uc-msg-delete-warn::before {
  content: '!'; flex: 0 0 18px;
  width: 18px; height: 18px; margin-top: 1px;
  display: flex; align-items: center; justify-content: center;
  background: #ef4444; color: #fff; border-radius: 50%;
  font-size: 0.72rem; font-weight: 800;
}
.uc-msg-delete-tip { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; }
.uc-modal-actions-lg { justify-content: flex-end; }
.uc-modal-actions-lg .uc-modal-btn { flex: 1; padding: 13px; font-size: 0.95rem; font-weight: 700; border-radius: 12px; }

/* 弹窗标题图标（删除类弹窗） */
.uc-modal-title-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; margin-right: 8px; vertical-align: -6px;
  border-radius: 9px; color: #f87171;
  background: rgba(220,38,38,0.14);
  box-shadow: inset 0 0 0 1px rgba(248,113,113,0.25);
}
.uc-modal-title-ico svg { width: 17px; height: 17px; }

/* === 个人中心 · 「删除所有消息」弹窗美化（仅作用于 #msgDeleteModal） === */
#msgDeleteModal .uc-modal-dialog {
  max-width: 420px;
  padding: 30px 26px 24px;
  gap: 14px;
  border-color: rgba(248,113,113,0.25);
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(220,38,38,0.16), transparent 62%),
    var(--bg-card);
  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(248,113,113,0.1), 0 0 42px rgba(220,38,38,0.2);
}
/* 顶部危险色高光条 */
#msgDeleteModal .uc-modal-dialog::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 3px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: linear-gradient(90deg, transparent, #ef4444, transparent);
}
#msgDeleteModal .uc-modal-title {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-size: 1.28rem; font-weight: 800; letter-spacing: 0.01em;
}
#msgDeleteModal .uc-modal-title-ico {
  width: 34px; height: 34px; margin-right: 0; vertical-align: 0;
  border-radius: 10px; color: #fca5a5;
  background: linear-gradient(135deg, rgba(220,38,38,0.35), rgba(239,68,68,0.14));
  box-shadow: inset 0 0 0 1px rgba(248,113,113,0.35), 0 6px 16px rgba(220,38,38,0.28);
}
#msgDeleteModal .uc-modal-title-ico svg { width: 18px; height: 18px; }
/* 警示条 */
#msgDeleteModal .uc-msg-delete-warn {
  gap: 10px; font-size: 0.9rem; padding: 13px 15px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(220,38,38,0.16), rgba(220,38,38,0.06));
  border: 1px solid rgba(248,113,113,0.32);
}
#msgDeleteModal .uc-msg-delete-warn::before {
  flex: 0 0 20px; width: 20px; height: 20px;
  font-size: 0.78rem; box-shadow: 0 0 0 3px rgba(220,38,38,0.2);
}
/* 提示语与输入框 */
#msgDeleteModal .uc-msg-delete-tip { font-size: 0.86rem; }
#msgDeleteModal .uc-modal-input {
  padding: 13px 12px; border-radius: 12px;
  font-size: 1rem; font-weight: 700; text-align: center; letter-spacing: 0.35em;
  background: var(--bg-input);
}
#msgDeleteModal .uc-modal-input::placeholder {
  letter-spacing: normal; font-weight: 400; color: var(--text-secondary);
}
#msgDeleteModal .uc-modal-input:focus {
  border-color: rgba(248,113,113,0.6);
  box-shadow: 0 0 0 3px rgba(220,38,38,0.18);
}
/* 按钮 */
#msgDeleteModal .uc-modal-actions-lg { margin-top: 4px; }
#msgDeleteModal .uc-modal-btn.is-approve {
  background: var(--bg-input); color: var(--text-secondary);
  border: 1px solid var(--border-light);
}
#msgDeleteModal .uc-modal-btn.is-approve:hover {
  opacity: 1; color: #fff; border-color: rgba(124,58,237,0.5);
}
#msgDeleteModal .uc-modal-btn.is-danger {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 8px 22px rgba(220,38,38,0.38);
}
#msgDeleteModal .uc-modal-btn.is-danger:hover {
  opacity: 1; filter: brightness(1.06); box-shadow: 0 10px 28px rgba(220,38,38,0.55);
}

/* 通用危险按钮（如「删除所有消息」确认） */
.uc-modal-btn.is-danger {
  background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff;
  box-shadow: 0 6px 16px rgba(220,38,38,0.35);
}
.uc-modal-btn.is-danger:hover { opacity: 0.95; box-shadow: 0 8px 22px rgba(220,38,38,0.5); }

/* === 个人中心 · 通用确认弹窗（替代原生 confirm，已美化） === */
.uc-modal-dialog.uc-confirm-dialog {
  max-width: 400px; text-align: center;
  padding: 34px 28px 26px; gap: 0;
  border-color: rgba(139,92,246,0.18);
  background:
    radial-gradient(130% 80% at 50% -20%, rgba(124,58,237,0.14), transparent 62%),
    var(--bg-card);
  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(139,92,246,0.12), var(--shadow-glow);
}
/* 顶部高光条：危险弹窗着色为红色，普通确认为紫色 */
.uc-confirm-dialog::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 3px;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: linear-gradient(90deg, transparent, #7c3aed, transparent);
}
.uc-confirm-dialog:has(.uc-confirm-icon.is-danger)::before {
  background: linear-gradient(90deg, transparent, #ef4444, transparent);
}
.uc-confirm-icon {
  width: 66px; height: 66px; margin: 2px auto 18px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; color: #a78bfa;
  background: radial-gradient(circle at 50% 40%, rgba(124,58,237,0.32), rgba(59,130,246,0.12));
  box-shadow: 0 0 0 1px rgba(139,92,246,0.4), 0 0 0 8px rgba(124,58,237,0.08), 0 10px 30px rgba(124,58,237,0.35);
}
.uc-confirm-icon.is-danger {
  color: #f87171;
  background: radial-gradient(circle at 50% 40%, rgba(220,38,38,0.34), rgba(239,68,68,0.1));
  box-shadow: 0 0 0 1px rgba(248,113,113,0.45), 0 0 0 8px rgba(220,38,38,0.1), 0 10px 30px rgba(220,38,38,0.4);
  animation: ucConfirmPulse 2s ease-in-out infinite;
}
.uc-confirm-icon svg { width: 32px; height: 32px; }
/* 危险图标呼吸光晕（提示需谨慎操作） */
@keyframes ucConfirmPulse {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(248,113,113,0.45), 0 0 0 8px rgba(220,38,38,0.1), 0 10px 30px rgba(220,38,38,0.4);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(248,113,113,0.6), 0 0 0 13px rgba(220,38,38,0.14), 0 10px 34px rgba(220,38,38,0.55);
  }
}
.uc-confirm-title {
  font-size: 1.28rem; font-weight: 800; letter-spacing: 0.01em;
  color: #fff; margin-bottom: 10px;
}
.uc-confirm-msg {
  font-size: 0.9rem; color: var(--text-secondary); line-height: 1.75;
  white-space: pre-line; max-width: 30em; margin: 0 auto;
  /* 长内容（如超限被截字符）内部滚动，避免撑高弹窗、确保按钮始终可见 */
  max-height: 45vh; overflow-y: auto;
  scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.5) transparent;
}
.uc-confirm-msg::-webkit-scrollbar { width: 8px; }
.uc-confirm-msg::-webkit-scrollbar-track { background: transparent; }
.uc-confirm-msg::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.45); border-radius: 100px; }
.uc-confirm-msg::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.75); }
.uc-confirm-actions {
  flex: 0 0 auto;
  display: flex; gap: 12px; margin-top: 26px;
  padding-top: 22px; border-top: 1px solid var(--border-light);
}
.uc-confirm-btn {
  flex: 1; padding: 13px; border: none; border-radius: 12px;
  font-family: inherit; font-size: 0.95rem; font-weight: 700; cursor: pointer;
  transition: box-shadow 0.2s, transform 0.1s, filter 0.2s, color 0.2s, border-color 0.2s;
}
.uc-confirm-btn:active { transform: scale(0.97); }
.uc-confirm-btn.is-cancel {
  background: var(--bg-input); color: var(--text-secondary);
  border: 1px solid var(--border-light);
}
.uc-confirm-btn.is-cancel:hover { color: #fff; border-color: rgba(124,58,237,0.5); }
.uc-confirm-btn.is-danger {
  background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff;
  box-shadow: 0 8px 22px rgba(220,38,38,0.38);
}
.uc-confirm-btn.is-danger:hover { box-shadow: 0 10px 28px rgba(220,38,38,0.55); filter: brightness(1.06); }
.uc-confirm-btn.is-primary {
  background: var(--gradient-purple); color: #fff;
  box-shadow: 0 8px 22px rgba(124,58,237,0.4);
}
.uc-confirm-btn.is-primary:hover { box-shadow: 0 10px 28px rgba(124,58,237,0.55); filter: brightness(1.06); }

/* === 个人中心 · 额度用完提示弹窗（收单页） === */
.uc-modal-dialog.uc-quota-dialog {
  max-width: 420px; text-align: center;
  padding: 56px 26px 24px; gap: 0;
  border-color: rgba(139,92,246,0.18);
  background:
    radial-gradient(130% 80% at 50% -20%, rgba(124,58,237,0.14), transparent 62%),
    var(--bg-card);
  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(139,92,246,0.12), var(--shadow-glow);
}
.uc-quota-msg {
  margin: 0 auto;
  max-width: 30em;
  font-size: 1rem; line-height: 1.85;
  color: var(--text-primary);
}
.uc-quota-hl {
  color: var(--red-400);
  font-weight: 800;
  font-size: 1.06em;
}
.uc-quota-pill {
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0 2px; padding: 1px 10px;
  border: none; border-radius: 999px;
  font-family: inherit; font-size: 0.9rem; font-weight: 800;
  line-height: 1.6; vertical-align: middle; white-space: nowrap;
  cursor: pointer;
  transition: box-shadow 0.2s, transform 0.1s, filter 0.2s;
}
.uc-quota-pill:active { transform: scale(0.97); }
.uc-quota-pill.is-kefu {
  background: linear-gradient(135deg, #a78bfa, #7c3aed); color: #fff;
  box-shadow: 0 4px 14px rgba(124,58,237,0.4);
}
.uc-quota-pill.is-kefu:hover { box-shadow: 0 6px 18px rgba(124,58,237,0.55); filter: brightness(1.06); }
.uc-quota-pill.is-recharge {
  background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #3b2600;
  box-shadow: 0 4px 14px rgba(245,158,11,0.4);
}
.uc-quota-pill.is-recharge:hover { box-shadow: 0 6px 18px rgba(245,158,11,0.55); filter: brightness(1.05); }
.uc-confirm-btn.uc-quota-close-btn {
  width: auto; flex: none; align-self: center;
  margin-top: 10px; padding: 7px 18px;
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(248,113,113,0.55);
  border-radius: 10px;
  color: #fca5a5;
  font-size: 0.9rem; font-weight: 700;
}
.uc-confirm-btn.uc-quota-close-btn:hover {
  color: #fff;
  border-color: #fca5a5;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 4px 14px rgba(239,68,68,0.35);
}
.uc-confirm-out { animation: ucConfirmFadeOut 0.19s ease forwards; }
@keyframes ucConfirmFadeOut { from { opacity: 1; } to { opacity: 0; } }

/* === 个人中心 · 轻提示 Toast（替代原生 alert） === */
.uc-toast-stack {
  position: fixed; top: 132px; left: 50%; transform: translateX(-50%);
  z-index: 3000; display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 0 16px; max-width: 100%; pointer-events: none;
}
.uc-toast {
  pointer-events: auto; cursor: pointer;
  display: flex; align-items: center; gap: 10px;
  max-width: min(88vw, 420px); padding: 12px 18px; border-radius: 14px;
  background: rgba(17,25,64,0.96); border: 1px solid var(--border-light);
  box-shadow: 0 16px 40px rgba(0,0,0,0.45), var(--shadow-glow);
  backdrop-filter: blur(8px);
  color: var(--text-primary); font-size: 0.9rem; font-weight: 600;
  opacity: 0; transform: translateY(-12px) scale(0.98);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.uc-toast.is-in { opacity: 1; transform: translateY(0) scale(1); }
.uc-toast.is-out { opacity: 0; transform: translateY(-10px) scale(0.98); }
.uc-toast-ico {
  flex: 0 0 26px; width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
.uc-toast-ico svg { width: 15px; height: 15px; }
.uc-toast-text { white-space: pre-line; line-height: 1.5; text-align: left; }
.uc-toast-hl { color: var(--red-400); font-weight: 700; }
.uc-toast.is-success { border-color: rgba(52,211,153,0.35); }
.uc-toast.is-success .uc-toast-ico { color: #34d399; background: rgba(52,211,153,0.16); box-shadow: inset 0 0 0 1px rgba(52,211,153,0.35); }
.uc-toast.is-error { border-color: rgba(248,113,113,0.35); }
.uc-toast.is-error .uc-toast-ico { color: #f87171; background: rgba(220,38,38,0.18); box-shadow: inset 0 0 0 1px rgba(248,113,113,0.4); }
.uc-toast.is-info { border-color: rgba(139,92,246,0.35); }
.uc-toast.is-info .uc-toast-ico { color: #a78bfa; background: rgba(124,58,237,0.18); box-shadow: inset 0 0 0 1px rgba(139,92,246,0.4); }

/* 配置 */
.uc-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.uc-field { display: flex; flex-direction: column; gap: 6px; }
.uc-field label { font-size: 0.82rem; color: var(--text-secondary); font-weight: 500; }
.uc-field input {
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 11px 14px; color: var(--text-primary);
  font-size: 0.9rem; outline: none; font-family: inherit; transition: border-color 0.2s;
}
.uc-field input:focus { border-color: var(--purple-500); }
.uc-form-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 12px; }
.uc-switch-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--border-light);
}
.uc-switch-row:last-child { border-bottom: none; }
.uc-switch-row p { font-size: 0.85rem; color: var(--text-primary); font-weight: 500; }
.uc-switch-row span { font-size: 0.78rem; color: var(--text-muted); }
.uc-switch { position: relative; width: 44px; height: 24px; flex-shrink: 0; }
.uc-switch input { opacity: 0; width: 0; height: 0; }
.uc-switch-slider {
  position: absolute; inset: 0; border-radius: 100px; cursor: pointer;
  background: rgba(255,255,255,0.12); transition: background 0.25s;
}
.uc-switch-slider::before {
  content: ''; position: absolute; top: 3px; left: 3px;
  width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.25s;
}
.uc-switch input:checked + .uc-switch-slider { background: var(--gradient-purple); }
.uc-switch input:checked + .uc-switch-slider::before { transform: translateX(20px); }

/* === 自定义勾选控件（复选框 / 单选框，紫蓝渐变主题） === */
.uc-audit-check input,
.uc-fly-radio input {
  -webkit-appearance: none; appearance: none;
  flex-shrink: 0; width: 18px; height: 18px; margin: 0;
  border: 1.5px solid rgba(148,163,184,0.45); border-radius: 6px;
  background: rgba(255,255,255,0.03);
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
}
.uc-fly-radio input { border-radius: 50%; }
/* 未选中悬停：边框转紫 */
.uc-audit-check input:not(:checked):hover,
.uc-fly-radio input:not(:checked):hover { border-color: var(--purple-400); }
/* 键盘聚焦可见性 */
.uc-audit-check input:focus-visible,
.uc-fly-radio input:focus-visible { outline: 2px solid rgba(124,58,237,0.55); outline-offset: 2px; }
/* 选中：紫蓝渐变 + 柔光 */
.uc-audit-check input:checked,
.uc-fly-radio input:checked {
  border-color: transparent;
  box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 2px 8px rgba(124,58,237,0.35);
}
/* 复选框选中勾 */
.uc-audit-check input:checked {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px 12px no-repeat, var(--gradient-purple);
}
/* 单选框选中圆点 */
.uc-fly-radio input:checked {
  background: radial-gradient(circle, #fff 0 2.6px, transparent 3px) center / 100% 100% no-repeat, var(--gradient-purple);
}
/* 选中项文字提亮 */
.uc-audit-check:has(input:checked),
.uc-fly-radio:has(input:checked) { color: var(--text-primary); }

/* === 个人中心 · 二级标签（审核 / 风险 / 统计 / 赔率绑定 / 代理推广） === */
.uc-audit-tabs {
  position: sticky; top: 0; z-index: 3;
  display: flex; align-items: center; gap: 6px;
  border-bottom: 1px solid var(--border-light); margin-bottom: 16px;
  background: var(--bg-primary);
}
.uc-audit-tab {
  position: relative; padding: 8px 16px 9px; border: none; cursor: pointer;
  background: transparent; font-family: inherit;
  border-radius: 6px 6px 0 0;
  font-size: 0.95rem; font-weight: 700; color: #fff;
  transition: background 0.2s, color 0.2s;
}
.uc-audit-tab:hover { color: #fff; background: rgba(129,140,248,0.12); }
.uc-audit-tab.active { color: #fff; background: rgba(129,140,248,0.25); }
.uc-audit-tab.active::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 3px; border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, #a78bfa, #60a5fa);
  box-shadow: 0 0 10px rgba(124,58,237,0.9);
}
.uc-audit-tab-count { margin-left: 4px; font-size: 0.78em; font-weight: 700; }

.uc-audit-filter { margin-bottom: 16px; }
.uc-audit-form { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
/* PC 端分组容器扁平化：所有控件进入同一行 */
.uc-audit-form-main,
.uc-audit-form-extra,
.uc-audit-form-actions,
.uc-audit-extra-row { display: contents; }
/* 「更多」仅移动端显示；箭头随展开状态翻转 */
.uc-audit-more { display: none; }
.uc-audit-more::after {
  content: ''; flex-shrink: 0;
  width: 6px; height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.uc-audit-more[aria-expanded="true"]::after { transform: rotate(-135deg); }
.uc-audit-check {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 0.88rem; color: var(--text-secondary); cursor: pointer;
}
.uc-audit-field { display: inline-flex; align-items: center; gap: 6px; font-size: 0.88rem; color: var(--text-secondary); }
.uc-audit-input {
  font-family: inherit; font-size: 0.85rem; color: var(--text-primary);
  color-scheme: dark;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 8px; padding: 8px 12px; outline: none;
  transition: border-color 0.2s;
}
.uc-audit-input:focus { border-color: rgba(124,58,237,0.5); }

/* === 自定义日期选择器（替换浏览器原生弹层，深色主题） === */
.uc-datepicker { position: relative; display: inline-flex; align-items: center; }
/* 原生 input 仅作取值载体：视觉隐藏且不接收点击 */
.uc-datepicker > input[type="date"] {
  position: absolute; width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}
.uc-audit-input.uc-datepicker:hover,
.uc-modal-input.uc-datepicker:hover { border-color: rgba(124,58,237,0.5); }
.uc-datepicker-display {
  flex: 1; min-width: 0; width: 100%;
  display: inline-flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 0; margin: 0; border: 0; background: transparent;
  font: inherit; color: inherit; cursor: pointer; text-align: left;
}
.uc-datepicker-value { font-variant-numeric: tabular-nums; white-space: nowrap; }
.uc-datepicker-value.is-empty { color: var(--text-muted); }
.uc-datepicker-icon {
  flex-shrink: 0; width: 15px; height: 15px;
  background-color: var(--purple-300); opacity: 0.75;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: opacity 0.2s;
}
.uc-datepicker-display:hover .uc-datepicker-icon { opacity: 1; }

/* 日历弹层 */
.uc-datepicker-panel {
  position: fixed; z-index: 2300;
  width: 264px; max-width: calc(100vw - 16px);
  padding: 12px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 12px; color: var(--text-primary);
  box-shadow: 0 18px 48px rgba(0,0,0,0.5);
}
.uc-datepicker-panel[hidden] { display: none; }
.uc-datepicker-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.uc-datepicker-title { font-size: 0.85rem; font-weight: 700; }
.uc-datepicker-nav {
  width: 26px; height: 26px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--border-light); border-radius: 7px;
  background: transparent; color: var(--text-secondary);
  font-size: 0.9rem; line-height: 1; cursor: pointer; transition: all 0.2s;
}
.uc-datepicker-nav:hover { color: #fff; border-color: rgba(124,58,237,0.5); background: rgba(124,58,237,0.16); }
.uc-datepicker-week,
.uc-datepicker-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.uc-datepicker-week { margin-bottom: 6px; }
.uc-datepicker-week span { text-align: center; font-size: 0.68rem; color: var(--text-muted); }
.uc-datepicker-day {
  height: 30px; border: 0; border-radius: 7px; cursor: pointer;
  background: transparent; color: var(--text-secondary);
  font-family: inherit; font-size: 0.78rem; font-variant-numeric: tabular-nums;
  transition: background 0.15s, color 0.15s;
}
.uc-datepicker-day:hover { background: rgba(255,255,255,0.08); color: var(--text-primary); }
.uc-datepicker-day.is-today { color: var(--purple-300); box-shadow: inset 0 0 0 1px rgba(124,58,237,0.5); }
.uc-datepicker-day.is-selected { background: var(--gradient-purple); color: #fff; font-weight: 700; box-shadow: none; }
.uc-datepicker-day.is-empty { background: transparent; cursor: default; pointer-events: none; }
.uc-datepicker-day.is-disabled { color: var(--text-muted); opacity: 0.35; cursor: not-allowed; pointer-events: none; }
.uc-datepicker-foot {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-light);
}
.uc-datepicker-foot button {
  padding: 4px 8px; border: 0; border-radius: 7px; cursor: pointer;
  background: transparent; color: var(--purple-300);
  font-family: inherit; font-size: 0.78rem; font-weight: 600; transition: background 0.15s;
}
.uc-datepicker-foot button:hover { background: rgba(124,58,237,0.16); }
.uc-audit-keyword { flex: 1; min-width: 180px; }
.uc-audit-search { flex-shrink: 0; }

.uc-audit-list { list-style: none; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 0; }
.uc-audit-item {
  display: flex; gap: 14px; padding: 16px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: var(--radius); transition: background 0.2s, border-color 0.2s;
}
.uc-audit-item:hover { background: var(--bg-card-hover); border-color: rgba(124,58,237,0.4); }
.uc-audit-item[data-uc-audit-id] { cursor: pointer; }
.uc-audit-index {
  flex-shrink: 0; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.65rem; font-weight: 700;
  background: rgba(255,255,255,0.06); color: var(--text-secondary);
}
.uc-audit-item.unread .uc-audit-index { background: var(--gradient-purple); color: #fff; }
.uc-audit-main { flex: 1; min-width: 0; }
.uc-audit-head {
  display: flex; align-items: center; justify-content: flex-start; gap: 8px;
  margin-bottom: 10px;
}
/* 长昵称收缩省略，保证时间/金额/群标签完整显示 */
.uc-audit-name {
  flex: 0 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 0.95rem; font-weight: 700; color: var(--purple-300);
}
.uc-audit-head-time { flex: 0 0 auto; font-size: 0.82rem; font-weight: 400; color: var(--text-primary); }
.uc-audit-head-amount {
  flex: 0 0 auto; margin-left: auto;
  font-size: 0.85rem; font-weight: 400; color: var(--text-secondary);
}
.uc-audit-head-amount .is-amount { font-style: normal; font-weight: 700; color: var(--yellow-400); }
/* 收单金额：新/老/港按开奖号码红/蓝/绿球高光配色，数字跟随区域色 */
.uc-audit-region { font-weight: 600; }
.uc-audit-region--red { color: #f26a6a; }
.uc-audit-region--blue { color: #7cb3ff; }
.uc-audit-region--green { color: #5fd39a; }
.uc-audit-head-amount .uc-audit-region .is-amount { color: inherit; }
.uc-audit-dot {
  order: -1; width: 22px; height: 6px; border-radius: 3px; background: transparent;
}
.uc-audit-item.unread .uc-audit-dot { background: var(--purple-400); box-shadow: 0 0 8px rgba(167,139,250,0.6); }
/* 首行不再显示昵称前的未读横条 */
.uc-audit-head .uc-audit-dot { display: none; }
.uc-audit-text { margin-bottom: 10px; font-size: 0.85rem; color: var(--text-muted); line-height: 1.5; overflow-wrap: anywhere; }
.uc-audit-text span { color: var(--text-secondary); }
/* 收单空态：文字与箭头在列表显示区域内居中偏上 */
.uc-audit-list:has(.uc-audit-empty) {
  justify-content: center;
  padding-bottom: clamp(24px, 8vh, 80px);
}
.uc-audit-item.uc-audit-empty {
  flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  padding: 30px 24px;
  background: linear-gradient(180deg, rgba(124,58,237,0.10), rgba(17,25,64,0.55));
  border-color: rgba(124,58,237,0.28);
  text-align: center;
}
.uc-audit-item.uc-audit-empty:hover {
  background: linear-gradient(180deg, rgba(124,58,237,0.10), rgba(17,25,64,0.55));
  border-color: rgba(124,58,237,0.28);
}
/* 文字发光呼吸，提示去下方发送框输入 */
.uc-audit-empty-guide {
  margin: 0;
  font-size: 1.1rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1.6;
  color: #ede9fe;
  animation: ucAuditEmptyGlow 1.8s ease-in-out infinite;
}
@keyframes ucAuditEmptyGlow {
  0%, 100% { opacity: 0.7; text-shadow: 0 0 8px rgba(167,139,250,0.55); }
  50% { opacity: 1; text-shadow: 0 0 22px rgba(167,139,250,1), 0 0 40px rgba(124,58,237,0.7); }
}
/* 箭头向下浮动，指向底部发送框 */
.uc-audit-empty-arrow {
  display: block; width: 30px; height: 30px; flex-shrink: 0;
  color: #c4b5fd;
  filter: drop-shadow(0 0 10px rgba(167,139,250,1));
  animation: ucAuditEmptyArrow 1.1s ease-in-out infinite;
}
@keyframes ucAuditEmptyArrow {
  0%, 100% { transform: translateY(0); opacity: 0.45; }
  50% { transform: translateY(14px); opacity: 1; }
}
@media (min-width: 1025px) {
  .uc-audit-list:has(.uc-audit-empty) { flex: 1; }
}
@media (max-width: 1024px) {
  .uc-audit-list:has(.uc-audit-empty) { min-height: 50vh; }
}
.uc-audit-validation span { color: #ef4444; }
/* 验证消息告警条目：比错误略淡的黄色，区分重要程度 */
.uc-audit-validation .uc-audit-validation-alert { color: var(--yellow-400); }
.uc-audit-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
  margin-bottom: 12px; font-size: 0.85rem; color: var(--text-secondary);
}
.uc-audit-stats span:nth-child(2) { text-align: center; }
.uc-audit-stats span:nth-child(3) { text-align: right; }
.uc-audit-stats b { font-weight: 700; }
.uc-audit-stats .is-yes { color: var(--green-400); }
.uc-audit-stats .is-no { color: var(--red-400); }
.uc-audit-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.uc-btn-refund {
  padding: 8px 20px; border: none; border-radius: 100px; cursor: pointer;
  font-family: inherit; font-size: 0.82rem; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #f59e0b, #ef4444);
  transition: opacity 0.2s, transform 0.2s;
}
.uc-btn-refund:hover { opacity: 0.9; }
.uc-btn-refund:active { transform: scale(0.97); }
/* 审核/调整内容 与 退单按钮统一高度（PC 与移动端） */
.uc-audit-actions .btn,
.uc-audit-actions .uc-btn-refund {
  height: 38px; padding-top: 0; padding-bottom: 0;
  display: inline-flex; align-items: center; justify-content: center;
}

/* 消息/审核列表：仅 PC 端压缩留白（首行昵称/时间/金额/群，状态与按钮同行） */
@media (min-width: 1025px) {
  .uc-audit-head { margin-bottom: 4px; }
  .uc-audit-footer { display: flex; align-items: center; gap: 16px; }
  .uc-audit-footer .uc-audit-stats { display: flex; gap: 28px; margin-bottom: 0; }
  .uc-audit-footer .uc-audit-stats span:nth-child(2),
  .uc-audit-footer .uc-audit-stats span:nth-child(3) { text-align: left; }
  .uc-audit-footer .uc-audit-actions { margin-left: auto; }
  .uc-audit-footer:not(:has(.uc-audit-stats)) .uc-audit-actions { margin-left: 0; width: 100%; }
  /* 搜索区与列表卡片：压缩留白，提高信息密度 */
  .uc-audit-filter { margin-bottom: 10px; }
  .uc-audit-filter.uc-card { padding: 10px 14px; }
  .uc-audit-form { gap: 8px; }
  .uc-audit-keyword { min-width: 96px; }
  .uc-audit-field { gap: 4px; }
  .uc-audit-input { padding: 6px 10px; }
  .uc-audit-list { gap: 8px; }
  .uc-audit-item { padding: 10px 12px; gap: 10px; }
  .uc-audit-text { margin-bottom: 4px; line-height: 1.4; }
}

/* === 个人中心 · 审核页「用户折叠」 === */
.uc-fold-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; padding: 12px 16px; margin-bottom: 16px;
}
.uc-fold-total { font-size: 0.88rem; color: var(--text-secondary); }
.uc-fold-total b { color: var(--text-primary); font-weight: 700; }
.uc-fold-filter { display: inline-flex; align-items: center; gap: 12px; }
/* 待审核面板去掉左侧统计文字后，筛选区保持靠右 */
.uc-audit-panel[data-uc-audit-tabpanel="pending"] .uc-fold-filter { margin-left: auto; }

/* 审核页日期栏：仅 PC 压缩留白 */
@media (min-width: 1025px) {
  .uc-fold-bar { padding: 8px 12px; margin-bottom: 10px; }
  .uc-fold-filter { gap: 8px; }
}

.uc-fold-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.uc-fold-item {
  padding: 16px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: var(--radius); transition: background 0.2s, border-color 0.2s;
}
.uc-fold-item:hover { background: var(--bg-card-hover); border-color: rgba(124,58,237,0.4); }
.uc-fold-head { display: flex; align-items: center; gap: 10px; }
.uc-fold-index {
  flex-shrink: 0; min-width: 24px; height: 24px; padding: 0 6px; box-sizing: border-box; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.72rem; font-weight: 700;
  background: rgba(255,255,255,0.06); color: var(--text-secondary);
}
.uc-fold-name {
  padding: 0; border: none; background: none; cursor: pointer;
  font-family: inherit; font-size: 0.95rem; font-weight: 700;
  color: var(--purple-300); transition: color 0.2s;
}
.uc-fold-name:hover { color: var(--purple-400); }
.uc-fold-meta {
  margin-top: 8px; padding-left: 34px;
  font-size: 0.85rem; color: var(--text-secondary);
}
.uc-fold-meta b { color: var(--text-primary); font-weight: 700; }
.uc-fold-meta span { margin-left: 14px; }
.uc-fold-body { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border-light); }

/* === 个人中心 · 统计页 === */
.uc-stat-bar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 16px;
  padding: 14px 16px; margin-bottom: 16px;
}
.uc-stat-bar .uc-audit-field[hidden] { display: none; }
.uc-stat-pending { font-size: 0.9rem; color: var(--text-secondary); }
.uc-stat-pending b { font-weight: 700; }
.uc-stat-pending.is-zero { color: var(--green-400); }
.uc-stat-pending.is-positive { color: var(--red-400); }
.uc-stat-actions {
  display: flex; align-items: center; justify-content: flex-end;
  flex-wrap: wrap; gap: 10px;
  padding: 14px 16px; margin-bottom: 16px;
}
.uc-stat-actions[hidden] { display: none; }
.uc-stat-ops {
  white-space: nowrap;
}
.uc-stat-ops .uc-stat-detail + .uc-stat-detail { margin-left: 12px; }
.uc-stat-detail {
  padding: 0; border: none; background: none; cursor: pointer;
  font-family: inherit; font-size: 0.85rem; font-weight: 600;
  color: var(--purple-300); transition: color 0.2s;
}
.uc-stat-detail:hover { color: var(--purple-400); text-decoration: underline; }

/* 统计页：投注明细图片弹窗 */
.uc-modal-dialog.uc-stat-img-dialog { width: 92vw; max-width: 92vw; }
.uc-stat-img-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.uc-stat-img-actions [data-uc-stat-img-share][hidden] { display: none; }
.uc-stat-img-path { font-size: 0.75rem; color: #d4872a; word-break: break-all; }
.uc-stat-img-path[hidden] { display: none; }
.uc-stat-img-ios-tip { font-size: 0.75rem; color: var(--text-secondary); text-align: center; }
.uc-stat-img-ios-tip[hidden] { display: none; }
.uc-stat-img-scroll { flex: 1; min-height: 0; overflow: auto; display: flex; justify-content: center; }
.uc-stat-img-preview { width: 100%; height: auto; border-radius: 8px; display: block; }

/* 统计页：投注明细表格弹窗 */
.uc-modal-dialog.uc-stat-detail-dialog { width: 94vw; max-width: 900px; overflow: hidden; }
.uc-stat-detail-head {
  display: flex; align-items: center; gap: 12px; padding-right: 36px;
}
.uc-stat-detail-head .uc-modal-title { flex: 1; }
.uc-stat-detail-only-win {
  display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0;
  font-size: 0.85rem; color: var(--text-secondary); cursor: pointer;
}
.uc-stat-detail-summary {
  font-size: 0.9rem; color: var(--text-primary);
  text-align: right; white-space: nowrap;
}
.uc-stat-detail-scroll {
  flex: 1; min-height: 0; max-height: calc(100vh - 220px); overflow: auto;
  border: 1px solid var(--border-light); border-radius: 8px;
}
.uc-stat-detail-table { min-width: 640px; width: 100%; table-layout: fixed; }
.uc-stat-detail-table th:first-child,
.uc-stat-detail-table td:first-child { width: 40%; }
.uc-stat-detail-table thead th {
  position: sticky; top: 0; z-index: 1; background: var(--bg-card);
}
.uc-stat-detail-table tbody tr:hover td { background: rgba(255,255,255,0.03); }
.uc-stat-detail-table tbody td { vertical-align: top; overflow-wrap: anywhere; }
.uc-stat-detail-info,
.uc-stat-detail-buys { color: var(--text-primary); text-align: left; }
.uc-stat-detail-info > div + div,
.uc-stat-detail-buys > div + div { margin-top: 4px; }
.uc-stat-detail-date {
  color: var(--purple-300); font-variant-numeric: tabular-nums;
}
.uc-stat-detail-label { color: var(--text-muted); }
.uc-stat-detail-msg { white-space: pre-wrap; word-break: break-word; }
.uc-stat-detail-meta { font-size: 0.8rem; }
.uc-stat-detail-total { font-weight: 600; }
.uc-stat-detail-buy-text {
  font-size: 0.8rem; color: var(--text-secondary);
  white-space: pre-wrap; word-break: break-word;
}
.uc-stat-detail-win { color: var(--red-400); font-weight: 600; }
.uc-stat-detail-empty {
  padding: 18px 0; text-align: center;
  font-size: 0.85rem; color: var(--text-secondary);
}
/* PC 端投注明细弹窗：宽约占视口 65%、高约占 90%，移动端保持原样 */
@media (min-width: 769px) {
  .uc-modal-dialog.uc-stat-detail-dialog {
    width: 65vw; max-width: 65vw;
    height: 90vh; max-height: 90vh;
  }
  .uc-stat-detail-scroll { max-height: none; }
}

/* 统计页：开奖号码列表 */
.uc-stat-win-card { padding: 0; }
.uc-stat-win-card[hidden] { display: none; }
.uc-stat-win-list { list-style: none; display: flex; flex-direction: column; }
.uc-stat-win-item { padding: 14px 18px; border-bottom: 1px solid var(--border-light); }
.uc-stat-win-item:last-child { border-bottom: none; }
.uc-stat-win-qs { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); }
.uc-stat-win-nb {
  margin-top: 6px; font-size: 0.9rem; color: var(--text-secondary);
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  word-break: break-all;
}
/* 统计页：开奖号码波色球（红/蓝/绿波，第 7 个为特码） */
.uc-stat-ball {
  flex: 0 0 auto;
  width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.8rem; font-weight: 700; line-height: 1;
  color: #fff; font-variant-numeric: tabular-nums;
  box-shadow: inset 0 2px 3px rgba(255,255,255,0.35), inset 0 -3px 5px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.35);
}
.uc-stat-ball--red { background: radial-gradient(circle at 35% 28%, #f26a6a, #e23c3c 45%, #b31d1d); }
.uc-stat-ball--blue { background: radial-gradient(circle at 35% 28%, #7cb3ff, #3b82f6 45%, #1d4ed8); }
.uc-stat-ball--green { background: radial-gradient(circle at 35% 28%, #5fd39a, #22b573 45%, #15803d); }
.uc-stat-ball--special {
  outline: 2px solid #f5c451; outline-offset: 1px;
  box-shadow: inset 0 2px 3px rgba(255,255,255,0.35), inset 0 -3px 5px rgba(0,0,0,0.25), 0 0 6px rgba(245,196,81,0.45);
}
.uc-stat-ball-cell { flex: 0 0 auto; display: inline-flex; flex-direction: column; align-items: center; gap: 6px; }
.uc-stat-ball-zodiac {
  font-size: 0.72rem; line-height: 1.2; font-weight: 700;
  color: var(--red-400); white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.uc-stat-ball-plus { align-self: flex-start; margin-top: 6px; color: #f5c451; font-size: 0.9rem; font-weight: 700; line-height: 1; }
.uc-stat-win-actions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.uc-stat-table-empty { padding: 18px 0 4px; text-align: center; font-size: 0.85rem; color: var(--text-secondary); }
.uc-stat-table-empty[hidden] { display: none; }

/* 统计页：汇总列表卡片（按用户 / 按规则） */
.uc-card.uc-stat-summary-card { padding: 0; overflow: hidden; }
.uc-stat-summary-card .trend-table-wrap {
  margin-top: 0; border: 0; border-radius: 0; background: transparent;
}
.uc-stat-summary-card .uc-stat-summary-table th,
.uc-stat-summary-card .uc-stat-summary-table td { padding: 10px 14px; text-align: center; }
.uc-stat-summary-head {
  display: flex; align-items: center; gap: 12px;
  padding: 4px 16px 0; border-bottom: 1px solid var(--border-light);
}
.uc-stat-summary-tabs {
  position: static; flex: 1 1 auto; min-width: 0;
  margin: 0; padding: 0; border-bottom: 0;
  background: transparent;
}
.uc-stat-summary-tabs[hidden] { display: none; }
.uc-stat-total-row td {
  background: rgba(255,255,255,0.04);
  color: var(--text-primary); font-weight: 700;
}
/* 统计页：PC 端数据少时给汇总卡片一个最小高度，避免背景过短与左侧导航不协调 */
@media (min-width: 1025px) {
  .uc-card.uc-stat-summary-card { min-height: 200px; }
}

@media (max-width: 768px) {
  .uc-stat-summary-card .uc-stat-summary-table th,
  .uc-stat-summary-card .uc-stat-summary-table td { padding: 8px 10px; }
  .uc-stat-summary-head { gap: 8px; padding: 4px 10px 0; }
  .uc-stat-ops .uc-stat-detail + .uc-stat-detail { margin-left: 10px; }
  .uc-stat-detail-head { flex-wrap: wrap; row-gap: 8px; }
  .uc-stat-detail-export { padding: 7px 10px; font-size: 0.72rem; }
}

/* 统计页：查询 / 操作 / 开奖号码 / 汇总列表整体收紧（局部作用域，不影响风险页共用样式） */
.uc-panel[data-uc-panel="stats"] .uc-stat-bar,
.uc-panel[data-uc-panel="stats"] .uc-stat-actions { padding-block: 10px; margin-bottom: 0; }
.uc-panel[data-uc-panel="stats"] .uc-card + .uc-card { margin-top: 12px; }
.uc-panel[data-uc-panel="stats"] .uc-stat-bar .btn-sm,
.uc-panel[data-uc-panel="stats"] .uc-stat-actions .btn-sm,
.uc-panel[data-uc-panel="stats"] .uc-stat-win-actions .btn-sm { padding-block: 7px; }
.uc-panel[data-uc-panel="stats"] .uc-stat-win-item { padding-block: 10px; }
.uc-panel[data-uc-panel="stats"] .uc-stat-win-nb { margin-top: 4px; }
.uc-panel[data-uc-panel="stats"] .uc-stat-win-actions { margin-top: 8px; }
/* 操作按钮为 .btn（inline-flex），需显式覆盖以便 hidden 生效（无开奖数据才显示「添加开奖号码」） */
.uc-panel[data-uc-panel="stats"] .uc-stat-actions .btn[hidden] { display: none; }
@media (min-width: 769px) {
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar,
  .uc-panel[data-uc-panel="stats"] .uc-stat-actions { gap: 12px; }
}
/* 统计页：PC 端「添加开奖号码」并入查询块，居右并去掉独立卡片外观 */
@media (min-width: 1025px) {
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar > .uc-stat-actions {
    margin: 0 0 0 auto; padding: 0;
    background: none; border: 0; box-shadow: none;
  }
  /* 统计页：开奖号码行的期数 / 开奖号码 / 操作按钮同一行 */
  .uc-panel[data-uc-panel="stats"] .uc-stat-win-item {
    display: flex; align-items: center; gap: 16px;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-win-qs { flex: 0 0 auto; }
  .uc-panel[data-uc-panel="stats"] .uc-stat-win-nb { flex: 1 1 auto; min-width: 0; margin-top: 0; }
  .uc-panel[data-uc-panel="stats"] .uc-stat-win-actions {
    flex: 0 0 auto; flex-wrap: nowrap; margin-top: 0;
  }
}
.uc-modal-readonly {
  font-size: 0.85rem; color: var(--text-primary);
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 12px;
}

/* 弹窗输入框 */
.uc-modal-input {
  width: 100%; font-family: inherit; font-size: 0.85rem; color: var(--text-primary);
  color-scheme: dark;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 12px; outline: none; transition: border-color 0.2s;
}
.uc-modal-input:focus { border-color: rgba(124,58,237,0.5); box-shadow: 0 0 0 3px rgba(124,58,237,0.15); }
/* 表单式弹窗：字段纵向排列，字段间以分隔线区分 */
.uc-modal-fields { display: flex; flex-direction: column; }
.uc-modal-field {
  display: flex; flex-direction: column; gap: 8px;
  padding: 14px 0; border-bottom: 1px solid var(--border-light);
}
.uc-modal-field:first-child { padding-top: 0; }
.uc-modal-line.uc-modal-actions { justify-content: flex-end; }

/* === 消息详情弹窗（审核「调整内容」） === */
.uc-modal {
  position: fixed; inset: 0; z-index: 2100;
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
/* 自动识别配置向导：高于收单管理等页面弹框，仅低于客服弹层 */
.uc-modal.uc-parse-wizard { z-index: var(--z-config); }
.uc-modal[hidden] { display: none; }
.uc-modal-overlay {
  position: absolute; inset: 0;
  background: rgba(8,13,30,0.75); backdrop-filter: blur(6px);
}
.uc-modal-dialog {
  position: relative; z-index: 1; width: 100%; max-width: 560px;
  max-height: calc(100vh - 40px); overflow-y: auto;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: var(--radius-lg); padding: 24px;
  box-shadow: var(--shadow-glow); animation: authPop 0.3s ease;
  display: flex; flex-direction: column; gap: 16px;
}
.uc-modal-close {
  position: absolute; top: 14px; right: 18px;
  width: 32px; height: 32px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  color: #fff; background: linear-gradient(135deg, #ef4444, #dc2626);
  border: 1px solid rgba(248,113,113,0.65); border-radius: 50%;
  font-size: 1.25rem; line-height: 1; cursor: pointer;
  box-shadow: 0 4px 12px rgba(239,68,68,0.35);
  transition: background 0.2s, border-color 0.2s;
}
.uc-modal-close:hover { background: linear-gradient(135deg, #f87171, #ef4444); border-color: #fca5a5; }
.uc-modal-title { font-size: 1.15rem; text-align: center; color: var(--text-primary); }
.uc-modal-section {
  display: flex; flex-direction: column; gap: 10px;
  background: var(--bg-input); border: 1px solid var(--border-light);
  border-radius: 12px; padding: 14px 16px;
}
.uc-modal-name { font-size: 0.95rem; font-weight: 700; color: var(--text-primary); }
.uc-modal-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.uc-modal-label { font-size: 0.85rem; color: var(--text-secondary); }
.uc-modal-label em { font-style: normal; color: var(--text-primary); }
.uc-modal-info { color: #60a5fa; }
.uc-modal-no { color: var(--red-400); }
.uc-modal-text { font-size: 0.85rem; color: var(--text-primary); overflow-wrap: anywhere; }
.uc-modal-btns { display: inline-flex; gap: 8px; }
.uc-modal-btn {
  font-family: inherit; font-size: 0.8rem; font-weight: 600;
  border: none; border-radius: 8px; padding: 7px 14px; cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
}
.uc-modal-btn:hover { opacity: 0.9; }
.uc-modal-btn:active { transform: scale(0.97); }
.uc-modal-btn.is-approve { background: #dbeafe; color: #1d4ed8; }
.uc-modal-btn.is-refund { background: #dc2626; color: #fff; }
.uc-modal-btn.is-recognize { background: #2563eb; color: #fff; }
.uc-modal-link { font-size: 0.85rem; color: #60a5fa; }
.uc-modal-textarea {
  width: 100%; resize: vertical; min-height: 72px;
  font-family: inherit; font-size: 0.85rem; color: var(--text-primary);
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 12px; outline: none; transition: border-color 0.2s;
}
.uc-modal-textarea:focus { border-color: rgba(124,58,237,0.5); }
/* 审核详情弹窗：再次识别输入框滚动条美化 */
.uc-modal-textarea { scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.5) transparent; }
.uc-modal-textarea::-webkit-scrollbar { width: 8px; }
.uc-modal-textarea::-webkit-scrollbar-track { background: transparent; }
.uc-modal-textarea::-webkit-scrollbar-thumb { background: rgba(124,58,237,0.45); border-radius: 100px; }
.uc-modal-textarea::-webkit-scrollbar-thumb:hover { background: rgba(124,58,237,0.75); }
.uc-modal-subtitle { font-size: 0.95rem; font-weight: 700; color: var(--text-primary); }
.uc-modal-result {
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 10px; overflow: hidden;
}
.uc-modal-result-head {
  padding: 8px 12px; font-size: 0.8rem; color: var(--text-secondary);
  background: rgba(255,255,255,0.04); border-bottom: 1px solid var(--border-light);
}
.uc-modal-result-line { padding: 10px 12px; font-size: 0.85rem; color: var(--text-primary); overflow-wrap: anywhere; }

/* 审核详情：识别结果区域 tab（新澳/老澳/香港）+ 右侧总金额 */
.uc-detail-result-head {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.uc-detail-result-tabs {
  display: inline-flex; align-items: center; gap: 4px;
  min-width: 0; max-width: 100%;
  padding: 4px;
  background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 12px;
  overflow-x: auto; scrollbar-width: none;
}
.uc-detail-result-tabs[hidden] { display: none; }
.uc-detail-result-tabs::-webkit-scrollbar { display: none; }
.uc-detail-area-tab {
  flex: 0 0 auto;
  padding: 7px 12px; border: 0; border-radius: 9px;
  background: transparent;
  font-family: inherit; font-size: 0.82rem; font-weight: 600;
  line-height: 1.2; cursor: pointer; white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.uc-detail-area-tab[hidden] { display: none; }
.uc-detail-area-tab:hover { background: rgba(255,255,255,0.06); }
.uc-detail-area-tab.active { color: #fff; }
.uc-detail-area-tab.uc-audit-region--red.active { background: #e23c3c; }
.uc-detail-area-tab.uc-audit-region--blue.active { background: #2563eb; }
.uc-detail-area-tab.uc-audit-region--green.active { background: #15803d; }
.uc-detail-result-total {
  margin-left: auto; white-space: nowrap;
  font-size: 0.9rem; font-weight: 700; color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}
/* 审核详情：规则行，序号后显示围标方括号 */
.uc-detail-rule-line { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 2px 6px; }
.uc-detail-rule-seq { flex: 0 0 auto; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.uc-detail-rule-other { flex: 0 0 auto; font-weight: 700; color: var(--text-secondary); }
.uc-detail-rule-text { flex: 1 1 auto; min-width: 0; }
@media (max-width: 480px) {
  .uc-detail-result-head { gap: 8px; }
  /* 审核详情：区域 tab 按内容宽度居中，避免等分压缩后金额右括号被裁 */
  .uc-detail-result-tabs {
    flex: 1 1 100%; justify-content: center; padding: 3px; gap: 3px;
  }
  .uc-detail-area-tab {
    flex: 0 0 auto; padding: 7px 8px; font-size: 0.76rem; text-align: center;
  }
  .uc-detail-result-total { font-size: 0.82rem; }
}
@media (max-width: 359px) {
  .uc-detail-result-tabs { padding: 2px; gap: 2px; }
  .uc-detail-area-tab { padding: 6px 5px; font-size: 0.72rem; }
}

/* 审核页接口对接补充 */
.uc-modal-btn:disabled { opacity: 0.5; cursor: not-allowed; }
button.uc-modal-link {
  background: none; border: none; padding: 0; cursor: pointer;
  font-family: inherit; font-size: 0.85rem; color: #60a5fa;
}
button.uc-modal-link:hover { text-decoration: underline; }
.uc-audit-all-count { margin-left: auto; order: 1; }

/* 方案子规则弹窗：内容滚动条美化（与审核详情弹窗风格统一） */
#planRuleModal .uc-modal-dialog { scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.45) transparent; }
#planRuleModal .uc-modal-dialog::-webkit-scrollbar { width: 8px; }
#planRuleModal .uc-modal-dialog::-webkit-scrollbar-track { background: transparent; }
#planRuleModal .uc-modal-dialog::-webkit-scrollbar-thumb {
  background: rgba(124,58,237,0.45); border-radius: 100px;
}
#planRuleModal .uc-modal-dialog::-webkit-scrollbar-thumb:hover {
  background: rgba(124,58,237,0.7);
}

/* 审核详情弹窗：说明文案统一白色；告警等级/验证消息/退单/撤回红色不加粗 */
.uc-modal-warn { color: var(--text-primary); font-weight: 500; }
.uc-modal-recall { color: #ee0a24; font-weight: 400; }
button.uc-audit-desc-toggle { color: #60a5fa; font-weight: 500; text-decoration: underline; }
[data-uc-detail-mode] { font-weight: 400; color: #ee0a24; }
[data-uc-detail-validation] { color: #ef4444; font-weight: 400; }
[data-uc-detail-validation] .uc-audit-validation-alert { color: var(--yellow-400); }

/* 审核详情弹窗：常用修复操作展开区 */
.uc-audit-desc-body {
  white-space: pre-wrap;
  font-size: 13px; line-height: 1.8;
  color: #666;
  background: #fff9f9;
  border: 1px solid #ffd7d7;
  border-radius: 6px;
  padding: 10px 14px;
  margin-bottom: 12px;
}

/* 审核页：改字标记（列表/详情统一红色） */
.uc-audit-text .uc-audit-edit-mark { color: #ee0a24; font-weight: 700; margin-right: 2px; }
.uc-modal-link .uc-audit-edit-mark { color: #ee0a24; font-weight: 700; margin-right: 2px; }
/* 审核列表：序号列 + 图片标签 + 群标识 */
.uc-audit-seq-wrap { flex-shrink: 0; display: flex; align-items: center; gap: 4px; }
.uc-audit-img-tag { font-size: 0.75rem; font-weight: 500; padding: 2px 8px; border-radius: 8px; color: #fff; background: #ff976a; white-space: nowrap; }
.uc-audit-text .uc-audit-img-tag { color: #fff; margin-right: 4px; }
.uc-audit-group { flex: 0 0 auto; margin-left: 0; font-size: 0.75rem; font-weight: 500; color: #fff; background: var(--gradient-purple); padding: 4px 10px; border-radius: 10px; white-space: nowrap; }
/* 审核详情：图片消息 */
.uc-modal-img { margin-bottom: 12px; position: relative; display: inline-block; max-width: 100%; }
.uc-modal-img img { max-width: 100%; max-height: 320px; object-fit: contain; background: #f7f8fa; border-radius: 6px; cursor: pointer; display: block; }
.uc-modal-img-flag { position: absolute; top: 6px; right: 6px; padding: 2px 6px; font-size: 12px; line-height: 1.4; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 4px; pointer-events: none; }
/* 审核详情：加载态 */
.uc-modal-loading { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 60px 0; color: var(--text-secondary); font-size: 0.85rem; }
#auditDetailModal .uc-modal-dialog.is-loading .uc-modal-section { display: none; }
[data-uc-detail-issue] { display: flex; flex-direction: column; gap: 10px; }
/* 图片预览层 */
.uc-img-preview { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; }
.uc-img-preview img { max-width: 92%; max-height: 92%; }
.uc-img-preview-close { position: absolute; top: 16px; right: 20px; width: 36px; height: 36px; border: none; border-radius: 50%; background: linear-gradient(135deg, #ef4444, #dc2626); color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(239,68,68,0.35); }
.uc-modal-loading[hidden], .uc-img-preview[hidden], .uc-modal-img[hidden], .uc-modal-line[hidden],
[data-uc-detail-issue][hidden] { display: none; }

@media (max-width: 1024px) {
  .uc-layout { grid-template-columns: 1fr; }
  /* 固定布局下移动端：侧栏（底栏）不占行高，内容区填满剩余高度并独立滚动 */
  body.page-user .uc-layout { grid-template-rows: auto minmax(0, 1fr); }
  .uc-sidebar { position: static; }
  .uc-nav {
    position: fixed; bottom: 0; left: 0; right: 0;
    z-index: 900; flex-direction: row; gap: 0;
    background: rgba(13,19,51,0.96);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-radius: 0; border-top: 1px solid var(--border-light);
    border-left: none; border-right: none; border-bottom: none;
    box-shadow: 0 -6px 24px rgba(0,0,0,0.35);
    padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px));
  }
  /* 底部 Tab 栏：5 个入口等分铺满，图标在上、文字在下 */
  .uc-nav-item {
    position: relative; flex: 1 1 0; min-width: 0; width: auto;
    flex-direction: column; gap: 3px; text-align: center;
    padding: 6px 2px; border-radius: 10px;
    font-size: 0.7rem; font-weight: 600;
  }
  .uc-nav-icon { width: 26px; height: 26px; font-size: 1rem; }
  .uc-nav-badge {
    position: absolute; top: 2px; left: 50%; margin-left: 0;
    transform: translateX(6px); min-width: 16px; height: 16px;
    padding: 0 4px; font-size: 0.6rem;
  }
  /* 消息输入栏：移动端固定在底部导航上方（全宽、不透明外框） */
  .uc-msg-dock {
    position: fixed; left: 12px; right: 12px;
    bottom: calc(98px + env(safe-area-inset-bottom, 0px));
    z-index: 890; margin-top: 0; margin-left: 0;
    width: auto;
    padding: 10px 14px 12px;
    background: linear-gradient(160deg, #16224d, #0d1735);
    box-shadow: 0 0 22px rgba(59,130,246,0.35), 0 -6px 24px rgba(0,0,0,0.35);
    border-radius: 18px;
  }
  /* 预留悬浮输入栏高度，避免最后一条消息被遮挡（仅发送栏显示时预留；按最多 6 行估算，含 tab 头） */
  body.page-user .uc-content:has(.uc-msg-dock:not([hidden])) { padding-bottom: 300px; }
  /* 缩小态：仅右下角胶囊按钮，收缩底部预留高度 */
  .uc-msg-dock.is-min { left: auto; right: 12px; }
  body.page-user .uc-content:has(.uc-msg-dock.is-min:not([hidden])) { padding-bottom: 88px; }
  /* 底部固定导航留出占位 */
  body.page-user { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 768px) {
  /* 收单/审核列表区域：左右间距压缩到 10px，让卡片更宽 */
  body.page-user .uc-section > .container:has(.uc-audit-list) {
    padding-left: 10px;
    padding-right: 10px;
  }
  .uc-hero { position: sticky; top: 0; z-index: 200; padding: 10px 0 6px; }
  .uc-section { padding: 10px 0 64px; }
  /* 移动端侧栏为固定底栏，留空占位网格项会产生 28px 行间距；置 0 以精确控制顶部与内容间距 */
  .uc-layout { gap: 0; }
  /* 配置页设置列表：移动端单列；「我要成为代理」调至「删除所有消息」之后，不画分割线 */
  .uc-settings-cols { display: flex; flex-direction: column; gap: 12px; align-items: stretch; }
  .uc-settings { display: contents; }
  .uc-settings-cols > .uc-settings + .uc-settings { border: 0; padding: 0; }
  /* order 调序：右列「我要成为代理」排到第 5 位，其后依次为删除所有消息、修改密码、软件使用说明、退出登录 */
  .uc-order-agent { order: 5; }
  .uc-order-msgdel { order: 6; }
  .uc-order-password { order: 7; }
  .uc-order-guide { order: 8; }
  .uc-order-logout { order: 9; }
  .uc-footer { display: none; }
  .uc-card { padding: 18px; }
  .uc-card-msg { padding: 0; }
  /* 试用领取入口：移动端占满整行 */
  .uc-trial-claim { width: 100%; margin-left: 0; }
  .uc-form { grid-template-columns: 1fr; }
  .uc-user { gap: 14px; }
  .uc-avatar { width: 48px; height: 48px; border-radius: 14px; font-size: 0.8rem; }
  /* 顶部用户信息：移动端合并为一排（账号/试用版/剩余天数/充值），极窄屏自动折行兜底；
     min-width 置 0 让信息区可收缩，为右侧两个操作按钮让位，避免整行被挤破 */
  .uc-user-info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; }
  .uc-user-meta { gap: 6px; margin-bottom: 0; }
  .uc-account,
  .uc-account strong { font-size: 14px; }
  .uc-vip { font-size: 12px; padding: 2px 9px; }
  .uc-ver-link { font-size: 12px; padding: 2px 9px; }
  .uc-recharge { margin-left: 8px; padding: 2px 9px; }
  .uc-user-info p { font-size: 0.8rem; }
  /* 顶部操作区：手机版隐藏「返回首页」，仅保留退出登录 */
  .uc-user-actions { width: auto; flex-shrink: 0; gap: 8px; }
  .uc-user-actions .uc-back:not(.uc-back-logout) { display: none; }
  .uc-back { padding: 8px; }
  .uc-back-text { display: none; }
  .uc-audit-tabs { overflow-x: visible; gap: 4px; }
  .uc-audit-tab { flex: 1 1 0; min-width: 0; padding: 8px 4px 9px; font-size: 0.8rem; text-align: center; }
  .uc-audit-tab.active::after { left: 4px; right: 4px; }
  .uc-audit-filter { margin-bottom: 12px; }
  /* 收单筛选：移动端单行「投注 / 退单 / 更多 / 搜索」，其余条件由「更多」展开 */
  .uc-audit-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
  .uc-audit-form-main,
  .uc-audit-form-actions { display: contents; }
  .uc-audit-form-extra {
    display: none; flex: 1 0 100%; order: 2;
    flex-direction: column; gap: 10px;
  }
  .uc-audit-form.is-more-open .uc-audit-form-extra { display: flex; }
  .uc-audit-extra-row {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 10px 12px;
  }
  .uc-audit-extra-row .uc-audit-field { flex: 1 1 0; min-width: 0; }
  /* 第二行保留日期可读宽度，关键字占剩余空间 */
  .uc-audit-extra-row + .uc-audit-extra-row .uc-audit-field { min-width: 132px; }
  .uc-audit-extra-row .uc-audit-keyword { flex: 1 1 0; min-width: 0; }
  .uc-audit-extra-row .uc-audit-check { flex: 0 0 auto; }
  .uc-audit-form .uc-audit-check,
  .uc-audit-search { flex: 0 0 auto; }
  .uc-audit-search { margin-left: auto; }
  .uc-audit-more {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; justify-content: center; gap: 4px;
    height: 34px; padding: 0 12px;
    border: 1px solid var(--border-light); border-radius: 8px;
    background: transparent; color: var(--text-secondary);
    font-family: inherit; font-size: 0.8rem; font-weight: 600;
    cursor: pointer; transition: color 0.2s, border-color 0.2s, background 0.2s;
  }
  .uc-audit-more:hover {
    color: var(--text-primary); border-color: rgba(124,58,237,0.5);
    background: rgba(124,58,237,0.12);
  }
  /* 审核页日期 + 自动刷新 + 刷新：日期可收缩，其余保持完整 */
  .uc-fold-filter .uc-audit-check { flex: 0 0 auto; white-space: nowrap; }
  /* 移动端隐藏「日期」文字标签，仅保留日期选择框 */
  .uc-audit-date-label { display: none; }
  .uc-audit-field { min-width: 0; }
  /* 收单/审核筛选：移动端统一压缩输入框与按钮高度，保持单行紧凑 */
  .uc-audit-filter .uc-audit-input,
  .uc-fold-bar .uc-audit-input { height: 30px; padding: 0 10px; font-size: 0.78rem; }
  .uc-audit-input { font-size: 0.8rem; padding: 8px 10px; }
  .uc-audit-filter .uc-audit-more,
  .uc-audit-filter .uc-audit-search,
  .uc-fold-bar .uc-fold-filter .btn {
    height: 30px; padding: 0 14px; font-size: 0.78rem;
  }
  .uc-audit-field .uc-audit-input { flex: 1; min-width: 0; width: 100%; }
  .uc-audit-list { gap: 8px; }
  /* 空态提示：左右留白避免贴边，文字移动端单独收一档 */
  .uc-audit-list:has(.uc-audit-empty) { padding-left: 16px; padding-right: 16px; }
  .uc-audit-empty-guide { font-size: 1rem; }
  /* 消息卡片：序号并入首行昵称前，卡片四周与行间距收紧 */
  .uc-audit-item { padding: 10px 12px; gap: 12px; }
  .uc-audit-item.uc-audit-empty { padding: 24px 18px; }
  .uc-audit-head {
    justify-content: flex-start; align-items: center; gap: 6px;
    margin-bottom: 6px; line-height: 20px;
  }
  .uc-audit-group { line-height: 1.2; padding: 2px 8px; }
  .uc-audit-name { font-size: 0.9rem; }
  .uc-audit-head-time { font-size: 0.72rem; }
  .uc-audit-head-amount { font-size: 0.78rem; }
  .uc-audit-text { font-size: 0.8rem; margin-bottom: 4px; line-height: 1.4; }
  /* 状态与操作按钮合并一行：统计靠左、按钮靠右，按钮收紧 */
  .uc-audit-footer { display: flex; align-items: center; gap: 8px; }
  .uc-audit-footer .uc-audit-stats {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 0; font-size: 0.78rem; white-space: nowrap;
  }
  .uc-audit-footer .uc-audit-stats span:nth-child(2),
  .uc-audit-footer .uc-audit-stats span:nth-child(3) { text-align: left; }
  .uc-audit-footer .uc-audit-actions {
    margin-left: auto; gap: 6px; flex-wrap: nowrap; justify-content: flex-end;
  }
  .uc-audit-footer .uc-audit-actions .btn,
  .uc-audit-footer .uc-audit-actions .uc-btn-refund {
    flex: 0 0 auto; height: 26px; padding: 0 10px;
    font-size: 0.72rem; border-radius: 7px;
  }
  /* 用户折叠：移动端「总记录」与「日期」排成一行 */
  .uc-fold-bar { flex-wrap: nowrap; gap: 10px; padding: 12px; }
  .uc-fold-total { flex-shrink: 0; white-space: nowrap; }
  .uc-fold-filter { flex: 1 1 auto; justify-content: flex-end; min-width: 0; }
  .uc-fold-filter .uc-audit-field { flex: 1 1 auto; min-width: 0; }
  .uc-fold-filter .uc-audit-input { flex: 1 1 auto; min-width: 0; }
  .uc-fold-meta { padding-left: 32px; }
  /* 统计页：移动端按图片单行排布，不强行换行（元素可收缩适配屏宽） */
  .uc-stat-bar { flex-wrap: nowrap; justify-content: center; gap: 8px; padding: 12px; }
  .uc-stat-bar .uc-audit-field,
  .uc-stat-bar .uc-audit-input { min-width: 0; }
  .uc-stat-actions { flex-wrap: nowrap; gap: 8px; padding: 12px; }
  /* 统计页：操作按钮移动端等分铺满一行 */
  .uc-stat-actions .btn { flex: 1 1 0; justify-content: center; padding: 8px 6px; font-size: 0.72rem; white-space: nowrap; }
  /* 统计页：开奖号码列表操作按钮移动端等分铺满一行（避免窄屏折行） */
  .uc-stat-win-actions .btn { flex: 1 1 0; justify-content: center; padding: 8px 6px; font-size: 0.72rem; white-space: nowrap; }
  /* 统计页：开奖波色球移动端收紧，避免窄屏折行 */
  .uc-stat-win-nb { gap: 5px; }
  .uc-stat-ball { width: 24px; height: 24px; font-size: 0.72rem; }
  .uc-stat-ball-zodiac { font-size: 0.66rem; }
  .uc-stat-ball-plus { margin-top: 5px; font-size: 0.8rem; }
  /* 统计页：移动端表格按屏宽适配，列不横向滚动 */
  .uc-panel[data-uc-panel="stats"] .trend-table { min-width: 0; width: 100%; }
  .uc-panel[data-uc-panel="stats"] .trend-table th,
  .uc-panel[data-uc-panel="stats"] .trend-table td { padding: 8px 4px; font-size: 0.72rem; white-space: nowrap; text-align: center; }
  /* 风险页：移动端表格按屏宽适配 */
  .uc-panel[data-uc-panel="risk"] .trend-table { min-width: 0; width: 100%; }
  .uc-panel[data-uc-panel="risk"] .trend-table th,
  .uc-panel[data-uc-panel="risk"] .trend-table td { padding: 8px 4px; font-size: 0.72rem; white-space: nowrap; }
  /* 风险页：移动端首列（序号）固定窄宽，避免新增列挤压数字列 */
  .uc-panel[data-uc-panel="risk"] .trend-table th:first-child,
  .uc-panel[data-uc-panel="risk"] .trend-table td:first-child { width: 36px; }
  /* 赔率绑定页：移动端表格按屏宽适配，列不横向滚动 */
  .uc-panel[data-uc-panel="bind"] .trend-table { min-width: 0; width: 100%; table-layout: fixed; }
  .uc-panel[data-uc-panel="bind"] .trend-table th,
  .uc-panel[data-uc-panel="bind"] .trend-table td { padding: 8px 6px; font-size: 0.78rem; }
  .uc-panel[data-uc-panel="bind"] .trend-table th:first-child,
  .uc-panel[data-uc-panel="bind"] .trend-table td:first-child { width: 44px; }
  .uc-panel[data-uc-panel="bind"] .trend-table th:last-child,
  .uc-panel[data-uc-panel="bind"] .trend-table td:last-child { width: 96px; }
  .uc-panel[data-uc-panel="bind"] .uc-bind-info { overflow-wrap: anywhere; }
  /* 收款管理页：移动端表格按屏宽适配，列不横向滚动 */
  .uc-panel[data-uc-panel="agent-payee"] .trend-table { min-width: 0; width: 100%; table-layout: fixed; }
  .uc-panel[data-uc-panel="agent-payee"] .trend-table th,
  .uc-panel[data-uc-panel="agent-payee"] .trend-table td { padding: 8px 6px; font-size: 0.72rem; }
  .uc-panel[data-uc-panel="agent-payee"] .trend-table th:first-child,
  .uc-panel[data-uc-panel="agent-payee"] .trend-table td:first-child { width: 40px; }
  .uc-panel[data-uc-panel="agent-payee"] .trend-table th:last-child,
  .uc-panel[data-uc-panel="agent-payee"] .trend-table td:last-child { width: 72px; }
  .uc-panel[data-uc-panel="agent-payee"] .uc-payee-account { overflow-wrap: anywhere; }
  /* 提现管理页：移动端表格按屏宽适配，时间列不折行 */
  .uc-panel[data-uc-panel="agent-withdraw"] .trend-table { min-width: 0; width: 100%; }
  .uc-panel[data-uc-panel="agent-withdraw"] .trend-table th,
  .uc-panel[data-uc-panel="agent-withdraw"] .trend-table td { padding: 8px 4px; font-size: 0.7rem; white-space: nowrap; }
  .uc-panel[data-uc-panel="agent-withdraw"] .trend-table th:first-child,
  .uc-panel[data-uc-panel="agent-withdraw"] .trend-table td:first-child { width: 36px; }
  /* 推广管理页：移动端表格按屏宽适配，时间/订单号列不折行 */
  .uc-panel[data-uc-panel="agent-promotion"] .trend-table { min-width: 0; width: 100%; }
  .uc-panel[data-uc-panel="agent-promotion"] .trend-table th,
  .uc-panel[data-uc-panel="agent-promotion"] .trend-table td { padding: 8px 4px; font-size: 0.7rem; white-space: nowrap; }
  .uc-panel[data-uc-panel="agent-promotion"] .trend-table th:first-child,
  .uc-panel[data-uc-panel="agent-promotion"] .trend-table td:first-child { width: 36px; }
  /* 风险页 / 统计页：移动端查询栏首项（风险页日期 / 统计页待审核）保持单行，不被压缩折行 */
  .uc-panel[data-uc-panel="risk"] .uc-stat-bar > .uc-audit-field:first-child,
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar > .uc-stat-pending {
    flex-shrink: 0;
    white-space: nowrap;
  }
  /* 统计页：移动端弹窗贴边留白与内容间距收紧 */
  .uc-modal { padding: 12px; }
  .uc-modal-dialog { padding: 20px 16px; }
  .uc-modal-close { top: 10px; right: 12px; }
  /* 方案子规则弹窗：移动端压缩输入框与按钮，避免横向溢出 */
  .uc-rule-table th, .uc-rule-table td { padding: 8px 6px; }
  .uc-rule-input { max-width: 76px; padding: 7px 6px; font-size: 0.78rem; }
  .uc-rule-save { padding: 7px 12px; font-size: 0.78rem; }
  /* 方案子规则弹窗：移动端弹窗高度按动态视口计算，避免地址栏遮挡底部 */
  #planRuleModal .uc-modal-dialog { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
  /* 飞单弹窗：移动端底部按钮保持单行不换行，收紧内边距避免溢出 */
  .uc-fly-actions .btn { padding: 9px 6px; font-size: 0.76rem; }
  /* 飞单弹窗：移动端「号码范围」行强制单行显示（标签+输入框+两单选） */
  .uc-fly-row-scope { gap: 6px; }
  .uc-fly-row-scope .uc-fly-label { width: auto; white-space: nowrap; font-size: 0.72rem; }
  .uc-fly-row-scope .uc-fly-control { flex-wrap: nowrap; gap: 6px; }
  .uc-fly-row-scope .uc-fly-input { width: 42px; padding: 8px 6px; }
  .uc-fly-row-scope .uc-fly-radio { gap: 4px; font-size: 0.72rem; white-space: nowrap; }
  .uc-fly-row-scope .uc-fly-radio input { width: 14px; height: 14px; }
}
@media (max-width: 480px) {
  /* 顶部两行：行1 头像/账号/返回退出；行2 VIP/剩N天/充值/使用说明 */
  .uc-user {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
  }
  .uc-user-info,
  .uc-user-meta { display: contents; }
  .uc-avatar { grid-column: 1; grid-row: 1; }
  .uc-account {
    grid-column: 2; grid-row: 1; min-width: 0;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  }
  .uc-user-actions { grid-column: 3; grid-row: 1; justify-self: end; }
  .uc-vip { grid-column: 1; grid-row: 2; justify-self: start; }
  .uc-trial { grid-column: 2 / 4; grid-row: 2; white-space: nowrap; }
  .uc-user-info { min-width: 0; }
  .uc-account { font-size: 14px; }
  .uc-account strong { font-size: 14px; }
  .uc-user-meta { gap: 6px; }
  .uc-vip { padding: 2px 9px; font-size: 12px; }
  .uc-ver-link { padding: 2px 9px; font-size: 12px; }
  /* 统计页：窄屏压缩留白，操作按钮字号再降一档 */
  .uc-stat-bar,
  .uc-stat-actions { padding: 10px; }
  .uc-stat-actions .btn { padding: 7px 4px; font-size: 0.68rem; }
  /* 统计页：窄屏下总盘金额不撑破行容器 */
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-total {
    padding: 9px 8px; font-size: 0.76rem;
  }
  /* 统计页：窄屏下区域 tab 单行居中，避免 grid 自动列撑宽导致偏移/被裁 */
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head {
    display: flex; justify-content: center;
  }
  /* 统计页：窄屏下总盘移入查询卡片，与待审核同一行并靠右，避免遮挡香港 tab */
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-stat-area-total {
    display: none;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-total-wrap {
    display: flex; flex: 0 0 auto; margin-left: auto;
    order: 1;
  }
  /* 统计页：规则与待审核留在首行，总盘排其后并贴右；日期/查询换行 */
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar > .uc-audit-field:has([data-uc-stat-date]),
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar > .uc-audit-search {
    order: 1;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tabs {
    max-width: 100%; min-width: 0; padding: 3px; gap: 3px;
    overflow-x: auto; scrollbar-width: none;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tabs::-webkit-scrollbar {
    display: none;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tab {
    flex: 0 0 auto; white-space: nowrap;
    padding: 8px 10px; font-size: 0.8rem;
  }
  /* 风险页：窄屏下区域 tab 限宽居中，金额超长时可横向滑动 */
  .uc-panel[data-uc-panel="risk"] > .uc-area-tabs {
    max-width: 100%; min-width: 0; padding: 3px; gap: 3px;
    overflow-x: auto; scrollbar-width: none;
  }
  .uc-panel[data-uc-panel="risk"] > .uc-area-tabs::-webkit-scrollbar {
    display: none;
  }
  .uc-panel[data-uc-panel="risk"] .uc-area-tab {
    flex: 0 0 auto; white-space: nowrap;
    padding: 8px 10px; font-size: 0.8rem;
  }
  .uc-modal-dialog { padding: 18px 14px; }
}

/* 统计页：小于常见手机宽度（<360）时，查询行换行避免日期框被过度压缩 */
@media (max-width: 359px) {
  /* 收单筛选：极窄屏压缩间距，保持「投注/退单/更多/搜索」单行 */
  .uc-audit-form { gap: 8px; }
  .uc-audit-more { padding: 0 9px; gap: 3px; }
  .uc-audit-more::after { width: 5px; height: 5px; }
  .uc-audit-search { padding-left: 14px; padding-right: 14px; }
  /* 审核筛选：压缩自动刷新与刷新按钮，保证日期仍完整显示 */
  .uc-fold-filter { gap: 6px; }
  .uc-fold-filter .uc-audit-check { font-size: 0.8rem; gap: 4px; }
  .uc-fold-filter .btn { padding-left: 12px; padding-right: 12px; }
  /* 收单/审核：极窄屏进一步压缩统计与按钮，保证「状态 + 操作」单行 */
  .uc-audit-filter .uc-audit-more { padding: 0 9px; }
  .uc-fold-bar .uc-fold-filter .btn { padding: 0 8px; }
  .uc-audit-footer .uc-audit-stats { gap: 6px; font-size: 0.7rem; }
  .uc-audit-footer .uc-audit-actions .btn,
  .uc-audit-footer .uc-audit-actions .uc-btn-refund { padding: 0 8px; font-size: 0.68rem; }
  /* 统计页：极窄屏进一步压缩区域 tab，保证三个 tab 完整居中 */
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tabs { padding: 2px; gap: 2px; }
  .uc-panel[data-uc-panel="stats"] .uc-stat-area-head .uc-area-tab { padding: 7px 6px; font-size: 0.74rem; }
  /* 风险页：极窄屏同样再压一档 */
  .uc-panel[data-uc-panel="risk"] > .uc-area-tabs { padding: 2px; gap: 2px; }
  .uc-panel[data-uc-panel="risk"] .uc-area-tab { padding: 7px 6px; font-size: 0.74rem; }
  .uc-stat-bar { flex-wrap: wrap; }
  /* 风险页 / 统计页：极窄屏同样保持查询栏单行，「开奖」不换行 */
  .uc-panel[data-uc-panel="risk"] .uc-stat-bar,
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar { flex-wrap: nowrap; }
}

/* 375–480px：宽度足够，第二行从账号左侧起排并贴近头像高度 */
@media (min-width: 375px) and (max-width: 480px) {
  .uc-user { grid-template-columns: auto auto 1fr auto; row-gap: 0; }
  .uc-avatar { grid-row: 1 / span 2; }
  .uc-account { grid-column: 2 / 4; grid-row: 1; }
  .uc-user-actions { grid-column: 4; grid-row: 1; }
  .uc-vip { grid-column: 2; grid-row: 2; }
  .uc-trial { grid-column: 3 / 5; grid-row: 2; }
  .uc-ver-link { padding: 2px 7px; }
}


/* 账号状态校验中：隐藏主体，避免过期用户先看到页面内容 */
.page-user.uc-gate-checking .uc-section { visibility: hidden; }

/* 代理商站充值提示页（user/recharge-agent.html） */
.rc-agent-notice {
  max-width: 560px;
  margin: 48px auto;
  padding: 48px 24px;
  text-align: center;
  background: var(--bg-card);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}
.rc-agent-notice-title {
  margin: 0 0 12px;
  font-size: 1.4rem;
  color: var(--text-primary);
}
.rc-agent-notice-text {
  margin: 0;
  font-size: 1rem;
  color: var(--text-secondary);
}

/* 统计页：新增规则筛选后，移动端查询栏允许换行，避免控件横向溢出 */
@media (max-width: 768px) {
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .uc-panel[data-uc-panel="stats"] .uc-stat-bar .uc-audit-field {
    flex: 0 1 auto;
  }
}
