/* ============================================================
   黑金主题 v2 · 对齐新圈（com.zjxj.yiyou 2.1.2）源码 token
   依据: references/third_party_references/xinquan/assets/tokens.json
   ------------------------------------------------------------
   新圈质感公式（与 v1 的差别）：
   1. 中性黑底 #111 / 卡 #1E1E1F —— 不要暖紫黑
   2. 分割线 #222 几乎隐形 —— 金线绝不通用，只做选中/按钮
   3. 文字纯灰白 ECECEC/CACACA/A09D9C —— 不要米黄
   4. 主按钮 = 金 #F4BA47 + 深红字 #4E0505（不是白字）
   5. 页面顶部 200dp 微金装饰层（page-bg top-decoration）
   ============================================================ */

[data-theme="blackgold"] {
  /* === 主操作：金按钮当家（新圈公式）=== */
  --primary: #F4BA47;
  --primary-strong: #E5A73A;
  --primary-soft: rgba(244, 186, 71, 0.12);
  --primary-bg: rgba(244, 186, 71, 0.10);
  --primary-border: rgba(242, 196, 103, 0.35);
  --primary-a10: rgba(244, 186, 71, 0.10);

  /* === 表面：中性黑系（新圈 A 级置信 token）=== */
  --page-bg: #111111;
  --surface: #1E1E1F;
  --surface-alt: #262627;
  --surface-dim: #181819;
  --surface-a45: rgba(17, 17, 17, 0.55);

  /* === 文字：纯灰白系（不泛黄）=== */
  --text-main: #ECECEC;
  --text-sub: #CACACA;
  --text-muted: #A09D9C;

  /* === 线：隐形分割（新圈 #222）=== */
  --border: #2A2A2B;
  --card-border: #222222;
  --divider: #222222;
  --line-soft: #1B1B1C;

  /* === 金色族（对齐新圈）=== */
  --gold: #F2C467;                       /* gold-text：选中/强调 */
  --gold-light: #FFDD98;
  --gold-deep: #4E0505;                  /* 金底上的深字（新圈按钮字色）*/
  --gold-soft: rgba(242, 196, 103, 0.10);
  --gold-dim: rgba(242, 196, 103, 0.12);
  --gold-gradient: linear-gradient(135deg, #FFDD98, #F4BA47, #E5A73A);
  --gold-gradient-soft: linear-gradient(135deg, rgba(255, 221, 152, 0.10), rgba(244, 186, 71, 0.05));

  /* === 基础色 === */
  --white: #ECECEC;

  /* === 性别区分色（语义保留，深底提亮）=== */
  --male-accent: #8AB4F8;
  --male-accent-soft: rgba(37, 99, 235, 0.18);
  --female-accent: #F472B6;
  --female-accent-soft: rgba(236, 72, 153, 0.16);
  --female-pink: #FF8FB5;
  --female-pink-soft: rgba(255, 107, 157, 0.14);
  --mine-pink-soft: rgba(244, 186, 71, 0.06);   /* 我的页 header 氛围改为暗金 */
  --mine-pink-mid: rgba(242, 196, 103, 0.10);
  --mine-pink-deep: rgba(242, 196, 103, 0.16);

  /* === 收益/邀请卡 === */
  --wallet-card-bg: rgba(255, 221, 152, 0.06);
  --wallet-amount: #F2C467;
  --wallet-hint: #A09D9C;
  --invite-card-bg: rgba(255, 221, 152, 0.05);

  /* === 功能色 === */
  --success: #34D399;
  --success-soft: rgba(34, 197, 94, 0.16);
  --danger: #F87171;
  --danger-soft: rgba(239, 68, 68, 0.18);
  --red-point: #FF4853;
  --warning: #FBBF24;
  --warning-soft: rgba(245, 158, 11, 0.16);
  --warning-bg: rgba(251, 191, 36, 0.10);
  --teal-soft: rgba(20, 184, 166, 0.14);
  --online: #00E69D;
  --familiarity: #DAFFAB;

  /* === 阴影 === */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-elevated: 0 4px 12px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.40);
  --shadow-fab: 0 4px 16px rgba(244, 186, 71, 0.28);
}

/* === 组件级修正 === */

/* 金底主按钮 → 深红字（新圈 gold-button-text #4E0505）*/
[data-theme="blackgold"] .btn-primary { color: #4E0505; }

/* 内联硬编码的玫红渐变主 CTA（登录一键登录等）→ 金底深红字 */
[data-theme="blackgold"] [style*="linear-gradient(135deg,#FF6B9D"],
[data-theme="blackgold"] [style*="linear-gradient(135deg, #FF6B9D"] {
  background: var(--gold-gradient) !important;
  color: #4E0505 !important;
  box-shadow: 0 4px 12px rgba(244, 186, 71, 0.30) !important;
}

/* 内联硬编码的玫红强调文字 → 金 */
[data-theme="blackgold"] [style*="color:#E11D48"] { color: #F2C467 !important; }

/* 硬编码浅色轮播指示点 */
[data-theme="blackgold"] .lc-dot { background: rgba(236, 236, 236, 0.25); }

/* 消息/我的页功能入口图标：黑金下统一金色（新圈公式：金图标+暗金底+白字标签，
   浅色主题的语义彩图标在深底上打架）*/
[data-theme="blackgold"] .me-icon {
  background: rgba(242, 196, 103, 0.10) !important;
  color: #F2C467 !important;
}

/* 宿主背景：页外比页内更深一档 */
[data-theme="blackgold"] body { background: #0D0D0D; }

/* 设备外壳：黑边 + 一线极细金环（克制）*/
[data-theme="blackgold"] .device-frame {
  box-shadow: 0 0 0 9px #000, 0 0 0 10px #2E281A, 0 24px 60px rgba(0, 0, 0, 0.65);
}

/* 顶部装饰层（新圈 page-bg top-decoration 200dp）：全宽金色渐变背景
   参考 walk-home-nearby 实测：顶部最亮暖金线性衰减→羽化进纯黑，
   覆盖状态栏+导航+tab 区约 20% 屏高，白色文字直接压金色上 */
[data-theme="blackgold"] .device-frame::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 230px;
  background:
    radial-gradient(130% 75% at 50% -10%, rgba(255, 221, 152, 0.26), transparent 62%),
    linear-gradient(180deg,
      rgba(242, 196, 103, 0.22) 0%,
      rgba(233, 181, 84, 0.13) 38%,
      rgba(233, 181, 84, 0.05) 70%,
      transparent 100%);
  pointer-events: none;
  z-index: 8;
  border-radius: inherit;
}