/* 嵌入视图样式 —— app 内 HelpDrawer 以 iframe 打开 /embed/<slug> 时用。
   去掉文档站外壳,只留正文;深色 + 赤陶,贴 app 主题;背景透明以融入抽屉。 */
:root {
  --ink: #e7e2d9;
  --ink-2: #b3ada3;
  --accent: #e0815f;
  --line: rgba(255, 255, 255, 0.12);
  --code-bg: rgba(255, 255, 255, 0.06);
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: transparent;
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}
.embed-doc {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 22px 56px;
}
.embed-doc h1 { font-size: 1.55rem; font-weight: 650; margin: 4px 0 18px; line-height: 1.3; }
.embed-doc h2 { font-size: 1.2rem; font-weight: 640; margin: 30px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
.embed-doc h3 { font-size: 1.04rem; font-weight: 640; margin: 22px 0 8px; }
.embed-doc p, .embed-doc li { color: var(--ink); }
.embed-doc a { color: var(--accent); text-decoration: none; }
.embed-doc a:hover { text-decoration: underline; }
.embed-doc hr { border: none; border-top: 1px solid var(--line); margin: 24px 0; }
.embed-doc ul, .embed-doc ol { padding-left: 1.4em; }
.embed-doc li { margin: 4px 0; }
.embed-doc code {
  background: var(--code-bg); border-radius: 5px; padding: 1px 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.88em;
}
.embed-doc pre {
  background: var(--code-bg); border: 1px solid var(--line); border-radius: 9px;
  padding: 12px 14px; overflow: auto;
}
.embed-doc pre code { background: none; padding: 0; }
.embed-doc blockquote {
  margin: 14px 0; padding: 8px 14px; color: var(--ink-2);
  border-left: 3px solid var(--accent); background: rgba(224, 129, 95, 0.08); border-radius: 0 8px 8px 0;
}
.embed-doc table { border-collapse: collapse; width: 100%; margin: 14px 0; font-size: 0.92em; }
.embed-doc th, .embed-doc td { border: 1px solid var(--line); padding: 7px 10px; text-align: left; }
.embed-doc th { background: rgba(255, 255, 255, 0.05); font-weight: 640; }
.embed-doc img { max-width: 100%; border-radius: 8px; }
/* 浅色主题兜底(父窗口若是浅色) */
@media (prefers-color-scheme: light) {
  :root { --ink: #2a2520; --ink-2: #6a6258; --accent: #b9512f; --line: rgba(0,0,0,0.12); --code-bg: rgba(0,0,0,0.05); }
}
