/* ============================================================
   tuandui.css —— 顾问团队介绍（L9 棋盘网格）
   2:1 / 1:2 交错、色块叠照片、四象限 hero
   ============================================================ */

.eyebrow-light{ color:var(--brown-500) !important; }
.eyebrow-light::before{ background:var(--brown-500); }

/* ---------- Hero：四象限 ---------- */
.hero9{ padding-top:calc(var(--header-h) + 40px); }
.hero9__grid{
  display:grid; grid-template-columns:1.2fr .8fr; gap:0;
  border-radius:var(--radius-l); overflow:hidden; box-shadow:var(--shadow-md);
}
.hero9__quad{ min-height:230px; display:flex; flex-direction:column; justify-content:center; }
.hero9__quad--text{ background:var(--green-950); color:var(--cream-50); padding:clamp(28px,4vw,54px); }
.hero9 .breadcrumb{ color:rgba(251,248,241,.6); margin-bottom:16px; }
.hero9 .breadcrumb a{ color:var(--cream-100); }
.hero9__eyebrow{ font-size:13px; letter-spacing:.34em; color:var(--brown-500); margin-bottom:16px; }
.hero9__quad--text h1{ color:var(--cream-50); margin-bottom:16px; }
.hero9__quad--text .hero9__lead{ color:rgba(251,248,241,.74); margin-bottom:26px; }
.hero9__actions{ display:flex; gap:12px; flex-wrap:wrap; }
.hero9 .btn-line{ border-color:var(--cream-50); color:var(--cream-50); }
.hero9 .btn-line:hover{ background:var(--cream-50); color:var(--green-900); }
.hero9__quad--img{ position:relative; }
.hero9__quad--img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero9__quad--deep{ background:var(--brown-700); color:var(--cream-50); padding:24px 30px; }
.hero9__quad--deep b,.hero9__quad--cream b{ font-family:var(--font-serif); font-size:24px; display:block; }
.hero9__quad--deep span,.hero9__quad--cream span{ font-size:13.5px; opacity:.82; }
.hero9__quad--cream{ background:var(--cream-100); padding:24px 30px; }
.hero9__quad--cream b{ color:var(--green-900); }

/* ---------- 理念 ---------- */
.idea9__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(30px,5vw,70px); align-items:start; }
.idea9__copy p{ margin:14px 0; }
.idea9__list{ display:grid; gap:0; }
.idea9__list li{ border-left:3px solid var(--green-800); padding:6px 0 18px 20px; }
.idea9__list b{ font-family:var(--font-serif); font-size:20px; color:var(--green-900); display:block; margin-bottom:4px; }
.idea9__list p{ font-size:14.5px; }

/* ---------- 成员棋盘卡片 ---------- */
.mem9{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mem9__card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:26px 24px; display:flex; gap:18px; align-items:flex-start; transition:all .35s var(--ease);
}
.mem9__card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.mem9__card--wide{ grid-column:span 1; }
.mem9__avatar{
  flex:none; width:58px; height:58px; border-radius:50%; background:var(--green-900); color:var(--cream-50);
  display:flex; align-items:center; justify-content:center; font-family:var(--font-serif); font-size:24px;
}
.mem9__role{ font-size:12px; letter-spacing:.16em; color:var(--brown-600); }
.mem9__card h3{ margin:2px 0 8px; }
.mem9__card p{ font-size:14px; }
.mem9__card a{ color:var(--green-700); text-decoration:underline; text-underline-offset:3px; }
.mem9__meta{ margin-top:10px; font-size:12.5px; color:var(--muted); }

/* ---------- 分工 ---------- */
.div9__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.div9{
  background:var(--cream-100); border-top:3px solid var(--brown-500); padding:26px 22px;
}
.div9 b{ font-family:var(--font-serif); font-size:20px; color:var(--green-900); display:block; margin-bottom:8px; }
.div9 p{ font-size:14px; }
.div9 a{ color:var(--green-700); text-decoration:underline; text-underline-offset:3px; }

/* ---------- 服务标准（深底） ---------- */
.std9__grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(30px,5vw,70px); align-items:center; }
.std9__copy p{ margin-top:12px; }
.std9__list{ display:grid; gap:12px; }
.std9__list li{
  background:rgba(251,248,241,.06); border:1px solid rgba(251,248,241,.14);
  padding:16px 20px; border-radius:var(--radius-s); color:rgba(251,248,241,.8); font-size:14.5px;
}

/* ---------- 为什么 ---------- */
.why9__grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.why9__item{
  padding:28px 26px; border:1px solid var(--line); background:var(--white); position:relative; padding-left:60px;
}
.why9__item::before{
  content:""; position:absolute; left:26px; top:34px; width:14px; height:14px; border-radius:50%;
  background:var(--brown-500);
}
.why9__item h3{ margin-bottom:8px; }
.why9__item p{ font-size:14.5px; }
.why9__item a{ color:var(--green-700); text-decoration:underline; text-underline-offset:3px; }

/* ---------- CTA ---------- */
.book9__inner{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(26px,4vw,50px); align-items:center;
  background:var(--green-900); border-radius:var(--radius-l); overflow:hidden;
}
.book9__inner img{ width:100%; height:100%; object-fit:cover; }
.book9__copy{ padding:clamp(26px,4vw,50px); }
.book9__copy h2{ color:var(--cream-50); margin-bottom:12px; }
.book9__copy p{ color:rgba(251,248,241,.72); margin-bottom:22px; }
.book9__actions{ display:flex; gap:14px; flex-wrap:wrap; }
.book9 .btn-line{ border-color:var(--cream-50); color:var(--cream-50); }
.book9 .btn-line:hover{ background:var(--cream-50); color:var(--green-900); }

/* ---------- 服务区域 ---------- */
.area9__grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.area9__item{
  border:1px solid var(--line); border-left:4px solid var(--brown-500);
  background:var(--white); padding:26px 24px;
}
.area9__item h3{ margin-bottom:8px; }
.area9__item p{ font-size:14.5px; }
.area9__item a{ color:var(--green-700); text-decoration:underline; text-underline-offset:3px; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero9__grid{ grid-template-columns:1fr; }
  .idea9__grid,.std9__grid,.book9__inner{ grid-template-columns:1fr; }
  .mem9{ grid-template-columns:1fr; }
  .div9__grid,.why9__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .div9__grid,.why9__grid{ grid-template-columns:1fr; }
}

/* ============================================================
   新增区块（只追加，不动上方既有样式）
   ============================================================ */

/* ---------- 新增：团队理念详解（大段引文式） ---------- */
.tg-philo{ background:var(--white); border-bottom:1px solid var(--line); }
.tg-philo__inner{ max-width:780px; margin-inline:auto; border-left:3px solid var(--brown-500); padding-left:clamp(22px,4vw,44px); }
.tg-philo__inner h2{ margin:8px 0 20px; }
.tg-philo__inner p{ font-size:15.5px; line-height:2; color:var(--ink-soft); margin-bottom:16px; }
.tg-philo__inner p:first-of-type::first-letter{
  font-family:var(--font-serif); font-size:2.2em; line-height:1; color:var(--green-800); margin-right:6px;
}

/* ---------- 新增：服务承诺对照表 ---------- */
.tg-stdtab__wrap{ overflow-x:auto; }
.tg-stdtab__tbl{
  width:100%; border-collapse:collapse; table-layout:fixed; background:var(--white);
  border:1px solid var(--line); font-size:14.5px;
}
.tg-stdtab__tbl th,.tg-stdtab__tbl td{ padding:14px 16px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
.tg-stdtab__tbl thead th{
  background:var(--cream-100); color:var(--green-900); font-family:var(--font-serif); letter-spacing:.05em;
  border-bottom:2px solid var(--green-700);
}
.tg-stdtab__tbl tbody tr:last-child td{ border-bottom:0; }
.tg-stdtab__tbl td:first-child{ font-weight:600; color:var(--green-900); }

/* ---------- 新增：团队 FAQ（编号式） ---------- */
.tg-faq__list{ max-width:760px; margin-inline:auto; display:grid; gap:0; }
.tg-faq-item{
  background:var(--white); border:1px solid var(--line); border-radius:16px; margin-bottom:14px; overflow:hidden;
}
.tg-faq-item summary{
  list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:18px 22px; font-weight:600; color:var(--green-900); font-size:15.5px;
}
.tg-faq-item summary::-webkit-details-marker{ display:none; }
.tg-faq-item summary span{
  flex:none; width:26px; height:26px; border-radius:50%; background:rgba(176,141,102,.16); position:relative;
}
.tg-faq-item summary span::before,.tg-faq-item summary span::after{
  content:""; position:absolute; inset:0; margin:auto; background:var(--brown-700);
}
.tg-faq-item summary span::before{ width:11px; height:1.6px; }
.tg-faq-item summary span::after{ width:1.6px; height:11px; transition:transform .3s; }
.tg-faq-item[open] summary span::after{ transform:scaleY(0); }
.tg-faq-item p{ padding:0 22px 20px; font-size:14.5px; color:var(--ink-soft); line-height:1.85; }
.tg-faq-item p a{ color:var(--green-700); font-weight:600; }