/* ============================================================
   华夏优途 · 后台视觉统一层  hx-ui.css
   目标：把 staff 工作台对齐小程序 Design System v3 "Soft"

   色板（与 miniprogram/app.wxss 完全一致）：
     底 #F1F1F6 / 卡 纯白 / 主蓝 #3760F9 / 墨黑 #17161B
     荧光绿 #D2FC59 / 淡紫 #DAD9FB
     文字 #17161B · #6F6E77 · #A3A2AA
     线 rgba(23,22,27,.10) / .07
     圆角 14 / 20 / 24 / 999px   投影 0 8px 28px rgba(23,22,27,.05)

   本文件只在 admin.html / index.html 的 CSS 链最末加载，
   用同选择器覆盖原深色主题，不修改任何既有 CSS 文件。
   回滚 = 删掉 <link> 一行。
   ============================================================ */

:root {
  color-scheme: light;

  /* 品牌色板 */
  --blue: #3760F9;
  --blue-2: #5A7BFF;
  --hx-ink: #17161B;
  --hx-lime: #D2FC59;
  --hx-lilac: #DAD9FB;
  --hx-lilac-2: #EDECFE;

  /* 兼容原有变量名 */
  --bg: #F1F1F6;
  --ink: #17161B;
  --muted: #6F6E77;
  --line: rgba(23, 22, 27, .10);
  --cyan: #3760F9;
  --purple: #DAD9FB;
  --orange: #6B7A1E;

  /* 扩展令牌 */
  --hx-text-2: #6F6E77;
  --hx-text-3: #A3A2AA;
  --hx-line: rgba(23, 22, 27, .10);
  --hx-line-2: rgba(23, 22, 27, .07);
  --hx-fill: rgba(23, 22, 27, .06);
  --hx-fill-2: rgba(23, 22, 27, .04);
  --hx-surface: #FFFFFF;
  --hx-surface-2: #F4F4F8;
  --hx-shadow: 0 8px 28px rgba(23, 22, 27, .05);
  --hx-shadow-lift: 0 14px 34px rgba(23, 22, 27, .10);
  --hx-danger: #FF4D4F;
  --hx-r-s: 14px;
  --hx-r-m: 20px;
  --hx-r-l: 24px;
  --hx-r-pill: 999px;
}

/* ---------- 基础 ---------- */
body {
  background: radial-gradient(ellipse 1200px 520px at 76% -8%, rgba(55, 96, 249, .10), transparent 68%),
              radial-gradient(ellipse 900px 460px at 8% 8%, rgba(218, 217, 251, .55), transparent 62%),
              var(--bg);
  background-attachment: fixed;
  color: var(--hx-ink);
  font: 15px/1.65 -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'PingFang SC',
        'Helvetica Neue', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--hx-ink); }

button:focus-visible,
a:focus-visible { outline: 3px solid rgba(55, 96, 249, .45); outline-offset: 3px; }

::selection { background: rgba(55, 96, 249, .18); }

/* 顶部栏：白底 + 细线 + 毛玻璃 */
.topbar {
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--hx-line);
  background: rgba(255, 255, 255, .86);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  padding-top: 16px;
  padding-bottom: 16px;
}
.brand { letter-spacing: .5px; font-weight: 700; }
.brand img { border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgba(23, 22, 27, .08); }
.brand small { color: var(--hx-text-3); font-size: 11px; letter-spacing: .6px; }
.topbar nav { color: var(--hx-text-2); }
.topbar nav a { color: var(--hx-text-2); }
.topbar nav a:hover { color: var(--blue); }
.topbar #identity { color: var(--hx-text-2); }

.shell { padding-top: 28px; }

/* 背景光斑：深色时是霓虹，浅色时压到几乎不可见 */
.orb { filter: blur(80px); opacity: .16; }
.orb-one { background: #B9C6FF; }
.orb-two { background: #DAD9FB; }

/* 主视觉卡：对应小程序 .hero-blue */
.hero {
  border-radius: var(--hx-r-l);
  border: 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(210, 252, 89, .26), transparent 42%),
    radial-gradient(circle at 68% 96%, rgba(218, 217, 251, .34), transparent 46%),
    linear-gradient(118deg, #3760F9 0%, #4A6DFB 52%, #6B85FF 100%);
  box-shadow: 0 18px 42px rgba(55, 96, 249, .24);
  color: #fff;
  padding: 38px 40px;
  isolation: isolate;
}
/* 右侧装饰环，填补原背景图留出的空白 */
.hero::after {
  content: '';
  position: absolute;
  right: -70px;
  top: -90px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow:
    0 0 0 42px rgba(255, 255, 255, .045),
    0 0 0 96px rgba(255, 255, 255, .03);
  pointer-events: none;
  z-index: 0;
}
.hero > * { position: relative; z-index: 1; }
.hero h1 { color: #fff; letter-spacing: -1.1px; font-weight: 700; }
.hero p { color: rgba(255, 255, 255, .82); }
.hero .eyebrow { color: rgba(255, 255, 255, .74); letter-spacing: 3.2px; font-weight: 500; }
.hero .muted { color: rgba(255, 255, 255, .72); }
.hero .small { color: rgba(255, 255, 255, .68); }
.hero .pill {
  background: rgba(255, 255, 255, .18);
  border-color: rgba(255, 255, 255, .30);
  color: #fff;
}

/* ---------- 容器 ---------- */
.panel, .card {
  border-radius: var(--hx-r-m);
  border: 0;
  background: var(--hx-surface);
  box-shadow: var(--hx-shadow);
  padding: 26px;
}
/* 原深色版用顶部渐变发光线，浅色下不需要 */
.card::before, .panel::before { display: none; }

/* 强调块：浅色底 + 深色字（同 app.wxss 的 card.cyan / purple / orange） */
.tone-cyan {
  background: #EFF3FF;
  border-color: transparent;
  box-shadow: none;
}
.tone-cyan::before { display: none; }

.tone-purple {
  background: #F3F2FE;
  border-color: transparent;
  box-shadow: none;
}

.tone-orange {
  background: #F7FFE0;
  border-color: transparent;
  box-shadow: none;
}

.tone-cyan, .tone-cyan h2, .tone-cyan h3, .tone-cyan h4 { color: #1B2A6B; }
.tone-purple, .tone-purple h2, .tone-purple h3, .tone-purple h4 { color: #2E2C6B; }
.tone-orange, .tone-orange h2, .tone-orange h3, .tone-orange h4 { color: #2E3A0C; }

.tone-cyan .muted, .tone-purple .muted, .tone-orange .muted { color: rgba(23, 22, 27, .56); }
.tone-cyan .small, .tone-purple .small, .tone-orange .small { color: rgba(23, 22, 27, .55); }
.tone-cyan dt, .tone-purple dt, .tone-orange dt { color: rgba(23, 22, 27, .52); }
.tone-cyan .eyebrow { color: var(--blue); }
.tone-purple .eyebrow { color: #5B57C4; }
.tone-orange .eyebrow { color: #6B7A1E; }
.tone-cyan .notice, .tone-purple .notice, .tone-orange .notice {
  background: rgba(255, 255, 255, .62);
  color: rgba(23, 22, 27, .70);
}
.tone-cyan hr, .tone-purple hr, .tone-orange hr { border-top-color: rgba(23, 22, 27, .10); }

.card h2 { letter-spacing: -.4px; font-weight: 700; }
.panel h4 { letter-spacing: -.2px; }

/* ---------- 文字 ---------- */
.eyebrow {
  color: var(--blue);
  letter-spacing: 3px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.muted { color: var(--hx-text-2); }
.small { color: #8A8993; }
.dim { color: var(--hx-text-3); }
.secondary-nav { color: var(--hx-text-3); }
.event-title { color: var(--hx-ink); }
.price { color: var(--hx-ink); letter-spacing: -1px; }
.empty { color: var(--hx-text-3); }
dt { color: var(--hx-text-3); }
hr { border: 0; border-top: 1px solid var(--hx-line-2); }

/* ---------- 胶囊标签 ---------- */
.pill {
  border: 0;
  border-radius: var(--hx-r-pill);
  background: var(--hx-surface-2);
  color: var(--hx-text-2);
  font-size: 12px;
  font-weight: 500;
  padding: 5px 12px;
}
/* 对应小程序 .pill.on —— 荧光绿实心 */
.pill.live {
  background: var(--hx-lime);
  border-color: transparent;
  color: var(--hx-ink);
  font-weight: 600;
}
.pill.late {
  background: rgba(255, 77, 79, .10);
  border-color: transparent;
  color: #C4292B;
}
.tone-cyan .pill, .tone-purple .pill, .tone-orange .pill {
  background: rgba(255, 255, 255, .72);
  color: rgba(23, 22, 27, .70);
}
.tone-cyan .pill.live, .tone-purple .pill.live, .tone-orange .pill.live {
  background: var(--hx-lime);
  color: var(--hx-ink);
}

/* ---------- 按钮体系 ---------- */
/* 主操作：主蓝实心 */
.button {
  border-radius: var(--hx-r-pill);
  border: 1px solid transparent;
  background: var(--blue);
  color: #fff;
  font-weight: 600;
  letter-spacing: .2px;
  box-shadow: 0 6px 16px rgba(55, 96, 249, .22);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.button:hover { background: #2C52E8; box-shadow: 0 10px 22px rgba(55, 96, 249, .28); }
.button:active { transform: translateY(1px); }

/* 强 CTA：墨黑胶囊（对应小程序 .cta） */
.button.cyan {
  border-color: transparent;
  background: var(--hx-ink);
  color: #fff;
  box-shadow: 0 10px 24px rgba(23, 22, 27, .20);
}
.button.cyan:hover { background: #000; }

/* 强调操作：荧光绿 + 墨黑字 */
.button.orange {
  border-color: transparent;
  background: var(--hx-lime);
  color: var(--hx-ink);
  box-shadow: 0 6px 16px rgba(146, 172, 51, .22);
}
.button.orange:hover { background: #C8F342; }

/* 淡紫实底：对应小程序 .tile.lilac */
.button.purple {
  border-color: transparent;
  background: var(--hx-lilac);
  color: #2E2C6B;
  font-weight: 600;
  box-shadow: none;
}
.button.purple:hover { background: #CFCDE9; }

/* 次级 / 导航：白底细描边 */
.button.ghost {
  background: #fff;
  border-color: var(--hx-line);
  color: var(--hx-ink);
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(23, 22, 27, .04);
}
.button.ghost:hover { border-color: rgba(23, 22, 27, .20); background: #fff; }

.button:disabled { opacity: .45; box-shadow: none; }

/* 卡片内的主操作统一为墨黑胶囊（对应小程序 .cta），
   避免同一屏里蓝/绿/黑三种主按钮并列抢视线 */
.card .button:not(.ghost) {
  border-color: transparent;
  background: var(--hx-ink);
  color: #fff;
  box-shadow: 0 8px 20px rgba(23, 22, 27, .18);
}
.card .button:not(.ghost):hover { background: #000; }
.card .button.ghost {
  background: #fff;
  border-color: var(--hx-line);
  color: var(--hx-ink);
  box-shadow: 0 2px 8px rgba(23, 22, 27, .04);
}

/* ---------- 导航胶囊组 ---------- */
.tabs { gap: 8px; }
.tabs .button {
  border-radius: var(--hx-r-pill);
  min-height: 38px;
  padding: 7px 16px;
  font-size: 13px;
}
.tabs .active {
  background: var(--hx-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(23, 22, 27, .18);
}

.content-tabs .button { border-radius: var(--hx-r-pill); }
.filter-bar select { border-radius: var(--hx-r-s); }

/* ---------- 数据磁贴 ---------- */
.stat {
  border-radius: var(--hx-r-m);
  box-shadow: var(--hx-shadow);
  background: var(--hx-surface);
}
/* 三格磁贴交替底色，对应小程序 tile / tile.lilac 的节奏 */
.grid.stats .stat:nth-child(3n+2) { background: #EDECFE; box-shadow: none; }
.grid.stats .stat:nth-child(3n+3) { background: #E7EDFF; box-shadow: none; }
.stat strong {
  letter-spacing: -1.4px;
  font-weight: 700;
  color: var(--hx-ink);
  font-variant-numeric: tabular-nums;
}
.stat span { color: var(--hx-text-2); }
.stat.tone-cyan strong, .stat.tone-purple strong, .stat.tone-orange strong { color: inherit; }

/* 推广 / 待办磁贴 */
.promotion-metrics > div {
  border-radius: var(--hx-r-s);
  border: 0;
  background: var(--hx-surface-2);
  box-shadow: none;
}
.promotion-metrics strong {
  color: var(--hx-ink);
  text-shadow: none;
  letter-spacing: -1px;
  font-weight: 700;
}
.promotion-metrics span { color: var(--hx-text-2); }
.card .promotion-metrics > div,
.tone-cyan .promotion-metrics > div,
.tone-purple .promotion-metrics > div,
.tone-orange .promotion-metrics > div { background: rgba(255, 255, 255, .70); }

.task-metric {
  color: var(--hx-ink);
  box-shadow: var(--hx-shadow);
}
.task-metric:hover { box-shadow: var(--hx-shadow-lift); }
.task-metric[aria-pressed=true] {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.task-metric strong { color: var(--hx-ink); text-shadow: none; letter-spacing: -1.4px; font-weight: 700; }
.task-metric small { color: var(--hx-text-3); }
.task-metric span { color: var(--hx-text-2); }

/* ---------- 列表行 ---------- */
.list { gap: 10px; }
.row {
  border: 1px solid var(--hx-line-2);
  background: var(--hx-surface);
  border-radius: var(--hx-r-m);
  box-shadow: 0 2px 10px rgba(23, 22, 27, .03);
}
.row:hover { border-color: var(--hx-line); }
.row h3 { letter-spacing: -.2px; }
.row .muted { color: var(--hx-text-2); }
.row .small { color: var(--hx-text-3); }

.audit-row summary { color: var(--blue); }
.audit-row dl { color: var(--hx-text-2); }
.change-item { border-bottom: 1px solid var(--hx-line-2); }
.change-item summary { color: var(--hx-ink); }
.module-editor {
  border: 1px dashed var(--hx-line);
  border-radius: var(--hx-r-s);
  background: var(--hx-fill-2);
}

/* ---------- 表单 ---------- */
.field label, legend { color: var(--hx-text-2); font-weight: 500; }
input, select, textarea {
  border: 1px solid var(--hx-line);
  border-radius: var(--hx-r-s);
  background: #FFFFFF;
  color: var(--hx-ink);
  transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}
input::placeholder, textarea::placeholder { color: var(--hx-text-3); }
input:hover, select:hover, textarea:hover { border-color: rgba(23, 22, 27, .20); }
input:focus, select:focus, textarea:focus {
  border-color: var(--blue);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(55, 96, 249, .14);
}
input:disabled, select:disabled {
  background: var(--hx-fill-2);
  color: var(--hx-text-3);
  border-color: var(--hx-line-2);
}
input[type=checkbox] { accent-color: var(--blue); }
input[type=file] { padding: 8px 10px; }
input::file-selector-button {
  background: #fff;
  border: 1px solid var(--hx-line);
  border-radius: 8px;
  color: var(--hx-ink);
  padding: 6px 12px;
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
}
.check { color: var(--hx-text-2); }
fieldset { border: 0; }
#employment-fields { border-top: 1px solid var(--hx-line-2); }
.profile-question select { border-radius: var(--hx-r-s); }

/* ---------- 提示条 ---------- */
.notice {
  border-left: 3px solid var(--blue);
  background: #EFF3FF;
  border-radius: 4px 12px 12px 4px;
  color: #2B3B7C;
  font-size: 13px;
}
.error { color: var(--hx-danger); }

.client-filter-summary,
.application-summary {
  border-left: 3px solid var(--blue);
  background: #EFF3FF;
  border-radius: 4px 12px 12px 4px;
  color: #2B3B7C;
}
.reminder-new {
  border-left: 3px solid var(--blue);
  box-shadow: inset 10px 0 28px rgba(55, 96, 249, .05);
}
.delivery-state {
  border-radius: var(--hx-r-s);
  background: var(--hx-surface-2);
  border: 1px solid var(--hx-line-2);
}
.client-shortcuts { border-top: 1px solid var(--hx-line-2); }
.offline-history { border-top: 1px solid var(--hx-line-2); }
.client-pager span, .application-pager span,
.offline-pager span { color: var(--hx-text-3); }
.offline-amount { color: #4C5B12; font-weight: 700; }
.task-overdue {
  border-color: rgba(255, 77, 79, .28);
  background: rgba(255, 77, 79, .06);
}

/* ---------- 轻提示 ---------- */
#toast {
  border: 0;
  border-radius: var(--hx-r-pill);
  background: rgba(23, 22, 27, .94);
  color: #fff;
  box-shadow: 0 14px 34px rgba(23, 22, 27, .28);
  padding: 12px 22px;
  font-size: 13px;
}

/* ---------- 内容封面 / 媒体 ---------- */
.content-cover {
  border-radius: var(--hx-r-s);
  border: 1px solid var(--hx-line-2);
  background: var(--hx-surface-2);
}
.content-art {
  border-radius: var(--hx-r-s);
  border: 1px solid var(--hx-line-2);
  background:
    radial-gradient(circle at 22% 14%, rgba(255, 255, 255, .85), transparent 62%),
    linear-gradient(140deg, #EDECFE, #DAD9FB);
}
.content-art.cyan {
  border-color: var(--hx-line-2);
  background:
    radial-gradient(circle at 22% 14%, rgba(255, 255, 255, .90), transparent 62%),
    linear-gradient(140deg, #EFF3FF, #D8E2FF);
}
.content-art.orange {
  border-color: var(--hx-line-2);
  background:
    radial-gradient(circle at 22% 14%, rgba(255, 255, 255, .90), transparent 62%),
    linear-gradient(140deg, #F7FFE0, #E7F6BE);
}
.content-art:before {
  border: 1px solid rgba(255, 255, 255, .72);
  box-shadow: inset 0 0 28px rgba(255, 255, 255, .55),
              15px 18px 0 rgba(23, 22, 27, .03),
              27px 32px 0 rgba(23, 22, 27, .02);
}
.content-art span { color: var(--hx-ink); }
.content-lead { color: var(--hx-text-2); }

.video-stage {
  border: 1px solid var(--hx-line-2);
  border-radius: var(--hx-r-l);
  background:
    radial-gradient(circle at 84% 6%, rgba(55, 96, 249, .10), transparent 58%),
    var(--hx-surface-2);
  box-shadow: var(--hx-shadow);
}
.media-kicker { color: var(--blue); }
.content-video {
  background: #0B0B10;
  border-radius: var(--hx-r-s);
  border: 1px solid rgba(23, 22, 27, .12);
}
.gallery-grid a {
  border: 1px solid var(--hx-line-2);
  border-radius: var(--hx-r-s);
  box-shadow: 0 8px 20px rgba(23, 22, 27, .06);
  background: #fff;
}
.gallery-grid span {
  background: rgba(23, 22, 27, .78);
  border: 0;
  border-radius: var(--hx-r-pill);
  color: #fff;
}
.gallery-row {
  background: var(--hx-surface-2);
  border: 1px solid var(--hx-line-2);
  border-radius: var(--hx-r-s);
}
.gallery-row img { border-radius: 10px; }
.gallery-tools .button, .gallery-row strong { color: var(--hx-ink); }
.image-story { color: var(--hx-ink); }

/* ---------- 活动 / 签到 ---------- */
.event-pass {
  border-radius: var(--hx-r-m);
}
.event-pass h2 { color: var(--hx-ink); }
.qr-stage {
  background: #fff;
  color: var(--hx-ink);
  border-radius: var(--hx-r-m);
  box-shadow: 0 12px 30px rgba(23, 22, 27, .10);
  border: 1px solid var(--hx-line-2);
}
.ticket-preview {
  border: 1px dashed var(--hx-line);
  border-radius: var(--hx-r-m);
  background: #EFF3FF;
}
.ticket-code { color: var(--hx-ink); letter-spacing: 2px; }
.event-camera { background: #0B0B10; border-radius: var(--hx-r-m); }
.attendance-sources { color: var(--hx-ink); }
.attendance-metrics strong { color: var(--hx-ink); letter-spacing: -1px; }

/* ---------- 就业路径三步卡 ---------- */
.career-step {
  border-radius: var(--hx-r-m);
  border: 1px solid var(--hx-line-2);
  background: var(--hx-surface);
  box-shadow: var(--hx-shadow);
}
.career-step:nth-child(2) { background: var(--hx-lilac-2); border-color: transparent; box-shadow: none; }
.career-step:nth-child(3) { background: #F7FFE0; border-color: transparent; box-shadow: none; }
.career-step h3 { color: var(--hx-ink); }
.career-step ul { color: var(--hx-text-2); }
.career-number {
  color: var(--blue);
  font-weight: 800;
  letter-spacing: -1.5px;
}
.career-tags span {
  border-radius: var(--hx-r-pill);
  border: 0;
  background: var(--hx-surface-2);
  color: var(--hx-text-2);
}
.career-grid .card { border-radius: var(--hx-r-m); }
.career-grid .content-art { border-radius: var(--hx-r-s); }

/* ---------- 团队 ---------- */
.member-mark {
  border: 0;
  border-radius: 16px;
  background: var(--hx-lilac-2);
  color: #3B3A6E;
  box-shadow: none;
  font-weight: 700;
}
.team-heading { color: var(--hx-ink); }
.team-grid h2 { letter-spacing: -.3px; }

/* ---------- 客户 / 申请队列 ---------- */
.client-search-panel, .application-summary { color: var(--hx-ink); }
.client-filter-grid { color: var(--hx-text-2); }
.offline-results-summary { color: var(--hx-ink); }

/* ---------- 履历凭证 ---------- */
.credential-guidance {
  border: 0;
  border-radius: var(--hx-r-m);
  background: var(--hx-lilac-2);
  color: #2E2C6B;
}
.credential-cover {
  border-radius: var(--hx-r-m);
  border: 1px solid var(--hx-line-2);
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .90), transparent 58%),
    linear-gradient(140deg, #EDECFE, #DAD9FB);
  box-shadow: var(--hx-shadow);
}
.credential-image-link { color: var(--blue); }
.credential-facts dt, .credential-facts dd { border-bottom: 1px solid var(--hx-line-2); }
.credential-facts dt { color: var(--hx-text-3); }
.credential-facts dd { color: var(--hx-ink); }
.credential-facts h3 { color: var(--blue); }

/* ---------- 经营总览 ---------- */
.report-filter { color: var(--hx-text-2); }
.report-metric:after {
  border: 1px solid var(--hx-line-2);
  box-shadow: none;
}
.report-metric strong, .report-number {
  color: var(--hx-ink);
  letter-spacing: -1.2px;
}
.report-metric small { color: var(--hx-text-3); }
.report-metric span { color: var(--hx-text-2); }
.report-track {
  background: var(--hx-fill-2);
  border-radius: var(--hx-r-pill);
  box-shadow: inset 0 1px 3px rgba(23, 22, 27, .06);
}
.report-track progress { border: 0; border-radius: var(--hx-r-pill); background: transparent; }
.report-track progress::-webkit-progress-bar { background: transparent; }
.report-track progress::-webkit-progress-value {
  border-radius: var(--hx-r-pill);
  background: linear-gradient(90deg, var(--blue), #6B85FF);
  box-shadow: none;
  border-top: 0;
}
.report-track progress::-moz-progress-bar {
  border-radius: var(--hx-r-pill);
  background: linear-gradient(90deg, var(--blue), #6B85FF);
}
.report-bar-row strong { color: var(--hx-ink); }
.report-stages > div {
  border: 0;
  background: var(--hx-surface-2);
  border-radius: var(--hx-r-s);
}
.report-stages span { color: var(--hx-text-2); }
.report-stages strong { color: var(--hx-ink); }
.report-rates > div {
  border-radius: var(--hx-r-s);
  background: var(--hx-surface-2);
}
.report-rates strong { color: var(--blue); letter-spacing: -.6px; }
.report-rates small { color: var(--hx-text-3); }
.report-small-stats span { color: var(--hx-text-3); }
.report-small-stats b { color: var(--hx-ink); }
.report-people article { border-top: 1px solid var(--hx-line-2); }
.report-people h3 { color: var(--hx-ink); }
.report-people p { color: var(--hx-text-2); }
.report-people small { color: var(--blue); }
.report-current { color: var(--hx-ink); }
.report-columns > section { border-radius: var(--hx-r-m); }
.report-application-grid { color: var(--hx-ink); }
.report-range .field { color: var(--hx-text-2); }

/* ---------- 推广 / 场景码 ---------- */
#promotion-link, #promotion-native, #promotion-scene { color: var(--hx-text-2); }
.task-row h3 { color: var(--hx-ink); }
.task-row p { color: var(--hx-text-2); }
.task-tags span { color: var(--hx-text-2); }

/* ---------- 移动端微调 ---------- */
@media (max-width: 800px) {
  .hero { padding: 26px 22px; border-radius: var(--hx-r-m); }
  .hero h1 { font-size: 26px; letter-spacing: -.8px; }
  .panel, .card { padding: 20px; border-radius: 18px; }
  .tabs .button { padding: 6px 13px; font-size: 12px; }
  .button { min-height: 40px; }
  .topbar { padding-top: 12px; padding-bottom: 12px; }
}