/* 渐变玻璃风格：紫→粉→青多彩渐变底、半透明磨砂卡片、大圆角、彩色柔和投影 */

:root{
  /* 亮紫主色 */
  --green:#7C3AED;
  --green-dark:#6D28D9;
  --green-soft:rgba(255,255,255,.55);
  --green-line:rgba(255,255,255,.75);

  /* 文字（深色以适配浅彩渐变，保证可读） */
  --ink:#1E1B4B;
  --ink-2:#3F3A6E;
  --ink-3:#5B5688;
  --line:rgba(255,255,255,.55);
  --card:rgba(255,255,255,.58);

  /* 页面渐变底 */
  --bg:#A78BFA;
  --page-bg:linear-gradient(140deg,#A78BFA 0%,#F472B6 52%,#22D3EE 100%);

  /* 顶栏 / Hero / 面 */
  --head-bg:rgba(255,255,255,.42);
  --hero-bg:linear-gradient(180deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.24) 100%);
  --hero-glow:radial-gradient(920px 320px at 82% -10%,rgba(255,255,255,.6),transparent 62%);
  --surface:#FFFFFF;               /* 白面（含二维码）保持纯白，保证可扫 */
  --foot-bg:rgba(255,255,255,.35);

  /* 图标渐变 */
  --icon-from:rgba(255,255,255,.9);
  --icon-to:rgba(167,139,250,.55);

  /* 按钮 */
  --on-accent:#FFFFFF;
  --on-dark:#FFFFFF;
  --btn-dark:#4C1D95;
  --btn-dark-hover:#3B1578;

  /* 大圆角 + 彩色柔和投影 */
  --radius:22px;
  --shadow:0 16px 40px rgba(124,58,237,.20);
  --shadow-sm:0 8px 24px rgba(124,58,237,.16);
  --hover-shadow:0 22px 48px rgba(236,72,153,.26);
  --panel-shadow:0 24px 60px rgba(76,29,149,.30);

  /* 提示块 */
  --danger:#BE123C;
  --danger-soft:rgba(255,241,242,.72);
  --warn:#B45309;
  --warn-soft:rgba(255,251,235,.72);
  --info:#0E7490;
  --info-soft:rgba(236,254,255,.72);
  --notice-warn-bg:rgba(255,251,235,.78);
  --notice-warn-dot:#F59E0B;
  --notice-warn-tag-bg:rgba(254,240,199,.9);
  --notice-danger-bg:rgba(255,241,242,.78);
  --notice-danger-tag-bg:rgba(254,226,226,.9);
  --warn-line:rgba(245,158,11,.5);
  --warn-ink:#8A4B08;
  --info-line:rgba(34,211,238,.6);
  --info-ink:#0E7490;
  --plat-ios-bg:rgba(255,255,255,.55);

  /* 限流 / 错误页 */
  --center-bg:linear-gradient(160deg,#A78BFA 0%,#F472B6 55%,#22D3EE 100%);
}

/* 卡片毛玻璃 */
.app-card,.mini-card,.notice,.rel,.guide,.contact-box,.panel,.empty,.feature-list li,.site-foot{
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
}

/* 大圆角按钮 */
.btn{border-radius:16px}