/* ==========================================================================
   VPNDU · streaming.css
   流媒体解锁页专属样式:支持矩阵符号 / 报错码条目 / 选线卡片
   只补充本页需要的类,不重复定义 base.css 与 components.css 中的任何样式
   ========================================================================== */

/* ---------- 支持矩阵表格里的符号 ---------- */
.matrix-plat{
  color:var(--text);
  font-weight:700;
  white-space:nowrap;
}
.matrix-ok{color:var(--success);font-weight:700}
.matrix-part{color:var(--warn);font-weight:700}
.matrix-no{color:var(--text-muted)}

/* ---------- 报错码条目 ---------- */
.err-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.err-item{
  min-width:0;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:16px 18px;
}
.err-item h3{
  margin:0 0 8px;
  font-size:15.5px;
  line-height:1.5;
}
.err-code{
  display:inline-block;
  margin-right:8px;
  padding:2px 8px;
  border-radius:var(--radius-pill);
  background:rgba(var(--accent-rgb),.10);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.err-item p{
  color:var(--text-muted);
  font-size:14.5px;
  line-height:1.8;
}

/* ---------- 按观看目标选线卡片 ---------- */
.pick-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px;
  margin:18px 0 0;
}
.pick-card{
  min-width:0;
  background:var(--white);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:18px 20px;
  box-shadow:var(--shadow-soft);
}
.pick-card h3{
  margin:0 0 8px;
  font-size:15.5px;
}
.pick-card p{
  color:var(--text-muted);
  font-size:14px;
  line-height:1.75;
}
.pick-tag{
  display:inline-block;
  margin-bottom:10px;
  padding:3px 9px;
  border-radius:var(--radius-pill);
  background:rgba(var(--cyan-rgb),.14);
  color:var(--cyan-ink);
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:700;
}

@media (max-width:640px){
  .pick-grid{grid-template-columns:1fr}
  .err-item{padding:14px 15px}
}