:root {
  --red: #ff413d;
  --red-2: #ff4d47;
  --red-btn: #fb534f;
  --yellow: #ffd115;
  --yellow-bar: #ffe566;
  --green: #06c755;
  --text: #111;
  --muted: #333;
  --content: 1300px;
  --page: 1920px;
  --page-min: 1200px;
  /* 100×100 虚线格子，四角圆点拼成交接处完整圆点，#f6f6f6（仅 body 使用） */
  --grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath d='M0 0.5 H100' stroke='%23f6f6f6' stroke-width='1' stroke-dasharray='4 4' fill='none'/%3E%3Cpath d='M0.5 0 V100' stroke='%23f6f6f6' stroke-width='1' stroke-dasharray='4 4' fill='none'/%3E%3Ccircle cx='0' cy='0' r='3.5' fill='%23f6f6f6'/%3E%3Ccircle cx='100' cy='0' r='3.5' fill='%23f6f6f6'/%3E%3Ccircle cx='0' cy='100' r='3.5' fill='%23f6f6f6'/%3E%3Ccircle cx='100' cy='100' r='3.5' fill='%23f6f6f6'/%3E%3C/svg%3E");
}