:root {
  color-scheme: light;
  --xp-bg: #eaeae4;
  --xp-paper: #f2f1eb;
  --xp-text: #30312f;
  --xp-muted: #696b65;
  --xp-line: #d8d9d2;
  --xp-soft: #e5e6df;
  --xp-blue: #2563eb;
  --xp-button: #2563eb;
  --bg-color: var(--xp-bg);
  --surface-color: var(--xp-paper);
  --text-primary: var(--xp-text);
  --text-secondary: var(--xp-muted);
  --border-color: var(--xp-line);
  --link-color: var(--xp-blue);
  --hover-bg: var(--xp-soft);
  --accent-color: var(--xp-blue);
  --error-color: #a33d35;
  --error-bg: #f8e9e5;
  --success-color: #23715e;
  --success-bg: #e5f2eb;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; --xp-bg:#171819; --xp-paper:#202122; --xp-text:#deded8; --xp-muted:#a7aaa5; --xp-line:#343638; --xp-soft:#292b2d; --xp-blue:#82adff; --xp-button:#3869d9; --error-color:#ffb2a7; --error-bg:#382526; --success-color:#91d9bd; --success-bg:#1c332d; }
}
:root[data-theme="dark"] { color-scheme: dark; --xp-bg:#171819; --xp-paper:#202122; --xp-text:#deded8; --xp-muted:#a7aaa5; --xp-line:#343638; --xp-soft:#292b2d; --xp-blue:#82adff; --xp-button:#3869d9; --error-color:#ffb2a7; --error-bg:#382526; --success-color:#91d9bd; --success-bg:#1c332d; }
* { box-sizing: border-box; }
html { min-width: 320px; }
body { margin: 0; min-height: 100vh; color: var(--xp-text); background: var(--xp-bg); font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.6; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: var(--xp-blue); text-decoration: none; }
button:disabled { cursor: wait; opacity: .65; }
:focus-visible { outline: 2px solid var(--xp-blue); outline-offset: 4px; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }