/* 三个页面共用的深色主题，置于页面样式之后；浅色主题不受影响。 */
html[data-theme="dark"] {
  color-scheme: dark;
  --shop-bg: #111418;
  --shop-surface: #1b2027;
  --shop-surface-strong: #232a33;
  --shop-text: #edf0f4;
  --shop-muted: #a6afbd;
  --shop-line: #343d49;
  --shop-ink: #e2e8f0;
  --shop-accent: #b7c9df;
  --shop-success: #79c9a7;
  --shop-shadow: 0 16px 40px rgba(0, 0, 0, .18);
}
[data-theme="dark"] body[data-page] {
  background: radial-gradient(ellipse at 50% 0, #1c232d 0, transparent 55%), var(--shop-bg);
}
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .plan-badge,
[data-theme="dark"] .redeem-option-badge,
[data-theme="dark"] .redeem-guide .redeem-option-badge {
  background: #2a3441;
  color: #c4d3e5;
}
[data-theme="dark"] .flow-nav { background: #171c23; border-color: #303844; box-shadow: none; }
[data-theme="dark"] .flow-nav .flow-step { color: #a6afbd; }
[data-theme="dark"] .flow-nav .flow-step:hover { background: #252d38; color: #edf0f4; }
[data-theme="dark"] .flow-nav .flow-step.active,
[data-theme="dark"] .flow-nav .flow-step.active:hover {
  background: #354254;
  color: #f5f7fb;
  box-shadow: inset 0 0 0 1px #52647b, 0 2px 6px #0002;
}
[data-theme="dark"] .flow-step.active small { color: #d0dae7; opacity: 1; }
[data-theme="dark"] .plan,
[data-theme="dark"] .panel,
[data-theme="dark"] .redeem-option { background: var(--shop-surface); border-color: var(--shop-line); }
[data-theme="dark"] .plan.pro { background: linear-gradient(145deg, #222a35, #1c222b); border-color: #465367; }
[data-theme="dark"] .plan li::before { color: #92a9c5; }
[data-theme="dark"] .primary,
[data-theme="dark"] .layui-btn.primary,
[data-theme="dark"] .redeem-option-action {
  background: #dce4ef;
  color: #19212c;
  box-shadow: 0 3px 10px #0002;
}
[data-theme="dark"] .primary:hover,
[data-theme="dark"] .layui-btn.primary:hover,
[data-theme="dark"] .redeem-option-action:hover { background: #f0f4f9; color: #131a23; }
[data-theme="dark"] .primary:active,
[data-theme="dark"] .redeem-option-action:active { background: #c1cede; }
[data-theme="dark"] .variant-switch { background: #111820; box-shadow: inset 0 0 0 1px #303b49; }
[data-theme="dark"] .variant-switch .variant-option { color: #aebbcf; }
[data-theme="dark"] .variant-switch .variant-option:hover { background: #2c3848; color: #f1f5fa; }
[data-theme="dark"] .variant-switch .variant-option.active,
[data-theme="dark"] .variant-switch .variant-option.active:hover,
[data-theme="dark"] .variant-switch .variant-option.active:active { background: #dce4ef; color: #19212c; box-shadow: 0 1px 5px #0004; }
[data-theme="dark"] .modal-card,
[data-theme="dark"] .verify-card,
[data-theme="dark"] .announcement-dialog,
[data-theme="dark"] .help-panel { background: #202731; border-color: #414e5e; box-shadow: 0 24px 64px #0006; }
[data-theme="dark"] .field .layui-input {
  background: #151b23;
  border-color: #3b4756;
  color: #edf0f4;
}
[data-theme="dark"] .field .layui-input::placeholder { color: #8996a8; }
[data-theme="dark"] .field .layui-input:hover,
[data-theme="dark"] .field .layui-input:focus {
  border-color: #8099b8 !important;
  box-shadow: 0 0 0 3px rgba(128, 153, 184, .16);
}
[data-theme="dark"] .order-summary,
[data-theme="dark"] .success-order,
[data-theme="dark"] .verify-order-summary,
[data-theme="dark"] .order-result-item,
[data-theme="dark"] .empty-result,
[data-theme="dark"] .card-key-item,
[data-theme="dark"] .payment-stage,
[data-theme="dark"] .payment-tabs { background: #171e27; border-color: #364252; }
[data-theme="dark"] .order-total { color: #d9e5f5; }
[data-theme="dark"] .quantity-button,
[data-theme="dark"] .quantity-button:hover,
[data-theme="dark"] .text-action,
[data-theme="dark"] .text-action:hover,
[data-theme="dark"] .copy-order,
[data-theme="dark"] .copy-order:hover { background: #2a3544; border-color: #4a5b70; color: #deE7f3; }
[data-theme="dark"] .payment-tab.active,
[data-theme="dark"] .payment-tab.active:hover { background: #354254; color: #f5f7fb; border-color: #617692; }
/* 二维码保持白色底，确保扫码对比度。 */
[data-theme="dark"] .qr-shell { background: #fff; }
[data-theme="dark"] .order-status { background: #3a3328; color: #e3c28b; }
[data-theme="dark"] .order-status.paid { background: #203c32; color: #93d9b9; }
[data-theme="dark"] .redeem-option::after,
[data-theme="dark"] .redeem-guide::after { background: rgba(133, 160, 195, .08); }
[data-theme="dark"] .redeem-option-icon,
[data-theme="dark"] .redeem-guide .redeem-option-icon { background: #324154; color: #dbe7f5; }
[data-theme="dark"] .redeem-guide-steps { background: #171e27; color: #b6c1d0; }
[data-theme="dark"] .cat,
[data-theme="dark"] .cat:hover,
[data-theme="dark"] .cat:active { background: #252f3c; border-color: #4a5a70; color: #dce7f5; }
[data-theme="dark"] .close,
[data-theme="dark"] .help-close,
[data-theme="dark"] .verify-close { background: #28323f; border-color: #424f61; color: #c4cede; }
[data-theme="dark"] .announcement-content a,
[data-theme="dark"] .faq-answer a { color: #b4d1f5; text-decoration: underline; }
[data-theme="dark"] .announcement-content pre,
[data-theme="dark"] .faq-answer pre { background: #151b23; color: #dce7f5; }
[data-theme="dark"] .top-actions .order-link:hover,
[data-theme="dark"] .top-actions .theme:hover { background: #2c3745; border-color: #63758d; }
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] button:focus-visible { outline-color: #9db5d4; }