/* ==========================================================================
   VPNDN — nodes.css
   servers.html(服务器节点 / 线路页)专属样式
   1. 章节装饰光晕   2. 线路类型面板   3. 选线建议面板
   4. 地区徽章墙     5. 步骤与套餐卡   6. 表格脚注   7. 响应式
   ========================================================================== */

/* ---------------------------------------------------- 1. 章节装饰光晕 */
.sec-decor{
  position:absolute;left:0;right:0;margin-inline:auto;top:-24px;
  width:min(760px,88vw);height:300px;border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 70%);
}

/* ---------------------------------------------------- 2. 线路类型面板 */
/* 面板切换由 tabs.js 维护 hidden 属性,这里只做兜底,避免脚本未就绪时多面板同时铺开 */
.feat-panel[hidden]{display:none}

/* ---------------------------------------------------- 3. 选线建议面板 */
.pick-panel{
  min-width:0;padding:26px 28px;
  border-radius:var(--r-lg);background:var(--panel);
  box-shadow:inset 0 0 0 1px var(--border),var(--shadow-panel);
}
.pick-panel h3{font:800 20px/1.3 var(--font-display);letter-spacing:-.02em;margin-bottom:12px}
.pick-panel p{font-size:14.5px;line-height:1.85;color:var(--muted)}
.pick-list{
  display:flex;flex-direction:column;gap:9px;min-width:0;
  margin-top:16px;padding-top:16px;border-top:1px solid var(--border);
  font-size:13.5px;line-height:1.7;color:var(--muted);
}
.pick-list li{display:flex;gap:10px;align-items:flex-start;min-width:0}
.pick-list li::before{
  content:"";flex:none;width:6px;height:6px;margin-top:8px;
  border-radius:50%;background:var(--accent);
}
.pick-list b{color:var(--ink);font-weight:600;margin-right:6px}

/* ---------------------------------------------------- 4. 地区徽章墙 */
.region-wall{
  display:flex;flex-direction:column;min-width:0;
  padding:6px 24px;border-radius:var(--r-lg);background:var(--panel);
  box-shadow:inset 0 0 0 1px var(--border),var(--shadow-tint);
}
.region-item{
  display:grid;grid-template-columns:minmax(0,104px) minmax(0,1fr);
  gap:10px 20px;align-items:start;min-width:0;
  padding:18px 0;border-bottom:1px solid var(--border);
}
.region-item:last-child{border-bottom:0}
.region-k{
  font:600 12px/1.6 var(--font-mono);letter-spacing:.08em;
  color:var(--accent-dark);padding-top:5px;
}
.region-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}

/* ---------------------------------------------------- 5. 步骤与套餐卡 */
.steps > li p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:6px}
.access-card h3{margin-bottom:14px}

/* ---------------------------------------------------- 6. 表格脚注 */
.tbl-note{margin-top:14px;font-size:13px;line-height:1.75;color:var(--muted-2)}

/* ---------------------------------------------------- 7. 响应式 */
@media (max-width:768px){
  .sec-decor{display:none}
}
@media (max-width:640px){
  .region-wall{padding:4px 16px}
  .region-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 0}
  .region-k{padding-top:0}
  .pick-panel{padding:20px 18px}
}