/**
 * retech/cta-block — 全站 CTA 转化带(原型 .sec.sec--dark.sol-cta,135 处)。
 *
 * 只定义 .retech-x-cta* 自己的 class。共享基座(.retech-x-wrap /
 * .retech-x-section--dark|--light / .retech-x-eyebrow / .retech-x-h2 /
 * .retech-x-section-lead / .retech-x-btn* / .retech-x-rich)的唯一属主是
 * blocks/style-index.css,本文件只消费,不重复定义。
 *
 * 双色语义(本站核心机制,不可混用):
 *   绿 flow = 循环 / 产出 / CTA;青 tech = 工艺 / 技术 / 参数。
 *   → 面板标题绿(引导转化),条目圆点青(工艺细节)。
 *
 * 断点沿用原型 solutions.css:1080 / 700(见 CONVERSION.md §4)。
 */
@layer retech-block {
  .retech-x-cta {
    position: relative;
    overflow: hidden;
  }
  /* 绿色环境光:与共享 Hero 同构,克制化(峰值 .10) */
  .retech-x-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 12% 0%, rgba(118, 192, 67, .10) 0%, transparent 42%);
  }
  .retech-x-cta__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 64px;
    align-items: start;
  }
  /* 无右栏(既无面板标题也无条目)时收成单列,避免留下空栅格 */
  .retech-x-cta__inner--solo {
    grid-template-columns: minmax(0, 1fr);
  }
  .retech-x-cta__copy {
    min-width: 0;
  }
  .retech-x-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
  }

  /* ── 右侧玻璃面板 ─────────────────────────────────────────────────────── */
  .retech-x-cta__panel {
    padding: 30px;
    border: 1px solid var(--retech-x-w20);
    border-radius: var(--retech-x-r-lg);
    background: rgba(255, 255, 255, .045);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  .retech-x-cta__panel-title {
    margin-bottom: 18px;
    color: var(--retech-x-flow);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  .retech-x-cta__list {
    display: grid;
    gap: 12px;
  }
  /* 圆点不是默认 marker:5px 青色实心点,绝对定位(原型 sol-cta-panel li::before) */
  .retech-x-cta__list li {
    position: relative;
    padding-left: 22px;
    color: var(--retech-x-w90);
    font-size: 14px;
    line-height: 1.5;
  }
  .retech-x-cta__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--retech-x-tech);
  }

  /* ── 浅色变体(tone: light)─────────────────────────────────────────────
     深色是原型默认;浅色底上面板不能再走白色半透明玻璃,改用 5% 墨色 +
     浅色描边,条目文字降到 ink-2 以保证对比度。 */
  .retech-x-cta--light .retech-x-cta__panel {
    border-color: var(--retech-x-line);
    background: var(--retech-x-b05);
  }
  .retech-x-cta--light .retech-x-cta__list li {
    color: var(--retech-x-ink-2);
  }
}

@layer retech-responsive {
  @media (max-width: 1080px) {
    .retech-x-cta__inner {
      grid-template-columns: minmax(0, 1fr);
      gap: 36px;
    }
  }

  @media (max-width: 700px) {
    .retech-x-cta__panel {
      padding: 22px;
    }
    /* 手机上按钮通栏,点按目标更好(原型 .sol-actions .btn) */
    .retech-x-cta__actions .retech-x-btn {
      width: 100%;
    }
  }
}