/* 深浅色共用入口；浅色沿用原页面，深色参考插件用户中心的暖灰配色。 */
[data-slot="theme"] { cursor: pointer; }
[data-slot="theme"] .theme-moon { display: none; }
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] [data-slot="theme"] .theme-sun { display: none; }
html[data-theme="dark"] [data-slot="theme"] .theme-moon { display: block; }

html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #1f1d1b;
  --surface: #292623;
  --card: #2e2b28;
  --line: #423e3a;
  --ink: #e8e5e2;
  --ink-secondary: #cfc9c4;
  --ink-2: #cfc9c4;
  --muted: #a09a94;
  --fox-deep: #ff9b50;
  --fox-soft: rgba(232, 93, 4, .16);
  --fox-ring: rgba(232, 93, 4, .32);
  --teal: #2dd4bf;
  --teal-soft: rgba(45, 212, 191, .12);
  --danger: #f87171;
  --good: #4ade80;
}
html[data-theme="dark"] body {
  background: radial-gradient(ellipse at 8% 0, rgba(232, 93, 4, .07), transparent 38%), var(--paper);
}
html[data-theme="dark"] .site-header { background: rgba(41, 38, 35, .92); border-color: var(--line); box-shadow: 0 4px 28px rgba(0, 0, 0, .15); }
html[data-theme="dark"] .nav-divider,
html[data-theme="dark"] .core-divider,
html[data-theme="dark"] .stat-div,
html[data-theme="dark"] .plans-divider::before,
html[data-theme="dark"] .plans-divider::after { background: var(--line); }
html[data-theme="dark"] .icon-button { color: var(--muted); }
html[data-theme="dark"] .icon-button:hover { color: var(--fox-deep); }
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .language-button:focus-within { background: var(--fox-soft); }
html[data-theme="dark"] .language-button select option { color: var(--ink); background: var(--card); }
html[data-theme="dark"] .skip-link { background: var(--ink); color: var(--paper); }
html[data-theme="dark"] .hero-capabilities { background: linear-gradient(115deg, #332b24, var(--surface) 52%, #24302d); border-color: rgba(232, 93, 4, .3); box-shadow: 0 8px 30px rgba(0, 0, 0, .16); }
html[data-theme="dark"] .about-section { --about-bg: #292623; }
html[data-theme="dark"] .about-media-frame,
html[data-theme="dark"] .product-showcase-media { background: var(--card); border-color: var(--line); box-shadow: 0 18px 48px rgba(0, 0, 0, .28); }
html[data-theme="dark"] .platforms-section { background: #242220; }
html[data-theme="dark"] .platforms-scroll { border-color: var(--line); }
html[data-theme="dark"] .platforms-toggle { border-color: #57524d; color: var(--muted); }
html[data-theme="dark"] .platforms-toggle:hover { border-color: var(--fox-deep); color: var(--fox-deep); }
html[data-theme="dark"] .platform { color: #a09a94; }
html[data-theme="dark"] .platform img { filter: brightness(1.25); }
html[data-theme="dark"] .features-section { background: radial-gradient(ellipse at 12% 65%, rgba(232, 93, 4, .045), transparent 55%), radial-gradient(ellipse at 88% 70%, rgba(45, 212, 191, .035), transparent 55%), var(--paper); }
html[data-theme="dark"] .feature-card { background: var(--surface); border-color: #534032; box-shadow: 0 6px 24px rgba(0, 0, 0, .16); }
html[data-theme="dark"] .feature-card-live { border-color: #34504a; }
html[data-theme="dark"] .feature-card:hover { box-shadow: 0 14px 34px rgba(0, 0, 0, .28); }
html[data-theme="dark"] .feature-card-live .feature-card-icon { background: var(--teal-soft); }
html[data-theme="dark"] .feature-benefits li::before { border-color: #4ade80; }
html[data-theme="dark"] .product-showcase { background: #242220; border-color: var(--line); }
html[data-theme="dark"] .live-showcase { background: var(--surface); }
html[data-theme="dark"] .languages-section { background: linear-gradient(180deg, var(--paper), #242220); border-color: var(--line); }
html[data-theme="dark"] .languages-icon { background: linear-gradient(135deg, #253338, #24302d); border-color: #34504a; color: var(--teal); }
html[data-theme="dark"] .language-card { background: var(--surface); border-color: var(--line); }
html[data-theme="dark"] .language-card:hover { border-color: #49796e; box-shadow: 0 5px 18px rgba(0, 0, 0, .2); }
html[data-theme="dark"] .install-cta { border-color: var(--line); }
html[data-theme="dark"] .ambient { opacity: .6; }
html[data-theme="dark"] .ambient-grid { opacity: .08; }
html[data-theme="dark"] .account-dropdown { background: var(--surface); border-color: var(--line); box-shadow: 0 12px 34px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .account-status { color: var(--danger); }

/* 充值卡片与订单预览。 */
html[data-theme="dark"] .pricing-section { background: var(--surface); border-color: var(--line); box-shadow: 0 12px 36px rgba(0, 0, 0, .2); }
html[data-theme="dark"] .payment-demo-note { background: var(--fox-soft); }
html[data-theme="dark"] .buy-button { border-color: rgba(232, 93, 4, .45); }
html[data-theme="dark"] .renew-card { background: linear-gradient(112deg, #332b24, var(--card) 56%, #33281f); border-color: rgba(232, 93, 4, .55); box-shadow: 0 8px 24px rgba(0, 0, 0, .22); }
html[data-theme="dark"] .renew-card::after { background: rgba(232, 93, 4, .10); }
html[data-theme="dark"] .renew-top { border-color: #4a382b; }
html[data-theme="dark"] .renew-benefits svg,
html[data-theme="dark"] .saving-note { color: var(--good); }
html[data-theme="dark"] .pricing-plan { background: var(--card); border-color: var(--line); }
html[data-theme="dark"] .pricing-plan.is-selected { background: linear-gradient(#332b24, var(--card) 70%); border-color: var(--fox); box-shadow: 0 10px 24px rgba(0, 0, 0, .3); }
html[data-theme="dark"] .plan-feature { border-color: var(--line); }
html[data-theme="dark"] .buy-button:hover { background: rgba(232, 93, 4, .24); }
html[data-theme="dark"] .pricing-plan.is-selected .buy-button { border-color: var(--fox); background: var(--fox); color: #fff; }
html[data-theme="dark"] .buy-button.is-primary { background: linear-gradient(180deg, #ff7a2a, var(--fox)); }
html[data-theme="dark"] .pack-rules { background: #242220; border-color: var(--line); }
html[data-theme="dark"] .order-dialog { background: var(--surface); border-color: var(--line); box-shadow: 0 24px 80px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .order-dialog::backdrop { background: rgba(0, 0, 0, .55); }
html[data-theme="dark"] .payment-waiting { background: var(--surface); border-color: var(--line); box-shadow: 0 24px 80px rgba(0, 0, 0, .5); }
html[data-theme="dark"] .payment-waiting::backdrop { background: rgba(0, 0, 0, .35); }
html[data-theme="dark"] .waiting-summary { background: var(--card); border-color: var(--line); }
html[data-theme="dark"] .order-head { border-color: var(--line); }
html[data-theme="dark"] .order-close:hover { background: #383431; }
html[data-theme="dark"] .order-details,
html[data-theme="dark"] .pay-option,
html[data-theme="dark"] .cancel-button { background: var(--card); border-color: var(--line); }
html[data-theme="dark"] .pay-option.selected { background: var(--fox-soft); border-color: var(--fox); }
html[data-theme="dark"] .payment-status { background: rgba(232, 229, 226, .96); color: #1c1917; }

/* 登录、注册和重置密码跟随官网偏好。 */
html[data-theme="dark"] .auth-top-actions .language-button { color: var(--ink-2); }
html[data-theme="dark"] .card { background: var(--surface); border-color: var(--line); box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .input { background: var(--card); }
html[data-theme="dark"] .input:focus { border-color: var(--fox-deep); }
html[data-theme="dark"] .field.invalid .input { background: #352724; border-color: #98504b; }
html[data-theme="dark"] .field.invalid .input:focus { box-shadow: 0 0 0 4px rgba(248, 113, 113, .14); }
html[data-theme="dark"] .note { color: var(--muted); border-color: var(--line); }
html[data-theme="dark"] .eye:hover { background: #383431; }
html[data-theme="dark"] .send:disabled { background: #423e3a; color: var(--muted); }
html[data-theme="dark"] .switch a,
html[data-theme="dark"] .legal a { color: var(--fox-deep); }
html[data-theme="dark"] .toast.good { background: #24352b; color: var(--good); border-color: #395b43; }
html[data-theme="dark"] .toast.bad { background: #352724; color: var(--danger); border-color: #98504b; }