/* ============================================================
   解决方案模块专用样式  page-solutions.css
   ============================================================ */

/* ---------- 方案中心 Hero ---------- */
.solcat-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e2a4d 0%,#14507f 45%,#0f7a5f 100%);color:#fff;padding:150px 0 120px}
.solcat-hero .phub-breadcrumb{position:relative;z-index:2}
.solcat-hero .phub-breadcrumb a{color:rgba(255,255,255,.75)}
.solcat-hero .phub-breadcrumb em{color:#7fe0c0}
.solcat-title{position:relative;z-index:2;font-size:clamp(30px,4.4vw,54px);line-height:1.2;margin:18px 0 16px}
.solcat-title em{font-style:normal;color:#5fd7b0;background:linear-gradient(90deg,#5fd7b0,#8fdcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.solcat-hero p{position:relative;z-index:2;max-width:720px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.9}

/* ---------- 方案中心分类 ---------- */
.solcat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.solcat-card{background:#fff;border:1px solid #e4eef8;border-radius:16px;padding:26px 22px;transition:.3s;position:relative;overflow:hidden}
.solcat-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#2F7CF6,#2EBF8B);opacity:0;transition:.3s}
.solcat-card:hover::after{opacity:1}
.solcat-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(22,80,140,.12)}
.solcat-card .sc-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}
.solcat-card h4{font-size:17px;margin-bottom:8px}
.solcat-card p{font-size:13.5px;color:#5c7086;line-height:1.75;margin-bottom:14px}
.solcat-card a{font-size:13.5px;color:#1E5FD8;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.solcat-card a:hover{gap:10px;color:#0f7a5f}

/* ---------- 行业方案页 Hero ---------- */
.sol-hero{position:relative;overflow:hidden;color:#fff;padding:150px 0 100px;background-size:cover;background-position:center}
.sol-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,32,58,.92) 0%,rgba(14,50,88,.72) 45%,rgba(10,60,48,.55) 100%)}
.sol-hero .container{position:relative;z-index:2}
.sol-breadcrumb{margin-bottom:26px;font-size:14px;color:rgba(255,255,255,.75)}
.sol-breadcrumb a{color:rgba(255,255,255,.75)}
.sol-breadcrumb span{margin:0 8px}
.sol-breadcrumb em{color:#8fe6c8;font-style:normal}
.sol-hero .sol-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:7px 16px;border-radius:999px;font-size:13px;letter-spacing:1px}
.sol-hero h1{font-size:clamp(30px,4.2vw,50px);line-height:1.22;margin:20px 0 16px;font-weight:800}
.sol-hero h1 em{font-style:normal;color:#6fe0bc}
.sol-hero .sol-lead{max-width:740px;font-size:17px;line-height:1.95;color:rgba(255,255,255,.88);margin-bottom:28px}
.sol-hero .sol-tags{display:flex;flex-wrap:wrap;gap:12px}
.sol-hero .sol-tags span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);padding:8px 16px;border-radius:999px;font-size:14px;color:#eaf7ff}

/* ---------- 方案价值指标 ---------- */
.sol-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sol-metric{background:#fff;border:1px solid #e4eef8;border-radius:16px;padding:30px 24px;text-align:center;box-shadow:0 10px 26px rgba(22,80,140,.06)}
.sol-metric b{display:block;font-size:34px;line-height:1.1;margin-bottom:10px;font-weight:800;background:linear-gradient(135deg,#1E5FD8,#2EBF8B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sol-metric span{font-size:14.5px;color:#5c7086}

/* ---------- 行业痛点 ---------- */
.sol-pain{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol-pain-item{background:#fff;border:1px solid #e8eef5;border-left:4px solid #e26d5c;border-radius:10px;padding:22px 22px;transition:.3s}
.sol-pain-item:hover{box-shadow:0 12px 28px rgba(160,60,40,.1)}
.sol-pain-item .sp-num{font-size:13px;color:#e26d5c;font-weight:700;letter-spacing:1px}
.sol-pain-item h4{font-size:16.5px;margin:8px 0 8px}
.sol-pain-item p{font-size:14px;color:#5c7086;line-height:1.8}

/* ---------- 方案架构 ---------- */
.sol-arch{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sol-arch-layer{background:#fff;border:1px solid #e4eef8;border-radius:14px;padding:24px 20px;position:relative}
.sol-arch-layer .sal-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#2F7CF6,#1E5FD8);padding:4px 12px;border-radius:6px;margin-bottom:14px}
.sol-arch-layer h4{font-size:16px;margin-bottom:12px}
.sol-arch-layer ul{list-style:none}
.sol-arch-layer li{font-size:13.5px;color:#5c7086;padding:6px 0 6px 18px;position:relative;line-height:1.7}
.sol-arch-layer li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:#2EBF8B}

/* ---------- 方案价值列表 ---------- */
.sol-value{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sol-value-item{display:flex;gap:16px;background:#fff;border:1px solid #e4eef8;border-radius:14px;padding:24px}
.sol-value-item .svi-icon{flex:0 0 52px;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}
.sol-value-item h4{font-size:16.5px;margin-bottom:8px}
.sol-value-item p{font-size:14px;color:#5c7086;line-height:1.8}

/* ---------- 方案落地流程 ---------- */
.sol-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.sol-flow::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#2F7CF6,#2EBF8B);opacity:.3}
.sol-flow-step{position:relative;text-align:center;padding:0 14px}
.sol-flow-step .sfs-num{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid #d8e8f8;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#1E5FD8;position:relative;z-index:2}
.sol-flow-step h4{font-size:16px;margin-bottom:8px}
.sol-flow-step p{font-size:13.5px;color:#5c7086;line-height:1.75}

/* ---------- 方案内案例 ---------- */
.sol-case{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sol-case-item{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e4eef8;transition:.3s}
.sol-case-item:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(22,80,140,.12)}
.sol-case-item img{width:100%;height:170px;object-fit:cover;display:block}
.sol-case-item .sci-body{padding:20px}
.sol-case-item h4{font-size:16px;margin-bottom:8px}
.sol-case-item p{font-size:13.5px;color:#5c7086;line-height:1.8;margin-bottom:12px}
.sol-case-item a{font-size:13.5px;color:#1E5FD8;font-weight:600}

/* ---------- 方案 CTA ---------- */
.sol-cta{background:linear-gradient(135deg,#0e2a4d,#0f7a5f);color:#fff;border-radius:20px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.sol-cta::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);top:-120px;right:-80px}
.sol-cta::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(95,215,176,.1);bottom:-100px;left:-60px}
.sol-cta h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:12px;position:relative;z-index:2}
.sol-cta p{color:rgba(255,255,255,.82);margin-bottom:26px;position:relative;z-index:2}
.sol-cta .cta-btns{position:relative;z-index:2}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .solcat-grid{grid-template-columns:repeat(2,1fr)}
  .sol-arch{grid-template-columns:repeat(2,1fr)}
  .sol-metrics{grid-template-columns:repeat(2,1fr)}
  .sol-flow{grid-template-columns:repeat(2,1fr);gap:30px}
  .sol-flow::before{display:none}
}
@media (max-width:680px){
  .solcat-grid,.sol-metrics,.sol-pain,.sol-value,.sol-case{grid-template-columns:1fr}
  .sol-arch{grid-template-columns:1fr}
  .sol-flow{grid-template-columns:1fr}
}