/* ==========================================================================
   sitemap.html · 网站地图（F10 栅格偏移）
   --------------------------------------------------------------------------
   布局：页首 → 分类栅格（错列偏移）→ 联系方式条
   ========================================================================== */

.sm-hero{
  padding:clamp(48px,7vw,80px) 0 clamp(32px,4vw,56px);
  background:
    radial-gradient(700px 280px at 90% -10%,rgba(78,124,91,.12),transparent 60%),
    linear-gradient(180deg,var(--moon-200),var(--moon-100));
  border-bottom:1px solid var(--line-soft);
}
.sm-hero h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:.06em;margin-top:12px}
.sm-hero p{margin-top:14px;max-width:640px;color:var(--ink-500)}

/* 栅格容器 */
.sm-grid{
  padding-block:clamp(40px,5vw,72px);
  display:grid;grid-template-columns:repeat(12,1fr);gap:22px;
}
/* 分类块：列宽 + 垂直偏移 */
.sm-cat{
  background:#fffdf8;border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:26px 24px;box-shadow:var(--shadow-soft);
}
.sm-cat:nth-child(1){grid-column:span 4;margin-top:0}
.sm-cat:nth-child(2){grid-column:span 5;margin-top:24px}
.sm-cat:nth-child(3){grid-column:span 3;margin-top:8px}
.sm-cat:nth-child(4){grid-column:span 4;margin-top:12px}
.sm-cat:nth-child(5){grid-column:span 4;margin-top:30px}
.sm-cat:nth-child(6){grid-column:span 4;margin-top:0}
.sm-cat:nth-child(7){grid-column:span 3;margin-top:18px}
.sm-cat:nth-child(8){grid-column:span 4;margin-top:6px}
.sm-cat:nth-child(9){grid-column:span 5;margin-top:24px}

.sm-cat h3{
  font-size:18px;letter-spacing:.1em;margin-bottom:16px;padding-bottom:12px;
  border-bottom:2px solid var(--bamboo-500);position:relative;
  display:flex;align-items:baseline;justify-content:space-between;
}
.sm-cat h3::after{
  content:"";position:absolute;left:0;bottom:-2px;width:36px;height:2px;background:var(--cinnabar-500);
}
.sm-cat h3 .num{
  font-family:var(--serif);font-size:13px;color:var(--cinnabar-500);letter-spacing:.2em;font-weight:400;
}
.sm-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.sm-list.cols-1{grid-template-columns:1fr}
.sm-list a{
  font-size:14px;color:var(--ink-700);padding:6px 0;border-bottom:1px dashed transparent;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
}
.sm-list a:hover{color:var(--cinnabar-600);border-bottom-color:var(--cinnabar-400)}
.sm-list a::after{content:"›";color:var(--ink-400);font-size:14px}
.sm-list a:hover::after{color:var(--cinnabar-500)}

/* 联系方式条 */
.sm-contact{
  background:linear-gradient(135deg,var(--bamboo-900),var(--bamboo-700));
  color:var(--moon-100);padding-block:clamp(40px,5vw,60px);
}
.sm-contact .row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.sm-contact h2{color:#fff;font-size:clamp(22px,2.6vw,32px)}
.sm-contact p{margin-top:8px;color:rgba(247,245,238,.78)}
.sm-contact .phone{
  font-family:var(--serif);font-size:clamp(26px,3.4vw,40px);font-weight:700;color:#fff;letter-spacing:.04em;
}
.sm-contact .phone:hover{color:var(--cinnabar-400)}

@media (max-width:1080px){
  .sm-grid{grid-template-columns:1fr 1fr}
  .sm-cat:nth-child(n){grid-column:span 1;margin-top:0}
}
@media (max-width:640px){
  .sm-grid{grid-template-columns:1fr}
  .sm-list{grid-template-columns:1fr}
}