* {
  box-sizing: border-box;
}

:root {
  --page-bg: #eef7ff;
  --panel-bg: rgba(255, 255, 255, 0.94);
  --panel-soft: #f7fbff;
  --line: #dbe9f7;
  --line-strong: #c6def2;
  --text: #26425e;
  --text-soft: #5f7e9c;
  --title: #1e537f;
  --blue: #6ab8ff;
  --blue-deep: #2f7fd0;
  --blue-soft: #dff0ff;
  --blue-soft-2: #edf7ff;
  --danger-soft: #fff1f1;
  --danger: #ad3b3b;
  --success-soft: #ecfbf2;
  --success: #1f7f4a;
  --warning-soft: #fff9eb;
  --warning: #9c6d1f;
  --shadow: 0 18px 48px rgba(110, 163, 214, 0.16);
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
}

html {
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top right, rgba(149, 211, 255, 0.32), transparent 24%),
    radial-gradient(circle at left 20%, rgba(138, 197, 255, 0.22), transparent 22%),
    linear-gradient(180deg, #f5fbff 0%, #edf6ff 100%);
  color: var(--text);
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

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