:root {
  color-scheme: light;
  --tx-ink: #111317;
  --tx-blue: #245faa;
  --tx-blue-light: #79a7ff;
  --tx-dark: #101216;
  --tx-bg: #f5f7fa;
  --tx-surface: #ffffff;
  --tx-text: #171b22;
  --tx-muted: #66717f;
  --tx-faint: #929baa;
  --tx-line: #dde3ea;
  --tx-line-soft: #edf0f4;
  --tx-success: #197356;
  --tx-success-bg: #e7f5ef;
  --tx-warning: #8b5f18;
  --tx-warning-bg: #fff2dc;
  --tx-danger: #b33249;
  --tx-danger-bg: #fdebed;
  --tx-info-bg: #eef4fc;
  --tx-radius-sm: 4px;
  --tx-radius-md: 6px;
  --tx-radius-lg: 8px;
  --tx-shadow-soft: 0 12px 34px rgba(17, 19, 23, 0.06);
  --tx-shadow-panel: 0 22px 60px rgba(17, 19, 23, 0.1);
  --tx-space-1: 4px;
  --tx-space-2: 8px;
  --tx-space-3: 12px;
  --tx-space-4: 16px;
  --tx-space-5: 24px;
  --tx-space-6: 32px;
  --tx-space-7: 48px;
  --tx-space-8: 64px;
  --tx-space-9: 96px;
  --tx-content: 1180px;
  --tx-font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea {
  font-family: var(--tx-font-sans);
  letter-spacing: 0;
}

button,
a,
input,
select,
textarea {
  outline-color: var(--tx-blue);
}