:root {
  --accent: #e689ed;
  --gradient-start: #b19dea;
  --gradient-end: #ea9dd2;
  --background: #f9f7ff;
  --surface: #ffffff;
  --text: #313131;
  --muted: #657786;
  --border: #e1e8ed;
  --control-gradient-start: #b19dea;
  --control-gradient-end: #ea9dd2;
  --hero-overlay-start: #24182e;
  --hero-overlay-end: #120d18;
  --banner-height: 500px;
  --content-width: 1190px;
  --radius: 8px;
  --avatar-radius: 8px;
  --control-radius: 8px;
  --search-radius: 8px;
  --site-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeiti, "WenQuanYi Micro Hei", Helvetica, Arial, sans-serif;
  --code-background: #201d27;
  --code-text: #f8f5ff;
}
.hero { background-image: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)); }