@charset "UTF-8";
/* 火锅知识库 · 网站地图
   沿用门户首页的暖纸 / 墨黑 / 印刷朱红色板：沙色圆晕 + 细纸纹背景、白卡片、朱红强调。
   本文件只定义 sitemap.html 专有组件，导航 / 页脚 / 备案复用 home.css。 */

.sm-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 92% 3%,rgba(231,185,107,.17),transparent 25%),
    radial-gradient(circle at 3% 44%,rgba(192,57,43,.035),transparent 27%),
    var(--paper);
}
.sm-hero{
  position:relative;overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(208,204,190,.13) 31px 32px),
    linear-gradient(180deg,rgba(245,239,227,.92),rgba(251,250,247,.35));
}
.sm-hero::after{
  content:"";position:absolute;right:-46px;top:-58px;width:250px;height:250px;border-radius:50%;
  border:1px solid rgba(208,204,190,.75);background:rgba(241,231,214,.42);pointer-events:none;
}
.sm-hero-inner{position:relative;z-index:1;max-width:1216px;margin:0 auto;padding:62px 32px 46px}
.sm-kicker{
  font-size:11px;letter-spacing:2.6px;color:var(--red);font-weight:700;text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
}
.sm-kicker::after{content:"";width:46px;height:1px;background:var(--red);opacity:.5}
.sm-hero h1{font-family:var(--serif);font-size:clamp(34px,5vw,54px);line-height:1.25;font-weight:700;letter-spacing:1px}
.sm-hero .sm-deck{margin-top:16px;max-width:700px;font-size:15px;line-height:1.9;color:var(--muted)}
.sm-auto{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 14px;
  border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.72);
  font-size:11px;letter-spacing:.4px;color:var(--muted);
}
.sm-auto i{width:7px;height:7px;border-radius:50%;background:#4E8B62;flex:0 0 auto}
.sm-auto[data-state="static"] i{background:var(--gold)}
.sm-auto-dot{opacity:.5}

.sm-wrap{max-width:1216px;margin:0 auto;padding:0 32px 76px}
.sm-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  margin:34px 0 44px;
}
.sm-stat{
  background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;
  position:relative;overflow:hidden;
}
.sm-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);opacity:.7}
.sm-stat b{display:block;font-family:var(--serif);font-size:30px;line-height:1.2;color:var(--ink);font-weight:700}
.sm-stat b em{font-style:normal;font-size:13px;margin-left:4px;color:var(--faint);font-family:var(--sans)}
.sm-stat > span{display:block;margin-top:6px;font-size:12px;letter-spacing:.6px;color:var(--faint)}

.sm-group{
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  margin-bottom:18px;overflow:hidden;
}
.sm-group-head{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:start;
  padding:26px 28px 20px;border-bottom:1px solid var(--line);
}
.sm-index{
  font-family:var(--serif);font-size:13px;color:var(--red);letter-spacing:1px;
  border:1px solid rgba(192,57,43,.35);border-radius:8px;padding:5px 9px;justify-self:start;
}
.sm-group-head h2{font-family:var(--serif);font-size:22px;line-height:1.4;font-weight:700}
.sm-group-head p{margin-top:6px;font-size:12.5px;line-height:1.8;color:var(--muted)}
.sm-count{
  font-size:11px;letter-spacing:.5px;color:var(--faint);white-space:nowrap;
  border:1px solid var(--line);border-radius:999px;padding:5px 11px;background:var(--paper);
}
.sm-links{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 28px 26px;
}
.sm-link{
  display:flex;align-items:flex-start;gap:10px;min-width:0;
  border:1px solid var(--line);border-radius:10px;padding:13px 15px;
  background:var(--paper);transition:border-color .18s,background .18s,transform .18s;
}
.sm-link:hover,.sm-link:focus-visible{
  border-color:rgba(192,57,43,.55);background:#FFF9F7;transform:translateY(-1px);
}
.sm-link-body{min-width:0;flex:1}
.sm-link-name{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.5}
.sm-link-desc{display:block;margin-top:3px;font-size:11.5px;line-height:1.7;color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sm-link-arrow{margin-left:auto;color:var(--red);font-size:14px;line-height:1.5;flex:0 0 auto;opacity:.55}
.sm-link:hover .sm-link-arrow{opacity:1}
.sm-link[data-sm-level="gold"] .sm-link-name::after{
  content:"黄金";font-size:10px;font-weight:600;color:#8A6520;background:#F7EBD1;
  border-radius:4px;padding:2px 5px;margin-left:7px;vertical-align:1px;
}
.sm-link[data-sm-level="silver"] .sm-link-name::after{
  content:"白银";font-size:10px;font-weight:600;color:#5A5A5A;background:#ECECEC;
  border-radius:4px;padding:2px 5px;margin-left:7px;vertical-align:1px;
}
.sm-link[hidden]{display:none}
.sm-links--cards{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:4px;padding-bottom:16px}
.sm-links--cards .sm-link{padding:10px 12px}
.sm-links--cards .sm-link-name{font-size:12.5px}
.sm-links--cards .sm-link-desc{display:none}

.sm-fold{border-top:1px solid var(--line)}
.sm-fold:first-child{border-top:0}
.sm-fold summary{
  list-style:none;cursor:pointer;padding:16px 28px;display:flex;align-items:center;gap:12px;
  font-size:14px;font-weight:600;color:var(--ink);
}
.sm-fold summary::-webkit-details-marker{display:none}
.sm-fold summary::before{
  content:"";width:7px;height:7px;border-right:1.6px solid var(--red);border-bottom:1.6px solid var(--red);
  transform:rotate(-45deg);transition:transform .18s;flex:0 0 auto;
}
.sm-fold[open] summary::before{transform:rotate(45deg)}
.sm-fold summary:hover{background:var(--paper)}
.sm-fold summary span{margin-left:auto;font-size:11px;font-weight:400;color:var(--faint);letter-spacing:.5px}
.sm-fold .sm-links{padding-top:0}

.sm-empty{grid-column:1/-1;padding:16px 28px 26px;font-size:12.5px;color:var(--faint);line-height:1.8}
.sm-links .sm-empty{padding:2px 0 6px}
.sm-tip{
  margin-top:28px;padding:18px 22px;border:1px dashed var(--line-strong);border-radius:12px;
  background:rgba(245,239,227,.45);font-size:12.5px;line-height:1.9;color:var(--muted);
}
.sm-tip strong{color:var(--ink);font-weight:600}

@media(max-width:980px){
  .sm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-links{grid-template-columns:minmax(0,1fr)}
  .sm-links--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .sm-hero-inner{padding:44px 20px 34px}
  .sm-br{display:none}
  .sm-hero::after{width:170px;height:170px;right:-70px;top:-60px}
  .sm-wrap{padding:0 20px 56px}
  .sm-group-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:20px 18px 16px}
  .sm-index{grid-column:1/-1}
  .sm-links{padding:14px 18px 20px}
  .sm-links--cards{grid-template-columns:minmax(0,1fr)}
  .sm-fold summary{padding:14px 18px}
  .sm-stat{padding:16px 18px}
  .sm-stat b{font-size:24px}
  .sm-empty{padding:12px 18px 20px}
}
@media(prefers-reduced-motion:reduce){.sm-link{transition:none}}