/* ============================================================
   39VPN · streaming.css
   解锁支持页(media.html)专属样式:正文排版 / 带宽卡 /
   报错条目 / 暗区速查格 / 结尾链接行
   ============================================================ */

/* ============ 正文排版(.prose) ============ */
.prose{font-size:15.5px;line-height:1.85}
.prose section{margin-bottom:70px}
.prose h2{margin:0 0 16px}
.prose h3{margin:24px 0 10px}
.prose p{margin:0 0 14px;color:var(--muted)}
.prose p strong,.prose li strong{color:var(--text)}
.prose ul,.prose ol{margin:0 0 16px;display:grid;gap:8px}
.prose ul li{position:relative;padding-left:18px;color:var(--muted)}
.prose ul li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.prose a{color:var(--accent);font-weight:600}
.prose .callout{margin:18px 0}
.prose .table-scroll{margin:18px 0}
.prose .data-table th{white-space:nowrap}
.prose .data-table td:first-child{white-space:nowrap}
.prose .faq{margin-top:18px}

/* ============ 带宽要求卡 ============ */
.bw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.bw-grid > *{min-width:0}
.bw-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-card);padding:22px 16px;text-align:center}
.bw-val{font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--accent)}
.bw-val em{font-style:normal;font-size:14px;font-weight:700;color:var(--muted);margin-left:4px}
.bw-name{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--text)}
.bw-note{margin-top:4px;font-size:12.5px;color:var(--muted)}

/* ============ 报错条目 ============ */
.err-list{display:grid;gap:12px;margin-top:18px}
.err-list > *{min-width:0}
.err-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-card);padding:16px 18px}
.err-code{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--err);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px;margin-bottom:10px}
.err-item strong{display:block;font-size:15px;margin-bottom:6px}
.err-item p{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}
.err-item p a{color:var(--accent);font-weight:600}

/* ============ 暗区速查格 ============ */
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.quick-grid > *{min-width:0}
.quick-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--deep-text);margin-bottom:10px}
.dark-panel p{font-size:13.5px;line-height:1.75}

/* ============ 结尾链接行 ============ */
.end-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}

/* ============ 响应式 ============ */
@media (max-width:768px){
  .bw-grid,.quick-grid{grid-template-columns:1fr}
  .prose section{margin-bottom:48px}
}