/* docs.clawcu.ai 首页样式 —— 复用 app.css 的令牌(浅色固定),样式必须外置(CSP style-src-elem 'self')。
   coding-get-started.html(用户手写原版,2026-10-01 恢复)与三篇控制台帮助页都是自包含的(内联样式 + 自托管字体)。 */

.help { min-height: 100%; background: var(--bg); color: var(--ink); }
.help-top {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  max-width: 1000px; margin: 0 auto; padding: 18px 24px;
}
.help-brand { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink); text-decoration: none; }
.help-brand .brand-mark { width: 24px; height: 24px; }
.help-brand-sub { color: var(--ink-mute); font-weight: 500; }
.help-spacer { flex: 1; }
.help-wrap { max-width: 1000px; margin: 0 auto; padding: 18px 24px 72px; }
.help-wrap h1 { margin: 8px 0 10px; font-size: clamp(24px, 3.4vw, 32px); font-weight: 650; letter-spacing: -0.02em; }
.help-lede { margin: 0 0 22px; max-width: 68ch; color: var(--ink-soft); font-size: 14.5px; line-height: 1.75; }

.doc-grid { display: grid; gap: 12px; }
@media (min-width: 760px) { .doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.doc-card { display: block; padding: 18px 20px; text-decoration: none; color: inherit; }
.doc-card:hover { border-color: var(--primary); }
.doc-card h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.doc-card p { margin: 0; color: var(--ink-soft); font-size: 13.5px; line-height: 1.7; }

.doc-foot { margin: 24px 0 0; color: var(--ink-mute); font-size: 13px; }
.doc-foot a { color: var(--primary); }

@media (max-width: 640px) { .help-wrap { padding: 12px 16px 56px; } }

/* ── 内页正文(模型 API / 引擎 / 云盘 / 配额 —— 与首页同一套外观) ── */
.doc-crumb { margin: 6px 0 8px; color: var(--ink-mute); font-size: 12.5px; }
.doc-crumb a { color: var(--ink-soft); text-decoration: none; }
.doc-crumb a:hover { color: var(--ink); }
.doc h2 { margin: 34px 0 10px; padding-bottom: 8px; font-size: 19px; font-weight: 600; letter-spacing: -0.01em; border-bottom: 1px solid var(--line); }
.doc h3 { margin: 22px 0 8px; font-size: 15.5px; font-weight: 600; }
.doc p, .doc li { color: var(--ink-soft); font-size: 14px; line-height: 1.8; }
.doc ul, .doc ol { padding-left: 22px; margin: 8px 0 12px; }
.doc code { font-family: var(--mono); font-size: 12.5px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; padding: 1px 6px; color: var(--ink); }
.doc pre { margin: 10px 0 14px; padding: 14px 16px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; overflow-x: auto; font-family: var(--mono); font-size: 12.5px; line-height: 1.7; color: var(--ink); }
.doc pre code { background: none; border: 0; padding: 0; font-size: inherit; }
.doc table { width: 100%; border-collapse: collapse; margin: 10px 0 16px; font-size: 13.5px; }
.doc th, .doc td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.doc th { color: var(--ink-soft); font-weight: 600; background: var(--surface-2); }
.doc .callout { margin: 12px 0 16px; padding: 12px 14px; border-left: 3px solid var(--primary); background: var(--surface-2); border-radius: 0 8px 8px 0; color: var(--ink-soft); font-size: 13.5px; line-height: 1.75; }
.doc .callout b { color: var(--ink); }
.doc details { margin: 10px 0; padding: 10px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.doc summary { cursor: pointer; font-size: 14px; font-weight: 600; }
.doc details[open] summary { margin-bottom: 10px; }
.help-foot { max-width: 1000px; margin: 0 auto; padding: 8px 24px 40px; color: var(--ink-mute); font-size: 12.5px; line-height: 1.8; }

/* 中英双语(SPEC-apps-alpha-i18n 第三阶段):英文首页里还没有英文版的文档,标题旁标「Chinese only」 */
.doc-badge { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); color: var(--ink-mute); font-size: 11px; font-weight: 500; letter-spacing: 0; vertical-align: 2px; }

/* 工具接入页(SPEC-apps-docs-integrations):代码块上方的小标题(macOS / Linux、Windows) */
.doc .doc-label { margin: 14px 0 6px; color: var(--ink-mute); font-size: 12.5px; font-weight: 600; }

/* 首页「工具接入」区(SPEC-apps-docs-integrations) */
.doc-sec { margin: 36px 0 6px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.doc-sec-sub { margin: 0 0 14px; color: var(--ink-mute); font-size: 13.5px; }