/* ── 团队状态面板（全员可见，含普通员工）──
   用户原话：「团队成员登录后，设置里没有"用户管理"，也看不到"更新"、
            "取回素材"、"刷新状态"这些选项」

   为什么单独一套样式：这个面板挂在设置主容器里（不依赖管理员才能看的
   「用户管理」分区），所以不能复用 .xhs-ua-* 那套（那套的定位/间距是
   为管理员表格设计的）。

   ⚠️ 契约：每个深色底都要配一条浅色规则（本仓库硬要求）。 */
.xhs-ts {
  margin: 0 0 16px;
  padding: 14px 16px;
  border: 1px solid #2c313c;
  border-radius: 12px;
  background: #1b2027;
}
.xhs-ts-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.xhs-ts-head b { font-size: 14px; color: #e6eef4; font-weight: 600; }
.xhs-ts-sub { font-size: 12px; color: #8d99a3; }
.xhs-ts-stat {
  margin: 0 0 10px;
  font-size: 12.5px;
  color: #9aa6b0;
}
.xhs-ts-stat b { color: #e6eef4; }
.xhs-ts-note {
  margin: 10px 0 0;
  font-size: 11.5px;
  line-height: 1.7;
  color: #7d8891;
}
.xhs-ts-note-inline { font-size: 11.5px; color: #7d8891; margin-left: 8px; }

/* 渠道状态提示条 */
.xhs-ts-chiprow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #161b21;
  border: 1px solid #262c34;
}
.xhs-ts-chip {
  display: inline-block;
  font-size: 11px;
  line-height: 1.6;
  padding: 2px 8px;
  border: 1px solid #333a44;
  border-radius: 20px;
  color: #8d99a3;
  white-space: nowrap;
}
.xhs-ts-chip.on { color: #7fd6b4; border-color: rgba(127, 214, 180, 0.35); background: rgba(127, 214, 180, 0.08); }
.xhs-ts-chip.ok { color: #7fd6b4; border-color: rgba(127, 214, 180, 0.4); background: rgba(127, 214, 180, 0.1); font-weight: 500; }
.xhs-ts-chip.warn { color: #e8b06a; border-color: rgba(232, 176, 106, 0.34); background: rgba(232, 176, 106, 0.1); }
.xhs-ts-chip.me { color: #9ec9f0; border-color: rgba(158, 201, 240, 0.35); background: rgba(158, 201, 240, 0.08); }
.xhs-ts-chip.primary { color: #f0cd7a; border-color: rgba(240, 205, 122, 0.4); background: rgba(240, 205, 122, 0.1); }

/* 成员表 */
.xhs-ts-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.xhs-ts-table th {
  text-align: left;
  font-weight: 500;
  color: #7d8891;
  padding: 5px 10px 6px 0;
  border-bottom: 1px solid #2c313c;
  white-space: nowrap;
}
.xhs-ts-table th:nth-child(1), .xhs-ts-table td:nth-child(1) { width: 28%; min-width: 110px; }
.xhs-ts-table th:nth-child(2), .xhs-ts-table td:nth-child(2) { width: 30%; min-width: 130px; }
.xhs-ts-table td {
  padding: 7px 10px 7px 0;
  color: #c2ccd4;
  vertical-align: middle;
  border-bottom: 1px solid #23282f;
  line-height: 1.7;
}
.xhs-ts-table tr:last-child td { border-bottom: none; }
.xhs-ts-table tr.is-me td { background: rgba(90, 160, 220, 0.07); }
.xhs-ts-table td b { color: #e6eef4; font-weight: 600; }
.xhs-ts-table .mono {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10.5px;
  color: #8d99a3;
  word-break: break-all;
}

/* 操作按钮 */
.xhs-ts-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.xhs-ts-btn {
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 13px;
  border-radius: 8px;
  border: 1px solid #39414b;
  background: #232a32;
  color: #d5dee6;
  cursor: pointer;
  font-family: inherit;
}
.xhs-ts-btn:hover:not(:disabled) { background: #2b333c; border-color: #454f5b; }
.xhs-ts-btn.primary {
  background: #2f6f9e;
  border-color: #3a83b8;
  color: #ffffff;
  font-weight: 500;
}
.xhs-ts-btn.primary:hover:not(:disabled) { background: #367eb2; }
.xhs-ts-btn:disabled { opacity: 0.55; cursor: not-allowed; }
.xhs-ts-msg { font-size: 11.5px; color: #7fd6b4; }

/* ── 浅色主题 ── */
html[data-vr-theme="light"] .xhs-ts,
.vr-shell[data-theme="light"] .xhs-ts { border-color: #f2dade; background: #ffffff; }
html[data-vr-theme="light"] .xhs-ts-head b,
.vr-shell[data-theme="light"] .xhs-ts-head b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ts-sub,
.vr-shell[data-theme="light"] .xhs-ts-sub { color: #8d9099; }
html[data-vr-theme="light"] .xhs-ts-stat,
.vr-shell[data-theme="light"] .xhs-ts-stat { color: #5d6167; }
html[data-vr-theme="light"] .xhs-ts-stat b,
.vr-shell[data-theme="light"] .xhs-ts-stat b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ts-note,
html[data-vr-theme="light"] .xhs-ts-note-inline,
.vr-shell[data-theme="light"] .xhs-ts-note,
.vr-shell[data-theme="light"] .xhs-ts-note-inline { color: #8d9099; }
html[data-vr-theme="light"] .xhs-ts-chiprow,
.vr-shell[data-theme="light"] .xhs-ts-chiprow { background: #fbf0f1; border-color: #f2dade; }
html[data-vr-theme="light"] .xhs-ts-chip,
.vr-shell[data-theme="light"] .xhs-ts-chip { color: #8d9099; border-color: #f2dade; background: #ffffff; }
html[data-vr-theme="light"] .xhs-ts-chip.on,
.vr-shell[data-theme="light"] .xhs-ts-chip.on { color: #1f7d5c; border-color: rgba(31, 125, 92, 0.3); background: rgba(31, 125, 92, 0.08); }
html[data-vr-theme="light"] .xhs-ts-chip.ok,
.vr-shell[data-theme="light"] .xhs-ts-chip.ok { color: #1f7d5c; border-color: rgba(31, 125, 92, 0.34); background: rgba(31, 125, 92, 0.1); }
html[data-vr-theme="light"] .xhs-ts-chip.warn,
.vr-shell[data-theme="light"] .xhs-ts-chip.warn { color: #b06a1f; border-color: rgba(176, 106, 31, 0.3); background: rgba(176, 106, 31, 0.08); }
html[data-vr-theme="light"] .xhs-ts-chip.me,
.vr-shell[data-theme="light"] .xhs-ts-chip.me { color: #2a6ca8; border-color: rgba(42, 108, 168, 0.28); background: rgba(42, 108, 168, 0.08); }
html[data-vr-theme="light"] .xhs-ts-chip.primary,
.vr-shell[data-theme="light"] .xhs-ts-chip.primary { color: #8a6414; border-color: rgba(138, 100, 20, 0.32); background: rgba(200, 160, 40, 0.12); }
html[data-vr-theme="light"] .xhs-ts-table th,
.vr-shell[data-theme="light"] .xhs-ts-table th { color: #8d9099; border-bottom-color: #f2dade; }
html[data-vr-theme="light"] .xhs-ts-table td,
.vr-shell[data-theme="light"] .xhs-ts-table td { color: #5d6167; border-bottom-color: #f7e6e8; }
html[data-vr-theme="light"] .xhs-ts-table td b,
.vr-shell[data-theme="light"] .xhs-ts-table td b { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ts-table tr.is-me td,
.vr-shell[data-theme="light"] .xhs-ts-table tr.is-me td { background: rgba(90, 160, 220, 0.09); }
html[data-vr-theme="light"] .xhs-ts-table .mono,
.vr-shell[data-theme="light"] .xhs-ts-table .mono { color: #8d9099; }
html[data-vr-theme="light"] .xhs-ts-btn,
.vr-shell[data-theme="light"] .xhs-ts-btn { background: #fbf0f1; border-color: #f2dade; color: #5d6167; }
html[data-vr-theme="light"] .xhs-ts-btn:hover:not(:disabled),
.vr-shell[data-theme="light"] .xhs-ts-btn:hover:not(:disabled) { background: #f7e6e8; border-color: #eecdd3; }
html[data-vr-theme="light"] .xhs-ts-btn.primary,
.vr-shell[data-theme="light"] .xhs-ts-btn.primary { background: #e8452f; border-color: #e8452f; color: #ffffff; }
html[data-vr-theme="light"] .xhs-ts-btn.primary:hover:not(:disabled),
.vr-shell[data-theme="light"] .xhs-ts-btn.primary:hover:not(:disabled) { background: #d63c27; }
html[data-vr-theme="light"] .xhs-ts-msg,
.vr-shell[data-theme="light"] .xhs-ts-msg { color: #1f7d5c; }

/* ── 进度条与结果提示（员工点按钮后的反馈）── */
.xhs-ts-prog {
  margin-top: 11px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #161b21;
  border: 1px solid #262c34;
}
.xhs-ts-prog-text {
  font-size: 12px;
  color: #c2ccd4;
  margin-bottom: 8px;
  line-height: 1.6;
}
.xhs-ts-prog-bar {
  height: 5px;
  border-radius: 3px;
  background: #232a32;
  overflow: hidden;
}
.xhs-ts-prog-bar i {
  display: block;
  height: 100%;
  background: #4a9ed4;
  border-radius: 3px;
  transition: width 0.3s ease;
}
/* 不确定进度（转圈流动）*/
.xhs-ts-prog-bar.indeterminate i {
  width: 35% !important;
  animation: xhs-ts-slide 1.15s ease-in-out infinite;
}
@keyframes xhs-ts-slide {
  0%   { margin-left: -35%; }
  100% { margin-left: 100%; }
}
/* 结果提示 */
.xhs-ts-result {
  margin-top: 11px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.7;
  border: 1px solid #2c313c;
  background: #161b21;
  color: #c2ccd4;
  word-break: break-word;
}
.xhs-ts-result.ok { color: #7fd6b4; border-color: rgba(127, 214, 180, 0.3); background: rgba(127, 214, 180, 0.07); }
.xhs-ts-result.warn { color: #e8b06a; border-color: rgba(232, 176, 106, 0.3); background: rgba(232, 176, 106, 0.07); }
.xhs-ts-result.err { color: #ff9b9b; border-color: rgba(240, 96, 96, 0.3); background: rgba(240, 96, 96, 0.07); }
/* 小按钮（内联在提示条里）*/
.xhs-ts-btn.sm {
  font-size: 11px;
  padding: 3px 10px;
  margin-left: 8px;
}
/* 提示条带警告色时整体偏暖 */
.xhs-ts-chiprow.warn { border-color: rgba(232, 176, 106, 0.26); background: rgba(232, 176, 106, 0.05); }

/* ── 浅色主题 ── */
html[data-vr-theme="light"] .xhs-ts-prog,
.vr-shell[data-theme="light"] .xhs-ts-prog { background: #f7e6e8; border-color: #f2dade; }
html[data-vr-theme="light"] .xhs-ts-prog-text,
.vr-shell[data-theme="light"] .xhs-ts-prog-text { color: #5d6167; }
html[data-vr-theme="light"] .xhs-ts-prog-bar,
.vr-shell[data-theme="light"] .xhs-ts-prog-bar { background: #f2dade; }
html[data-vr-theme="light"] .xhs-ts-prog-bar i,
.vr-shell[data-theme="light"] .xhs-ts-prog-bar i { background: #2a6ca8; }
html[data-vr-theme="light"] .xhs-ts-result,
.vr-shell[data-theme="light"] .xhs-ts-result { background: #fbf0f1; border-color: #f2dade; color: #5d6167; }
html[data-vr-theme="light"] .xhs-ts-result.ok,
.vr-shell[data-theme="light"] .xhs-ts-result.ok { color: #1f7d5c; border-color: rgba(31, 125, 92, 0.28); background: rgba(31, 125, 92, 0.07); }
html[data-vr-theme="light"] .xhs-ts-result.warn,
.vr-shell[data-theme="light"] .xhs-ts-result.warn { color: #b06a1f; border-color: rgba(176, 106, 31, 0.28); background: rgba(176, 106, 31, 0.07); }
html[data-vr-theme="light"] .xhs-ts-result.err,
.vr-shell[data-theme="light"] .xhs-ts-result.err { color: #c0392b; border-color: rgba(192, 57, 43, 0.28); background: rgba(192, 57, 43, 0.07); }
html[data-vr-theme="light"] .xhs-ts-chiprow.warn,
.vr-shell[data-theme="light"] .xhs-ts-chiprow.warn { border-color: rgba(176, 106, 31, 0.24); background: rgba(176, 106, 31, 0.05); }

/* ── 两行按钮：第一行是两个「一键」主操作，第二行是次要操作 ──
   用户原话：「团队成员端，可以点一键同步团队的渠道和卡密，一键同步全团队的素材」 */
.xhs-ts-actions.is-secondary {
  margin-top: 8px;
  padding-top: 9px;
  border-top: 1px dashed #262c34;
}
.xhs-ts-actions.is-secondary .xhs-ts-btn { font-size: 11.5px; padding: 5px 11px; }

/* 浅色主题 */
html[data-vr-theme="light"] .xhs-ts-actions.is-secondary,
.vr-shell[data-theme="light"] .xhs-ts-actions.is-secondary { border-top-color: #f2dade; }

/* ── 加入团队（员工自己就能看到、能输入）──
   ⚠️【实测踩过的真 bug】这个入口原来放在只有管理员可见的「用户管理」分区下
      → 员工进设置后找不到（用户原话：「没有输入团队码的地方」）。
      现在放进独立面板（不依赖任何特权分区）。 */
.xhs-ts-join {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.xhs-ts-join-input {
  flex: 1 1 200px;
  min-width: 160px;
  background: #0b1015;
  border: 1px solid #39414b;
  border-radius: 8px;
  color: #e6eef4;
  padding: 8px 11px;
  font-size: 13px;
  font-family: ui-monospace, Menlo, monospace;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.xhs-ts-join-input:focus { outline: none; border-color: #4a9ed4; }
.xhs-ts-join-input::placeholder { color: #55606b; letter-spacing: normal; text-transform: none; }
.xhs-ts-adv { margin-top: 12px; }
.xhs-ts-adv summary {
  cursor: pointer;
  font-size: 11.5px;
  color: #7d8891;
  padding: 3px 0;
  list-style: none;
}
.xhs-ts-adv summary::-webkit-details-marker { display: none; }
.xhs-ts-adv summary::before { content: '▸ '; }
.xhs-ts-adv[open] summary::before { content: '▾ '; }
.xhs-ts-adv summary:hover { color: #9aa6b0; }
.xhs-ts-adv .xhs-ts-join { margin-top: 9px; }
.xhs-ts-result-slot:empty { display: none; }
.xhs-ts code {
  background: #0b1015;
  border: 1px solid #2c313c;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 11.5px;
  color: #9ec9f0;
}

/* 浅色主题 */
html[data-vr-theme="light"] .xhs-ts-join-input,
.vr-shell[data-theme="light"] .xhs-ts-join-input { background: #ffffff; border-color: #f2dade; color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ts-join-input:focus,
.vr-shell[data-theme="light"] .xhs-ts-join-input:focus { border-color: #2a6ca8; }
html[data-vr-theme="light"] .xhs-ts-adv summary,
.vr-shell[data-theme="light"] .xhs-ts-adv summary { color: #8d9099; }
html[data-vr-theme="light"] .xhs-ts-adv summary:hover,
.vr-shell[data-theme="light"] .xhs-ts-adv summary:hover { color: #2a2c31; }
html[data-vr-theme="light"] .xhs-ts code,
.vr-shell[data-theme="light"] .xhs-ts code { background: #fbf0f1; border-color: #f2dade; color: #2a6ca8; }

/* ── 诊断信息块（默认折叠，出问题时展开） ── */
.xhs-ts-diag {
  margin: 10px 0 6px;
  border-top: 1px dashed var(--xhs-card-border, #322e29);
  padding-top: 8px;
}
.xhs-ts-diag summary { font-weight: 600; }
.xhs-ts-diag .xhs-ts-table { margin: 6px 0; }
.xhs-ts-diag .xhs-ts-table td { vertical-align: top; font-size: 12px; }
.xhs-ts-diag .xhs-ts-table td:first-child { width: 26px; }
.xhs-ts-diag code {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  padding: 1px 4px;
  border-radius: 3px;
  background: var(--xhs-card-bg, #1b1916);
}
[data-vr-theme="light"] .xhs-ts-diag {
  border-top-color: #f0dade;
}
[data-vr-theme="light"] .xhs-ts-diag code {
  background: #f7f1f2;
  color: #2a2c31;
}

/* ══════════════════════════════════════════════════════════════
   0.18.5 重构：信息分层
   ① 【我的状态】大卡片 ② 需要我做的事 ③ 团队概况格子
   ④ 成员表（按账号聚合）⑤ 折叠的高级操作 + 诊断
   ══════════════════════════════════════════════════════════════ */

/* ── ① 我的状态大卡片：第一眼就看这个 ── */
.xhs-ts-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px 14px; border-radius: 10px; margin: 6px 0 12px;
  border: 1px solid var(--xhs-card-border, #322e29);
  background: var(--xhs-card-bg, #1b1916);
}
.xhs-ts-hero.is-ok    { border-color: rgba(31,157,109,.45); background: rgba(31,157,109,.08); }
.xhs-ts-hero.is-warn  { border-color: rgba(200,128,31,.50); background: rgba(200,128,31,.10); }
.xhs-ts-hero.is-info  { border-color: rgba(80,140,220,.40); background: rgba(80,140,220,.08); }
.xhs-ts-hero-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.xhs-ts-hero-icon {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 15px; line-height: 1;
}
.xhs-ts-hero.is-ok   .xhs-ts-hero-icon { background: rgba(31,157,109,.20); color: #35c98d; }
.xhs-ts-hero.is-warn .xhs-ts-hero-icon { background: rgba(200,128,31,.22); color: #e0a03c; }
.xhs-ts-hero.is-info .xhs-ts-hero-icon { background: rgba(80,140,220,.20); color: #6aa4e8; }
.xhs-ts-hero-title { display: block; font-size: 14.5px; font-weight: 600; }
.xhs-ts-hero-sub   { display: block; font-size: 12px; opacity: .72; margin-top: 2px; }
.xhs-ts-hero-team  { flex: 0 0 auto; font-size: 12px; opacity: .6; }

/* ── ② 需要我做的事：一个问题一个按钮 ── */
.xhs-ts-todos { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.xhs-ts-todo {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 12px; border-radius: 8px;
  border: 1px solid var(--xhs-card-border, #322e29);
  background: var(--l-inset, rgba(255,255,255,.02));
}
.xhs-ts-todo.is-primary { border-color: rgba(232,69,47,.35); }
.xhs-ts-todo-text { min-width: 0; }
.xhs-ts-todo-text b { display: block; font-size: 13px; }
.xhs-ts-todo-text span { display: block; font-size: 11.5px; opacity: .68; margin-top: 1px; }

/* ── ③ 团队概况格子 ── */
.xhs-ts-ov {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px;
}
.xhs-ts-ov-item {
  flex: 1 1 0; min-width: 76px;
  padding: 8px 10px; border-radius: 8px; text-align: center;
  border: 1px solid var(--xhs-card-border, #322e29);
  background: var(--l-inset, rgba(255,255,255,.02));
}
.xhs-ts-ov-item b { display: block; font-size: 17px; font-weight: 700; line-height: 1.2; }
.xhs-ts-ov-item span { display: block; font-size: 11px; opacity: .65; margin-top: 2px; }
.xhs-ts-ov-item.is-warn b { color: #e0a03c; }
.xhs-ts-ov-sm { font-size: 12px !important; word-break: break-all; }

/* ── ④ 成员电脑列表：折叠展开 ── */
.xhs-ts-devbtn {
  font-size: 11px; padding: 2px 7px; border-radius: 5px; cursor: pointer;
  border: 1px solid var(--xhs-card-border, #322e29);
  background: transparent; color: inherit; opacity: .8;
}
.xhs-ts-devbtn:hover { opacity: 1; }
.xhs-ts-devlist { margin-top: 5px; display: flex; flex-direction: column; gap: 4px; }
.xhs-ts-devrow { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 11.5px; opacity: .85; }

/* ── 高级操作折叠块 ── */
.xhs-ts-more { margin-top: 10px; }
.xhs-ts-more summary { font-size: 12.5px; }

/* ── 浅色主题 ── */
[data-vr-theme="light"] .xhs-ts-hero,
[data-vr-theme="light"] .xhs-ts-todo,
[data-vr-theme="light"] .xhs-ts-ov-item {
  border-color: #f0dade;
  background: #fdf7f8;
}
[data-vr-theme="light"] .xhs-ts-hero.is-ok   { border-color: rgba(31,157,109,.38); background: rgba(31,157,109,.07); }
[data-vr-theme="light"] .xhs-ts-hero.is-warn { border-color: rgba(200,128,31,.40); background: rgba(200,128,31,.08); }
[data-vr-theme="light"] .xhs-ts-hero.is-info { border-color: rgba(80,140,220,.32); background: rgba(80,140,220,.07); }
[data-vr-theme="light"] .xhs-ts-devbtn { border-color: #f0dade; color: #2a2c31; }
[data-vr-theme="light"] .xhs-ts-ov-item.is-warn b { color: #b8761a; }

/* ── 素材同步进度（只在「还缺着」时显示）── */
.xhs-ts-sync {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid rgba(80, 140, 220, .38);
  background: rgba(80, 140, 220, .08);
}
.xhs-ts-sync-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.xhs-ts-sync-head b { font-size: 13px; }
.xhs-ts-sync-head span { font-size: 11.5px; opacity: .72; }
.xhs-ts-sync-bar {
  margin: 7px 0 5px;
  height: 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .10);
  overflow: hidden;
}
.xhs-ts-sync-bar i {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, #508cdc, #6aa4e8);
  transition: width .4s ease;
}
.xhs-ts-sync-note { font-size: 11.5px; opacity: .62; }

/* ── 一键找负责人 ── */
.xhs-ts-help { margin-top: 10px; }
.xhs-ts-help summary { font-size: 12.5px; }
.xhs-ts-fb-input {
  width: 100%;
  margin: 6px 0 8px;
  padding: 8px 10px;
  border-radius: 7px;
  border: 1px solid var(--xhs-card-border, #322e29);
  background: var(--l-inset, rgba(255, 255, 255, .03));
  color: inherit;
  font: inherit;
  font-size: 12.5px;
  resize: vertical;
  box-sizing: border-box;
}
.xhs-ts-fb-input:focus { outline: none; border-color: rgba(232, 69, 47, .55); }

/* 浅色主题 */
[data-vr-theme="light"] .xhs-ts-sync {
  border-color: rgba(80, 140, 220, .32);
  background: rgba(80, 140, 220, .07);
}
[data-vr-theme="light"] .xhs-ts-sync-bar { background: rgba(0, 0, 0, .08); }
[data-vr-theme="light"] .xhs-ts-fb-input {
  border-color: #f0dade;
  background: #fdf7f8;
  color: #2a2c31;
}