:root {
  --color-page: #f5f7fb;
  --color-surface: #ffffff;
  --color-text: #18202a;
  --color-text-secondary: #667085;
  --color-text-tertiary: #98a2b3;
  --color-border: #e4e7ec;
  --color-primary: #1a5cff;
  --color-primary-pressed: #0f43cc;
  --color-primary-light: #e9efff;
  --color-danger: #b42318;
  --color-warning: #e67e22;
  --color-success: #16a34a;
  --color-overlay: rgb(24 32 42 / 48%);
  --shadow-surface: 0 2px 10px rgb(16 24 40 / 6%);
  --shadow-card: 0 6px 20px rgb(26 92 255 / 10%);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 手机外壳（桌面预览时居中展示，无刘海） */
  --screen-width: 375px;
  --screen-height: 812px;
  --bezel: 10px;
  --device-radius: 48px;
  --screen-radius: 34px;
  --statusbar-height: 34px;
  --desktop-bg: #e9edf3;
  --tabbar-height: 56px;
  --grid-col: 4;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--color-page);
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  color: var(--color-text);
  background: var(--color-page);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.5;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

button:focus-visible,
a:focus-visible {
  outline: 3px solid rgb(23 107 135 / 30%);
  outline-offset: 2px;
}