/* ============================================================
   VPNWS — streaming.css
   解锁支持页(media.html)专属样式:正文引导段、说明条、
   勾选清单、下一步卡片。所有取值走 :root 设计令牌。
   ============================================================ */

.media-lede{
  max-width:66ch;
  font-size:17px;
  line-height:1.75;
  color:var(--text-muted);
}
.media-lede + .media-lede{margin-top:var(--sp-4)}
.media-lede strong{color:var(--text);font-weight:600}

.media-h3{
  font-size:17px;
  font-weight:700;
  letter-spacing:-.01em;
  margin:var(--sp-6) 0 var(--sp-3);
  color:var(--text);
}
.media-h3:first-child{margin-top:0}

.media-chips{
  justify-content:center;
  position:relative;
  z-index:3;
  margin-top:var(--sp-2);
}

.media-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:var(--sp-5);
  background:var(--bg-panel-2);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:var(--sp-4) var(--sp-5);
  box-shadow:var(--hl-edge);
}
.media-note svg{
  width:18px;height:18px;
  color:var(--accent);
  flex-shrink:0;
  margin-top:3px;
}
.media-note p{
  font-size:15px;
  line-height:1.75;
  color:var(--text-muted);
}
.media-note b{color:var(--text);font-weight:600}

.media-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:var(--sp-4);
}
.media-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:16px;
  line-height:1.75;
  color:var(--text-muted);
  min-width:0;
}
.media-list li svg{
  width:16px;height:16px;
  color:var(--accent);
  flex-shrink:0;
  margin-top:5px;
}
.media-list li b{color:var(--text);font-weight:600}

.media-sec .table-scroll{margin-top:var(--sp-4)}
.media-sec .data-table td{line-height:1.6}
.media-sec .data-table td:nth-child(3){color:var(--text)}

.next-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-5);
  margin-top:var(--sp-6);
}
.next-grid .card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.next-grid .card h3{font-size:19px;line-height:1.35}
.next-grid .card p{font-size:14.5px;line-height:1.7;color:var(--text-muted)}
.next-grid .link-more{margin-top:auto;padding-top:var(--sp-3)}

.next-grid + .promo-block{margin-top:var(--sp-6)}

@media (max-width:768px){
  .next-grid{grid-template-columns:1fr}
  .media-note{padding:var(--sp-4)}
  .media-list li{font-size:15.5px}
}