.spike-help-main .spike-page-head { max-width: 760px; }
.spike-help-main .spike-help-card { transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.spike-help-main .spike-help-card:hover { border-color: rgba(var(--spike-primary-rgb), .28); box-shadow: 0 18px 42px rgba(20, 33, 61, .07); transform: translateY(-3px); }
.spike-help-main .spike-help-card .spike-card-link,
.spike-help-main .spike-help-card .spike-card-link:hover,
.spike-help-main .spike-help-card .spike-card-link:focus-visible { color: var(--spike-primary-text) !important; }
.spike-help-main .spike-document-row:focus-visible { position: relative; z-index: 1; }

/* 首屏页头与 FAQ 静态内容先绘制，仅隐藏 Vue 接管前的动态列表 */
.spike-help-main[v-cloak] { display: block !important; }
.spike-help-main[v-cloak] .spike-filter-bar,
.spike-help-main[v-cloak] .spike-state,
.spike-help-main[v-cloak] .spike-card-grid,
.spike-help-main[v-cloak] .spike-document-list { display: none !important; }

/* 常见问题（静态内容，同时供 FAQPage 结构化数据使用） */
.spike-faq-section { margin-top: 52px; padding-top: 8px; }
.spike-faq-section h2 { margin: 0 0 12px; font-size: 22px; font-weight: 700; color: var(--spike-site-foreground); }
.spike-faq-item { padding: 16px 0; border-top: 1px solid var(--spike-site-border); }
.spike-faq-item h3 { margin: 0 0 8px; font-size: 16px; line-height: 1.5; font-weight: 600; color: var(--spike-site-foreground); }
.spike-faq-item p { margin: 0; font-size: 14px; line-height: 1.85; color: var(--spike-site-muted-foreground); }

@media (max-width: 640px) {
    .spike-faq-section { margin-top: 36px; }
    .spike-faq-section h2 { font-size: 19px; }
    .spike-faq-item h3 { font-size: 15px; }
    .spike-faq-item p { font-size: 13.5px; }
}