.help-loading,
.help-error,
.help-empty { text-align:center; color:#94a3b8; padding:40px 16px; font-size:14px; }
.help-error { color:#ef4444; }

.help-page { max-width:720px; margin:0 auto; padding:0 16px 40px; }

.help-header { display:flex; align-items:center; justify-content:space-between; padding:12px 0; position:sticky; top:0; background:var(--bg,#fff); z-index:10; border-bottom:1px solid #f1f5f9; }
.help-back { font-size:14px; color:var(--primary,#6366f1); cursor:pointer; text-decoration:none; }
.help-title { font-size:16px; font-weight:600; }

.help-tabs { display:flex; gap:4px; padding:12px 0; overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap; }
.help-tab { flex-shrink:0; padding:6px 14px; border-radius:18px; font-size:13px; cursor:pointer; background:#f1f5f9; color:#475569; border:1px solid transparent; transition:all 0.15s; white-space:nowrap; }
.help-tab.active { background:var(--primary,#6366f1); color:#fff; }

.help-article-card { padding:14px 12px; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background 0.12s; }
.help-article-card:hover { background:#f8fafc; }
.help-article-title { font-size:15px; font-weight:500; color:var(--text,#1e293b); margin-bottom:4px; }
.help-article-meta { font-size:12px; color:#94a3b8; }

.help-pagination { display:flex; align-items:center; justify-content:center; gap:8px; padding:16px 0; }

.help-detail-card { padding:16px 0; }
.help-detail-title { font-size:20px; font-weight:600; margin:0 0 8px; }
.help-detail-meta { font-size:13px; color:#94a3b8; margin-bottom:12px; }
.help-detail-divider { border:none; border-top:1px solid #e2e8f0; margin:12px 0; }
.help-detail-content { font-size:15px; line-height:1.8; color:var(--text,#334155); word-break:break-word; }
.help-detail-content img { max-width:100%; border-radius:8px; margin:8px 0; }
.help-detail-content table { border-collapse:collapse; width:100%; margin:8px 0; }
.help-detail-content th,
.help-detail-content td { border:1px solid #e2e8f0; padding:8px 12px; text-align:left; font-size:14px; }
.help-detail-content th { background:#f8fafc; font-weight:600; }
.help-detail-content code { background:#f1f5f9; padding:2px 6px; border-radius:4px; font-size:13px; }
.help-detail-content pre { background:#1e293b; color:#e2e8f0; padding:12px 16px; border-radius:8px; overflow-x:auto; font-size:13px; line-height:1.6; }
.help-detail-content pre code { background:none; padding:0; color:inherit; }
.help-detail-content a { color:var(--primary,#6366f1); }
.help-detail-content h2 { font-size:18px; margin:20px 0 10px; }
.help-detail-content h3 { font-size:16px; margin:16px 0 8px; }
.help-detail-content p { margin:8px 0; }
.help-detail-content ul,
.help-detail-content ol { padding-left:20px; margin:8px 0; }
.help-detail-content li { margin:4px 0; }