/* ==========================================================================
   sitemap.html · 网站地图
   版式：紧凑 Hero + 栏目跳转 chips + 九组三栏链接列表（末组深底）
   ========================================================================== */

/* ---------- Hero ---------- */
.sm-hero{padding:140px 0 30px}
.sm-hero .crumb{margin-bottom:20px}
.sm-hero-in h1{margin:14px 0 0}
.sm-hero-sub{margin:16px 0 0;color:var(--ink-2);font-size:15.5px}
.sm-jump{
  margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;
}
.sm-jump a{
  padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);
  font-size:13.5px;color:var(--ink-2);transition:all .3s;
}
.sm-jump a:hover{background:var(--brown);color:#fff;border-color:var(--brown)}

/* ---------- 分组 ---------- */
.sm-group{padding:46px 0 10px}
.sm-group .sec-head{margin-bottom:22px}
.sm-cols{display:grid;grid-template-columns:1fr;gap:14px}
.sm-cols-3{grid-template-columns:repeat(3,1fr);gap:28px}
.sm-links{display:grid;gap:0;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.sm-links li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line-2)}
.sm-links li:last-child{border-bottom:0}
.sm-links a{font-size:14.5px;color:var(--brown-deep);font-weight:500;transition:color .3s,padding-left .3s;white-space:nowrap}
.sm-links a:hover{color:var(--brown);padding-left:5px}
.sm-links span{font-size:12.5px;color:var(--muted);text-align:right}

/* ---------- 末组深底 ---------- */
.sm-group-dark{background:var(--brown-deep);border-radius:var(--r);margin:40px 28px 0;padding:50px 40px}
.sm-eyebrow-light{color:#d9b98c}
.sm-eyebrow-light::before{background:#d9b98c}
.sm-title-light{color:#fff}
.sm-links-dark li{border-bottom-color:rgba(255,255,255,.08)}
.sm-links-dark{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.sm-links-dark a{color:#fff}
.sm-links-dark a:hover{color:#e8c9a0}
.sm-links-dark span{color:rgba(255,255,255,.45)}

/* ---------- 使用说明 ---------- */
.sm-howto{padding:10px 0 20px}
.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.howto-item{
  background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:24px 24px;
}
.howto-item:nth-child(2){transform:translateY(16px)}
.ht-no{
  display:inline-block;font-family:var(--font-serif);color:var(--brown);
  border:1px solid var(--line);border-radius:50%;width:36px;height:36px;line-height:34px;text-align:center;margin-bottom:12px;
}
.howto-item h3{font-size:16.5px;margin-bottom:8px}
.howto-item p{font-size:13.5px;color:var(--ink-2);line-height:1.9}
.howto-item a{color:var(--brown);text-decoration:underline;text-underline-offset:3px}

/* ---------- 数字条 ---------- */
.sm-stats{padding:30px 0 10px}
.sb-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sb-item{background:var(--brown-deep);color:#efe8dc;border-radius:var(--r);padding:26px 20px;text-align:center}
.sb-item b{font-family:var(--font-serif);font-size:36px;color:#fff;display:block}
.sb-item b em{font-style:normal;font-size:18px;color:#d9b98c;margin-left:2px}
.sb-item span{font-size:12.5px;color:rgba(255,255,255,.65)}

/* ---------- 栏目说明 ---------- */
.sm-about{padding:20px 0 10px}
.ab-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ab-item{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:18px 20px}
.ab-item:nth-child(odd){transform:translateY(10px)}
.ab-item b{font-size:15px;display:block;margin-bottom:8px;color:var(--brown-deep)}
.ab-item p{font-size:13px;color:var(--ink-2);line-height:1.8}

/* ---------- 最快入口 ---------- */
.sm-fast{padding:20px 0 10px}
.fast-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fast-card{display:block;background:var(--brown-deep);color:#fff;border-radius:var(--r);padding:22px 20px;text-decoration:none;transition:transform .3s}
.fast-card:hover{transform:translateY(-4px)}
.fast-card b{font-size:16px;display:block;margin-bottom:6px}
.fast-card p{font-size:13px;color:rgba(255,255,255,.65)}

/* ---------- 维护说明 ---------- */
.sm-note{padding:20px 0 10px}
.strip-in{background:var(--paper);border:1px solid var(--line-2);border-left:4px solid var(--brown-soft);border-radius:var(--r);padding:26px 30px}
.strip-in h3{font-size:17px;margin-bottom:8px}
.strip-in p{font-size:14px;color:var(--ink-2);line-height:1.9}

/* ---------- 最后联系条 ---------- */
.sm-cta{margin:40px 0 10px;background:var(--brown);color:#efe8dc}
.sm-cta-in{padding:56px 28px;text-align:center}
.sm-cta-in h2{color:#fff;margin-bottom:12px}
.sm-cta-in p{color:rgba(255,255,255,.7);margin-bottom:20px}
.sm-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.sm-cta-line{color:#fff;border-color:rgba(255,255,255,.45)}
.sm-cta-line:hover{background:#fff;color:var(--brown)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .sm-cols-3{grid-template-columns:1fr}
  .sm-group-dark{margin:40px 0;padding:40px 24px}
  .howto-grid{grid-template-columns:1fr}
  .howto-item:nth-child(2){transform:none}
  .sb-in{grid-template-columns:1fr 1fr}
}