/* ============================================================
   solution.html — 行业解决方案总览页独有样式
   命名空间：body.page-solution
   签名布局：方案矩阵网格（12 行业大卡）
   ============================================================ */

/* ---------- HERO ---------- */
body.page-solution .sol-hero .hero-in{padding:10px 0 6px}
body.page-solution .sol-hero h1{max-width:820px}
body.page-solution .hero-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}
body.page-solution .hero-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 行业方案矩阵网格 ---------- */
body.page-solution .matrix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
body.page-solution .matrix-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-card);transition:transform .35s var(--ease),box-shadow .35s;text-decoration:none;color:var(--c-ink);display:block}
body.page-solution .matrix-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
body.page-solution .matrix-img{position:relative;overflow:hidden}
body.page-solution .matrix-img img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .5s var(--ease)}
body.page-solution .matrix-card:hover .matrix-img img{transform:scale(1.05)}
body.page-solution .matrix-body{padding:22px 20px 24px;position:relative}
body.page-solution .matrix-no{position:absolute;top:16px;right:18px;font-size:22px;font-weight:800;
  color:var(--c-purple-200);line-height:1}
body.page-solution .matrix-body h3{font-size:18px;margin-bottom:10px}
body.page-solution .matrix-body p{font-size:13.5px;color:var(--c-text);line-height:1.8;margin-bottom:14px}
body.page-solution .matrix-link{font-size:13px;font-weight:700;color:var(--c-pink-400)}
body.page-solution .matrix-card:hover .matrix-link{color:var(--c-purple-400)}

/* ---------- 定案三步 ---------- */
body.page-solution .decide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;
  list-style:none;padding:0}
body.page-solution .decide-steps li{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:32px 28px;box-shadow:var(--shadow-card);position:relative}
body.page-solution .decide-steps li::after{content:"";position:absolute;right:24px;bottom:24px;width:36px;height:36px;
  border-radius:50%;background:var(--grad-main);opacity:.18}
body.page-solution .decide-num{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;
  color:var(--c-pink-400);margin-bottom:14px}
body.page-solution .decide-steps h3{font-size:18px;margin-bottom:10px}
body.page-solution .decide-steps p{font-size:14px;color:var(--c-text);line-height:1.9}

/* ---------- 方法论横卷 ---------- */
body.page-solution .meth-card{flex:0 0 290px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);padding:28px 26px;box-shadow:var(--shadow-card);transition:transform .35s var(--ease)}
body.page-solution .meth-card:hover{transform:translateY(-6px)}
body.page-solution .meth-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;
  color:var(--c-purple-400);background:var(--c-bg-purple);border-radius:999px;padding:4px 12px;margin-bottom:14px}
body.page-solution .meth-card h3{font-size:17px;margin-bottom:10px}
body.page-solution .meth-card p{font-size:13.5px;color:var(--c-text);line-height:1.9}
body.page-solution .meth-card a{color:var(--c-pink-400);font-weight:600}

/* ---------- 数据收益 ---------- */
body.page-solution .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
body.page-solution .stat-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:30px 24px;text-align:center;box-shadow:var(--shadow-card)}
body.page-solution .stat-num{display:block;font-size:38px;font-weight:800;background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
body.page-solution .stat-card h3{font-size:16px;margin-bottom:8px}
body.page-solution .stat-card p{font-size:13px;color:var(--c-muted);line-height:1.7}
body.page-solution .sec-more{margin-top:30px;font-size:14.5px;color:var(--c-muted);text-align:center}
body.page-solution .sec-more a{color:var(--c-purple-400);font-weight:600}

/* ---------- FAQ ---------- */
body.page-solution .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
body.page-solution .faq-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:20px 24px}
body.page-solution .faq-item summary{cursor:pointer;font-weight:700;color:var(--c-ink);font-size:15.5px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:12px}
body.page-solution .faq-item summary::-webkit-details-marker{display:none}
body.page-solution .faq-item summary::after{content:"+";font-size:20px;color:var(--c-purple-400);flex:0 0 auto}
body.page-solution .faq-item[open] summary::after{content:"−"}
body.page-solution .faq-item p{margin-top:12px;font-size:14px;color:var(--c-text);line-height:1.9}
body.page-solution .faq-item a{color:var(--c-purple-400);font-weight:600}

/* ---------- CTA 通栏 ---------- */
body.page-solution .cta-band{background:var(--grad-soft);border-top:1px solid var(--c-line);padding:70px 0}
body.page-solution .cta-in{text-align:center;max-width:760px;margin:0 auto}
body.page-solution .cta-in h2{margin-bottom:14px}
body.page-solution .cta-in>p{margin-bottom:24px;color:var(--c-text)}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  body.page-solution .matrix-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  body.page-solution .matrix-grid{grid-template-columns:1fr 1fr;gap:16px}
  body.page-solution .matrix-img img{height:150px}
  body.page-solution .decide-steps{grid-template-columns:1fr}
  body.page-solution .stat-row{grid-template-columns:1fr 1fr}
  body.page-solution .faq-list{grid-template-columns:1fr}
}
@media (max-width:360px){
  body.page-solution .matrix-grid{grid-template-columns:1fr}
  body.page-solution .stat-row{grid-template-columns:1fr}
  body.page-solution .meth-card{flex:0 0 250px;padding:22px}
}