/* ============================================================
   产品服务页 · 重新设计（2026-09-30）
   目标：与首页同级的高级感
   8 点：
   ① 页头光晕 + 渐变标题  ② 卡片渐变描边 + 彩色投影
   ③ 渐变图标瓦片  ④ 01-04 渐变数字
   ⑤ 深色表头表格  ⑥ 光晕过渡
   ⑦ 统一视觉语言  ⑧ 收紧间距节奏
   ============================================================ */

:root{
  --pg1:#6366f1; --pg2:#8b5cf6; --pg3:#06b6d4;
  --pg-sig:linear-gradient(100deg,#6366f1 0%,#8b5cf6 46%,#06b6d4 100%);
  --pg-sig2:linear-gradient(135deg,#6366f1 0%,#8b5cf6 52%,#06b6d4 100%);
}

/* ========== ① 页头：光晕舞台 + 渐变标题 + 产品卡 ========== */
.pg-hero{
  position:relative;
  padding:70px 0 86px;
  background:#fbfcfe;
  overflow:hidden;
}
.pg-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(940px 500px at 8% -14%, rgba(99,102,241,.24) 0%, transparent 66%),
    radial-gradient(780px 460px at 96% 2%, rgba(139,92,246,.22) 0%, transparent 64%),
    radial-gradient(680px 400px at 52% 118%, rgba(6,182,212,.15) 0%, transparent 68%);
}
.pg-hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(11,18,32,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,18,32,.028) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse 74% 70% at 50% 28%,#000 20%,transparent 74%);
  -webkit-mask-image:radial-gradient(ellipse 74% 70% at 50% 28%,#000 20%,transparent 74%);
}
.pg-hero-wrap{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:1.02fr 1fr;gap:52px;align-items:center;
}
.pg-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;border-radius:99px;
  background:#fff;border:1px solid #e4e9f4;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.05);
  font-size:13px;font-weight:600;color:#4c5a72;margin-bottom:22px;
}
.pg-badge i{
  width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--pg2),var(--pg3));
  box-shadow:0 0 8px rgba(139,92,246,.7);
  animation:pgPulse 2.2s ease-in-out infinite;
}
@keyframes pgPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

.pg-hero h1{
  font-size:50px;line-height:1.12;letter-spacing:-1.9px;
  font-weight:800;color:#080e1a;margin-bottom:20px;
}
.pg-grad{
  background:var(--pg-sig);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pg-sub{
  font-size:16.5px;color:#5a6577;max-width:520px;
  line-height:1.85;margin-bottom:32px;
}
.pg-stats{display:flex;gap:30px;flex-wrap:wrap}
.pg-stat{display:flex;align-items:baseline;gap:7px;font-size:13px;color:#7a8699}
.pg-stat b{
  font-size:24px;font-weight:800;letter-spacing:-1px;
  background:var(--pg-sig2);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* 产品卡（微倾斜 + 彩色投影 + 出血）*/
.pg-hero-visual{position:relative;perspective:1500px}
.pg-card{
  position:relative;z-index:2;
  background:#fff;border:1px solid #e7ecf6;border-radius:18px;overflow:hidden;
  box-shadow:
    0 34px 74px rgba(16,24,40,.16),
    0 10px 26px rgba(99,102,241,.16),
    0 0 0 1px rgba(255,255,255,.9) inset;
  transform:rotateY(-7deg) rotateX(3.4deg) rotateZ(1deg);
  transition:transform .7s cubic-bezier(.34,1.1,.64,1);
  margin-right:-24px;
}
.pg-card:hover{ transform:rotateY(-7deg) rotateX(3.4deg) rotateZ(1deg) }
.pg-hero-visual::before{
  content:'';position:absolute;left:4%;right:-6%;bottom:-40px;height:150px;
  background:radial-gradient(ellipse at 50% 40%,rgba(99,102,241,.44) 0%,transparent 70%);
  filter:blur(46px);pointer-events:none;z-index:0;
}
.pg-card-bar{
  height:38px;background:linear-gradient(180deg,#fbfcfe,#f2f5fa);
  border-bottom:1px solid #e7ecf6;display:flex;align-items:center;gap:7px;padding:0 14px;
}
.pg-card-bar i{width:10px;height:10px;border-radius:50%;display:block}
.pg-card-bar i:nth-child(1){background:#ff5f57}
.pg-card-bar i:nth-child(2){background:#febc2e}
.pg-card-bar i:nth-child(3){background:#28c840}
.pg-card-bar span{margin-left:8px;font-size:11.5px;color:#9aa6b8;letter-spacing:.4px}
.pg-card-body{padding:18px;background:#fbfcfe}
.pg-row{
  display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:9px;
  background:#fff;border:1px solid #e9eef7;border-radius:11px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);transition:all .24s;
}
.pg-row:last-of-type{margin-bottom:0}
.pg-row:hover{transform:translateX(3px);border-color:#c9d3f0;box-shadow:0 6px 18px rgba(99,102,241,.12);}
.pg-av{width:30px;height:30px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px}
.pg-txt{flex:1;min-width:0}
.pg-txt b{display:block;font-size:12.5px;color:#0b1220}
.pg-txt small{display:block;font-size:10.5px;color:#8b96a8;margin-top:2px}
.pg-st{font-size:10px;padding:3px 10px;border-radius:99px;flex:none;font-weight:700}
.pg-st.done{background:#eefaf1;color:#16a34a}
.pg-st.run{background:#eef2ff;color:#4f46e5}
.pg-st.wait{background:#f4f6f9;color:#8b96a8}
.pg-prog{height:5px;border-radius:99px;background:#eef1f7;overflow:hidden;margin-top:13px}
.pg-prog i{
  display:block;height:100%;width:52%;border-radius:99px;
  background:var(--pg-sig2);
  animation:pgProg 3.4s ease-in-out infinite;
}
@keyframes pgProg{0%,100%{width:48%}50%{width:72%}}
.pg-card-foot{
  display:flex;justify-content:space-between;padding:12px 18px;font-size:10.5px;color:#8b96a8;
  border-top:1px solid #eef2f8;background:#fbfcfe;
}

/* ========== ② 三大产品模块：渐变描边 + 彩色投影 ========== */
.pg-modules .mod-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
.mod-card{
  position:relative;
  background:#fff;border:1px solid #e9eef7;border-radius:18px;
  padding:30px 26px;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.05);
  transition:transform .3s cubic-bezier(.34,1.1,.64,1), box-shadow .3s;
  display:flex;flex-direction:column;
}
.mod-card::before{
  content:'';position:absolute;inset:-1px;border-radius:19px;padding:1px;
  background:var(--pg-sig2);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .3s;pointer-events:none;
}
.mod-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(16,24,40,.07),0 28px 64px rgba(16,24,40,.11)}
.mod-card:hover::before{opacity:1}
/* 主卡高亮 */
.mod-card.mod-primary{
  background:linear-gradient(180deg,#fdfdff 0%,#fff 40%);
  box-shadow:0 4px 10px rgba(16,24,40,.06),0 14px 36px rgba(99,102,241,.13);
}
.mod-card.mod-primary::before{opacity:.55}
.mod-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
/* ③ 渐变图标瓦片 */
.mod-ic{
  width:54px;height:54px;border-radius:15px;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  background:linear-gradient(135deg,#eef2ff 0%,#f5f0ff 52%,#ecfeff 100%);
  border:1px solid #e4e6fb;
  box-shadow:0 4px 12px rgba(99,102,241,.13), 0 0 0 4px rgba(99,102,241,.04);
}
.mod-badge{
  font-size:10.5px;font-weight:800;letter-spacing:.5px;
  padding:4px 11px;border-radius:99px;
  background:var(--pg-sig2);color:#fff;
  box-shadow:0 3px 10px rgba(99,102,241,.34);
}
.mod-card h3{font-size:19px;font-weight:800;letter-spacing:-.4px;margin-bottom:11px;color:#080e1a}
.mod-card > p{font-size:13.5px;color:#5a6577;line-height:1.85;margin-bottom:16px}
.mod-list{list-style:none;padding:0;margin:0 0 18px}
.mod-list li{
  position:relative;padding-left:22px;margin-bottom:9px;
  font-size:13px;color:#4a5361;line-height:1.7;
}
.mod-list li::before{
  content:'';position:absolute;left:0;top:6px;
  width:13px;height:13px;border-radius:50%;
  background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(5,150,105,.12));
  border:1px solid rgba(16,185,129,.26);
}
.mod-list li::after{
  content:'';position:absolute;left:4px;top:9.5px;
  width:5px;height:3px;border-left:1.6px solid #10b981;border-bottom:1.6px solid #10b981;
  transform:rotate(-45deg);
}
.mod-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.mod-tags .tag{
  padding:5px 12px;border-radius:99px;font-size:11.5px;font-weight:500;
  background:#eef2ff;color:#4f46e5;border:1px solid #dfe4fb;
}

/* ========== ④ 核心能力：深色 + 渐变数字 ========== */
.pg-power{background:#1c2438 !important}
.pg-power .sec-hd h2{color:#fff !important}
.pg-power .sec-hd p{color:#a8b5c9 !important}
.pg-power .sec-hd .kicker{background:rgba(99,102,241,.18) !important;color:#a5b4fc !important;border-color:rgba(139,92,246,.3) !important}
.pg-power .sec-hd h2::after{background:var(--pg-sig2) !important}
.pg-power .feat{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.9) !important;
  border-top:3px solid #6366f1 !important;
  box-shadow:0 8px 26px rgba(0,0,0,.22) !important;
}
.pg-power .feat:hover{transform:translateY(-4px);
  border-top-color:#818cf8 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.4) !important;
}
.pg-power .feat-n{
  font-size:15px !important;font-weight:800 !important;
  padding:3px 11px !important;border-radius:7px !important;
  background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(139,92,246,.10)) !important;
  color:#4f46e5 !important;
  letter-spacing:.5px;
  display:inline-block;margin-bottom:12px;
}
.pg-power .feat h4{font-size:17px !important;color:#080e1a !important;margin-bottom:10px !important}
.pg-power .feat p{font-size:13.5px !important;color:#5a6577 !important;line-height:1.8 !important}

/* ========== ⑤ 适用场景：青绿家族 + 圆形图标 ========== */
.pg-scene{background:#fbfcfe}
.pg-scene .aud-card{
  background:#fff;border:1px solid #e9eef7;border-left:3px solid #99f6e4;
  border-radius:16px;padding:26px 22px;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 6px rgba(16,24,40,.05);
  transition:transform .3s cubic-bezier(.34,1.1,.64,1), box-shadow .3s, border-color .3s;
}
.pg-scene .aud-card:hover{transform:translateY(-6px);
  border-left-color:#0d9488;
  box-shadow:0 12px 30px rgba(13,148,136,.13);
}
.pg-scene .aud-ic{
  width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,#f0fdfa,#ccfbf1);
  border:1px solid #99f6e4;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:15px;
  box-shadow:0 4px 12px rgba(13,148,136,.12);
}
.pg-scene .aud-who{font-size:16.5px;font-weight:700;color:#0f766e;margin-bottom:9px}
.pg-scene .aud-card p{font-size:13.5px;color:#5a6577;line-height:1.85}

/* ========== ⑥ 产品组成：深色表头 + hover ========== */
.pg-stack .prod-table-wrap{
  border:1px solid #e9eef7;border-radius:16px;overflow:hidden;
  box-shadow:0 4px 10px rgba(16,24,40,.05),0 14px 36px rgba(16,24,40,.07);
  background:#fff;
}
.pg-stack .prod-table thead th{
  background:linear-gradient(135deg,#312e81,#4c1d95);
  color:#fff;font-size:13px;letter-spacing:.4px;
  padding:17px 22px;font-weight:700;
}
.pg-stack .prod-table td{
  padding:19px 22px;font-size:13.5px;color:#5a6577;
  line-height:1.9;border-bottom:1px solid #f0f2f6;
  transition:background .18s;
}
.pg-stack .prod-table tbody tr:last-child td{border-bottom:none}
.pg-stack .prod-table tbody tr:hover{background:#f8fbff}
.pg-stack .prod-table td:first-child b{
  color:#080e1a;font-size:14px;font-weight:700;
  display:inline-flex;align-items:center;gap:8px;
}
.pg-stack .prod-table td:first-child b::before{
  content:'';width:3px;height:15px;border-radius:2px;
  background:linear-gradient(180deg,#6366f1,#8b5cf6);
  display:inline-block;
}

/* ========== ⑦ 产品界面：窗口感 + 光晕 ========== */
.pg-ui{background:#fbfcfe}
.pg-ui .shot-item-main{
  border:1px solid #dbe3ef !important;border-radius:16px !important;
  background:#f1f4f9 !important;padding:14px !important;
  box-shadow:0 22px 56px rgba(79,70,229,.16),0 6px 16px rgba(16,24,40,.08) !important;
}
.pg-ui .shot-item-main::before{
  content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:36px !important;
  background:linear-gradient(180deg,#eef2f8,#e6ecf5) !important;
  border-bottom:1px solid #d9e1ee !important;z-index:1 !important;
}
.pg-ui .shot-item-main::after{
  content:'● ● ●' !important;position:absolute !important;top:10px !important;left:17px !important;
  font-size:9px !important;letter-spacing:4px !important;color:#b8c2d4 !important;z-index:2 !important;
}
.pg-ui .shot-item-main > img{
  padding-top:0 !important;margin-top:22px !important;border-radius:9px !important;
  border:1px solid #dde5f0 !important;background:#fff !important;
  box-shadow:0 2px 10px rgba(16,24,40,.08) !important;
}
.pg-ui .shot-item{
  background:#fff !important;border:1px solid #e9eef7 !important;
  border-radius:14px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
  transition:transform .3s cubic-bezier(.34,1.1,.64,1), box-shadow .3s !important;
}
.pg-ui .shot-item:hover{transform:translateY(-5px) !important;
  box-shadow:0 10px 28px rgba(99,102,241,.15) !important;
}
.pg-ui .shot-item img{
  border:1px solid #dde5f0 !important;border-radius:8px !important;
  box-shadow:0 1px 4px rgba(16,24,40,.06) !important;
}

/* 底部按钮组 */
.pg-cta-row{
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  margin-top:38px;
}
.pg-cta-row .btn-p{
  background:var(--pg-sig2) !important;color:#fff !important;
  box-shadow:0 6px 22px rgba(99,102,241,.36) !important;
}
.pg-cta-row .btn-p:hover{box-shadow:0 12px 34px rgba(99,102,241,.48) !important}
.pg-cta-row .btn-g{
  background:#fff !important;color:#0b1220 !important;
  border:1px solid #e6ebf4 !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
}
.pg-cta-row .btn-g:hover{border-color:#c9d3e8 !important;}

/* ========== ⑧ 收紧间距节奏 + CTA ========== */
.pg-modules{padding:74px 0 !important}
.pg-power{padding:80px 0 !important}
.pg-scene{padding:74px 0 !important}
.pg-stack{padding:74px 0 !important}
.pg-ui{padding:74px 0 !important}
.pg-modules .sec-hd, .pg-power .sec-hd, .pg-scene .sec-hd,
.pg-stack .sec-hd, .pg-ui .sec-hd{margin-bottom:44px !important}

/* CTA 加光晕 */
.cta{
  background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 48%,#0891b2 100%) !important;
  position:relative;overflow:hidden;
}
.cta::before{
  content:'' !important;position:absolute !important;inset:0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) !important;
  background-size:44px 44px !important;
  mask-image:radial-gradient(ellipse 76% 86% at 50% 50%,#000 40%,transparent 82%) !important;
  -webkit-mask-image:radial-gradient(ellipse 76% 86% at 50% 50%,#000 40%,transparent 82%) !important;
  pointer-events:none !important;
}
.cta .wrap{position:relative;z-index:1}
.cta .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ========== 响应式 ========== */
@media (max-width:900px){
  .pg-hero{padding:44px 0 56px}
  .pg-hero-wrap{grid-template-columns:minmax(0,1fr);gap:30px;padding:0 16px}
  .pg-hero h1{font-size:30px;letter-spacing:-1px}
  .pg-sub{font-size:14px;margin-bottom:22px}
  .pg-stats{gap:18px}
  .pg-stat b{font-size:20px}
  .pg-card{transform:none;margin-right:0}
  .pg-hero-visual::before{display:none}
  .pg-card-body{padding:14px}
  .pg-row{padding:9px 11px;margin-bottom:7px}
  .pg-txt b{font-size:12px}
  .pg-txt small{font-size:10.5px}
  .pg-av{width:26px;height:26px;font-size:13px}
  .pg-st{font-size:9.5px;padding:3px 8px}
  .pg-card-bar{height:32px}
  .pg-card-foot{padding:10px 14px;font-size:10px}
  .pg-prog{margin-top:10px}

  /* 三大模块 → 2 列紧凑（第 1 个横跨）*/
  .pg-modules .mod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mod-card.mod-primary{grid-column:1 / -1}
  .mod-card{padding:18px 15px;border-radius:14px}
  .mod-ic{width:42px;height:42px;border-radius:12px;font-size:19px}
  .mod-card h3{font-size:15px;margin-bottom:8px}
  .mod-card > p{font-size:12px;line-height:1.7;margin-bottom:12px}
  .mod-list{margin-bottom:13px}
  .mod-list li{font-size:11.5px;margin-bottom:6px;padding-left:19px}
  .mod-tags .tag{font-size:10.5px;padding:4px 10px}

  /* 核心能力 2 列 */
  .pg-power .grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:11px !important}
  .pg-power{padding:48px 0 !important}
  .pg-power .feat{padding:15px 13px !important}
  .pg-power .feat-n{font-size:12px !important;padding:2px 8px !important;margin-bottom:8px !important}
  .pg-power .feat h4{font-size:13.5px !important;margin-bottom:6px !important}
  .pg-power .feat p{font-size:11.5px !important;line-height:1.65 !important}

  /* 适用场景 2 列 */
  .pg-scene .grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:11px !important}
  .pg-scene{padding:44px 0 !important}
  .pg-scene .aud-card{padding:15px 13px !important}
  .pg-scene .aud-ic{width:38px !important;height:38px !important;margin-bottom:10px !important}
  .pg-scene .aud-ic svg{width:19px;height:19px}
  .pg-scene .aud-who{font-size:13.5px !important;margin-bottom:6px !important}
  .pg-scene .aud-card p{font-size:11.5px !important;line-height:1.65 !important}

  /* 产品组成 → 卡片式 */
  .pg-stack .prod-table-wrap{border:none !important;box-shadow:none !important;background:transparent !important}
  .pg-stack .prod-table{display:block !important;background:transparent !important}
  .pg-stack .prod-table thead{display:none !important}
  .pg-stack .prod-table tbody,.pg-stack .prod-table tr,.pg-stack .prod-table td{display:block !important;width:100% !important}
  .pg-stack .prod-table tr{
    background:#fff !important;border:1px solid #e9eef7 !important;
    border-left:3px solid #6366f1 !important;border-radius:12px !important;
    margin-bottom:9px !important;padding:3px 0 !important;
    box-shadow:0 1px 3px rgba(16,24,40,.05) !important;
  }
  .pg-stack .prod-table td{border:none !important;padding:7px 15px !important;font-size:12.5px !important;line-height:1.75 !important}
  .pg-stack .prod-table td:first-child{padding-top:12px !important;border-bottom:1px solid #f0f2f6 !important;margin-bottom:3px !important}
  .pg-stack .prod-table td:last-child{padding-bottom:12px !important}
  .pg-stack .prod-table td:first-child b{font-size:13px !important}

  /* 产品界面 */
  .pg-ui{padding:44px 0 !important}
  .pg-ui .shot-item-main > img{aspect-ratio:16/8 !important}
  .pg-cta-row{margin-top:26px}
  .pg-cta-row .btn{width:100%;text-align:center}

  .pg-modules, .pg-stack{padding:44px 0 !important}
  .pg-modules .sec-hd, .pg-power .sec-hd, .pg-scene .sec-hd,
  .pg-stack .sec-hd, .pg-ui .sec-hd{margin-bottom:26px !important}
}
@media (max-width:420px){
  .pg-hero h1{font-size:26px}
  .pg-modules .mod-grid, .pg-power .grid4, .pg-scene .grid4{grid-template-columns:1fr}
  .mod-card.mod-primary{grid-column:auto}
}


/* ============================================================
   修正：① 产品界面主图不再"空白框"  ② 适用场景加强青绿
   ============================================================ */

/* ① 产品界面主图：给截图加"深色渐变底衬"，让白 UI 凸显 */
.pg-ui .shot-item-main{
  background:linear-gradient(150deg,#e8eef8 0%,#dde6f4 100%) !important;
}
.pg-ui .shot-item-main > img{
  border:1px solid #cdd8e8 !important;
  box-shadow:0 4px 18px rgba(16,24,40,.14), 0 1px 3px rgba(16,24,40,.10) !important;
}

/* ② 适用场景：青绿更明显 */
.pg-scene .aud-card{
  border-left-color:#5eead4 !important;
  background:linear-gradient(180deg,#fbfffe 0%,#fff 45%) !important;
}
.pg-scene .aud-card:hover{
  border-left-color:#0d9488 !important;
  box-shadow:0 12px 32px rgba(13,148,136,.16) !important;
}
.pg-scene .aud-ic{
  background:linear-gradient(135deg,#ccfbf1 0%,#a7f3d0 100%) !important;
  border:1px solid #5eead4 !important;
  box-shadow:0 4px 14px rgba(13,148,136,.22) !important;
}
.pg-scene .aud-who{color:#0f766e !important}
/* 图标线条加粗成青绿 */
.pg-scene .aud-ic svg{stroke:#0d9488 !important;stroke-width:2.1 !important}


/* ============================================================
   适用场景 → 1 行横排标签式（精简版）
   ============================================================ */
.pg-scene{padding:64px 0 !important}
.scene-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}
.scene-chip{
  position:relative;
  display:flex;align-items:flex-start;gap:13px;
  padding:20px 18px;
  background:#fff;
  border:1px solid #e9eef7;
  border-left:3px solid #5eead4;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 2px 6px rgba(16,24,40,.05);
  transition:transform .3s cubic-bezier(.34,1.1,.64,1), box-shadow .3s, border-color .3s;
}
.scene-chip:hover{
  border-left-color:#0d9488;
  box-shadow:0 12px 28px rgba(13,148,136,.14);
}
.sc-ic{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ccfbf1,#a7f3d0);
  border:1px solid #5eead4;
  box-shadow:0 3px 10px rgba(13,148,136,.18);
}
.sc-ic svg{width:19px;height:19px}
.sc-txt{min-width:0;flex:1}
.sc-txt b{
  display:block;font-size:14.5px;font-weight:700;color:#0f766e;
  margin-bottom:5px;line-height:1.4;
}
.sc-txt span{
  display:block;font-size:12.5px;color:#5a6577;line-height:1.65;
}

/* ===== 响应式 ===== */
@media (max-width:900px){
  .pg-scene{padding:44px 0 !important}
  .scene-row{grid-template-columns:repeat(2, minmax(0,1fr));gap:10px}
  .scene-chip{padding:14px 13px;gap:10px;border-radius:12px}
  .sc-ic{width:34px;height:34px}
  .sc-ic svg{width:16px;height:16px}
  .sc-txt b{font-size:13px;margin-bottom:3px}
  .sc-txt span{font-size:11.5px;line-height:1.6}
}
@media (max-width:420px){
  .scene-row{grid-template-columns:1fr;gap:9px}
  .scene-chip{padding:13px 12px}
}


/* ============================================================
   第三轮精简：产品界面 + 三大模块
   ============================================================ */

/* ① 产品界面：主图更扁 + 小图 3 列一行 */
.pg-ui .shot-grid-plus{
  grid-template-columns:1.7fr 1fr !important;
  grid-template-rows:repeat(4, auto) !important;
  gap:14px 20px !important;
}
.pg-ui .shot-item-main > img{
  aspect-ratio:16/10 !important;      /* 从 16/11 压扁 */
  margin-top:20px !important;
}
.pg-ui .shot-item-main::before{height:32px !important}
.pg-ui .shot-item-main::after{top:9px !important;left:15px !important}
.pg-ui .shot-item-main .shot-cap{padding:12px 6px 2px !important}
.pg-ui .shot-item-main .shot-cap b{font-size:14px !important}
.pg-ui .shot-item-main .shot-cap span{font-size:12px !important;line-height:1.7 !important}
/* 小图更紧凑 */
.pg-ui .shot-item{padding:10px !important}
.pg-ui .shot-item img{width:96px !important}
.pg-ui .shot-item .shot-cap b{font-size:13px !important;margin-bottom:3px !important}
.pg-ui .shot-item .shot-cap span{font-size:11.5px !important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

/* ② 三大模块：卡片更紧凑 */
.pg-modules .mod-grid{gap:18px !important}
.mod-card{padding:26px 22px !important}
.mod-ic{width:48px !important;height:48px !important;font-size:21px !important;border-radius:13px !important}
.mod-card h3{font-size:17.5px !important;margin-bottom:9px !important}
.mod-card > p{font-size:13px !important;line-height:1.8 !important;margin-bottom:13px !important}
.mod-list{margin-bottom:14px !important}
.mod-list li{font-size:12.5px !important;margin-bottom:7px !important}
.mod-tags .tag{font-size:11px !important;padding:4px 11px !important}

/* ③ 核心能力压缩 */
.pg-power{padding:64px 0 !important}
.pg-power .feat{padding:22px 20px !important}
.pg-power .feat h4{font-size:16px !important;margin-bottom:8px !important}
.pg-power .feat p{font-size:13px !important;line-height:1.75 !important}

/* ④ 各区块 padding 统一收紧 */
.pg-modules{padding:64px 0 !important}
.pg-ui{padding:64px 0 !important}
.pg-modules .sec-hd, .pg-power .sec-hd, .pg-scene .sec-hd, .pg-ui .sec-hd{
  margin-bottom:36px !important;
}
.pg-cta-row{margin-top:30px !important;gap:12px !important}

/* ⑤ CTA 压缩 */
.cta{padding:74px 0 !important}


/* ============================================================
   第四轮：产品界面再压（941 → 目标 700）
   ============================================================ */
.pg-ui .shot-grid-plus{
  grid-template-columns:1fr 1fr !important;      /* 左图 + 右列 */
  grid-template-rows:repeat(4, minmax(0, auto)) !important;
  gap:12px 18px !important;
}
/* 主图跨 4 行 */
.pg-ui .shot-grid-plus .shot-item-main{
  grid-column:1 !important;
  grid-row:1 / span 4 !important;
}
.pg-ui .shot-grid-plus .shot-item{grid-column:2 !important}
/* 右列小图：图 88px，文字单行 */
.pg-ui .shot-item{padding:9px !important;gap:11px !important;display:flex !important;align-items:center !important}
.pg-ui .shot-item img{width:84px !important;flex:none !important;aspect-ratio:4/3 !important;margin-bottom:0 !important}
.pg-ui .shot-item .shot-cap{padding:0 !important}
.pg-ui .shot-item .shot-cap b{font-size:12.5px !important;margin-bottom:2px !important}
.pg-ui .shot-item .shot-cap span{font-size:11px !important;-webkit-line-clamp:1 !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;overflow:hidden}

/* 主图更扁 */
.pg-ui .shot-item-main > img{aspect-ratio:16/9 !important}

/* 三大模块：卡片再紧凑（去 tags 行，省 60px）*/
.mod-tags{display:none !important}
.mod-card{padding:24px 20px !important}
.mod-card > p{margin-bottom:14px !important}

@media (max-width:900px){
  .pg-ui .shot-grid-plus{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  .pg-ui .shot-grid-plus .shot-item-main{grid-column:1 !important;grid-row:auto !important}
  .pg-ui .shot-grid-plus .shot-item{
    grid-column:1 !important;
    display:flex !important;align-items:center !important;
  }
  .mod-tags{display:flex !important}   /* 移动端恢复 tags */
}


/* ============================================================
   产品页简洁页头（替掉原 pg-hero）
   ============================================================ */
.pg-head{
  position:relative;
  padding:54px 0 44px;
  background:#fbfcfe;
  overflow:hidden;
  border-bottom:1px solid #eef2f8;
}
.pg-head::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 420px at 10% -18%, rgba(99,102,241,.20) 0%, transparent 66%),
    radial-gradient(700px 380px at 94% -4%, rgba(139,92,246,.17) 0%, transparent 64%);
}
.pg-head-in{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;padding:0 24px;
  text-align:center;
}
.pg-head .pg-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 15px;border-radius:99px;
  background:#fff;border:1px solid #e4e9f4;
  box-shadow:0 1px 2px rgba(16,24,40,.05);
  font-size:12.5px;font-weight:600;color:#4c5a72;margin-bottom:16px;
}
.pg-head .pg-badge i{
  width:6px;height:6px;border-radius:50%;
  background:linear-gradient(135deg,#8b5cf6,#06b6d4);
  box-shadow:0 0 8px rgba(139,92,246,.7);
}
.pg-head h1{
  font-size:38px;line-height:1.2;letter-spacing:-1.4px;
  font-weight:800;color:#080e1a;margin-bottom:12px;
}
.pg-head p{
  font-size:15px;color:#5a6577;line-height:1.75;
  max-width:640px;margin:0 auto;
}

@media (max-width:900px){
  .pg-head{padding:34px 0 28px}
  .pg-head-in{padding:0 16px}
  .pg-head h1{font-size:23px;letter-spacing:-.6px;margin-bottom:9px}
  .pg-head p{font-size:13px;line-height:1.7}
  .pg-head .pg-badge{font-size:11.5px;padding:5px 12px;margin-bottom:12px}
}


/* ============================================================
   三大模块图标 → 方案 C（渐变彩底 + 白色 SVG 图标）
   三个模块各一个色：靛紫 / 天蓝 / 青绿
   ============================================================ */
.mod-ic{
  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;
  border:none !important;
  box-shadow:0 8px 22px rgba(99,102,241,.38), 0 0 0 4px rgba(99,102,241,.08) !important;
}
.mod-ic svg{stroke:#fff !important;display:block}
/* 模块 2：天蓝 */
.mod-card:nth-child(2) .mod-ic{
  background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%) !important;
  box-shadow:0 8px 22px rgba(2,132,199,.34), 0 0 0 4px rgba(2,132,199,.08) !important;
}
/* 模块 3：青绿 */
.mod-card:nth-child(3) .mod-ic{
  background:linear-gradient(135deg,#0d9488 0%,#10b981 100%) !important;
  box-shadow:0 8px 22px rgba(13,148,136,.34), 0 0 0 4px rgba(13,148,136,.08) !important;
}
/* 图标瓦片尺寸统一 */
.mod-ic{
  width:54px !important;height:54px !important;border-radius:15px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
.mod-ic svg{width:26px !important;height:26px !important}

/* 悬停微动 */

@media (max-width:900px){
  .mod-ic{width:42px !important;height:42px !important;border-radius:12px !important}
  .mod-ic svg{width:21px !important;height:21px !important}
}


/* ============================================================
   移动端优化（2026-09-30）
   ① pg-head 压缩（188 → ~120）
   ② 产品界面小图改 2 列（1631 → ~900）
   ③ 三大模块紧凑（1340 → ~900）
   ============================================================ */
@media (max-width: 900px) {

  /* ① 页头压缩 */
  .pg-head{padding:22px 0 18px !important}
  .pg-head h1{font-size:20px !important;letter-spacing:-.4px !important;margin-bottom:7px !important}
  .pg-head p{font-size:12px !important;line-height:1.6 !important}
  .pg-head .pg-badge{font-size:11px !important;padding:4px 11px !important;margin-bottom:9px !important}

  /* ② 产品界面：小图 2 列网格 */
  .pg-ui{padding:38px 0 !important}
  .pg-ui .shot-grid-plus{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
    gap:9px !important;
  }
  .pg-ui .shot-grid-plus .shot-item-main{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
  }
  /* 小图：竖向紧凑卡（图在上，文字在下）*/
  .pg-ui .shot-grid-plus .shot-item{
    grid-column:auto !important;
    display:block !important;
    padding:6px !important;
    border-radius:11px !important;
  }
  .pg-ui .shot-grid-plus .shot-item img{
    width:100% !important;
    aspect-ratio:16/10 !important;
    border-radius:7px !important;
    margin-bottom:6px !important;
  }
  .pg-ui .shot-grid-plus .shot-item .shot-cap{padding:0 2px 4px !important}
  .pg-ui .shot-grid-plus .shot-item .shot-cap b{
    font-size:11.5px !important;margin-bottom:2px !important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .pg-ui .shot-grid-plus .shot-item .shot-cap span{
    font-size:10.5px !important;line-height:1.5 !important;
    -webkit-line-clamp:1 !important;display:-webkit-box !important;
    -webkit-box-orient:vertical !important;overflow:hidden;
  }
  /* 主图更扁 */
  .pg-ui .shot-item-main > img{aspect-ratio:16/8 !important;margin-top:18px !important}
  .pg-ui .shot-item-main::before{height:26px !important}
  .pg-ui .shot-item-main::after{top:7px !important;left:13px !important;font-size:8px !important}
  .pg-ui .shot-item-main .shot-cap{padding:9px 4px 2px !important}
  .pg-ui .shot-item-main .shot-cap b{font-size:13px !important}
  .pg-ui .shot-item-main .shot-cap span{font-size:11.5px !important;line-height:1.6 !important}
  /* 底部按钮并排（省高度）*/
  .pg-cta-row{margin-top:18px !important;gap:9px !important;flex-direction:row !important}
  .pg-cta-row .btn{width:auto !important;flex:1;padding:10px 14px !important;font-size:12.5px !important;white-space:nowrap}

  /* ③ 三大模块：2 列（主卡不再横跨）+ 去掉列表 */
  .pg-modules{padding:38px 0 !important}
  .pg-modules .mod-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .mod-card.mod-primary{grid-column:auto !important}   /* 不再横跨整行 */
  .mod-card{padding:14px 12px !important;border-radius:12px !important}
  .mod-ic{width:36px !important;height:36px !important;border-radius:10px !important;margin-bottom:9px !important}
  .mod-ic svg{width:18px !important;height:18px !important}
  .mod-card h3{font-size:13.5px !important;margin-bottom:6px !important;line-height:1.4 !important}
  .mod-card > p{font-size:11.5px !important;line-height:1.6 !important;margin-bottom:9px !important}
  /* 列表只留 1 项 */
  .mod-list{margin-bottom:0 !important}
  .mod-list li{font-size:11px !important;margin-bottom:4px !important;padding-left:17px !important;line-height:1.55 !important}
  .mod-list li:nth-child(n+2){display:none !important}
  .mod-list li::before{width:11px !important;height:11px !important;top:5px !important}
  .mod-list li::after{left:3.5px !important;top:8.5px !important}
  /* tags 保留但更小 */
  .mod-tags{display:flex !important;gap:4px !important;margin-top:8px !important}
  .mod-tags .tag{font-size:10px !important;padding:3px 8px !important}
  .mod-tags .tag:nth-child(n+3){display:none !important}

  /* ④ 核心能力 2 列更紧凑 */
  .pg-power{padding:38px 0 !important}
  .pg-power .grid4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  .pg-power .feat{padding:13px 11px !important}
  .pg-power .feat-n{font-size:11px !important;padding:2px 7px !important;margin-bottom:6px !important}
  .pg-power .feat h4{font-size:12.5px !important;margin-bottom:5px !important}
  .pg-power .feat p{font-size:11px !important;line-height:1.6 !important}

  /* ⑤ 四类员工紧凑 */
  .pg-employee{padding:38px 0 !important}
  .pg-employee .tf-av{width:42px !important;height:42px !important;margin-bottom:8px !important}
  .pg-employee .tf-role{font-size:12.5px !important;margin-bottom:5px !important}
  .pg-employee .tf-job{font-size:11px !important;line-height:1.55 !important;-webkit-line-clamp:2}

  /* ⑥ 各区块标题压缩 */
  .pg-ui .sec-hd, .pg-power .sec-hd, .pg-employee .sec-hd, .pg-modules .sec-hd{
    margin-bottom:20px !important;
  }
  .pg-power .sec-hd h2, .pg-ui .sec-hd h2, .pg-employee .sec-hd h2, .pg-modules .sec-hd h2{
    font-size:19px !important;padding-bottom:9px !important;
  }
  .pg-power .sec-hd .kicker, .pg-ui .sec-hd .kicker,
  .pg-employee .sec-hd .kicker, .pg-modules .sec-hd .kicker{
    font-size:10px !important;padding:3px 10px !important;margin-bottom:8px !important;
  }
}

@media (max-width: 420px) {
  .pg-head h1{font-size:18px !important}
  .pg-ui .shot-grid-plus{gap:8px !important}
  .pg-modules .mod-grid{gap:9px !important}
  .pg-cta-row .btn{font-size:11.5px !important;padding:9px 11px !important}
}


/* ============================================================
   终极压缩：产品界面 + 三大模块（目标各 ≤1 屏）+ 修导航
   ============================================================ */
@media (max-width: 900px) {

  /* ① 产品界面 848 → ~600 */
  .pg-ui .shot-item-main > img{aspect-ratio:16/7 !important}       /* 更扁 */
  .pg-ui .shot-item-main .shot-cap span{-webkit-line-clamp:1 !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
  .pg-ui .shot-grid-plus .shot-item img{aspect-ratio:16/9 !important}
  .pg-ui .shot-grid-plus{gap:8px !important}
  .pg-ui .shot-grid-plus .shot-item{padding:5px !important}
  .pg-ui .shot-grid-plus .shot-item .shot-cap span{display:none !important}  /* 小图只留标题 */
  .pg-ui .shot-grid-plus .shot-item .shot-cap b{font-size:11px !important;margin-bottom:0 !important}
  .pg-cta-row{margin-top:14px !important}

  /* ② 三大模块 797 → ~560 */
  .pg-modules .mod-grid{gap:9px !important}
  .mod-card{padding:12px 11px !important}
  .mod-card > p{
    font-size:11px !important;line-height:1.55 !important;margin-bottom:7px !important;
    -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
  }
  .mod-list{display:none !important}        /* 手机上隐藏清单（省高度）*/
  .mod-tags{margin-top:6px !important}
  .mod-ic{width:34px !important;height:34px !important;margin-bottom:7px !important}
  .mod-ic svg{width:17px !important;height:17px !important}

  /* ③ 四类员工 600 → ~480 */
  .pg-employee .team-flow{gap:9px !important}
  .pg-employee .tf-item{padding:13px 11px !important;border-radius:12px !important}
  .pg-employee .tf-av{width:38px !important;height:38px !important;margin-bottom:7px !important}
  .pg-employee .tf-role{font-size:12px !important;margin-bottom:4px !important}
  .pg-employee .tf-job{font-size:10.5px !important;line-height:1.5 !important}

  /* ④ 核心能力 503 → ~400 */
  .pg-power .feat{padding:11px 10px !important}
  .pg-power .feat-n{font-size:10px !important;padding:1px 6px !important;margin-bottom:5px !important}
  .pg-power .feat h4{font-size:12px !important;margin-bottom:4px !important}
  .pg-power .feat p{font-size:10.5px !important;line-height:1.55 !important;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

  /* ⑤ 页脚紧凑（555 → ~420）*/
  .ft{padding:24px 0 0 !important}
  .ft-in{gap:14px !important;padding-bottom:18px !important}
  .ft-col a, .ft-col p{font-size:11.5px !important;margin-bottom:5px !important}
  .ft-col h5{font-size:12px !important;margin-bottom:8px !important}
  .ft-qr{width:64px !important;height:64px !important}
  .ft-bar{padding:10px 0 !important;font-size:10.5px !important}
  /* 联系方式 4 行 → 2 行 */
  .ft-contact{margin-bottom:5px !important}
  .ft-contact span{font-size:11.5px !important}

  /* ⑥ 修导航：375px 下不被裁 */

  /* ⑦ 版块 padding 再收 */
  .pg-ui, .pg-modules, .pg-power, .pg-employee{padding:32px 0 !important}
  .pg-ui .sec-hd, .pg-power .sec-hd, .pg-employee .sec-hd, .pg-modules .sec-hd{margin-bottom:16px !important}
}

@media (max-width: 420px) {
  .mod-card > p{-webkit-line-clamp:2}
  .pg-ui .shot-grid-plus{gap:7px !important}
}


/* ===== 产品界面：最后压到 <1 屏（750 → ~600）===== */
@media (max-width: 900px) {
  .pg-ui .shot-item-main > img{aspect-ratio:16/6.5 !important}   /* 更扁 */
  .pg-ui .shot-item-main .shot-cap{padding:7px 3px 0 !important}
  .pg-ui .shot-item-main .shot-cap b{font-size:12px !important;margin-bottom:2px !important}
  .pg-ui .shot-item-main .shot-cap span{display:none !important}  /* 主图说明隐藏 */
  .pg-ui .shot-grid-plus{gap:7px !important}
  .pg-ui .shot-grid-plus .shot-item{padding:4px !important}
  .pg-ui .shot-grid-plus .shot-item img{margin-bottom:4px !important}
  .pg-ui .sec-hd{margin-bottom:14px !important}
  .pg-cta-row{margin-top:12px !important}
}


/* ============================================================
   备案号链接样式（全站统一）
   ============================================================ */
a.beian, .beian a{
  color:#8b94a7 !important;
  text-decoration:none !important;
  transition:color .2s;
}
a.beian:hover, .beian a:hover{
  color:#4f46e5 !important;
  text-decoration:underline !important;
}
.beian-group{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
}
@media (max-width:900px){
  a.beian, .beian a{font-size:10.5px !important}
}