/* ============================================================
   LAKEFOX — section-funding.css
   出入金区块（sections/funding.liquid 顶部自引，Dawn 分层惯例）
   依赖 base.css 令牌（禁止裸 hex / 禁止 section 内发明令牌）：
     --space-* 间距 / --radius-* 圆角 / --duration-* 动效 / --ease-out
     --section-pad / --section-pad-lg 区块节奏 / --measure-intro / --measure-long 行长
     --text-* 字阶 / --leading-* 行高（排版令牌，禁止裸字号/裸行高）
     --acc / --acc / --soft（品牌色）
     --data-bg / --data-text（三步入金深蓝数据区 ≈5.9:1 ✓，DESIGN-SPEC §2.2）
     --color-foreground / --color-card-background / --color-card-border / --color-text-secondary
       （scheme 令牌，fallback 品牌色）
   全局组件（base.css §7b）：.lf-badge / .lf-card(--hover/--flat) / .lf-icon-chip(--sm) /
     .lf-btn--link / .lf-faq__* 已采纳，本地仅保留布局与上下文配色声明。
   对比度（DESIGN-SPEC §2.10 实测）：
     金浅底徽章（color-mix 金16%）+ 深字 #15211F ≈ 高对比 ✓
     白/暖灰底 + 前景 #15211F ≈14.7:1 ✓；辅助文字 --color-text-secondary（仅辅助信息）
     深蓝底（steps）+ 金字 ≈5.9:1 ✓ / 白字 ≈11.5:1 ✓
   Outline 按钮契约（DESIGN-SPEC §5.1）：透明底 + 1px 前景边框 + 前景文字 ≈14.7:1 ✓；
     hover 暖灰卡底。作用域限定 .lf-funding（不触碰 section-platforms.css 的全局定义）。
   RTL：水平方向一律逻辑属性；中心对称场景允许物理等价（text-align: center）。
   动效：仅 transform / background-color / box-shadow，≤200ms（--duration-fast 150ms）；
     prefers-reduced-motion 由 base.css §12 全局 kill-switch 兜底（本地无重复块）。
   ============================================================ */

/* ---------- 区块垂直节奏：--section-pad（48px）/ --section-pad-lg（72px，DESIGN-SPEC §6） ---------- */
.lf-funding {
  padding-block: var(--section-pad);
}

@media (min-width: 768px) {
  .lf-funding {
    padding-block: var(--section-pad-lg);
  }
}

/* ---------- 页头：徽章 + 标题（t: 键）+ 副标题 ---------- */
.lf-funding__header {
  text-align: center; /* 对称居中（物理写法豁免） */
  margin-block-end: var(--space-10);
}

/* 最低入金徽章：全局 .lf-badge 提供 display/对齐/胶囊圆角/字重/行高（--leading-snug）；
   本地保留上下文配色（金浅底随 scheme 明暗自适应 + 深字）与内边距/间距 */
.lf-funding__badge {
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-3);
  color: var(--color-foreground, var(--text-primary));
  background: var(--color-card-background, var(--bg-gray)); /* 不支持 color-mix 时的兜底 */
  background: color-mix(in srgb, var(--acc) 16%, var(--color-card-background, var(--bg-white)));
  margin-block-end: var(--space-4);
}

.lf-funding__badge svg {
  flex: none;
  color: var(--acc);
}

.lf-funding__title {
  color: inherit;
  margin-block-end: var(--space-3);
}

.lf-funding__subtitle {
  margin: 0 auto;
  max-width: var(--measure-intro); /* 行长限制（DESIGN-SPEC §3 measure） */
  color: var(--color-text-secondary, var(--text-secondary)); /* 辅助说明（非关键信息） */
}

/* ---------- 子区块标题（h3 字阶由 base.css 提供） ----------
   朱砂短刻度：为各子区块提供统一但有识别度的标题锚点（原先各区块只有灰字标题 → 观感趋同） ---------- */
.lf-funding__section-title {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: inherit;
  margin-block-end: var(--space-6); /* 由 space-3 放宽：标题与内容之间留出呼吸（客户 2026-09） */
}

.lf-funding__section-title::before {
  content: "";
  flex: none;
  width: 24px;
  height: 3px;
  border-radius: 2px;
  background: var(--acc);
}

.lf-funding__section-title--data::before {
  background: var(--acc-hi); /* 深蓝数据区内的刻度用亮朱砂（≈3.9:1 图形级 ✓） */
}

/* 深蓝数据区内的标题：金字（≈5.9:1 ✓） */
.lf-funding__section-title--data {
  color: var(--data-text);
}

.lf-funding__section-note {
  font-size: var(--text-3);
  line-height: var(--leading-body);
  color: var(--color-text-secondary, var(--text-secondary)); /* "以实际支持为准"声明，辅助信息 */
  margin-block-end: var(--space-6);
}

/* ---------- ① 3 类分组卡片（decodefx 风格） ---------- */
.lf-funding__categories {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  margin-block-end: var(--space-10); /* 区块节奏：分类组 → 入金方式 40px（差异化节奏，非一律 48px） */
}

@media (min-width: 1024px) {
  .lf-funding__categories {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-8);
  }
}

/* 分组卡片：全局 .lf-card--hover 提供底/边/圆角/阴影与 hover 抬升（统一 -4px，属有意收敛），
   本地补「顶部色条」把三张卡在灰白底上区分开（原三卡同底色 → 观感趋同） */
.lf-funding__cat-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
}

.lf-funding__cat-card::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 3px;
  background: var(--acc);
}

.lf-funding__cat-card:nth-child(2)::before {
  background: var(--pri3);
}

.lf-funding__cat-card:nth-child(3)::before {
  background: var(--up);
}

/* 分组图标：全局 .lf-icon-chip 提供 48px chip；本地按位置着色（朱砂 / 青玉 / 青碧），
   图标为图形级信息（≥3:1），旁有标题文字双通道 */
.lf-funding__cat-card .lf-icon-chip {
  color: var(--acc);
  background: color-mix(in srgb, var(--acc) 14%, var(--bg-white));
}

.lf-funding__cat-card:nth-child(2) .lf-icon-chip {
  color: var(--pri2);
  background: color-mix(in srgb, var(--pri2) 12%, var(--bg-white));
}

.lf-funding__cat-card:nth-child(3) .lf-icon-chip {
  color: var(--up);
  background: color-mix(in srgb, var(--up) 14%, var(--bg-white));
}

.lf-funding__cat-title {
  margin: 0;
}

.lf-funding__cat-desc {
  flex: 1;
  font-size: var(--text-4);
  line-height: var(--leading-body);
  color: var(--color-text-secondary, var(--text-secondary));
  margin-block-end: var(--space-4);
}

/* ---------- Outline 按钮契约（scoped 本节；DESIGN-SPEC §5.1） ---------- */
.lf-funding .lf-btn--outline {
  background: transparent;
  border: 1px solid var(--color-foreground, var(--text-primary));
  color: var(--color-foreground, var(--text-primary));
}

.lf-funding .lf-btn--outline:hover {
  background: var(--color-card-background, var(--bg-gray));
  box-shadow: var(--shadow-lift);
  transform: translateY(-1px);
}

.lf-funding__cta {
  align-self: flex-start;
}

.lf-funding__cta svg {
  flex: none;
}

/* ---------- ② 入金方式：整块「通透渐变大卡」+ 内部半透明瓷砖（客户 2026-09 要求突出） ---------- */
.lf-funding__methods {
  position: relative;
  overflow: hidden;
  padding: clamp(var(--space-6), 3vw, var(--space-10));
  border-radius: var(--radius-card);
  border: 1px solid color-mix(in srgb, var(--pri) 14%, transparent);
  /* 通透渐变：朱砂 / 青玉双光斑 + 斜向浅色底（color-mix 与 white 混色，非裸 hex） */
  background:
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--acc) 18%, transparent), transparent 58%),
    radial-gradient(120% 150% at 100% 0%, color-mix(in srgb, var(--pri3) 24%, transparent), transparent 56%),
    radial-gradient(90% 120% at 50% 120%, color-mix(in srgb, var(--pri) 10%, transparent), transparent 60%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--pri) 10%, var(--bg-white)) 0%,
      color-mix(in srgb, var(--pri3) 9%, var(--bg-white)) 52%,
      color-mix(in srgb, var(--acc) 10%, var(--bg-white)) 100%);
  box-shadow: var(--shadow-card);
  margin-block-end: var(--space-12);
}

/* 大卡内的方式瓷砖：半透明白（叠在渐变底上显出通透感），hover 提升为实白 + 抬升 */
.lf-funding__methods-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

@media (min-width: 768px) {
  .lf-funding__methods-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .lf-funding__methods-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
  }
}

/* 方式瓷砖：覆盖全局 .lf-card 的底/边为「半透明白 + 主色描边」，悬停转实白并轻微抬升 */
.lf-funding__method {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
  border-radius: var(--radius-base); /* 覆盖全局 --radius-card */
  background: color-mix(in srgb, var(--bg-white) 86%, transparent);
  border: 1px solid color-mix(in srgb, var(--pri) 10%, transparent);
  transition: background-color var(--duration-fast) var(--ease-out),
    box-shadow var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}

.lf-funding__method:hover {
  background: var(--bg-white);
  border-color: color-mix(in srgb, var(--acc) 35%, transparent);
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

.lf-funding__method-name {
  margin: 0;
  font-size: var(--text-6); /* 原 17px（1.0625rem）离档值修复为 18px（--text-6 档） */
  color: var(--pri);
}

/* 货币 + 处理时间行：辅助文字（非关键信息，--color-text-secondary 合规） */
.lf-funding__method-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  align-items: center;
  font-size: var(--text-3);
  line-height: var(--leading-snug);
  color: var(--color-text-secondary, var(--text-secondary));
  margin-block-end: var(--space-2);
}

.lf-funding__method-time {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.lf-funding__method-time svg {
  flex: none;
  color: var(--acc); /* 砖红（白底 ≈5.7:1 ✓，与文字双通道） */
}

/* 方法 CTA：全局 .lf-btn--link 提供 44px 触摸目标/前景文字/下划线/hover 砖红，本地仅布局
   margin-block-start:auto → 1440 三列网格行 stretch 拉伸时 CTA 贴卡底（Stage A D3，
   消除同行短内容卡底部约 50px 空洞） */
.lf-funding__method-cta {
  align-self: flex-start;
  margin-block-start: auto;
}

.lf-funding__method-cta svg {
  flex: none;
}

/* ---------- ③ 三步入金流程（深蓝数据区 + arch 水印） ---------- */
.lf-funding__steps {
  position: relative;
  overflow: hidden;
  margin-block-end: var(--space-11); /* 深色带 → 出金 44px（差异化节奏） */
  padding: var(--space-8);
  border-radius: var(--radius-card);
  background: var(--data-bg); /* 深蓝专业数据区（DESIGN-SPEC §2.2） */
  color: var(--data-text);
}

/* arch 水印：opacity ≤.1 / z-0 / pointer-events none（base.css .lf-watermark 契约） */
.lf-funding__steps-watermark {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--acc);
  opacity: 0.1;
  pointer-events: none;
}

.lf-funding__steps > *:not(.lf-funding__steps-watermark) {
  position: relative;
  z-index: 1;
}

.lf-funding__steps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  margin-block-start: var(--space-8);
}

@media (min-width: 768px) {
  .lf-funding__steps-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.lf-funding__step {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* 步骤编号：大号金色衬线数字（装饰性，旁有标题双通道） */
.lf-funding__step-num {
  font-family: var(--font-heading-family);
  font-size: var(--text-9);
  line-height: var(--leading-heading);
  color: var(--data-text);
}

/* 步骤图标：深色带上的 chip 改「半透明白底 + 亮朱砂描边/图标」，与浅色区的白底 chip 区分开 */
.lf-funding__step-icon {
  margin-block-end: var(--space-3);
  color: var(--acc-hi);
  background: rgba(255, 255, 255, 0.12);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.lf-funding__step-title {
  color: var(--text-inverse); /* 白 on 深蓝 ≈11.5:1 ✓ */
  margin: 0;
}

.lf-funding__step-desc {
  font-size: var(--text-4);
  line-height: var(--leading-body);
  color: var(--data-text); /* 金 on 深蓝 ≈5.9:1 ✓ */
  margin: 0;
}

/* ---------- ④ 出金说明：单卡 4 行细线列表（原 4 张平卡与下方安全卡同款 → 趋同，现改为列表卡） ---------- */
.lf-funding__withdraw {
  margin-block-end: var(--space-10); /* 出金 → 资金安全 40px */
}

.lf-funding__withdraw-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  background: var(--bg-white);
  border: 1px solid var(--color-card-border, rgba(20, 30, 34, 0.08));
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

/* 行：去掉各自卡底/边框，改由行间 1px 细线分隔（inset 由容器裁切） */
.lf-funding__withdraw-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  background: transparent;
  border: 0;
  border-block-end: 1px solid var(--color-card-border, rgba(20, 30, 34, 0.08));
  border-radius: 0;
  box-shadow: none;
}

.lf-funding__withdraw-item:last-child {
  border-block-end: 0;
}

.lf-funding__withdraw-item .lf-icon-chip {
  color: var(--pri2);
  background: color-mix(in srgb, var(--pri2) 12%, var(--bg-white));
}

/* 出金信息卡内容纵向组（task 17 · D1：h4+p 自 icon 兄弟包入 content 层，flex 主轴恢复
   icon | content 两列，标题不再被压成逐字竖排）：min-width:0 允许行内 shrink 回绕 */
.lf-funding__withdraw-content {
  flex: 1 1 auto;
  min-width: 0;
}

/* 出金图标：全局 .lf-icon-chip--sm 提供 40px 尺寸，配色见上方行规则（青玉） */

.lf-funding__withdraw-item-title {
  margin-block-end: var(--space-1);
}

.lf-funding__withdraw-item-text {
  font-size: var(--text-4);
  line-height: var(--leading-body);
  color: var(--color-text-secondary, var(--text-secondary));
  margin: 0;
}

/* ---------- ⑤ 资金安全（横向紧凑卡） ---------- */
.lf-funding__safety {
  margin-block-end: var(--space-12); /* 资金安全 → 常见问题 48px（段间最大节奏，收尾更松） */
}

.lf-funding__safety-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

@media (min-width: 1024px) {
  .lf-funding__safety-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 安全卡：全局 .lf-card--flat 提供底/边/圆角（--radius-card 与本地原值一致），本地仅布局 */
.lf-funding__safety-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
}

/* 安全卡内容纵向组（task 17 · D2：与 D1 同根因，h4+p 包入 content 层，
   icon | content 两列；min-width:0 防 381px 三列窄卡标题回绕竖排） */
.lf-funding__safety-content {
  flex: 1 1 auto;
  min-width: 0;
}

/* 安全图标：青碧（安全语义）+ 浅底，与出金行的青玉、分类卡的三色区分 */
.lf-funding__safety-item .lf-icon-chip {
  color: var(--up);
  background: color-mix(in srgb, var(--up) 14%, var(--bg-white));
}

.lf-funding__safety-title {
  margin-block-end: var(--space-1);
}

.lf-funding__safety-desc {
  font-size: var(--text-4);
  line-height: var(--leading-body);
  color: var(--color-text-secondary, var(--text-secondary));
  margin: 0;
}

/* ---------- ⑥ FAQ 手风琴（<details>/<summary> 原生，无 JS） ----------
   结构类已迁移到全局 .lf-faq__*（base.css §7b：卡片底/摘要 44px/图标砖红 180° 旋转/
   答案 1.7 行高 + RTL 1.75），本地不再重复定义；仅在本节语境给答案补行长限制
   （原答案在 1600px 全宽深色区无限宽，本次修复） */
.lf-funding .lf-faq__answer {
  max-width: var(--measure-long);
}

/* 方式瓷砖 hover 抬升：reduced-motion 下关闭位移（其余过渡由 base.css 全局 kill-switch 兜底） */
@media (prefers-reduced-motion: reduce) {
  .lf-funding__method:hover {
    transform: none;
  }
}