/* =====================================================================
   团队风采 · 页面独立样式 tuandui.css
   模块原创设计：四组架构卡 / 成员占位图卡 / 图文分栏 / 深蓝大引号理念带
   ===================================================================== */

/* ---------- 页面横幅 ---------- */
.banner-about{background-image:url('../images/banner-about.jpg')}

/* ---------- 团队架构 ---------- */
.org-sec{background:var(--c-ice-2)}
.org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.org-card{
  position:relative;background:#fff;border-radius:var(--radius-lg);padding:34px 26px 30px;
  box-shadow:var(--shadow);border-top:4px solid var(--c-accent);transition:transform var(--trans),box-shadow var(--trans);
}
.org-card:nth-child(2){border-top-color:#0EA5E9}
.org-card:nth-child(3){border-top-color:#10B981}
.org-card:nth-child(4){border-top-color:#F59E0B}
.org-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.org-ic{
  width:58px;height:58px;border-radius:50%;background:var(--c-ice);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.org-ic svg{width:28px;height:28px;fill:var(--c-accent)}
.org-card:nth-child(2) .org-ic svg{fill:#0EA5E9}
.org-card:nth-child(3) .org-ic svg{fill:#10B981}
.org-card:nth-child(4) .org-ic svg{fill:#F59E0B}
.org-card h3{font-size:19px;margin-bottom:4px}
.org-count{display:inline-block;font-size:12.5px;color:var(--c-accent);background:var(--c-ice);padding:3px 12px;border-radius:999px;margin-bottom:14px;font-weight:600}
.org-card p{color:var(--c-text-2);font-size:14px;line-height:1.7}

/* ---------- 成员占位卡 ---------- */
.roster-sec{background:#fff}
.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.roster-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--trans),box-shadow var(--trans)}
.roster-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.roster-img{position:relative}
.roster-img img{aspect-ratio:4/3;object-fit:cover;width:100%}
.roster-tag{
  position:absolute;left:14px;bottom:14px;background:rgba(15,31,61,.85);color:#fff;
  font-size:12.5px;padding:5px 13px;border-radius:999px;backdrop-filter:blur(4px);
}
.roster-card figcaption{padding:20px 20px 24px}
.roster-card h3{font-size:17px;margin-bottom:8px}
.roster-card p{color:var(--c-text-2);font-size:13.5px;line-height:1.7;margin-bottom:12px}
.roster-card em{
  display:block;font-style:normal;font-size:12px;color:var(--c-muted);
  border-top:1px dashed var(--c-line);padding-top:10px;
}

/* ---------- 日常剪影 ---------- */
.life-sec{background:var(--c-ice-2)}
.life-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.life-media{position:relative}
.life-media img{border-radius:var(--radius-lg);aspect-ratio:3/2;object-fit:cover;box-shadow:var(--shadow-lg)}
.life-media::after{
  content:"";position:absolute;left:-18px;top:-18px;width:88px;height:88px;
  border-left:5px solid var(--c-accent);border-top:5px solid var(--c-accent);border-radius:8px 0 0 0;
}
.life-text h2{font-size:clamp(22px,2.6vw,32px);margin:10px 0 16px;line-height:1.35}
.life-text p{color:var(--c-text-2);margin-bottom:14px}
.life-text ul{margin:20px 0 28px;display:grid;gap:10px}
.life-text li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--c-text);font-size:15px}
.life-text li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent);flex-shrink:0}

/* ---------- 团队理念 ---------- */
.belief-sec{
  background:var(--c-dark);
  background-image:radial-gradient(circle at 85% 15%,rgba(37,99,235,.35),transparent 45%),radial-gradient(circle at 8% 110%,rgba(37,99,235,.25),transparent 40%);
}
.belief-quote{max-width:820px;margin:0 auto;text-align:center;position:relative}
.qmark{font-size:110px;line-height:.6;color:var(--c-accent-2);font-family:Georgia,serif;display:block;margin-bottom:26px}
.belief-quote blockquote{font-size:clamp(19px,2.4vw,27px);color:#fff;line-height:1.75;font-weight:600}
.belief-quote cite{display:block;margin-top:20px;color:#9FB2D4;font-size:14px;font-style:normal}
.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.belief-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:28px 26px;text-align:center}
.belief-item b{display:block;font-size:22px;color:#fff;margin-bottom:10px}
.belief-item p{color:#B9C9E6;font-size:14px;line-height:1.7}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .org-grid,.roster-grid{grid-template-columns:repeat(2,1fr)}
  .life-wrap{grid-template-columns:1fr;gap:36px}
  .belief-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .org-grid,.roster-grid{grid-template-columns:1fr}
}