/* ==========================================================================
   VPNWI · nodes.css
   服务器 / 线路页专属样式：页头、地区分组表、线路类型对照表、
   选线建议卡、覆盖徽章墙。颜色与圆角一律引用 :root 设计令牌。
   ========================================================================== */

/* ---- 旗帜补充色：取页面色板，与 --flag-* 同源 ---- */
.f-teal{fill:var(--accent-2);}
.f-gold{fill:var(--warn);}
.s-white{fill:none;stroke:var(--flag-white);}
.s-red{fill:none;stroke:var(--flag-red);}

/* ---- 页头 ---- */
.page-head{background:var(--hero-bg);}
.page-head-inner{position:relative;z-index:1;max-width:920px;}
.page-head h1{
  margin-top:10px;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.12;
}
.page-head .lead{margin-top:16px;}
.page-head .chip-row{margin-top:20px;}
.page-head .btn-row{margin-top:24px;}

/* ---- 地区分组 ---- */
.region-group{margin-top:34px;min-width:0;}
.region-group:first-of-type{margin-top:0;}
.group-head{
  display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:8px 14px;margin-bottom:12px;
}
.group-count{
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;
  color:var(--text-faint);white-space:nowrap;
}
.region-summary{
  margin-top:20px;font-size:14px;line-height:1.8;color:var(--text-muted);
}

/* ---- 线路类型对照表 ---- */
.type-table{margin-top:24px;}

/* ---- 选线建议 ---- */
.pick-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
}
.pick-card{
  display:flex;flex-direction:column;gap:10px;min-width:0;
  padding:20px;background:var(--bg-panel);
  border:1px solid var(--border-soft);border-radius:var(--r-l);
  box-shadow:var(--shadow-1);
}
.pick-head{display:flex;align-items:center;gap:10px;}
.pick-ico{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;flex:none;
  border-radius:var(--r-m);background:var(--bg-inset);color:var(--accent);
}
.pick-ico svg{width:18px;height:18px;}
.pick-name{font-size:15px;font-weight:700;color:var(--text);}
.pick-text{font-size:13.5px;line-height:1.7;color:var(--text-muted);}
.pick-tags{margin-top:auto;padding-top:6px;}

/* ---- 覆盖徽章墙 ---- */
.cover-wall{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  padding:26px 20px;border-radius:var(--r-l);
  border:1px solid var(--border-soft);
  background-color:var(--bg-panel);
  background-image:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 1.1px);
  background-size:20px 20px;
  box-shadow:var(--shadow-1);
}
.cover-wall .badge{height:30px;padding:0 14px;font-size:12.5px;}
.cover-note{
  margin-top:16px;text-align:center;
  font-size:13px;line-height:1.75;color:var(--text-muted);
}

/* ---- 章节末尾链接行 ---- */
.more-row{display:flex;justify-content:center;margin-top:20px;}

/* ---- 响应式 ---- */
@media (max-width:640px){
  .page-head .btn-row{margin-top:20px;}
  .region-group{margin-top:28px;}
  .pick-card{padding:18px 16px;}
  .cover-wall{padding:20px 14px;gap:8px;}
  .cover-wall .badge{height:28px;padding:0 12px;font-size:12px;}
}