/* ═══════════════════════════════════════════════════════════════
   财小云 V17 — 扫码开通（register）页面专属版式
   依赖：tokens.css / base.css / home.css / components.css
   结构：极简 Hero + 双码大卡 / 扫码后 3 步（复用 edit-list）/ 常见疑虑 3 条
   定位：扫码终点，双码直接展示（不走 modal）；无 cta-band 避免自我循环
   ═══════════════════════════════════════════════════════════════ */

/* ────────── Hero（左右双栏：左文 + 右双码大卡）────────── */
.hero-register { padding: var(--cxy-space-12) 0; }
.register-in {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 5fr 7fr; gap: var(--cxy-space-12); align-items: center;
}
.register-head .hello { margin-bottom: var(--cxy-space-5); }
.register-head h1 {
  font-family: var(--cxy-font-cn); font-weight: var(--cxy-weight-heavy);
  font-size: clamp(2.25rem, 1.2rem + 4vw, 3.25rem);
  line-height: var(--cxy-leading-tight); letter-spacing: var(--cxy-tracking-tight);
  color: var(--cxy-ink); margin: 0 0 var(--cxy-space-5);
}
.register-head h1 .grad { white-space: nowrap; }
.register-head .hero-sub {
  font-size: var(--cxy-size-body-article); color: var(--cxy-text);
  max-width: 22em; margin: 0;
}

/* 双码大卡（左免费体检 + 右税无忧顾问）*/
.register-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cxy-space-5); }
.register-card {
  position: relative; padding: var(--cxy-space-7) var(--cxy-space-6);
  background: var(--cxy-surface-card);
  border: var(--cxy-border-hairline) solid var(--cxy-border);
  border-radius: var(--cxy-radius-xl);
  box-shadow: var(--cxy-elevation-1);
  overflow: hidden;   /* V17 修正（260719）：裁切顶部极光装饰线，防超出卡片圆角（Haning 反馈）*/
  transition: transform var(--cxy-duration-base) var(--cxy-ease-out),
              box-shadow var(--cxy-duration-base) var(--cxy-ease-out);
  display: flex; flex-direction: column; align-items: center; gap: var(--cxy-space-4);
}
.register-card:hover { transform: translateY(-3px); box-shadow: var(--cxy-elevation-2); }
.register-card::before {
  content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px;
  background: var(--cxy-gradient-aurora);   /* 圆角由 .register-card overflow:hidden 裁切，不再自设 border-radius（防超出）*/
}
/* 税无忧顾问卡：墨底沉轨，与免费体检卡构成亮/沉对比 */
.register-card-consult {
  background: var(--cxy-isle-bg);
  border-color: transparent;
  --cxy-ink: var(--cxy-isle-ink); --cxy-ink-2: var(--cxy-isle-ink-2);
  --cxy-text: var(--cxy-isle-text); --cxy-muted: var(--cxy-isle-muted);
  --cxy-surface-card: var(--cxy-isle-surface-card);
  --cxy-tint-green-bg: var(--cxy-isle-tint-green-bg); --cxy-tint-green-fg: var(--cxy-isle-tint-green-fg);
}
:root[data-theme="dark"] .register-card-consult { border: var(--cxy-border-hairline) solid var(--cxy-border); }
.register-card-consult::before { background: linear-gradient(135deg, var(--cxy-green) 0%, var(--cxy-cyan) 100%); }

.register-qr img {
  width: 160px; height: 160px; border-radius: var(--cxy-radius-md);
  background: var(--cxy-on-color); padding: var(--cxy-space-2);
}
.register-card-text { text-align: center; display: flex; flex-direction: column; gap: var(--cxy-space-2); align-items: center; }
.chip-free, .chip-wuyou {
  display: inline-flex; align-items: center;
  font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-bold);
  padding: var(--cxy-space-1) var(--cxy-space-3); border-radius: var(--cxy-radius-pill);
  white-space: nowrap;
}
.chip-free { background: var(--cxy-tint-green-bg); color: var(--cxy-tint-green-fg); }
.chip-wuyou { background: var(--cxy-tint-green-bg); color: var(--cxy-tint-green-fg); }
.register-card-text b {
  font-family: var(--cxy-font-cn); font-weight: var(--cxy-weight-heavy);
  font-size: var(--cxy-size-h3); color: var(--cxy-ink); line-height: var(--cxy-leading-snug);
}
.register-card-text > span:last-child {
  font-size: var(--cxy-size-caption); color: var(--cxy-muted);
}
.register-disc {
  font-size: var(--cxy-size-label); color: var(--cxy-muted); line-height: var(--cxy-leading-body);
  text-align: center; margin: var(--cxy-space-2) 0 0;
  padding-top: var(--cxy-space-3);
  border-top: var(--cxy-border-hairline) solid color-mix(in srgb, var(--cxy-on-color) 10%, transparent);
  width: 100%;
}

/* ────────── §3 常见疑虑 3 条 ────────── */
.register-faqs { list-style: none; padding: 0; margin-top: var(--cxy-space-8); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cxy-space-5); }
.register-faqs li {
  padding: var(--cxy-space-6);
  background: var(--cxy-surface-card);
  border: var(--cxy-border-hairline) solid var(--cxy-border);
  border-radius: var(--cxy-radius-lg);
  box-shadow: var(--cxy-elevation-1);
}
.register-faqs h3 {
  display: flex; align-items: center; gap: var(--cxy-space-2);
  font-size: var(--cxy-size-body); font-weight: var(--cxy-weight-bold); color: var(--cxy-ink);
  margin: 0 0 var(--cxy-space-3);
}
.register-faqs h3::before {
  content: "Q"; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: var(--cxy-radius-xs);
  background: var(--cxy-tint-blue-bg); color: var(--cxy-action);
  font-family: var(--cxy-font-display); font-size: var(--cxy-size-caption); font-weight: var(--cxy-weight-bold);
}
.register-faqs p { font-size: var(--cxy-size-sm); color: var(--cxy-text); line-height: var(--cxy-leading-body); margin: 0; }

/* ────────── 响应式 ────────── */
@media (max-width: 960px) {
  .register-in { grid-template-columns: 1fr; gap: var(--cxy-space-9); }
  .register-head { text-align: center; }
  .register-head .hello, .register-head h1, .register-head .hero-sub { margin-left: auto; margin-right: auto; }
}
@media (max-width: 768px) {
  .register-faqs { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .register-pair { grid-template-columns: 1fr; }
}