/* Material 3 Expressive 基础主题 */
:root {
  --m3-primary: #6750A4;
  --m3-on-primary: #FFFFFF;
  --m3-secondary: #625B71;
  --m3-on-secondary: #FFFFFF;
  --m3-tertiary-container: #FFD8E4;
  --m3-on-tertiary-container: #3B0A1E;
  --m3-secondary-container: #E8DEF8;
  --m3-on-secondary-container: #1D192B;
  --m3-surface: #FFFBFE;
  --m3-on-surface: #1C1B1F;
  --m3-on-surface-variant: #49454F;
  --m3-error: #B3261E;
  --m3-on-error: #FFFFFF;

  --m3-elevation-1: 0 1px 2px rgba(0,0,0,.08);
  --m3-elevation-2: 0 2px 6px rgba(0,0,0,.12);
}

html, body {
  background: var(--m3-surface);
  color: var(--m3-on-surface);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
               Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei",
               "Source Han Sans SC", sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: var(--m3-primary);
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

input, select, textarea {
  font-family: inherit;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 6px 10px;
}