@charset "UTF-8";
/* sitemap.html · 全站栏目树 —— 分组白卡网格 */

.sm-group{
  background:var(--white);border:1.5px solid var(--line);
  border-radius:var(--r-lg);padding:30px 32px;margin-bottom:26px;
  box-shadow:var(--shadow-sm);
}
.sm-g-h{
  display:flex;align-items:center;gap:12px;
  font-size:19px;margin-bottom:20px;padding-bottom:12px;
  border-bottom:2px solid var(--gold-200);
}
.sm-g-n{
  font-size:12px;font-weight:700;color:var(--navy-900);
  background:var(--gold-200);border-radius:var(--r-pill);
  padding:2px 12px;letter-spacing:1px;
}
.sm-links{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;
  list-style:none;
}
.sm-links li{border-bottom:1px dashed var(--line)}
.sm-links a{
  display:flex;align-items:center;gap:10px;
  padding:10px 2px;font-size:14.5px;color:var(--ink-2);
  transition:all var(--t-fast);
}
.sm-links a::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--gold-400);flex:none;
}
.sm-links a:hover{color:var(--navy-800);transform:translateX(5px)}

/* 联系卡 */
.sm-contact{
  background:var(--navy-900);border-radius:var(--r-xl);
  padding:48px 52px;text-align:center;
}
.sm-contact-h{color:var(--white);font-size:24px;margin-bottom:12px}
.sm-contact-p{color:#C6CDDE;font-size:15px;line-height:1.9;margin-bottom:24px}
.sm-contact-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

@media (max-width:920px){
  .sm-links{grid-template-columns:1fr 1fr}
  .sm-contact{padding:36px 24px}
}
@media (max-width:560px){
  .sm-links{grid-template-columns:1fr}
  .sm-group{padding:24px 20px}
}
