/**
 * Open 页背景（full / soft）— 唯一维护处
 * - AppOpenPage：import 本文件
 * - SCCP 换证 boot（index.html #ew-boot）：vue.config 同步到 public/css/open-page.css 后链入
 * 氛围色与 open-card.css 共用，改渐变时同步看卡片变量
 */

/* 主色贴 logo 底板（teal classic），按钮略沉 #1eabab（避免过亮） */
.open-page,
#ew-boot {
  --open-accent: #1eabab;
  --open-atm-teal: 132 212 206;
  --open-atm-warm: 247 216 170;
  --open-atm-base: #eef5f4;
  --el-color-primary: #1eabab;
  --el-color-primary-light-3: #4fbdbd;
  --el-color-primary-light-5: #78cccc;
  --el-color-primary-light-7: #a0dcdc;
  --el-color-primary-light-8: #bbe6e6;
  --el-color-primary-light-9: #e8f7f7;
  --el-color-primary-dark-2: #1a9393;
}

.app-open-page[data-intensity='full'],
#ew-boot {
  background-color: #eef5f4;
  background-image:
    radial-gradient(ellipse 88% 80% at 0% 100%, rgb(132 212 206 / 58%) 0%, transparent 56%),
    radial-gradient(ellipse 50% 48% at 10% 32%, rgb(206 238 234 / 48%) 0%, transparent 58%),
    radial-gradient(ellipse 70% 72% at 100% 0%, rgb(247 216 170 / 70%) 0%, transparent 54%),
    radial-gradient(ellipse 44% 40% at 90% 48%, rgb(253 236 210 / 55%) 0%, transparent 52%),
    radial-gradient(ellipse 54% 48% at 50% 42%, rgb(255 255 255 / 90%) 0%, transparent 68%);
}

.app-open-page[data-intensity='soft'] {
  background-color: #f4f7f7;
  background-image:
    radial-gradient(ellipse 88% 80% at 0% 100%, rgb(132 212 206 / 22%) 0%, transparent 56%),
    radial-gradient(ellipse 50% 48% at 10% 32%, rgb(206 238 234 / 18%) 0%, transparent 58%),
    radial-gradient(ellipse 70% 72% at 100% 0%, rgb(247 216 170 / 26%) 0%, transparent 54%),
    radial-gradient(ellipse 44% 40% at 90% 48%, rgb(253 236 210 / 20%) 0%, transparent 52%),
    radial-gradient(ellipse 54% 48% at 50% 42%, rgb(255 255 255 / 72%) 0%, transparent 68%);
}