/* ==========================================================================
   p-team.css · 团队介绍专属样式
   要点：横幅hero、左图右文、编号岗位卡、问答列表
   ========================================================================== */

.sec-kicker{font-size:13px;letter-spacing:3px;color:var(--gold);font-weight:700;margin-bottom:10px}
.sec-title{font-size:34px;color:#fff;font-weight:800;line-height:1.3}
.sec-head{text-align:center;max-width:760px;margin:0 auto 48px}

/* ---------- Hero 横幅 ---------- */
.tm-hero{position:relative;overflow:hidden;padding:80px 0 90px}
.tm-hero-img{position:absolute;inset:0;background:url("../images/sv-team.jpg") center/cover;opacity:.28}
.tm-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,14,.2),#0E0E13 92%)}
.tm-hero-inner{position:relative;z-index:2}
.tm-hero-title{font-size:clamp(26px,3.4vw,42px);color:#fff;font-weight:900;margin:22px 0 14px}
.tm-hero-sub{color:#C9CDD3;font-size:16px;max-width:640px;line-height:1.9}

/* ---------- 合影 + 文字 ---------- */
.tm-band{background:var(--bg)}
.tm-band-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.tm-band-img{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--shadow)}
.tm-band-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.tm-band-text h2{font-size:27px;color:#fff;margin:6px 0 16px;line-height:1.4}
.tm-band-text p{color:var(--muted);font-size:15.5px;line-height:2;margin-bottom:14px}
.tm-band-text a{color:var(--gold-soft)}
.tm-band-text a:hover{color:var(--gold)}

/* ---------- 岗位卡 ---------- */
.tm-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tm-role{position:relative;padding:30px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .3s}
.tm-role-no{display:block;font-size:44px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(224,38,29,.65);line-height:1;margin-bottom:16px}
.tm-role h3{color:#fff;font-size:18px;margin-bottom:10px}
.tm-role p{color:var(--muted);font-size:14px;line-height:1.85}
.tm-role a{color:var(--gold-soft)}
.tm-role:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.tm-role::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--red),var(--gold));transform:scaleY(0);transition:transform .3s}
.tm-role:hover::before{transform:scaleY(1)}

/* ---------- 问答列表 ---------- */
.tm-qa{background:linear-gradient(150deg,#150605,#0E0E13 55%)}
.tm-qa-inner{display:grid;grid-template-columns:.9fr 1.4fr;gap:48px;align-items:start}
.tm-qa-head{position:sticky;top:130px}
.tm-qa-head h2{font-size:30px;color:#fff;line-height:1.4;margin-top:8px}
.tm-qa-list{display:grid;gap:16px}
.tm-qa-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px;transition:all .3s}
.tm-qa-item h3{color:#fff;font-size:16.5px;margin-bottom:10px;display:flex;gap:10px;align-items:baseline}
.tm-qa-item h3::before{content:"Q";color:var(--gold);font-weight:900;flex-shrink:0}
.tm-qa-item p{color:var(--muted);font-size:14.5px;line-height:1.9;padding-left:26px}
.tm-qa-item:hover{border-color:var(--line-2);box-shadow:var(--shadow)}

/* ---------- 教学条件 ---------- */
.tm-env{background:var(--bg)}
.tm-env-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tm-env h3{color:#fff;font-size:18px;margin:16px 0 8px}
.tm-env p{color:var(--muted);font-size:14px;line-height:1.85}
.tm-env img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line-2)}

/* ---------- 团队分工详解 ---------- */
.tm-roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tm-roles-item{padding:28px 24px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:all .3s}
.tm-roles-tag{display:inline-block;padding:4px 12px;background:rgba(255,184,0,.12);color:var(--gold-soft);border-radius:999px;font-size:12.5px;font-weight:700;margin-bottom:12px}
.tm-roles-item h3{color:#fff;font-size:16.5px;margin-bottom:10px}
.tm-roles-item p{color:var(--muted);font-size:13.5px;line-height:1.85}
.tm-roles-item:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:var(--shadow)}

/* ---------- 学员场景 ---------- */
.tm-scene{background:var(--bg)}
.tm-scene-inner{max-width:900px}
.tm-scene-inner h2{font-size:26px;color:#fff;margin:6px 0 18px}
.tm-scene-inner p{color:var(--muted);font-size:15px;line-height:1.95;margin-bottom:14px}
.tm-scene-inner strong{color:#FFD75E}

/* ---------- 服务承诺 ---------- */
.tm-promise{background:linear-gradient(150deg,#160604,#0E0E13 60%)}
.tm-promise-inner{max-width:800px;margin:0 auto;text-align:center}
.tm-promise-inner h2{font-size:26px;color:#fff;margin-bottom:18px}
.tm-promise-inner p{color:var(--muted);font-size:15px;line-height:2;margin-bottom:10px}
.tm-promise-inner strong{color:#FFD75E}

/* ---------- CTA ---------- */
.tm-cta h2{font-size:30px;color:#fff;margin-bottom:10px}
.tm-cta p{color:var(--muted)}
.tm-cta-btns{margin-top:24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 首次电话流程 ---------- */
.tm-flow{background:var(--bg)}
.tm-flow-inner{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;justify-content:center}
.tm-flow-step{flex:1;min-width:160px;padding:24px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-align:center}
.tm-flow-step b{display:block;font-size:26px;font-weight:900;color:var(--red-soft);margin-bottom:10px}
.tm-flow-step p{color:var(--muted);font-size:13.5px;line-height:1.8}
.tm-flow-arrow{display:flex;align-items:center;color:var(--gold);font-size:22px}
.tm-flow-note{margin-top:28px;color:var(--muted);font-size:14px;max-width:720px;margin-left:auto;margin-right:auto}
.tm-flow-note a{color:var(--gold-soft)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .tm-band-inner{grid-template-columns:1fr;gap:30px}
  .tm-role-grid{grid-template-columns:repeat(2,1fr)}
  .tm-qa-inner{grid-template-columns:1fr;gap:24px}
  .tm-qa-head{position:static}
  .tm-flow-arrow{display:none}
  .tm-flow-step{min-width:calc(50% - 10px)}
  .tm-env-grid{grid-template-columns:1fr}
  .sec-title{font-size:28px}
  .tm-roles-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .tm-role-grid{grid-template-columns:1fr}
  .tm-flow-step{min-width:100%}
  .sec-title{font-size:24px}
  .tm-roles-grid{grid-template-columns:1fr}
}