fix(docs): widen API drawer and fix TOC scroll hijacking window

- Add .api-drawer (1100px) so content area is ~880px instead of ~540px
- Replace scrollIntoView with apiDocContent.scrollBy to avoid scrolling
  the window and collapsing the drawer layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

web/html/api-doc-drawer.html

@@ -1,5 +1,5 @@
 <div class="drawer-backdrop hidden" id="apiDocDrawer">
-  <aside class="drawer" role="dialog" aria-modal="true" aria-labelledby="apiDocTitle">
+  <aside class="drawer api-drawer" role="dialog" aria-modal="true" aria-labelledby="apiDocTitle">
     <div class="drawer-head">
       <h3 id="apiDocTitle">API.md</h3>
       <button type="button" class="secondary" id="closeApiDoc">关闭</button>

web/js/docs.js

@@ -103,10 +103,11 @@ export async function loadApiDoc() {
       if (!id) {
         return;
       }
-      dom.apiDocContent.querySelector(`#${CSS.escape(id)}`)?.scrollIntoView({
+      const target = dom.apiDocContent.querySelector(`#${CSS.escape(id)}`);
-        behavior: "smooth",
+      if (target) {
-        block: "start",
+        const offset = target.getBoundingClientRect().top - dom.apiDocContent.getBoundingClientRect().top;
-      });
+        dom.apiDocContent.scrollBy({ top: offset, behavior: "smooth" });
+      }
     });
   });
 

web/styles.css

@@ -968,6 +968,10 @@ button.danger:hover { background: var(--danger-hover); }
   grid-template-columns: 220px minmax(0, 1fr);
 }
 
+.api-drawer {
+  width: min(1100px, 96vw);
+}
+
 .equipment-drawer {
   width: min(1120px, 96vw);
 }