/* ==========================================================================
   page-jituan.css — 集团网站建设（指纹 F19 图钉式）
   图钉钉纸卡片 / 横向流水线流程 / 深色 CTA
   ========================================================================== */

/* ===== ① hero ===== */
.jt-hero{position:relative;min-height:520px;overflow:hidden;}
.jt-hero-img{position:absolute;inset:0;}
.jt-hero-img img{width:100%;height:100%;object-fit:cover;}
.jt-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(29,52,38,.94),rgba(29,52,38,.5) 70%,rgba(29,52,38,.3));}
.jt-hero-panel{position:relative;z-index:2;padding-block:clamp(72px,10vw,130px);color:var(--moon-100);}
.jt-hero-panel .kicker{color:var(--cinnabar-400);}
.jt-hero-panel .kicker::before{background:var(--cinnabar-400);}
.jt-hero-panel h1{color:var(--moon-100);font-size:clamp(34px,4.6vw,58px);margin-top:16px;}
.jt-hero-panel .lead{color:rgba(247,245,238,.82);max-width:520px;margin-top:16px;}
.jt-hero-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}

/* ===== ② 定义 ===== */
.jt-define{max-width:780px;}
.jt-define .section-desc{margin-top:14px;}

/* ===== ③ 图钉卡片 ===== */
.jt-pins{
  margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:36px 40px;
}
.jt-pin{
  position:relative;background:var(--moon-50);padding:32px 28px 26px;
  box-shadow:var(--shadow-soft);border-radius:2px;
}
.jt-pin::before{
  content:"";position:absolute;top:-10px;left:36px;width:18px;height:18px;
  background:var(--cinnabar-500);border-radius:50%;
  box-shadow:0 2px 6px rgba(192,47,43,.4),inset 0 0 0 3px rgba(255,255,255,.35);
}
.jt-pin::after{
  content:"";position:absolute;top:-6px;left:30px;width:60px;height:20px;
  background:rgba(230,224,206,.7);transform:rotate(-3deg);z-index:-1;border-radius:2px;
}
.jt-pin h3{font-size:18px;color:var(--bamboo-700);}
.jt-pin p{font-size:14.5px;color:var(--ink-500);margin-top:10px;line-height:1.9;}

/* ===== ④ 适合谁 ===== */
.jt-who-bg{background:var(--moon-50);border-block:1px solid var(--line-soft);}
.jt-who{margin-top:16px;max-width:820px;}
.jt-who p{font-size:15.5px;line-height:2;color:var(--ink-700);}

/* ===== ⑤ 横向流水线流程 ===== */
.jt-flow{
  margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  counter-reset:none;
}
.jt-flow li{
  position:relative;padding:24px 18px 20px;background:#fff;border:1px solid var(--line-soft);
  text-align:center;
}
.jt-flow li + li{margin-left:24px;}
.jt-flow li + li::before{
  content:"";position:absolute;left:-24px;top:50%;width:24px;height:2px;background:var(--bamboo-400);
}
.jt-flow li + li::after{
  content:"";position:absolute;left:-24px;top:50%;transform:translateY(-50%);
  border:6px solid transparent;border-left-color:var(--bamboo-400);
}
.jt-flow li span{
  display:inline-block;background:var(--bamboo-700);color:var(--moon-100);
  font-size:14px;padding:4px 16px;border-radius:999px;font-family:var(--serif);
}
.jt-flow li p{font-size:13px;color:var(--ink-500);margin-top:10px;line-height:1.7;}

/* ===== ⑥ 交付 ===== */
.jt-deliver-bg{background:var(--bamboo-900);}
.jt-deliver-bg .kicker{color:var(--cinnabar-400);}
.jt-deliver-bg .kicker::before{background:var(--cinnabar-400);}
.jt-deliver-bg .section-title{color:var(--moon-100);}
.jt-deliver{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;}
.jt-deliver li{
  display:flex;gap:16px;padding:14px 0;border-bottom:1px dashed rgba(247,245,238,.18);
  color:rgba(247,245,238,.85);font-size:15px;align-items:baseline;
}
.jt-deliver strong{color:var(--moon-100);min-width:90px;font-family:var(--serif);flex-shrink:0;}

/* ===== ⑦ 案例 ===== */
.jt-cases{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.jt-case{display:block;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .28s ease;}
.jt-case:hover{transform:translateY(-4px);}
.jt-case img{aspect-ratio:16/10;object-fit:cover;width:100%;}
.jt-case h3{font-size:16.5px;padding:16px 18px 0;}
.jt-case p{font-size:13.5px;color:var(--ink-500);padding:6px 18px 18px;}

/* ===== ⑧ 相关服务 ===== */
.jt-relate-bg{background:var(--moon-50);border-top:1px solid var(--line-soft);}
.jt-relate{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;}
.jt-relate a{
  padding:10px 22px;background:#fff;border:1px solid var(--bamboo-300);border-radius:4px;
  color:var(--bamboo-700);font-size:14.5px;font-family:var(--serif);letter-spacing:.05em;
}
.jt-relate a:hover{background:var(--bamboo-500);color:#fff;border-color:var(--bamboo-500);}

/* ===== ⑨ FAQ 折叠 ===== */
.jt-faq{margin-top:32px;max-width:820px;}
.jt-faq details{
  border-bottom:1px solid var(--line);padding:16px 0;
}
.jt-faq summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--serif);font-weight:700;font-size:16.5px;color:var(--ink-900);
}
.jt-faq summary::-webkit-details-marker{display:none;}
.jt-faq summary::after{
  content:"＋";font-size:20px;color:var(--cinnabar-600);font-weight:400;
  transition:transform .25s ease;
}
.jt-faq details[open] summary::after{transform:rotate(45deg);}
.jt-faq details p{margin-top:12px;color:var(--ink-700);font-size:14.5px;line-height:1.9;}

/* ===== ⑩ CTA 深色集团带 ===== */
.jt-cta{background:linear-gradient(120deg,var(--bamboo-900),var(--ink-900));color:var(--moon-100);}
.jt-cta-inner{
  display:flex;justify-content:space-between;align-items:center;gap:28px;
  padding-block:clamp(44px,6vw,72px);
}
.jt-cta h2{color:var(--moon-100);font-size:clamp(22px,2.8vw,32px);}
.jt-cta p{color:rgba(247,245,238,.7);margin-top:8px;}
.jt-cta-btns{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap;}

/* ===== 响应式 ===== */
@media (max-width:1080px){
  .jt-pins{grid-template-columns:1fr;}
  .jt-flow{grid-template-columns:1fr 1fr;gap:14px;}
  .jt-flow li + li{margin-left:0;}
  .jt-flow li + li::before,.jt-flow li + li::after{display:none;}
  .jt-deliver{grid-template-columns:1fr;}
  .jt-cases{grid-template-columns:1fr;}
  .jt-cta-inner{flex-direction:column;align-items:flex-start;}
}