/* ---------- 页头 ---------- */
  .phead{padding:calc(150px + env(safe-area-inset-top)) 0 62px;position:relative;overflow:hidden}
  .phead::before{content:"";position:absolute;inset:0;z-index:-1;
    background-image:linear-gradient(90deg,rgba(6,16,28,.045) 1px,transparent 1px);
    background-size:calc(100% / 6) 100%;
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);
            mask-image:linear-gradient(180deg,#000,transparent 88%)}
  .crumb{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--ink-3);
    letter-spacing:.06em;margin-bottom:26px}
  .crumb a{color:var(--ink-3);text-decoration:none}
  .crumb a:hover{color:var(--cyan)}
  .crumb span{opacity:.5}
  .phead h1{font-size:clamp(30px,4.4vw,54px);line-height:1.22;font-weight:800;letter-spacing:-.022em;
    max-width:900px;color:var(--navy)}
  .phead h1 em{font-style:normal;color:var(--cyan)}
  .phead .lede{margin-top:24px;max-width:620px;font-size:15.5px;line-height:2;color:var(--ink-2)}
  .phead .meta{margin-top:34px;display:flex;gap:34px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--line)}
  .phead .meta div b{display:block;font-size:23px;font-weight:800;color:var(--navy);line-height:1}
  .phead .meta div span{display:block;margin-top:8px;font-size:11.5px;color:var(--ink-3);letter-spacing:.08em}

  /* ---------- 三种页头构成 ---------- */
  /* A · 服务：图贴左缘出血、文字在右，两者底边对齐 */
  .phead--bleed{padding:calc(148px + env(safe-area-inset-top)) 0 0}
  .phead--bleed .ph-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);
    gap:62px;align-items:center}
  .phead--bleed .ph-fig{margin:0;overflow:hidden;border-radius:6px;
    height:clamp(240px,22vw,316px);box-shadow:0 32px 72px -62px rgba(6,16,28,.62)}
  .phead--bleed .ph-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
  .phead--bleed h1{font-size:clamp(30px,4.1vw,50px)}

  /* B · 案例：整幅大图，文字压在图左下 */
  .phead--cover{position:relative;display:flex;align-items:flex-end;overflow:hidden;
    min-height:clamp(520px,54vw,640px);
    padding:calc(120px + env(safe-area-inset-top)) 0 72px;background:var(--navy);color:#fff}
  .phead--cover .cv-fig{margin:0;position:absolute;inset:0}
  .phead--cover .cv-fig img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
  .phead--cover .cv-fig::after{content:"";position:absolute;inset:0;background:
    linear-gradient(105deg,rgba(6,16,28,.93) 0%,rgba(6,16,28,.74) 46%,rgba(6,16,28,.20) 100%),
    linear-gradient(180deg,rgba(6,16,28,.5) 0%,rgba(6,16,28,0) 48%)}
  .phead--cover .wrap{position:relative;z-index:2;width:100%}
  .phead--cover .crumb,.phead--cover .crumb a{color:rgba(255,255,255,.7)}
  .phead--cover .crumb a:hover{color:var(--cyan-soft)}
  .phead--cover .crumb b{color:rgba(255,255,255,.9)!important}
  .phead--cover h1{color:#fff;max-width:820px}
  .phead--cover h1 em{color:var(--cyan-soft)}
  .phead--cover .lede{color:rgba(255,255,255,.84);max-width:540px}
  .phead--cover .meta{border-top-color:rgba(255,255,255,.24)}
  .phead--cover .meta div b{color:#fff}
  .phead--cover .meta div span{color:rgba(255,255,255,.66)}

  /* C · 洞察：文字在上、矮幅图在下、统计条横压在交界处 */
  .phead--stag{padding:calc(150px + env(safe-area-inset-top)) 0 0}
  .phead--stag .ph-txt{max-width:780px}
  .phead--stag .ph-band{margin:46px 0 0;height:clamp(190px,26vw,300px);
    overflow:hidden;border-radius:5px;position:relative}
  .phead--stag .ph-band img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
  .phead--stag .meta{margin-top:-56px;position:relative;z-index:2;
    display:flex;gap:46px;flex-wrap:wrap;max-width:600px;
    background:#fff;border:1px solid var(--line);border-top:1px solid var(--line);
    border-radius:12px;padding:24px 30px;
    box-shadow:0 26px 60px -46px rgba(6,16,28,.5)}
  .phead--stag .meta div b{font-size:25px}
  .phead--stag .ph-cap{margin:18px 0 0;text-align:right;font-size:11px;
    letter-spacing:.08em;color:var(--ink-3)}

  /* ---------- 服务线列表 ---------- */

  .svcs{padding:64px 0 96px}
  .svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .svc{position:relative;display:block;text-decoration:none;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:30px 32px 28px;transition:border-color .25s,box-shadow .25s,transform .25s}
  .svc:hover{border-color:rgba(25,200,212,.55);box-shadow:0 18px 44px -30px rgba(6,16,28,.34);transform:translateY(-2px)}
  .svc .no{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--cyan)}
  .svc h3{margin:14px 0 0;font-size:20px;font-weight:800;color:var(--navy);letter-spacing:-.01em;line-height:1.4}
  .svc p{margin:12px 0 0;font-size:13.8px;line-height:1.85;color:var(--ink-2);max-width:34em}
  .svc .del{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:7px}
  .svc .del i{font-style:normal;font-size:11.5px;color:var(--ink-2);
    background:var(--light);border-radius:5px;padding:5px 10px;letter-spacing:.01em}
  .svc .go{position:absolute;top:28px;right:28px;width:32px;height:32px;border-radius:99px;
    display:flex;align-items:center;justify-content:center;color:var(--ink-3);
    border:1px solid var(--line);transition:.25s}
  .svc:hover .go{color:#fff;background:var(--cyan);border-color:var(--cyan)}
  .svc .go svg{transition:transform .25s}
  .svc:hover .go svg{transform:translateX(2px)}

  /* ---------- 底部 CTA ---------- */
  .pcta{margin:0 0 0;padding:64px 0 76px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
  .pcta::before{content:"";position:absolute;inset:0;
    background-image:linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);
    background-size:calc(100% / 6) 100%;
    -webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
  .pcta .wrap{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
  .pcta h2{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.34;font-weight:800;letter-spacing:-.015em;max-width:640px}
  .pcta p{margin:16px 0 0;font-size:14px;line-height:1.9;color:var(--on-dark-2);max-width:520px}
  .pcta .acts{display:flex;gap:12px;flex-wrap:wrap}
  .pcta .b1{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border-radius:8px;
    background:var(--cyan);color:#04222A;font-size:14px;font-weight:800;text-decoration:none;transition:.2s}
  .pcta .b1:hover{background:var(--cyan-soft)}
  .pcta .b2{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:8px;
    border:1px solid rgba(255,255,255,.24);color:#fff;font-size:14px;text-decoration:none;transition:.2s}
  .pcta .b2:hover{border-color:var(--cyan);color:var(--cyan-soft)}

  /* ---------- 响应式 ---------- */
  @media(max-width:900px){
    .phead{padding:calc(110px + env(safe-area-inset-top)) 0 44px}
    .phead .lede{font-size:14.5px;line-height:1.95}
    .phead .meta{gap:26px;margin-top:28px;padding-top:22px}
    .svc-grid{grid-template-columns:1fr;gap:14px}
    .svc{padding:24px 22px 22px}
    .svc .go{top:22px;right:20px;width:28px;height:28px}
    .svc h3{font-size:18px;padding-right:34px}
    .pcta{padding:48px 0 56px}
  }
  @media(max-width:380px){
    .phead h1{font-size:27px}
  }

  /* ---------- 三种页头的响应式 ---------- */
  @media(max-width:1080px){
    .phead--bleed{padding-bottom:50px}
    .phead--bleed .ph-grid{grid-template-columns:1fr;gap:26px}
    .phead--bleed .ph-txt{padding-top:0}
    .phead--bleed .ph-fig{margin:0;height:clamp(200px,32vw,300px);border-radius:5px}
  }
  @media(max-width:900px){
    .phead--cover{display:block;min-height:0;
      padding:calc(112px + env(safe-area-inset-top)) 0 40px}
    .phead--cover .cv-fig::after{background:
      linear-gradient(180deg,rgba(6,16,28,.88) 0%,rgba(6,16,28,.74) 48%,rgba(6,16,28,.92) 100%)}
    .phead--cover .lede{max-width:none}
    .phead--stag{padding:calc(110px + env(safe-area-inset-top)) 0 0}
    .phead--stag .ph-band{margin-top:30px;height:clamp(176px,36vw,206px)}
    .phead--stag .meta{margin-top:-38px;max-width:none;padding:17px 20px;gap:20px}
    .phead--stag .meta div b{font-size:21px}
    .phead--stag .ph-cap{margin-top:14px}
  }