.article { max-width: 720px; margin: 0 auto; }
.article__title { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
.article__meta { font-size: 13px; color: var(--text-3); margin-bottom: 20px; }

.article .card { padding: 20px; margin-bottom: 16px; }
.article h2 {
  font-size: 16px; font-weight: 600; margin: 0 0 10px;
  padding-left: 10px; border-left: 3px solid var(--brand);
}
.article h3 { font-size: 15px; font-weight: 600; margin: 18px 0 8px; }
.article p { font-size: 14px; line-height: 1.9; color: var(--text-2); margin-bottom: 10px; }
.article p:last-child { margin-bottom: 0; }
.article ul { margin: 0 0 10px; }
.article li {
  position: relative; padding-left: 16px; margin-bottom: 6px;
  font-size: 14px; line-height: 1.9; color: var(--text-2);
}
.article li::before {
  content: ''; position: absolute; left: 3px; top: 12px;
  width: 4px; height: 4px; border-radius: 50%; background: var(--brand); opacity: .6;
}
.article strong { color: var(--text); font-weight: 600; }
.article code {
  padding: 1px 6px; border-radius: 4px; background: var(--brand-soft);
  color: var(--brand); font: 13px var(--mono);
}
.article a { color: var(--brand); }

/* 窄屏放不下时整表横向滚动，而不是把「腾讯视频」折成两行 */
.article .tablebox { margin: 8px 0 4px; overflow-x: auto; }
.article table { font-size: 13px; }
.article th, .article td {
  padding: 8px 10px; text-align: left; white-space: nowrap;
  border-bottom: 1px solid var(--line);
}
.article td:last-child, .article th:last-child { white-space: normal; }
.article th { color: var(--text-3); font-weight: 500; }
.article td { color: var(--text-2); }

.formula {
  padding: 12px 14px; margin: 4px 0 12px; border-radius: var(--r-sm);
  background: var(--brand-soft); color: var(--text-2);
  font: 13px/1.8 var(--mono); overflow-x: auto;
}

/* 反馈页复用文章页外壳 */
.form-card { max-width: 720px; margin: 0 auto; }

/* ── 反馈表单 ─────────────────────────────────────── */
.field__opt { margin-left: 6px; font-size: 12px; color: var(--text-3); font-weight: 400; }
.chips button.chip { cursor: pointer; }

.shots { display: flex; flex-wrap: wrap; gap: 10px; }
.shots__item { position: relative; width: 76px; height: 76px; }
.shots__item img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--r-sm); }
.shots__del {
  position: absolute; top: -6px; right: -6px; width: 20px; height: 20px;
  border-radius: 50%; background: var(--text); color: #fff; font-size: 14px; line-height: 1;
}
.shots__add {
  display: flex; align-items: center; justify-content: center;
  width: 76px; height: 76px; border-radius: var(--r-sm);
  border: 1px dashed var(--line); color: var(--text-3); font-size: 22px; cursor: pointer;
}