/* ==========================================================================
   sitemap.css —— 网站地图页样式
   布局：搜索框 Hero / 全站链接分组清单（5列 grid）/ 快捷入口卡 / 说明
   ========================================================================== */

/* ---------- 1. 搜索框 Hero ---------- */
.sm-hero{
  position:relative;overflow:hidden;
  padding:calc(var(--nav-h) + clamp(60px,8vw,100px)) 0 clamp(50px,6vw,80px);
  background:
    linear-gradient(150deg,rgba(237,230,252,.92),rgba(221,241,253,.92)),
    url("../images/banner-page.jpg") center/cover;
}
.sm-hero h1{font-size:clamp(28px,4vw,46px);margin:16px 0 10px}
.sm-hero .crumbs{margin-bottom:6px}
.sm-hero p{color:var(--ink-3);margin-bottom:26px}
.sm-search{
  display:flex;align-items:center;gap:0;max-width:560px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-full);
  padding:6px 6px 6px 22px;box-shadow:var(--shadow-md);
}
.sm-search input{
  flex:1;border:none;outline:none;background:transparent;font-size:15px;
}
.sm-search .btn{border-radius:var(--r-full)}

/* ---------- 2. 全站链接分组（5列 grid） ---------- */
.sm-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2.4vw,32px);
  align-items:start;
}
.sm-col h4{
  display:flex;align-items:center;gap:8px;
  font-size:16px;margin-bottom:16px;padding-bottom:10px;
  border-bottom:2px solid var(--line);
}
.sm-col h4 svg{width:18px;height:18px;color:var(--purple-deep);flex:none}
.sm-col ul{display:grid;gap:9px}
.sm-col ul a{
  font-size:14px;color:var(--ink-3);
  display:inline-flex;align-items:center;gap:7px;
  transition:color .25s,transform .25s;
}
.sm-col ul a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--purple-soft)}
.sm-col ul a:hover{color:var(--purple-deep);transform:translateX(3px)}
.sm-col ul a:hover::before{background:var(--pink)}
/* 企业服务组：占两列宽，内部再两列排 */
.sm-col-wide{grid-column:span 5;margin-top:10px}
.sm-col-wide h4{border-color:var(--pink-soft)}
.sm-twocol{grid-template-columns:repeat(4,1fr)!important}

/* ---------- 3. 快捷入口卡 ---------- */
.sm-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sm-q{padding:28px 22px}
.sm-q .q-ico{
  width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--grad-purple);color:#fff;margin-bottom:14px;
}
.sm-q.pink .q-ico{background:var(--grad-pink)}
.sm-q.blue .q-ico{background:var(--grad-blue)}
.sm-q .q-ico svg{width:26px;height:26px}
.sm-q h3{font-size:19px;margin-bottom:6px}
.sm-q p{font-size:14px;color:var(--ink-3)}

/* ---------- 4. 说明 ---------- */
.sm-note-card{padding:clamp(26px,4vw,44px);max-width:900px;margin:0 auto}
.sm-note-card h2{font-size:22px;margin-bottom:14px}
.sm-note-card p{margin-bottom:12px;color:var(--ink-2)}
.sm-note-card a{color:var(--purple-deep);font-weight:600}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .sm-grid{grid-template-columns:repeat(3,1fr)}
  .sm-col-wide{grid-column:span 3}
  .sm-twocol{grid-template-columns:repeat(3,1fr)!important}
  .sm-quick-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .sm-grid{grid-template-columns:1fr 1fr}
  .sm-col-wide{grid-column:span 2}
  .sm-twocol{grid-template-columns:1fr 1fr!important}
}
@media (max-width:480px){
  .sm-grid{grid-template-columns:1fr}
  .sm-col-wide{grid-column:auto}
  .sm-twocol{grid-template-columns:1fr!important}
  .sm-quick-grid{grid-template-columns:1fr}
  .sm-search{padding-left:16px}
}

/* ---------- 新板块：使用指南编号清单 ---------- */
.sm-guide-list{display:grid;gap:14px;max-width:820px;margin:0 auto}
.sm-guide-item{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;transition:transform .35s,box-shadow .35s}
.sm-guide-item:hover{transform:translateX(6px);box-shadow:var(--shadow-md)}
.sg-num{flex:none;font-size:32px;font-weight:800;background:var(--grad-purple);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.sm-guide-item h3{font-size:17px;margin-bottom:6px}
.sm-guide-item p{font-size:14px;color:var(--ink-2)}

/* ---------- 新板块：服务承诺条 ---------- */
.sm-promise-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sm-promise-item{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px;border-top:3px solid var(--pink);transition:transform .35s,box-shadow .35s}
.sm-promise-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.sm-promise-item h3{font-size:17px;margin-bottom:6px}
.sm-promise-item p{font-size:13.5px;color:var(--ink-3)}

@media (max-width:1024px){.sm-promise-row{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.sm-promise-row{grid-template-columns:1fr}}