/* ============================================================
   内页专用样式（面包屑/子英雄区/痛点/功能/亮点/场景/价值）
   ============================================================ */

/* ---------- 面包屑 ---------- */
.bread{background:#f6f6f6;padding:14px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.bread a{color:var(--muted);transition:.2s}
.bread a:hover{color:var(--blue)}
.bread span{margin:0 8px;color:#c0c5cc}
.bread em{color:var(--ink);font-style:normal;font-weight:600}

/* ---------- 子页英雄区 ---------- */
.sub-hero{position:relative;padding:88px 0 78px;background:linear-gradient(135deg,#04162e,#0a3a6b);color:#fff;overflow:hidden}
.sub-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent,#005bac) 0%,transparent 60%);opacity:.6}
.sub-hero::after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px}
.sub-hero .wrap{position:relative;z-index:2}
.sub-hero .tag{display:inline-block;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:3px;margin-bottom:18px;letter-spacing:1px;backdrop-filter:blur(8px)}
.sub-hero h1{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:18px;max-width:780px;letter-spacing:.5px}
.sub-hero .lead{font-size:20px;color:rgba(255,255,255,.96);max-width:760px;margin-bottom:14px;font-weight:500;line-height:1.5}
.sub-hero .sub{font-size:15px;color:rgba(255,255,255,.74);max-width:780px;line-height:1.85}
.sub-hero .hero-cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.sub-hero .btn-line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.sub-hero .btn-line:hover{background:#fff;color:var(--blue)}

/* ---------- 痛点 ---------- */
.pains{background:var(--bg)}
.pain-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain-list li{background:#fff;border-left:4px solid #e74c3c;padding:18px 22px;border-radius:4px;position:relative;color:var(--ink-2);font-size:14.5px;line-height:1.7}
.pain-list li::before{content:"✗";position:absolute;left:24px;top:-12px;background:#e74c3c;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.pain-list li{padding-left:48px}

/* ---------- 核心功能 ---------- */
.feature-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-list li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;display:flex;gap:18px;transition:.3s;position:relative;overflow:hidden}
.feature-list li::before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--blue);transition:.3s}
.feature-list li:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.feature-list li:hover::before{height:100%}
.feature-list li .ft-no{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#eef5fc,#e2f4fb);color:var(--blue);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}
.feature-list li h4{font-size:17px;color:var(--ink);margin-bottom:6px;font-weight:700}
.feature-list li p{color:var(--muted);font-size:13.5px;line-height:1.7}

/* ---------- 方案亮点 ---------- */
.insight-2{background:var(--bg-2)}
.insight-2 .section-head h2{color:var(--ink)}
.insight-2 .section-head p{color:var(--muted)}
.hl-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hl{}
.hl{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 26px;display:flex;gap:14px;align-items:center;transition:.3s}
.hl:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--blue)}
.hl i{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}
.hl span{font-size:15px;color:var(--ink);font-weight:500}

/* ---------- 适用场景 ---------- */
.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sc{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;display:flex;gap:14px;align-items:flex-start;transition:.3s}
.sc:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--cyan)}
.sc i{color:var(--cyan);font-size:18px;line-height:1;flex-shrink:0;margin-top:4px}
.sc span{font-size:14.5px;color:var(--ink-2);line-height:1.7}

/* ---------- 实施价值 ---------- */
.val-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.val{background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px 28px;text-align:center;transition:.3s;position:relative;overflow:hidden}
.val::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.val:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.val b{display:block;font-size:46px;font-weight:800;color:var(--blue);line-height:1;margin-bottom:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.val p{color:var(--ink-2);font-size:14.5px;line-height:1.7}

/* ---------- AI 智能增强 ---------- */
.ai-sec{background:linear-gradient(160deg,#04162e 0%,#0a3a6b 60%,#06325c 100%);color:#fff;position:relative;overflow:hidden}
.ai-sec::before{content:"";position:absolute;inset:0;opacity:.06;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px}
.ai-sec .wrap{position:relative;z-index:2}
.ai-sec .section-head h2{color:#fff}
.ai-sec .section-head p{color:rgba(255,255,255,.62)}
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ai-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:28px 26px;transition:.3s;backdrop-filter:blur(6px)}
.ai-card:hover{background:rgba(6,180,234,.14);border-color:var(--cyan);transform:translateY(-5px)}
.ai-card i{display:inline-block;font-style:normal;font-size:17px;font-weight:700;color:#fff;margin-bottom:12px;position:relative;padding-left:18px}
.ai-card i::before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:2px;background:var(--cyan)}
.ai-card p{color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.75}
.ai-note{margin-top:30px;text-align:center}
.ai-note b{display:inline-block;font-size:14px;color:var(--cyan);letter-spacing:1px;margin-right:12px}
.ai-note span{color:rgba(255,255,255,.6);font-size:13px}

/* ---------- 业务流程图（高大上） ---------- */
.flow-sec{background:linear-gradient(180deg,#f6f9fc 0%,#eef5fc 100%);position:relative;overflow:hidden}
.flow-sec::before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(0,91,172,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,91,172,.04) 1px,transparent 1px);background-size:30px 30px}
.flow-sec .wrap{position:relative;z-index:2}
.flow-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:0;flex-wrap:wrap;padding:30px 0 10px}
.fv2-node{flex:1 1 14%;min-width:130px;text-align:center;position:relative;z-index:1}
.fv2-circle{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#005bac 0%,#06b4ea 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;box-shadow:0 14px 30px rgba(0,91,172,.32),inset 0 2px 6px rgba(255,255,255,.3);border:4px solid rgba(255,255,255,.6);transition:.3s}
.fv2-circle::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(6,180,234,.5);animation:fv2-spin 18s linear infinite}
.fv2-circle::after{content:"";position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(6,180,234,.18)}
.fv2-circle:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 40px rgba(0,91,172,.42)}
.fv2-num{font-size:32px;font-weight:800;color:#fff;letter-spacing:1px;position:relative;z-index:2;text-shadow:0 2px 6px rgba(0,0,0,.25)}
.fv2-node h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:.5px}
.fv2-node p{color:var(--muted);font-size:12.5px;line-height:1.6;padding:0 6px}
.fv2-arrow{flex:0 0 30px;display:flex;align-items:center;justify-content:center;align-self:flex-start;padding-top:36px;position:relative;z-index:1}
.fv2-arrow svg{width:30px;height:14px;filter:drop-shadow(0 2px 4px rgba(0,91,172,.2))}
@keyframes fv2-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  .sub-hero h1{font-size:36px}
  .sub-hero .lead{font-size:18px}
}
@media(max-width:1024px){
  .feature-list,.pain-list,.hl-grid,.sc-grid{grid-template-columns:1fr 1fr}
  .val-grid{grid-template-columns:1fr 1fr}
  .ai-grid{grid-template-columns:1fr}
  .flow-v2{flex-wrap:wrap;gap:24px 0}
  .fv2-node{flex:1 1 30%}
  .fv2-arrow{display:none}
}
@media(max-width:900px){
  .sub-hero{padding:56px 0 50px}
  .sub-hero h1{font-size:30px}
  .sub-hero .lead{font-size:16px}
  .sub-hero .sub{font-size:14px}
  .feature-list,.pain-list,.hl-grid,.sc-grid{grid-template-columns:1fr}
  .val-grid{grid-template-columns:1fr}
  .fv2-node{flex:1 1 45%}
  .section{padding:52px 0}
  .section-head h2{font-size:24px}
}
@media(max-width:640px){
  .sub-hero .hero-cta{flex-direction:column;align-items:stretch}
  .sub-hero .hero-cta .btn{justify-content:center}
  .feature-list li{padding:18px 20px}
  .bread{font-size:12px}
  .fv2-node{flex:1 1 100%}
  .fv2-circle{width:80px;height:80px}
  .fv2-num{font-size:26px}
  .ai-note b{display:block;margin:0 0 6px}
}