/* 卡密轮换页（rotate.html，exchange.<domain>）：在 ai.css 的底子上加说明、新卡密、找回提示、确认弹窗。
   ai.css 先加载（版式、卡片、按钮、表单、弹窗、提示），这里只放轮换专用的几条。 */
.newcdk { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 16px 0; padding: 16px; border-radius: 14px; background: var(--accent-soft); }
/* 一次点击选中整串，手机上不用拖选 */
.newcdk code { min-width: 0; color: var(--accent-strong); font-size: var(--fs-body); font-weight: 600; letter-spacing: 0.02em; line-height: 1.5; user-select: all; -webkit-user-select: all; }
/* 卡密整段显示、不截断：窄屏优先在连字符处换行，实在放不下才在字符间断开（.mono 默认是任意位置断开） */
#newCdk, #rotatedOld, .dialog-code { word-break: normal; overflow-wrap: anywhere; }
.rotated .order-meta { margin-top: 0; }
.rotate-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
/* 去兑换站的链接是 <a>：和按钮一样居中，不加下划线 */
.rotate-actions a.btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
/* 找回提示与“安全验证”同一种琥珀底 */
.recover { display: grid; gap: 12px; margin: 24px 0 0; padding: 16px; border: 1px solid color-mix(in srgb, var(--amber) 45%, transparent); border-radius: 14px; background: var(--amber-soft); }
.recover .verify-copy span { overflow-wrap: anywhere; }
.recover-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.recover + .card { margin-top: 16px; }
.dialog-code { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: var(--surface-2); font-size: var(--fs-sub); line-height: 1.5; }
#rotateDialog .hint { margin: 0 0 20px; }
.dialog-actions { display: flex; gap: 8px; }
.dialog-actions .btn { flex: 1 1 0; }

@media (max-width: 560px) {
  .recover { margin-top: 20px; }
  .recover-actions .btn, .rotate-actions .btn { flex: 1 1 100%; }
  .newcdk { grid-template-columns: minmax(0, 1fr); }
  .newcdk code { font-size: var(--fs-sub); }
  .newcdk .btn { width: 100%; }
}