/* ============================================================
   sitemap.html · 网站地图
   题头④：大图卡片题头
   ============================================================ */

/* ---------- 题头：大图卡片 ---------- */
.sm-hero{ padding:110px 0 30px; background:var(--bg-soft); }
.sm-hero-card{ position:relative; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-lg); }
.sm-hero-img{ width:100%; height:400px; object-fit:cover; }
.sm-hero-overlay{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:44px 48px; background:linear-gradient(180deg, rgba(15,31,23,.1) 0%, rgba(15,31,23,.85) 100%); color:#fff;
}
.sm-crumbs{ padding:0 0 12px; color:rgba(255,255,255,.85); }
.sm-crumbs a{ color:#fff; }
.sm-crumbs a:hover{ color:var(--orange-2); }
.sm-crumbs .sep{ color:rgba(255,255,255,.5); }
.sm-title{ font-size:44px; font-weight:800; letter-spacing:2px; }
.sm-sub{ margin-top:10px; max-width:680px; color:rgba(255,255,255,.94); font-size:15px; line-height:1.9; }

/* ---------- 分组导航 ---------- */
.sm-map{ background:var(--white); }
.sm-group{
  padding:30px 0; border-bottom:1px solid var(--line);
}
.sm-group-title{
  font-size:22px; display:flex; align-items:baseline; gap:10px; margin-bottom:8px;
  padding-left:14px; border-left:5px solid var(--orange);
}
.sm-group-title small{ font-size:13px; font-weight:600; color:var(--ink-3); }
.sm-g-green{ border-left-color:var(--green); }
.sm-group-desc{ font-size:14px; color:var(--ink-2); margin:0 0 16px 19px; max-width:760px; line-height:1.8; }
.sm-links{ display:flex; flex-wrap:wrap; gap:10px 12px; margin-left:19px; }
.sm-links a{
  font-size:13.5px; padding:8px 16px; border-radius:999px; background:var(--bg-soft);
  border:1px solid var(--line); color:var(--ink-2); font-weight:500;
}
.sm-links a:hover{ background:var(--orange-soft); border-color:var(--orange-2); color:var(--orange-deep); transform:translateY(-2px); }
.sm-group:nth-child(even) .sm-links a:hover{ background:var(--green-soft); border-color:var(--green-2); color:var(--green-deep); }

/* ---------- 使用说明 / 收尾 ---------- */
.sm-intro{ background:var(--bg-orange); padding:40px 0; }
.sm-intro .sec-sub{ margin-top:12px; }
.sm-foot-note{
  margin-top:28px; padding:20px 24px; background:var(--bg-soft);
  border-radius:var(--radius); font-size:14px; color:var(--ink-2); line-height:2;
}
.sm-sub-wide{ max-width:none !important; }

/* ---------- 按身份快速入口 ---------- */
.sm-who{ background:var(--white); padding:20px 0 56px; }
.sm-who-grid{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.sm-who-card{
  background:var(--orange-soft); border-radius:var(--radius-lg); padding:26px 28px;
  border-left:6px solid var(--orange);
}
.sm-who-card.green{ background:var(--green-soft); border-left-color:var(--green); }
.sm-who-card h2{ font-size:18px; margin-bottom:10px; }
.sm-who-card p{ font-size:14px; color:var(--ink-2); line-height:2; }
.sm-who-card a{ color:var(--orange-deep); font-weight:700; }
.sm-who-card.green a{ color:var(--green-deep); }
.sm-who-card a:hover{ text-decoration:underline; }

/* ---------- 联系方式 ---------- */
.sm-contact{ background:var(--bg-green); padding:56px 0; }
.sm-contact-grid{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.sm-contact-actions{ display:flex; flex-wrap:wrap; gap:12px; }

/* ---------- 行动带 ---------- */
.consult{
  background:linear-gradient(120deg, var(--orange-deep), var(--orange));
  color:#fff; padding:56px 0;
}
.consult-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; }
.consult-copy h2{ font-size:26px; font-weight:800; }
.consult-copy p{ margin-top:8px; color:rgba(255,255,255,.92); font-size:14.5px; max-width:520px; }
.consult-actions{ display:flex; flex-wrap:wrap; gap:14px; }

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .sm-title{ font-size:32px; }
  .sm-hero-overlay{ padding:28px 22px; }
  .sm-hero-img{ height:300px; }
  .sm-who-grid{ grid-template-columns:1fr; }
}