/* pd-MarketPro.css — 仅 MarketPro 页 body.pd-MarketPro 专属规则 */

body.pd-MarketPro .block h2{text-align:center}

body.pd-MarketPro .block .m-note{text-align:center}

/* MarketPro 首屏（subhero）整体居中：ey / H1 / 副标题 / 按钮组（#0097）
   .pos 有 max-width:680px，仅 text-align 不会让它水平居中，必须补 margin:auto；
   .hero-acts 是 flex 容器，需 justify-content:center 才能让按钮组居中。 */
body.pd-MarketPro .subhero{text-align:center}

body.pd-MarketPro .subhero .pos{margin-left:auto;margin-right:auto}

body.pd-MarketPro .subhero .hero-acts{justify-content:center}

/* MarketPro 产品简介正文居中（#0098）：该段 max-width:880px，需 margin:auto 才真居中 */
body.pd-MarketPro .block .wrap > p{text-align:center;margin-left:auto;margin-right:auto}

/* MarketPro 产品优势：5 条内容在 2 列网格下为 2+2+1，末行单列右侧会空一半，
   故让末条跨满两列收尾（单列断点下 1/-1 等价于占满，无副作用）。 */
body.pd-MarketPro .feat .f:last-child{grid-column:1 / -1}

/* ===== MarketPro 产品优势：卡片网格（#0112 新参考截图：薄蓝条标题+大面积内容）=====
   白卡 + 薄渐变蓝标题条(~12%) + 大描述区(~88%)；配色接近参考 #4080d0；
   hover 微上浮+阴影；≤980px 3 列，≤640px 2 列，≤480px 单列。 */
body.pd-MarketPro .adv-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:8px auto 24px}

body.pd-MarketPro .adv-metric{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:.22s ease;min-width:0}

body.pd-MarketPro .adv-metric:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(1,64,108,.12);border-color:rgba(1,118,195,.30)}

body.pd-MarketPro .adv-m-title{background:linear-gradient(135deg,#2080c0 0%,#1060a0 100%);color:#fff;padding:14px 10px 12px;box-sizing:border-box;min-height:65px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:800;line-height:1.3;position:relative;flex:0 0 auto}

body.pd-MarketPro .adv-m-title::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent)}

body.pd-MarketPro .adv-m-desc{padding:16px 14px 20px;font-size:13px;color:var(--sub);line-height:1.65;flex:1}

/* ===== MarketPro 核心数据指标：卡片式纵向三段（#0103 参照参考截图）=====
   4 列等宽卡片，每张：标签(上) → 大数字(中，深色强调带) → 描述(下)。
   数字带用品牌深蓝底+白字形成视觉锚点；hover 微上浮+阴影加深。
   ≤980px 降级 2 列，≤640px 单列。 */
body.pd-MarketPro .mp-metrics{display:grid;grid-template-columns:repeat(2,400px);gap:24px;margin:8px auto 24px;justify-content:center}

body.pd-MarketPro .mp-metric{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:.22s ease;min-width:0}

body.pd-MarketPro .mp-metric:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(1,64,108,.12);border-color:rgba(1,118,195,.30)}

body.pd-MarketPro .mp-m-lbl{padding:20px 20px 12px;font-size:15px;font-weight:700;color:#0176c3;letter-spacing:.3px;line-height:1.4}

body.pd-MarketPro .mp-m-num{background:linear-gradient(135deg,#0176c3 0%,#005a9e 100%);color:#fff;padding:18px 20px;text-align:center;font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.1;position:relative}

body.pd-MarketPro .mp-m-num::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}

body.pd-MarketPro .mp-m-desc{padding:16px 20px 20px;font-size:13px;color:var(--sub);line-height:1.7;flex:1}

/* 应用场景：MarketPro 调整为 4 项单行（#0108） */
body.pd-MarketPro .cols{grid-template-columns:repeat(4,1fr);gap:16px}

@media(max-width:980px){body.pd-MarketPro .adv-metrics{grid-template-columns:repeat(3,1fr)}}

@media(max-width:640px){body.pd-MarketPro .adv-metrics{grid-template-columns:repeat(2,1fr)}}

@media(max-width:480px){body.pd-MarketPro .adv-metrics{grid-template-columns:1fr}}

@media(max-width:980px){
  body.pd-MarketPro .mp-metrics{grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 20px}
  body.pd-MarketPro .mp-m-lbl{padding:16px 14px 10px;font-size:14px}
  body.pd-MarketPro .mp-m-num{font-size:28px;padding:14px 14px}
  body.pd-MarketPro .mp-m-desc{padding:12px 14px 14px;font-size:12.5px}
}

@media(max-width:640px){
  body.pd-MarketPro .mp-metrics{grid-template-columns:1fr;gap:10px;margin:8px 0 18px}
  body.pd-MarketPro .mp-m-num{font-size:24px;padding:12px 12px}
  body.pd-MarketPro .mp-m-lbl{font-size:13px;padding:14px 12px 8px}
  body.pd-MarketPro .mp-m-desc{padding:10px 12px 12px;font-size:12px}
}

@media(max-width:980px){body.pd-MarketPro .cols{grid-template-columns:repeat(2,1fr)}}

@media(max-width:640px){body.pd-MarketPro .cols{grid-template-columns:1fr}}