/* 苏哲AI订阅中心 · 联系支持分组样式（微信优先）
   全站共用。作用域一律 .chub-*，不与 site.css 的 .nav-contact-* / .guide-link 规则互相踩。 */

/* ── 分组小标题 ── */
.chub-label {
  margin: 9px 4px 1px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  color: rgba(20, 20, 19, .62);
  text-transform: uppercase;
  font-family: var(--font-ui, "Geist", system-ui, -apple-system, "Segoe UI", sans-serif);
}
.chub-label:first-child { margin-top: 2px; }
html.theme-dark .chub-label,
body.theme-dark .chub-label,
.support-modal-card .chub-label { color: rgba(245, 244, 242, .62); }

/* ── 微信主推卡 ── */
.chub-primary {
  padding: 11px 11px 12px;
  border: 1.5px solid rgba(7, 193, 96, .3);
  border-radius: 14px;
  background: rgba(7, 193, 96, .06);
}
html.theme-dark .chub-primary,
body.theme-dark .chub-primary {
  border-color: rgba(7, 193, 96, .34);
  background: rgba(7, 193, 96, .1);
}
.chub-primary-head { display: flex; align-items: center; gap: 7px; margin: 0 0 5px; padding: 0 4px; }
.chub-primary-head img { width: 16px; height: 16px; flex-shrink: 0; display: block; }
.chub-primary-title { font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.chub-primary-badge {
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .07em;
  white-space: nowrap;
  color: #04803f;
  background: rgba(7, 193, 96, .16);
}
html.theme-dark .chub-primary-badge,
body.theme-dark .chub-primary-badge { color: #5ee6a0; background: rgba(7, 193, 96, .2); }
.chub-primary-acts { display: flex; gap: 7px; }

.chub-primary-acts .chub-btn {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 8px 6px;
  border-radius: 9px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background .16s, border-color .16s, transform .12s;
}
.chub-primary-acts .chub-btn:active { transform: translateY(1px); }
.chub-primary-acts .chub-btn-p { border: none; color: #fff; background: #07C160; box-shadow: 0 3px 12px rgba(7, 193, 96, .26); }
.chub-primary-acts .chub-btn-p:hover { background: #06a854; }
.chub-primary-acts .chub-btn-s { border: 1px solid rgba(127, 127, 127, .34); background: transparent; color: inherit; }
.chub-primary-acts .chub-btn-s:hover { background: rgba(127, 127, 127, .12); }

/* ── 分组条目 ── */
.chub-item { align-items: center !important; }
.chub-item::after { content: none !important; }
.chub-help-card p { color: rgba(20, 20, 19, .68); }
html.theme-dark .chub-help-card p, body.theme-dark .chub-help-card p { color: rgba(245, 244, 242, .68); }

/* ── 支持面板 / 页脚里复用同一套分组 ── */
.chub-list { display: grid; gap: 5px; }
.chub-list .chub-label { margin: 10px 2px 2px; }
.chub-list .chub-label:first-child { margin-top: 0; }

/* 页脚窄列：主推卡收成一行两按钮 */
.chub-foot .chub-primary { padding: 10px; }
.chub-foot 
/* ── 人工发货联系弹窗：卡片恒为深色，主推卡跟着走深色 ── */
.support-modal-card .chub-primary {
  margin-bottom: 14px;
  color: #f1f3f5;
  border-color: rgba(7, 193, 96, .34);
  background: rgba(7, 193, 96, .1);
}
.support-modal-card .chub-primary-badge { color: #5ee6a0; background: rgba(7, 193, 96, .2); }
.support-modal-card .chub-primary-acts .chub-btn-s { border-color: rgba(255, 255, 255, .2); color: #f1f3f5; }
.support-modal-card .chub-primary-acts .chub-btn-s:hover { background: rgba(255, 255, 255, .1); }

/* ── 支持面板：分组标题下面那条分隔线是多余的 ── */
.contact-link-list .chub-primary { margin-bottom: 14px; }
.contact-link-list .chub-label + .chub-item { border-top: 0 !important; }

/* ── CDK 激活页侧边帮助卡：微信优先，Telegram 降为次要 ── */
.sz-help-widget .sz-help-link { display: flex; }
.sz-help-link-wx { color: #07C160 !important; font-weight: 600 !important; }
.sz-help-link-alt { margin-top: 7px; opacity: .55; }
.sz-help-link-alt:hover { opacity: .85; }

/* ── 激活控制台侧栏求助卡 ── */
.chub-help-card {
  margin-top: 14px;
  padding: 13px;
  border: 1.5px solid rgba(7, 193, 96, .3);
  border-radius: 14px;
  background: rgba(7, 193, 96, .07);
  font-family: var(--font-ui, "Geist", system-ui, -apple-system, "Segoe UI", sans-serif);
}
.chub-help-head { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; font-size: 13px; font-weight: 600; }
.chub-help-head img { width: 16px; height: 16px; flex-shrink: 0; display: block; }
.chub-help-card p { margin: 0 0 10px; font-size: 11.5px; line-height: 1.6; }



/* ═══ 按平台分区：微信 / QQ / Telegram ═══
   平台图标只出现在分区标题上，行内不再重复「QQ 交流群」这种前缀。
   选择器凑够三个类名才压得过 site.css 的 body.store-page .nav-contact-link / .guide-link (0,2,1) */
.chub-sec {
  margin-top: 8px;
  padding: 11px 10px 9px;
  border: 1px solid rgba(127, 127, 127, .2);
  border-radius: 14px;
}
html.theme-dark .chub-sec,
body.theme-dark .chub-sec { border-color: rgba(255, 255, 255, .13); }

.chub-sec-head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 5px;
  padding: 0 4px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.4;
}
.chub-sec-head img { width: 16px; height: 16px; flex-shrink: 0; display: block; }
/* 平台名是 <p>，会被 site.css 的全局 p 颜色(#a3a3a3)压成灰的，比微信标题弱一档。
   凑两个类名压回去，三张卡的标题保持同一强度。 */
.chub-card .chub-sec-head,
.chub-list .chub-sec-head { color: #141413; }
html.theme-dark .chub-card .chub-sec-head,
html.theme-dark .chub-list .chub-sec-head,
body.theme-dark .chub-card .chub-sec-head,
body.theme-dark .chub-list .chub-sec-head { color: #f5f5f5; }

.chub-card .chub-sec .chub-row,
.chub-list .chub-sec .chub-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 0;
  padding: 7px 8px;
  border: 0;
  border-radius: 9px;
  font-size: 12.5px;
  line-height: 1.4;
  text-decoration: none;
}
.chub-row-name { flex: 0 0 auto; font-weight: 500; white-space: nowrap; }
.chub-row-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(20, 20, 19, .6);
  font-family: ui-monospace, "Geist Mono", SFMono-Regular, Menlo, monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.theme-dark .chub-row-meta,
body.theme-dark .chub-row-meta { color: rgba(245, 244, 242, .6); }
.chub-row-go { flex-shrink: 0; font-family: inherit; font-style: normal; opacity: .6; }
.chub-row.is-copied .chub-row-meta { color: #07C160 !important; }

/* 移动端顶栏是内联手风琴，卡片只有 ~186px 宽，两个按钮并排会把「加客服苏哲」挤断 */
@media (max-width: 640px) {
  .chub-card .chub-primary-acts { flex-direction: column; }
}

/* ── 收尾：压掉 site.css 对 .nav-contact-link 的两条干扰 ──
   ① :hover span 被强加了 underline !important，行名和号码会带下划线
   ② ::after 会生成一个 ↗ 伪元素，它是第三个 flex 项，space-between 把空隙摊成三段，
      号码就贴不到右边缘，两行数字看起来没对齐
   两条都带 !important，只能靠更高特异度（4 个类名）压回去 */
.chub-card .chub-sec .chub-row:hover span,
.chub-card .chub-sec .chub-row:focus-visible span,
.chub-list .chub-sec .chub-row:hover span,
.chub-list .chub-sec .chub-row:focus-visible span { text-decoration: none !important; }

.chub-card .chub-sec .chub-row::after,
.chub-list .chub-sec .chub-row::after { content: none !important; }

/* 号码/箭头一律贴右边缘，两张卡跨行右对齐 */
.chub-card .chub-sec .chub-row .chub-row-meta,
.chub-list .chub-sec .chub-row .chub-row-meta { margin-left: auto; justify-content: flex-end; }