/* 暗黑科技风格：深色底、霓虹青绿主色、暗色边框、带发光感的阴影 */

:root{
  /* 霓虹青绿主色 */
  --green:#2DE3A0;
  --green-dark:#3DF0AE;
  --green-soft:#132A22;
  --green-line:#1E3A30;

  /* 文字 */
  --ink:#E6EDF3;
  --ink-2:#9AA7B2;
  --ink-3:#6B7885;

  /* 底 / 面 / 线 */
  --bg:#0B1116;
  --page-bg:#0B1116;
  --card:#131A21;
  --line:#232C36;

  /* 顶栏 / Hero / 面 */
  --head-bg:rgba(11,17,22,.82);
  --hero-bg:linear-gradient(180deg,#0E1519 0%,#0B1116 100%);
  --hero-glow:radial-gradient(920px 320px at 82% -10%,rgba(45,227,160,.14),transparent 62%);
  --surface:#FFFFFF;               /* 白面（含二维码）保持纯白，保证可扫 */
  --foot-bg:#0E151A;

  /* 图标渐变 */
  --icon-from:#0F1A20;
  --icon-to:#16262B;

  /* 按钮：霓虹底用深字，深色按钮用亮字 */
  --on-accent:#05140D;
  --on-dark:#E6EDF3;
  --btn-dark:#1B2430;
  --btn-dark-hover:#242F3D;

  /* 发光感阴影 */
  --shadow:0 10px 28px rgba(0,0,0,.5),0 0 0 1px rgba(45,227,160,.04);
  --shadow-sm:0 4px 14px rgba(0,0,0,.42);
  --hover-shadow:0 16px 34px rgba(0,0,0,.55),0 0 22px rgba(45,227,160,.16);
  --panel-shadow:0 14px 40px rgba(0,0,0,.6),0 0 30px rgba(45,227,160,.10);

  /* 提示块：深色底 + 亮色字，避免刺眼浅块 */
  --danger:#FF6B6B;
  --danger-soft:#2A1416;
  --warn:#F5B544;
  --warn-soft:#231A0E;
  --info:#6BB6FF;
  --info-soft:#0F1E2C;
  --notice-warn-bg:#231A0E;
  --notice-warn-dot:#F5B544;
  --notice-warn-tag-bg:#3A2A10;
  --notice-danger-bg:#2A1416;
  --notice-danger-tag-bg:#3E1B1D;
  --warn-line:#4A3818;
  --warn-ink:#F5C97A;
  --info-line:#1E3A52;
  --info-ink:#8FC7FF;
  --plat-ios-bg:#1C242D;

  /* 限流 / 错误页 */
  --center-bg:linear-gradient(180deg,#0E1519 0%,#0B1116 60%,#0A0F13 100%);
}

/* 深色下把原本的纯白小面改成深面（二维码除外） */
.hero-badges span,.btn-ghost,.detail-icon{background:#16222B;border-color:#1E3A30}
.btn-ghost:hover{border-color:var(--green-line);color:var(--green-dark)}