/* 「我在这里」App 内嵌帮助页共用样式（/help/deploy.html 与 /help/why-backend.html）
   页面顶部留 64px：App 里标题栏是沉浸式浮在内容上的 */
  :root {
    --bg: #f7f8fa;
    --card: #ffffff;
    --fg: #1b1c1e;
    --fg-2: #55585e;
    --fg-3: #8a8d94;
    --line: #e6e8ec;
    --accent: #0a59f7;
    --accent-bg: #eef3ff;
    --code-bg: #f2f3f5;
    --warn-bg: #fff6e8;
    --warn-line: #f5c98a;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #101113;
      --card: #1a1b1e;
      --fg: #eceef1;
      --fg-2: #b3b7be;
      --fg-3: #84888f;
      --line: #2c2e33;
      --accent: #6b9bff;
      --accent-bg: #1b2233;
      --code-bg: #232529;
      --warn-bg: #2b2419;
      --warn-line: #6b5433;
    }
  }
  * { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  body {
    margin: 0;
    padding: 64px 16px calc(48px + env(safe-area-inset-bottom));
    background: var(--bg);
    color: var(--fg);
    font: 16px/1.75 -apple-system, BlinkMacSystemFont, "HarmonyOS Sans SC", "HarmonyOS Sans",
          "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  }
  main { max-width: 40rem; margin: 0 auto; }
  header { padding: 28px 0 8px; }
  h1 { font-size: 1.5rem; line-height: 1.35; margin: 0 0 8px; letter-spacing: .01em; }
  .lede { color: var(--fg-2); font-size: .95rem; margin: 0; }
  h2 {
    font-size: 1.08rem; margin: 32px 0 10px;
    border-top: 1px solid var(--line); padding-top: 20px;
  }
  h2:first-of-type { border-top: 0; padding-top: 0; }
  p, li { color: var(--fg); }
  p { margin: 10px 0; }
  ul, ol { padding-left: 1.3em; margin: 10px 0; }
  li { margin: 4px 0; }
  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: .87em; background: var(--code-bg); padding: .15em .4em; border-radius: 5px;
    word-break: break-word;
  }
  pre {
    background: var(--code-bg); border: 1px solid var(--line); border-radius: 10px;
    padding: 12px 14px; overflow-x: auto; margin: 12px 0;
  }
  pre code {
    background: none; padding: 0; font-size: .84rem; line-height: 1.65;
    /* 手机上别让命令横向溢出：折行显示，复制出来的仍是同一行 */
    white-space: pre-wrap; word-break: break-word;
  }
  .note {
    background: var(--accent-bg); border-left: 3px solid var(--accent);
    border-radius: 0 10px 10px 0; padding: 12px 14px; margin: 14px 0; font-size: .93rem;
  }
  .warn {
    background: var(--warn-bg); border-left: 3px solid var(--warn-line);
    border-radius: 0 10px 10px 0; padding: 12px 14px; margin: 14px 0; font-size: .93rem;
  }
  .note p:first-child, .warn p:first-child { margin-top: 0; }
  .note p:last-child, .warn p:last-child { margin-bottom: 0; }
  /* 术语/说明对：手机单栏（术语在上、说明在下），窄屏挤两栏会把说明压成一条 */
  .kv { margin: 12px 0; }
  .kv dt { color: var(--accent); font-size: .84rem; font-weight: 600; margin-top: 14px; }
  .kv dt:first-child { margin-top: 0; }
  .kv dd { margin: 2px 0 0; }
  @media (min-width: 34rem) {
    .kv { display: grid; grid-template-columns: 8.5em 1fr; gap: 8px 12px; font-size: .93rem; }
    .kv dt { color: var(--fg-2); font-size: 1rem; font-weight: 400; margin-top: 0; }
    .kv dd { margin: 0; }
  }
  footer {
    margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--line);
    color: var(--fg-3); font-size: .84rem;
  }
  a { color: var(--accent); }