/* ==========================================================================
   sitemap.html — 网站地图（分组目录骨架）
   模块：使用说明 / 8 个分组目录卡片
   ========================================================================== */

.sitemap-hero{background-image:url('../../images/banner-main.jpg')}

.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-kicker{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.2em;font-weight:600;margin-bottom:14px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.cta-link{color:var(--gold-pale);text-decoration:underline}
.container-narrow{max-width:820px}

/* 分组标题 */
.sm-title{display:flex;align-items:center;gap:14px;font-size:24px;margin:0 0 22px;padding-bottom:12px;border-bottom:2px solid var(--gold-line)}
.sm-no{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 10px;border-radius:9px;background:var(--ink);color:var(--gold-pale);font-family:var(--serif);font-size:17px}

/* 链接卡片网格 */
.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sm-link{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);transition:all .28s ease}
.sm-link:hover{border-color:var(--gold-deep);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.sm-link strong{display:block;font-family:var(--serif);font-size:15.5px;color:var(--ink);margin-bottom:4px}
.sm-link span{font-size:13px;color:var(--muted);line-height:1.6}
.sm-link:hover strong{color:var(--gold-deep)}

/* 分组区段间距 */
.sitemap-group{padding:44px 0}

/* 响应式 */
/* ---------- 按目标走 ---------- */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.guide-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 14px}
.guide-card h3{font-size:17px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--gold-line)}
.guide-card ol{list-style:none;counter-reset:g}
.guide-card ol li{counter-increment:g;position:relative;padding:7px 0 7px 30px;font-size:14px;color:var(--muted)}
.guide-card ol li::before{content:counter(g);position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--gold-pale);color:var(--gold-deep);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.guide-card a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 内容深浅 ---------- */
.depth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.depth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.depth-card h3{font-size:16.5px;margin-bottom:10px;color:var(--gold-deep)}
.depth-card p{font-size:14px;color:var(--muted);margin:0}
.depth-card a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .sm-grid{grid-template-columns:1fr 1fr}
  .guide-grid{grid-template-columns:1fr}
  .depth-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sm-grid{grid-template-columns:1fr}
  .sm-title{font-size:20px}
}