/* ============================================================
   LAKEFOX — section-products-tabs.css
   产品选项卡（v7.html §products tabs：左文右币；ptab 选中 --pri 实底白字；
     coin c1-c5 放射渐变圆 + chip h1c/h2c，float 7-8s 错峰，spec-g §08）
   断点：≤980px 单列，coins min-height 340px（v7）
   ============================================================ */

.lf-ptabs {
  min-height: 80vh; /* 内容区 80vh（客户 2026-08） */
  min-height: 80dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: var(--section-pad-lg); /* v7 .sec 96px 桌面 */
}

.lf-ptabs__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 70px;
  align-items: center;
}

.lf-ptabs__heading {
  margin-block: 0;
  font-size: var(--text-h2);
  font-weight: 900;
  line-height: 1.25;
  color: var(--ink);
}

.lf-ptabs__heading em {
  font-style: normal;
  color: var(--acc);
}

.lf-ptabs__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 34px 26px;
}

.lf-ptabs__tab {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px; /* 触摸目标 ≥44px（Stage A P-02 / CHK-B11） */
  padding-inline: 18px; /* 垂直方向交由 min-height 承载，确保 ≥44 精确 */
  border: 0;
  border-radius: var(--radius-pill);
  cursor: pointer;
  background: transparent;
  color: var(--ink-2);
  transition: color var(--duration-base) var(--ease),
    background-color var(--duration-base) var(--ease);
}

.lf-ptabs__tab:hover {
  color: var(--pri);
}

.lf-ptabs__tab--on {
  background: var(--pri); /* 选中态 = 主色实底白字（spec-g §07 ptab.on） */
  color: var(--text-inverse); /* 悬停保持白字（客户 2026-09：选中态 hover 字体颜色不变） */
  box-shadow: 0 4px 18px rgba(23, 58, 64, 0.28); /* 主色影（--pri 透明化，v2.2 选中微光） */
}

.lf-ptabs__tab--on:hover {
  color: var(--text-inverse); /* hover 不再变深色 */
}

.lf-ptabs__pane-title {
  margin-block: 0 14px;
  font-size: 22px;
  font-weight: 800;
  color: var(--ink);
}

.lf-ptabs__pane-text {
  margin-block: 0;
  max-width: 520px;
  font-size: 15px;
  line-height: 1.95;
  color: var(--ink-body); /* G 正文段落色（spec-g §03，令牌 --ink-body） */
}

.lf-ptabs__pane-cta {
  margin-block-start: 30px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 55%); /* 高光微渐变（v2.2） */
}

.lf-ptabs__pane-cta:hover {
  box-shadow: var(--shadow-acc), 0 0 0 6px rgba(200, 67, 43, 0.12); /* 朱砂光晕环（--acc 透明化） */
}

/* ---------- 币组（v7 §products coins：渐变圆 + 浮动） ---------- */
.lf-ptabs__art {
  position: relative;
  min-height: 320px;
  display: grid;
  place-items: center;
  color: var(--pri);
}

.lf-ptabs__art-item {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: translateY(14px) scale(0.97);
  transition: opacity 0.45s var(--ease), transform 0.45s var(--ease);
  pointer-events: none;
}

.lf-ptabs__art-item.is-on {
  opacity: 1;
  transform: none;
}

.lf-ptabs__art-item svg {
  width: min(76%, 360px);
  height: auto;
}



/* 响应式（客户 2026-09 验收）：≤1023 单列、tabs 可换行、视觉区降高 */
@media (max-width: 1023px) {
  .lf-ptabs__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .lf-ptabs__tabs {
    flex-wrap: wrap;
  }

  .lf-ptabs__art {
    min-height: 260px; /* 移动端：文案在前、视觉在后（DOM 顺序） */
  }
}

@media (max-width: 480px) {
  .lf-ptabs__art-big {
    font-size: 110px;
  }

  .lf-ptabs__art-coin {
    width: 64px;
    height: 64px;
    font-size: 26px;
  }
}