/* ==========================================================================
   VPNDQ — nodes.css
   全球节点页（zh-CN/network.html）页面级样式。
   只承担本页专属版式：页头带、章节节奏、线路类型卡、选线建议卡、地区徽章墙。
   颜色 / 圆角 / 阴影全部引用 base.css 的设计令牌。
   ========================================================================== */

/* ---------- 内联 sprite 宿主（零尺寸，不参与布局） ---------- */
.flag-defs{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- 页头带 ---------- */
.hero--page{padding-top:40px;padding-bottom:46px}
.hero--page .sub{max-width:720px}
.hero--page .fact-row{margin-top:18px;justify-content:center}
@media (max-width:1024px){
  .hero--page .spark{display:none}
}

/* ---------- 正文容器与章节节奏（只声明纵向内边距） ---------- */
.nodes-body{padding-bottom:8px}
.nodes-sec{padding-top:44px;padding-bottom:44px}
.nodes-sec + .nodes-sec{border-top:1px solid var(--line-soft)}
.nodes-sec .table-scroll{margin-top:22px}
.nodes-sec .grid{margin-top:24px}
.nodes-sec .callout{margin-top:22px}
.nodes-note{margin-top:12px;font-size:12.5px;line-height:1.7;color:var(--muted)}

/* ---------- 线路类型卡 ---------- */
.line-type{display:flex;flex-direction:column}
.line-type .badge{align-self:flex-start}
.line-type__spec{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.line-type__row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start}
.line-type__row dt{
  font-family:var(--font-mono);font-size:11.5px;font-weight:700;
  letter-spacing:.04em;color:var(--gold-deep);padding-top:3px;
}
.line-type__row dd{font-size:14px;line-height:1.7;color:var(--muted);min-width:0}

/* ---------- 选线建议 ---------- */
.pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.pick-card{
  min-width:0;padding:22px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-card);
}
.pick-card:last-child{grid-column:1 / -1}
.pick-card__title{color:var(--accent)}
.pick-card p{margin-top:8px;font-size:14.5px;line-height:1.75;color:var(--muted)}

/* ---------- 地区徽章墙 ---------- */
.region-wall{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.region-chip{
  display:inline-flex;align-items:center;
  min-height:34px;padding:6px 14px;border-radius:var(--r-pill);
  background:var(--panel);border:1px solid var(--line);
  font-size:13.5px;font-weight:600;color:var(--ink);
  max-width:100%;overflow:hidden;
  box-shadow:0 10px 20px -18px var(--accent-18);
}

/* ---------- FAQ 收尾链接 ---------- */
.faq-more{margin-top:16px;font-size:14px;color:var(--muted)}
.faq-more a{
  display:inline-flex;align-items:center;gap:5px;
  color:var(--accent);font-weight:700;
  text-decoration:underline;text-underline-offset:3px;
}
.faq-more svg{width:14px;height:14px;flex-shrink:0}

/* ---------- 窄屏 ---------- */
@media (max-width:900px){
  .pick-grid{grid-template-columns:minmax(0,1fr)}
  .pick-card:last-child{grid-column:auto}
}
@media (max-width:640px){
  .hero--page{padding-top:26px;padding-bottom:32px}
  .nodes-sec{padding-top:36px;padding-bottom:36px}
  .line-type__row{grid-template-columns:minmax(0,1fr);gap:2px}
  .line-type__row dt{padding-top:0}
  .pick-card{padding:18px}
}