/* ---------------------------------------------------------------------------
   定位增量新增区块（#Frontwise:70af719c，@Amy-GTM 合同）

   合同明确：样式必须限定在新增组件内，**禁止使用全站 [id] 或通用 h2/p 覆盖**。
   所以本文件每条选择器都以 .services-overview / .service-product-bridge /
   .mission-bridge 开头，不碰任何既有区块。 */

/* ---- A02 三项服务 ---- */
.services-overview { padding: 72px 0 8px; }
.services-overview .eyebrow { margin: 0 0 12px; }
.services-overview h2 { margin: 0 0 14px; }
.services-overview .lead { max-width: 640px; margin: 0 0 40px; color: var(--muted); }

.services-overview .services-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px;
}
.services-overview .service-card { display: flex; flex-direction: column; }

/* 图完整按 4:3 显示，不裁切、不拉伸（合同：三图不裁切、不拉伸） */
.services-overview .service-art {
  position: relative; margin: 0 0 18px; border-radius: 6px; overflow: hidden;
  background: #EFEDE8; aspect-ratio: 4 / 3;
}
.services-overview .service-art img {
  width: 100%; height: 100%; object-fit: contain; display: block;
  transition: transform .45s ease;
}
/* 图注叠在图上，浅色半透明；不支持 backdrop-filter 时退回高对比实色 */
.services-overview .service-art figcaption {
  position: absolute; left: 14px; bottom: 14px; z-index: 1;
  font-size: 13px; line-height: 1.4; color: #2A3B45;
  background: rgba(255, 255, 255, .92); padding: 6px 12px; border-radius: 999px;
}
@supports (backdrop-filter: blur(14px)) {
  .services-overview .service-art figcaption {
    background: rgba(255, 255, 255, .88); backdrop-filter: blur(14px);
  }
}
/* 悬停只给能悬停的设备；减少动态效果时禁用 */
@media (hover: hover) and (pointer: fine) {
  .services-overview .service-card:hover .service-art img { transform: scale(1.035); }
}
@media (prefers-reduced-motion: reduce) {
  .services-overview .service-art img { transition: none; }
  .services-overview .service-card:hover .service-art img { transform: none; }
}

.services-overview .service-card h3 { font-size: 28px; line-height: 1.35; margin: 0 0 8px; }
.services-overview .service-promise { font-weight: 600; margin: 0 0 10px; }
.services-overview .service-desc {
  font-size: 18px; line-height: 1.8; color: var(--muted); margin: 0 0 12px; flex: 1;
}
.services-overview .service-scope { font-size: 14px; color: var(--muted); margin: 0 0 16px; }
.services-overview .service-cta { font-size: 15px; text-decoration: none; }
.services-overview .service-cta:hover { text-decoration: underline; text-underline-offset: 4px; }

/* ---- B01 服务→产品的桥 ---- */
.service-product-bridge { padding: 64px 0 8px; }
.service-product-bridge h2 { margin: 0 0 12px; }
.service-product-bridge .bridge-desc { max-width: 680px; color: var(--muted); margin: 0 0 26px; }
.service-product-bridge .bridge-steps {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
  list-style: none; padding: 0; margin: 0 0 18px;
}
.service-product-bridge .bridge-steps li {
  border-top: 2px solid var(--line, #e7e3dc); padding-top: 12px; font-size: 16px; line-height: 1.6;
}
.service-product-bridge .bridge-n {
  display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px;
}
.service-product-bridge .bridge-note { font-size: 14px; color: var(--muted); margin: 0; }

/* ---- A04 使命 ---- */
.mission-bridge { padding: 72px 0 8px; }
.mission-bridge .eyebrow { margin: 0 0 12px; }
.mission-bridge h2 { margin: 0 0 16px; max-width: 900px; }
.mission-bridge .lead { max-width: 720px; color: var(--muted); margin: 0 0 18px; }

/* ---- 窄屏 ---- */
@media (max-width: 900px) {
  .services-overview .services-grid { grid-template-columns: 1fr; gap: 40px; }
  .service-product-bridge .bridge-steps { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 600px) {
  .services-overview { padding: 48px 0 4px; }
  .services-overview .service-card h3 { font-size: 24px; }
  .services-overview .service-desc { font-size: 17px; line-height: 1.75; }
  .mission-bridge, .service-product-bridge { padding: 48px 0 4px; }
}

/* ---- A05 合作方式页：三项服务详情 ---- */
.service-details { padding: 56px 0 8px; display: grid; gap: 44px; }
.service-details .service-detail { scroll-margin-top: 90px; }
.service-details .service-detail h2 { margin: 0 0 10px; }
.service-details .service-promise { font-weight: 600; margin: 0 0 10px; }
.service-details .service-desc { font-size: 18px; line-height: 1.8; color: var(--muted); margin: 0 0 10px; max-width: 760px; }
.service-details .service-scope { font-size: 14px; color: var(--muted); margin: 0 0 14px; }
.service-details .service-cta { font-size: 15px; text-decoration: none; }
.service-details .service-cta:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 1000px) { .service-details { grid-template-columns: repeat(3, 1fr); gap: 40px; } }

/* ---- B04 合作流程引导句（复用 #delivery，不新增一屏） ---- */
.b04-lead { font-size: 18px; line-height: 1.75; color: var(--ink); margin: 0 0 18px; max-width: 720px; }

/* ---- B02 一个完整研究任务（挂在现有 workbench 区内） ---- */
.research-task-flow { margin: 0 0 26px; }
.research-task-flow .task-flow-steps {
  display: flex; flex-wrap: wrap; gap: 8px 14px; list-style: none; padding: 0; margin: 10px 0 8px;
}
.research-task-flow .task-flow-steps li { font-size: 15px; color: var(--ink); }
.research-task-flow .task-flow-steps li + li::before { content: "→"; color: var(--muted); margin-right: 14px; }
.research-task-flow .task-flow-note { font-size: 13px; color: var(--muted); margin: 0; }

/* ---- B03 产品由来摘要（挂在 Trading Signal 区块内） ---- */
.product-origin-summary { margin: 0 0 22px; max-width: 760px; }
.product-origin-summary h3 { font-size: 20px; line-height: 1.45; margin: 0 0 8px; }
.product-origin-summary p { font-size: 16px; line-height: 1.8; color: var(--muted); margin: 0; }