/* 内容页（教程 / 功能说明 / 公告 / 资讯）版式 —— 由 build 渲染的页面共用
   三栏：左 帮助分类目录 / 中 正文 / 右 本页目录 */
.article-shell { grid-template-columns: 232px minmax(0, 1fr) 226px; }
.article-shell > .side-col { order: 1; }
.article-shell > .body-col { order: 2; min-width: 0; }
.article-shell > .toc-col { order: 3; }

.a-head h1 { font-size: clamp(1.6rem, 1.2rem + 1.9vw, 2.25rem); color: var(--ink); font-weight: 700; line-height: 1.35; }
.a-meta { margin-top: 1rem; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: var(--fs-sm); color: var(--muted); }
.a-meta .who { display: flex; align-items: center; gap: 8px; }
.a-meta .avatar { width: 30px; height: 30px; font-size: .8125rem; }
.a-meta time { font-variant-numeric: tabular-nums; }

.a-fig { margin: 1.9em 0 0; }
.a-fig .phone { width: 268px; }
.a-fig .mock { max-width: 520px; margin: 0 auto; }

.toc-box { position: sticky; top: calc(var(--header-h) + 24px); }

.feedback { border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; background: var(--bg-alt); }
.feedback .btn { margin-right: .5rem; }

.prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.prevnext a { border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; background: #fff; display: block; }
.prevnext a:hover { border-color: var(--brand-line); box-shadow: var(--shadow-s); }
.prevnext .k { font-size: var(--fs-xs); color: var(--muted-2); display: block; }
.prevnext b { display: block; margin-top: .375rem; color: var(--ink); font-size: .9375rem; font-weight: 600; line-height: 1.5; }
.prevnext .next { text-align: right; }

@media (max-width: 1279px) {
  .article-shell { grid-template-columns: 232px minmax(0, 1fr); }
  .article-shell > .toc-col { grid-column: 1 / -1; position: static; }
}
@media (max-width: 1023px) {
  .article-shell { grid-template-columns: minmax(0, 1fr); }
  .article-shell > .side-col { position: static; }
}
@media (max-width: 639px) { .prevnext { grid-template-columns: 1fr; } }