/* ============================================================
   星穹情报站 - API 文档页样式
   ============================================================ */

.docs {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 34px 40px;
  max-width: 900px;
  margin: 0 auto;
}

.docs-body { line-height: 1.8; font-size: 14.5px; }
.docs-body h1 { font-size: 24px; margin: 26px 0 14px; padding-bottom: 10px; border-bottom: 2px solid var(--border); }
.docs-body h1:first-child { margin-top: 0; }
.docs-body h2 { font-size: 19px; margin: 30px 0 12px; color: var(--primary-dark); }
.docs-body h3 { font-size: 16px; margin: 22px 0 10px; }
.docs-body h4 { font-size: 15px; margin: 18px 0 8px; color: var(--text-sub); }
.docs-body p { margin: 0 0 12px; color: var(--text); }
.docs-body ul { padding-left: 22px; margin: 0 0 14px; }
.docs-body li { margin-bottom: 6px; }
.docs-body blockquote {
  margin: 0 0 14px; padding: 10px 16px; background: #f6f8fd;
  border-left: 3px solid var(--primary); color: var(--text-sub); border-radius: 0 8px 8px 0;
}
.docs-body code {
  background: #eef1f8; color: #c2456b; padding: 2px 6px; border-radius: 4px;
  font-family: Consolas, Monaco, monospace; font-size: 13px;
}
.docs-body pre {
  background: #24292f; color: #e1e4e8; padding: 16px 18px; border-radius: 8px;
  overflow-x: auto; margin: 0 0 16px; line-height: 1.6;
}
.docs-body pre code { background: transparent; color: inherit; padding: 0; font-size: 13px; }
.docs-body a { color: var(--primary); }
.docs-body a:hover { text-decoration: underline; }

@media (max-width: 620px) {
  .docs { padding: 22px 18px; }
}