diff --git a/docs/references/design-patterns.md b/docs/references/design-patterns.md
index 8e06d3b68..a968247a4 100644
--- a/docs/references/design-patterns.md
+++ b/docs/references/design-patterns.md
@@ -19,6 +19,20 @@ function Page() {
 }
 ```
 
+### Viewport height & on-screen keyboard
+
+Page shells are height-locked to the viewport (`TopBar + scroll container + ActionBar`), so they must use the
+**dynamic** viewport units — `h-dvh` / `min-h-dvh`, never `h-screen` / `100vh`. `vh` resolves against the
+*large* viewport (browser UI retracted), so on Android — Firefox, Edge, Kiwi alike — a `100vh` shell is taller
+than the visible area while the toolbar is showing, and because the shell scrolls internally the document
+itself can't scroll, leaving `BottomTabBar` / ActionBar unreachable below the fold (issue #1555).
+
+The full-page entries (`options` / `install` / `import` / `batchupdate` / `confirm`) additionally declare
+`interactive-widget=resizes-content` in their `<meta name="viewport">`: the default `resizes-visual` shrinks
+only the visual viewport when the on-screen keyboard opens, leaving a `dvh` shell (and the editor toolbar under
+it) hidden behind the keyboard. `resizes-content` shrinks the layout viewport instead, so the shell reflows
+above the keyboard. `popup.html` is excluded — it is a fixed-size panel that scrolls as a whole.
+
 ### Desktop ↔ mobile transforms
 
 | Desktop (≥768px) | Mobile (<768px) |
diff --git a/src/pages/batchupdate.html b/src/pages/batchupdate.html
index 53a01f254..1bd8b2251 100644
--- a/src/pages/batchupdate.html
+++ b/src/pages/batchupdate.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <script src="common.js"></script>
     <title>ScriptCat</title>
     <style>
diff --git a/src/pages/batchupdate/components.tsx b/src/pages/batchupdate/components.tsx
index df6fe5450..758e9736f 100644
--- a/src/pages/batchupdate/components.tsx
+++ b/src/pages/batchupdate/components.tsx
@@ -444,7 +444,7 @@ export function DesktopView({ view }: { view: BatchUpdateViewProps }) {
   const { t } = useTranslation();
   const empty = view.updates.length === 0 && view.ignored.length === 0;
   return (
-    <div className="flex h-screen flex-col bg-background text-foreground">
+    <div className="flex h-dvh flex-col bg-background text-foreground">
       <header className="flex h-[60px] shrink-0 items-center justify-between border-b border-border bg-card px-6">
         <div className="flex min-w-0 items-center gap-3">
           <PackageCheck className="size-[22px] shrink-0 text-primary" />
diff --git a/src/pages/batchupdate/mobile.tsx b/src/pages/batchupdate/mobile.tsx
index 52a07e20a..1aaa83630 100644
--- a/src/pages/batchupdate/mobile.tsx
+++ b/src/pages/batchupdate/mobile.tsx
@@ -188,7 +188,7 @@ export function MobileView({ view }: { view: BatchUpdateViewProps }) {
         .join(" · ");
 
   return (
-    <div className="flex h-screen flex-col bg-background text-foreground">
+    <div className="flex h-dvh flex-col bg-background text-foreground">
       <header className="flex h-[62px] shrink-0 items-center gap-3 border-b border-border bg-card px-4">
         <PackageCheck className="size-[22px] shrink-0 text-primary" />
         <div className="flex min-w-0 flex-col">
diff --git a/src/pages/confirm.html b/src/pages/confirm.html
index 53a01f254..1bd8b2251 100644
--- a/src/pages/confirm.html
+++ b/src/pages/confirm.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <script src="common.js"></script>
     <title>ScriptCat</title>
     <style>
diff --git a/src/pages/confirm/App.tsx b/src/pages/confirm/App.tsx
index 2db7894f8..c8f2555be 100644
--- a/src/pages/confirm/App.tsx
+++ b/src/pages/confirm/App.tsx
@@ -54,7 +54,7 @@ function PageShell({ children }: { children: React.ReactNode }) {
   return (
     <div
       data-testid="confirm-shell"
-      className="flex min-h-screen flex-col items-center justify-center gap-6 bg-background px-4 py-10"
+      className="flex min-h-dvh flex-col items-center justify-center gap-6 bg-background px-4 py-10"
     >
       <BrandMark />
       {children}
diff --git a/src/pages/import.html b/src/pages/import.html
index 53a01f254..1bd8b2251 100644
--- a/src/pages/import.html
+++ b/src/pages/import.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <script src="common.js"></script>
     <title>ScriptCat</title>
     <style>
diff --git a/src/pages/import/components.tsx b/src/pages/import/components.tsx
index 1366ebd46..11a1b0c49 100644
--- a/src/pages/import/components.tsx
+++ b/src/pages/import/components.tsx
@@ -188,7 +188,7 @@ export function ImportLayout({
   children: ReactNode;
 }) {
   return (
-    <div data-testid="import-layout" className="flex h-screen flex-col bg-background text-foreground">
+    <div data-testid="import-layout" className="flex h-dvh flex-col bg-background text-foreground">
       <header
         data-testid="top-bar"
         className="sticky top-0 z-10 flex h-[52px] shrink-0 items-center gap-3 border-b border-border bg-card/95 px-6 backdrop-blur"
diff --git a/src/pages/import/mobile.tsx b/src/pages/import/mobile.tsx
index fcd88c0b6..050e8f8db 100644
--- a/src/pages/import/mobile.tsx
+++ b/src/pages/import/mobile.tsx
@@ -57,7 +57,7 @@ function MobileHeader({ onClose }: { onClose?: () => void }) {
 /** 移动端状态屏外壳:头部 + 居中正文(复用桌面的居中状态组件) */
 function MobileStateShell({ onClose, children }: { onClose?: () => void; children: ReactNode }) {
   return (
-    <div className="flex h-screen flex-col bg-background text-foreground">
+    <div className="flex h-dvh flex-col bg-background text-foreground">
       <MobileHeader onClose={onClose} />
       <div className="flex flex-1 items-center justify-center overflow-auto px-5">{children}</div>
     </div>
@@ -367,7 +367,7 @@ export function MobileView({ view }: { view: ImportView }) {
 
   const importing = view.phase === "importing";
   return (
-    <div className="flex h-screen flex-col bg-background text-foreground">
+    <div className="flex h-dvh flex-col bg-background text-foreground">
       <MobileHeader onClose={importing ? undefined : view.onClose} />
       {importing && <TopProgressBar done={view.doneCount} total={view.totalCount} />}
       {importing ? <MobileImportingBar view={view} /> : <MobileToolbar view={view} />}
diff --git a/src/pages/install.html b/src/pages/install.html
index 53a01f254..1bd8b2251 100644
--- a/src/pages/install.html
+++ b/src/pages/install.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <script src="common.js"></script>
     <title>ScriptCat</title>
     <style>
diff --git a/src/pages/install/components/InstallLayout.tsx b/src/pages/install/components/InstallLayout.tsx
index 4f9c9d820..64d558ca8 100644
--- a/src/pages/install/components/InstallLayout.tsx
+++ b/src/pages/install/components/InstallLayout.tsx
@@ -15,7 +15,7 @@ export interface InstallLayoutProps {
 
 export function InstallLayout({ title, titleIcon, titleTone = "default", actions, children }: InstallLayoutProps) {
   return (
-    <div data-testid="install-layout" className="flex h-screen flex-col bg-background">
+    <div data-testid="install-layout" className="flex h-dvh flex-col bg-background">
       <InstallTopBar title={title} titleIcon={titleIcon} titleTone={titleTone} />
 
       <main data-testid="content-area" className="min-h-0 flex-1 overflow-y-auto px-6 py-7">
diff --git a/src/pages/install/components/InstallStates.tsx b/src/pages/install/components/InstallStates.tsx
index 8c626ea36..65cd84c06 100644
--- a/src/pages/install/components/InstallStates.tsx
+++ b/src/pages/install/components/InstallStates.tsx
@@ -9,7 +9,7 @@ import { InstallTopBar } from "./InstallTopBar";
 function StateShell({ children }: { children: React.ReactNode }) {
   const { t } = useTranslation(["install", "common"]);
   return (
-    <div className="flex h-screen flex-col bg-background">
+    <div className="flex h-dvh flex-col bg-background">
       <InstallTopBar title={t("install:context_install")} titleIcon={Download} />
       <main className="flex min-h-0 flex-1 flex-col items-center justify-center gap-5 px-6 text-center">
         {children}
diff --git a/src/pages/options.html b/src/pages/options.html
index bf5791bc6..6725d5f24 100644
--- a/src/pages/options.html
+++ b/src/pages/options.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content" />
     <script src="common.js"></script>
     <title>ScriptCat</title>
   </head>
diff --git a/src/pages/options/App.test.tsx b/src/pages/options/App.test.tsx
index 651bd7af9..f69d24b9c 100644
--- a/src/pages/options/App.test.tsx
+++ b/src/pages/options/App.test.tsx
@@ -67,4 +67,17 @@ describe("Layout 外壳响应式", () => {
     expect(container.querySelector("aside")).not.toBeNull();
     expect(queryByTestId("bottom-tab-bar")).toBeNull();
   });
+
+  // 100vh 在带可收起工具栏/软键盘的移动浏览器上等于「大视口」，外壳会比当前可见区域更高，
+  // 底部 Tab 栏被挤到可视区外且文档本身不可滚动（issue #1555）；动态视口单位才跟随可见高度。
+  it.each([
+    ["移动端", true],
+    ["桌面端", false],
+  ])("%s 外壳高度使用动态视口单位而非 100vh", (_label, isMobile) => {
+    mockedUseIsMobile.mockReturnValue(isMobile);
+    const { container } = renderLayout();
+    const shell = container.querySelector("div")!;
+    expect(shell.className).toContain("h-dvh");
+    expect(shell.className).not.toContain("h-screen");
+  });
 });
diff --git a/src/pages/options/App.tsx b/src/pages/options/App.tsx
index f01133a71..38fa72fe9 100644
--- a/src/pages/options/App.tsx
+++ b/src/pages/options/App.tsx
@@ -32,13 +32,13 @@ export function Layout() {
   if (isMobile) {
     if (isFullscreen) {
       return (
-        <div className="flex flex-col h-screen bg-background text-foreground">
+        <div className="flex flex-col h-dvh bg-background text-foreground">
           <Outlet />
         </div>
       );
     }
     return (
-      <div className="flex flex-col h-screen bg-background text-foreground">
+      <div className="flex flex-col h-dvh bg-background text-foreground">
         <MobileHeader />
         <main className="flex-1 min-w-0 overflow-auto scrollbar-custom">
           <Outlet />
@@ -50,7 +50,7 @@ export function Layout() {
   }
   return (
     <>
-      <div className="flex h-screen bg-background text-foreground">
+      <div className="flex h-dvh bg-background text-foreground">
         <Sidebar />
         <main className="flex-1 min-w-0 overflow-auto scrollbar-custom">
           <Outlet />
diff --git a/src/pages/options/components/SettingRow.tsx b/src/pages/options/components/SettingRow.tsx
index 3ab29fac8..d99900cee 100644
--- a/src/pages/options/components/SettingRow.tsx
+++ b/src/pages/options/components/SettingRow.tsx
@@ -10,12 +10,13 @@ export function SettingRow({
   children: React.ReactNode;
 }) {
   return (
-    <div className="flex items-center justify-between gap-4">
+    // 移动端(<768px)竖排：控件宽度固定，横排会把文案挤成每行一两个字（issue #1555）
+    <div className="flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between md:gap-4">
       <div className="flex flex-col gap-0.5 min-w-0">
         <span className="text-[13px] font-medium text-foreground">{label}</span>
         {description && <span className="text-xs text-muted-foreground">{description}</span>}
       </div>
-      <div className="flex items-center gap-2 shrink-0">{children}</div>
+      <div className="flex items-center gap-2 md:shrink-0">{children}</div>
     </div>
   );
 }
diff --git a/src/pages/options/layout/Sidebar.tsx b/src/pages/options/layout/Sidebar.tsx
index 80f273436..244bd6799 100644
--- a/src/pages/options/layout/Sidebar.tsx
+++ b/src/pages/options/layout/Sidebar.tsx
@@ -71,7 +71,7 @@ export default function Sidebar() {
 
   return (
     <aside
-      className={`flex flex-col h-screen bg-sidebar border-r border-sidebar-border transition-[width] duration-200 ${collapsed ? "w-14" : "w-[200px]"}`}
+      className={`flex flex-col h-dvh bg-sidebar border-r border-sidebar-border transition-[width] duration-200 ${collapsed ? "w-14" : "w-[200px]"}`}
     >
       {/* Logo（点击回到首页） */}
       <NavLink
diff --git a/src/pages/options/routes/Logger/LoggerMobile.test.tsx b/src/pages/options/routes/Logger/LoggerMobile.test.tsx
index ed037fec3..6dc7661f0 100644
--- a/src/pages/options/routes/Logger/LoggerMobile.test.tsx
+++ b/src/pages/options/routes/Logger/LoggerMobile.test.tsx
@@ -84,6 +84,15 @@ describe("日志页面 - 移动端", () => {
     expect(msg.className).not.toContain("truncate");
   });
 
+  it("移动端范围/统计条竖向堆叠，统计与自动清理各自独占整行", () => {
+    renderPage();
+    const bar = screen.getByTestId("logger-stats-bar");
+    expect(bar.className).toContain("flex-col");
+    // 两组必须撑满整行:否则长文本会溢出自身盒子压到相邻分组上(窄屏文字重叠)
+    expect(screen.getByTestId("logger-stats-summary").className).toContain("w-full");
+    expect(screen.getByTestId("logger-clean-schedule").className).toContain("w-full");
+  });
+
   it("仍渲染全部日志且筛选交互可用", () => {
     renderPage();
     expect(screen.getByText("retry timeout reached")).toBeTruthy();
diff --git a/src/pages/options/routes/Logger/index.test.tsx b/src/pages/options/routes/Logger/index.test.tsx
index b43b3f7c6..e41e66401 100644
--- a/src/pages/options/routes/Logger/index.test.tsx
+++ b/src/pages/options/routes/Logger/index.test.tsx
@@ -85,6 +85,14 @@ describe("日志页面", () => {
     expect(screen.getByTestId("log-detail-1")).toBeTruthy();
   });
 
+  it("范围/统计条允许换行，窄桌面宽度下自动清理设置整行下移而非被统计文字压字", () => {
+    renderPage();
+    const bar = screen.getByTestId("logger-stats-bar");
+    // 统计文字是 shrink-0,单行放不下时必然溢出压到相邻分组上(768~900px 带「实时」徽标即命中),
+    // 允许换行才能让自动清理分组整行下移
+    expect(bar.className).toContain("md:flex-wrap");
+  });
+
   it("点击清空日志先弹出确认，确认前不调用 clearLogs", async () => {
     renderPage();
     expect(mockLoggerData.clearLogs).not.toHaveBeenCalled();
diff --git a/src/pages/options/routes/Logger/index.tsx b/src/pages/options/routes/Logger/index.tsx
index 66c65a59d..ce41c7d9c 100644
--- a/src/pages/options/routes/Logger/index.tsx
+++ b/src/pages/options/routes/Logger/index.tsx
@@ -216,28 +216,37 @@ export default function Logger() {
       </div>
 
       {/* 范围 / 统计条 */}
-      <div className="flex items-center justify-between gap-2 min-h-[34px] px-4 py-1 md:py-0 shrink-0 border-b border-border bg-muted/40 text-xs">
-        <div className="flex items-center gap-2 min-w-0 text-fg-secondary">
+      <div
+        data-testid="logger-stats-bar"
+        className="flex flex-col gap-1 min-h-[34px] px-4 py-1.5 shrink-0 border-b border-border bg-muted/40 text-xs md:flex-row md:flex-wrap md:items-center md:justify-between md:gap-x-2 md:gap-y-1 md:py-1"
+      >
+        <div
+          data-testid="logger-stats-summary"
+          className="flex w-full items-center gap-2 min-w-0 text-fg-secondary md:w-auto"
+        >
           <span className="truncate font-mono">
             {`${formatUnixTime(range.start / 1000)} → ${formatUnixTime(range.end / 1000)}`}
           </span>
           {isNow && (
-            <span className="rounded-full bg-primary-light px-1.5 py-0.5 text-[11px] font-medium text-primary">
+            <span className="shrink-0 whitespace-nowrap rounded-full bg-primary-light px-1.5 py-0.5 text-[11px] font-medium text-primary">
               {t("logs:now")}
             </span>
           )}
           {refreshInterval !== "off" && (
-            <span className="inline-flex items-center gap-1.5 rounded-full bg-success-bg px-1.5 py-0.5 text-[11px] font-medium text-success-fg">
+            <span className="inline-flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full bg-success-bg px-1.5 py-0.5 text-[11px] font-medium text-success-fg">
               <span className="h-1.5 w-1.5 rounded-full bg-success" />
               {`${t("logs:live")} · ${getIntervalLabel(refreshInterval, t)}`}
             </span>
           )}
           <span className="text-muted-foreground">{"·"}</span>
           <span className="shrink-0">
-            {`${t("logs:total_count", { count: logs.length })}，${t("logs:filtered_count", { count: filtered.length })}`}
+            {`${t("logs:total_count", { count: logs.length })} · ${t("logs:filtered_count", { count: filtered.length })}`}
           </span>
         </div>
-        <div className="flex items-center gap-1.5 shrink-0 text-muted-foreground">
+        <div
+          data-testid="logger-clean-schedule"
+          className="flex w-full flex-wrap items-center gap-1.5 text-muted-foreground md:w-auto md:flex-nowrap md:shrink-0"
+        >
           <span>{t("logs:clean_schedule")}</span>
           <input
             type="number"
diff --git a/src/pages/options/routes/ScriptEditor/tabs/ResourcePane.tsx b/src/pages/options/routes/ScriptEditor/tabs/ResourcePane.tsx
index 92a78066c..7bed98cf1 100644
--- a/src/pages/options/routes/ScriptEditor/tabs/ResourcePane.tsx
+++ b/src/pages/options/routes/ScriptEditor/tabs/ResourcePane.tsx
@@ -123,44 +123,45 @@ export default function ResourcePane({ uuid }: ResourcePaneProps) {
   }, []);
 
   return (
-    <div className="h-full overflow-y-auto scrollbar-custom px-8 py-5">
+    <div className="h-full overflow-y-auto scrollbar-custom px-4 py-4 md:px-8 md:py-5">
       <div className="flex flex-col gap-4">
-        {/* 工具栏：搜索 + 计数 + 清空 */}
-        <div className="flex items-center gap-2.5">
+        {/* 工具栏：搜索 + 计数 + 清空（移动端搜索独占一行） */}
+        <div className="flex flex-col gap-2.5 md:flex-row md:items-center">
           <SearchInput
             value={keyword}
             onChange={(e) => setKeyword(e.target.value)}
             placeholder={t("editor:search_resource")}
             aria-label={t("editor:search_resource")}
-            className="h-8 w-64"
+            className="h-8 w-full md:w-64"
             inputClassName="text-xs"
           />
-          <div className="flex-1" />
-          <span className="text-xs text-muted-foreground">
-            {t("editor:resource_count", { count: list.length, size: formatBytes(totalBytes) })}
-          </span>
-          <Popconfirm
-            description={t("confirm_clear_resource")}
-            destructive
-            confirmText={t("confirm")}
-            cancelText={t("editor:cancel")}
-            onConfirm={onClear}
-          >
-            <Button
-              size="sm"
-              variant="outline"
-              className="text-destructive hover:bg-destructive/10 hover:text-destructive"
-              disabled={list.length === 0}
+          <div className="flex flex-wrap items-center gap-2.5 md:ml-auto">
+            <span className="text-xs text-muted-foreground">
+              {t("editor:resource_count", { count: list.length, size: formatBytes(totalBytes) })}
+            </span>
+            <Popconfirm
+              description={t("confirm_clear_resource")}
+              destructive
+              confirmText={t("confirm")}
+              cancelText={t("editor:cancel")}
+              onConfirm={onClear}
             >
-              <Trash2 className="size-3.5" />
-              {t("clear")}
-            </Button>
-          </Popconfirm>
+              <Button
+                size="sm"
+                variant="outline"
+                className="text-destructive hover:bg-destructive/10 hover:text-destructive"
+                disabled={list.length === 0}
+              >
+                <Trash2 className="size-3.5" />
+                {t("clear")}
+              </Button>
+            </Popconfirm>
+          </div>
         </div>
 
-        {/* 表格 */}
+        {/* 表格：移动端每行竖排成卡片（列宽固定的表头在窄屏会互相重叠，故隐藏） */}
         <DataPanel>
-          <DataPanelHeader>
+          <DataPanelHeader className="hidden md:flex">
             <span className="min-w-0 flex-1">{t("editor:resource")}</span>
             <span className="w-52 shrink-0">{t("type")}</span>
             <span className="w-20 shrink-0">{t("size")}</span>
@@ -171,7 +172,7 @@ export default function ResourcePane({ uuid }: ResourcePaneProps) {
             <DataPanelEmpty>{t("no_data")}</DataPanelEmpty>
           ) : (
             filtered.map((r) => (
-              <DataPanelRow key={r.key}>
+              <DataPanelRow key={r.key} className="flex-col items-stretch gap-1.5 md:flex-row md:items-center md:gap-3">
                 <div className="flex min-w-0 flex-1 items-center gap-2">
                   <span className="truncate text-foreground" title={r.key}>
                     {fileName(r.key)}
@@ -180,29 +181,35 @@ export default function ResourcePane({ uuid }: ResourcePaneProps) {
                     {TYPE_BADGE[r.type] ?? r.type}
                   </Badge>
                 </div>
-                <span className="w-52 shrink-0 truncate font-mono text-muted-foreground" title={r.contentType}>
+                <span
+                  className="min-w-0 truncate font-mono text-muted-foreground md:w-52 md:shrink-0"
+                  title={r.contentType}
+                >
                   {r.contentType || "-"}
                 </span>
-                <span className="w-20 shrink-0 font-mono text-muted-foreground">
-                  {formatBytes(resourceByteSize(r))}
-                </span>
-                <div className="flex w-16 shrink-0 items-center justify-end gap-1">
-                  <TooltipIconButton
-                    label={t("download")}
-                    icon={Download}
-                    size="icon-xs"
-                    onClick={() => onDownload(r)}
-                  />
-                  <Popconfirm
-                    description={t("confirm_delete_resource")}
-                    destructive
-                    confirmText={t("delete")}
-                    cancelText={t("editor:cancel")}
-                    side="left"
-                    onConfirm={() => onDelete(r.key)}
-                  >
-                    <TooltipIconButton label={t("delete")} icon={Trash2} size="icon-xs" destructive />
-                  </Popconfirm>
+                {/* md:contents 让大小/操作在桌面端回到与表头对齐的独立列 */}
+                <div className="flex items-center justify-between gap-2 md:contents">
+                  <span className="font-mono text-muted-foreground md:w-20 md:shrink-0">
+                    {formatBytes(resourceByteSize(r))}
+                  </span>
+                  <div className="flex items-center justify-end gap-1 md:w-16 md:shrink-0">
+                    <TooltipIconButton
+                      label={t("download")}
+                      icon={Download}
+                      size="icon-xs"
+                      onClick={() => onDownload(r)}
+                    />
+                    <Popconfirm
+                      description={t("confirm_delete_resource")}
+                      destructive
+                      confirmText={t("delete")}
+                      cancelText={t("editor:cancel")}
+                      side="left"
+                      onConfirm={() => onDelete(r.key)}
+                    >
+                      <TooltipIconButton label={t("delete")} icon={Trash2} size="icon-xs" destructive />
+                    </Popconfirm>
+                  </div>
                 </div>
               </DataPanelRow>
             ))
diff --git a/src/pages/options/routes/ScriptEditor/tabs/SettingsPane.tsx b/src/pages/options/routes/ScriptEditor/tabs/SettingsPane.tsx
index f413fc271..4011ddb59 100644
--- a/src/pages/options/routes/ScriptEditor/tabs/SettingsPane.tsx
+++ b/src/pages/options/routes/ScriptEditor/tabs/SettingsPane.tsx
@@ -444,7 +444,7 @@ function SettingsPaneContent({ uuid, data }: SettingsPaneProps & { data: Setting
   };
 
   return (
-    <div className="h-full overflow-y-auto scrollbar-custom px-8 py-6">
+    <div className="h-full overflow-y-auto scrollbar-custom px-4 py-4 md:px-8 md:py-6">
       <div className="flex flex-col gap-7">
         {/* 基本信息 */}
         <div className="flex flex-col gap-2.5">
@@ -486,7 +486,7 @@ function SettingsPaneContent({ uuid, data }: SettingsPaneProps & { data: Setting
                   onChange={(e) => setTagInput(e.target.value)}
                   onKeyDown={(e) => e.key === "Enter" && addTag()}
                   placeholder={t("script:input_tags_placeholder")}
-                  className="h-7 w-40 text-xs"
+                  className="h-7 w-40 max-w-full text-xs"
                 />
               </div>
             </Row>
@@ -499,7 +499,7 @@ function SettingsPaneContent({ uuid, data }: SettingsPaneProps & { data: Setting
           <Card>
             <Row label={t("editor:run_in")}>
               <Select value={runIn} onValueChange={onRunIn}>
-                <SelectTrigger className="h-8 w-52">
+                <SelectTrigger className="h-8 w-52 max-w-full">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
@@ -513,7 +513,7 @@ function SettingsPaneContent({ uuid, data }: SettingsPaneProps & { data: Setting
             </Row>
             <Row label={t("editor:run_at")}>
               <Select value={runAt} onValueChange={onRunAt}>
-                <SelectTrigger className="h-8 w-52">
+                <SelectTrigger className="h-8 w-52 max-w-full">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
diff --git a/src/pages/options/routes/ScriptEditor/tabs/StoragePane.tsx b/src/pages/options/routes/ScriptEditor/tabs/StoragePane.tsx
index 4b2c1ab92..75f4d79a0 100644
--- a/src/pages/options/routes/ScriptEditor/tabs/StoragePane.tsx
+++ b/src/pages/options/routes/ScriptEditor/tabs/StoragePane.tsx
@@ -207,7 +207,7 @@ export default function StoragePane({ uuid }: StoragePaneProps) {
 
   if (batch) {
     return (
-      <div className="h-full overflow-hidden p-6">
+      <div className="h-full overflow-hidden p-4 md:p-6">
         <div className="mx-auto flex h-full max-w-3xl flex-col gap-3">
           <div className="flex items-center gap-2">
             <span className="text-sm font-medium text-foreground">{t("editor:script_storage")}</span>
@@ -233,50 +233,51 @@ export default function StoragePane({ uuid }: StoragePaneProps) {
   }
 
   return (
-    <div className="h-full overflow-y-auto scrollbar-custom px-8 py-5">
+    <div className="h-full overflow-y-auto scrollbar-custom px-4 py-4 md:px-8 md:py-5">
       <div className="flex flex-col gap-4">
-        {/* 工具栏：搜索 + 计数 + 批量编辑 + 添加 + 清空 */}
-        <div className="flex items-center gap-2.5">
+        {/* 工具栏：搜索 + 计数 + 批量编辑 + 添加 + 清空（移动端搜索独占一行，操作按钮换行） */}
+        <div className="flex flex-col gap-2.5 md:flex-row md:items-center">
           <SearchInput
             value={keyword}
             onChange={(e) => setKeyword(e.target.value)}
             placeholder={t("editor:search_storage")}
             aria-label={t("editor:search_storage")}
-            className="h-8 w-64"
+            className="h-8 w-full md:w-64"
             inputClassName="text-xs"
           />
-          <div className="flex-1" />
-          <span className="text-xs text-muted-foreground">{t("editor:record_count", { count: data.length })}</span>
-          <Button size="sm" variant="outline" onClick={enterBatch}>
-            <Braces className="size-3.5" />
-            {t("editor:batch_edit")}
-          </Button>
-          <Button size="sm" variant="outline" onClick={openAdd}>
-            <Plus className="size-3.5" />
-            {t("add")}
-          </Button>
-          <Popconfirm
-            description={t("editor:confirm_clear")}
-            destructive
-            confirmText={t("confirm")}
-            cancelText={t("editor:cancel")}
-            onConfirm={onClear}
-          >
-            <Button
-              size="sm"
-              variant="outline"
-              className="text-destructive hover:bg-destructive/10 hover:text-destructive"
-              disabled={data.length === 0}
-            >
-              <Trash2 className="size-3.5" />
-              {t("clear")}
+          <div className="flex flex-wrap items-center gap-2.5 md:ml-auto">
+            <span className="text-xs text-muted-foreground">{t("editor:record_count", { count: data.length })}</span>
+            <Button size="sm" variant="outline" onClick={enterBatch}>
+              <Braces className="size-3.5" />
+              {t("editor:batch_edit")}
+            </Button>
+            <Button size="sm" variant="outline" onClick={openAdd}>
+              <Plus className="size-3.5" />
+              {t("add")}
             </Button>
-          </Popconfirm>
+            <Popconfirm
+              description={t("editor:confirm_clear")}
+              destructive
+              confirmText={t("confirm")}
+              cancelText={t("editor:cancel")}
+              onConfirm={onClear}
+            >
+              <Button
+                size="sm"
+                variant="outline"
+                className="text-destructive hover:bg-destructive/10 hover:text-destructive"
+                disabled={data.length === 0}
+              >
+                <Trash2 className="size-3.5" />
+                {t("clear")}
+              </Button>
+            </Popconfirm>
+          </div>
         </div>
 
-        {/* 表格 */}
+        {/* 表格：移动端每行竖排成卡片（列宽固定的表头在窄屏会互相重叠，故隐藏） */}
         <DataPanel>
-          <DataPanelHeader>
+          <DataPanelHeader className="hidden md:flex">
             <span className="w-44 shrink-0">{t("key")}</span>
             <span className="min-w-0 flex-1">{t("value")}</span>
             <span className="w-20 shrink-0">{t("type")}</span>
@@ -287,25 +288,28 @@ export default function StoragePane({ uuid }: StoragePaneProps) {
             <DataPanelEmpty>{t("no_data")}</DataPanelEmpty>
           ) : (
             filtered.map((r) => (
-              <DataPanelRow key={r.key}>
-                <span className="w-44 shrink-0 truncate font-mono text-foreground" title={r.key}>
+              <DataPanelRow key={r.key} className="flex-col items-stretch gap-1.5 md:flex-row md:items-center md:gap-3">
+                <span className="min-w-0 truncate font-mono text-foreground md:w-44 md:shrink-0" title={r.key}>
                   {r.key}
                 </span>
                 <span className="min-w-0 flex-1 truncate font-mono text-muted-foreground" title={displayValue(r.value)}>
                   {displayValue(r.value)}
                 </span>
-                <span className="w-20 shrink-0">
-                  <TypeBadge value={r.value} />
-                </span>
-                <div className="flex w-16 shrink-0 items-center justify-end gap-1">
-                  <TooltipIconButton label={t("edit")} icon={Pencil} size="icon-xs" onClick={() => openEdit(r)} />
-                  <TooltipIconButton
-                    label={t("delete")}
-                    icon={Trash2}
-                    size="icon-xs"
-                    destructive
-                    onClick={() => onDelete(r.key)}
-                  />
+                {/* md:contents 让类型/操作在桌面端回到与表头对齐的独立列 */}
+                <div className="flex items-center justify-between gap-2 md:contents">
+                  <span className="md:w-20 md:shrink-0">
+                    <TypeBadge value={r.value} />
+                  </span>
+                  <div className="flex items-center justify-end gap-1 md:w-16 md:shrink-0">
+                    <TooltipIconButton label={t("edit")} icon={Pencil} size="icon-xs" onClick={() => openEdit(r)} />
+                    <TooltipIconButton
+                      label={t("delete")}
+                      icon={Trash2}
+                      size="icon-xs"
+                      destructive
+                      onClick={() => onDelete(r.key)}
+                    />
+                  </div>
                 </div>
               </DataPanelRow>
             ))
diff --git a/src/pages/viewport-meta.test.ts b/src/pages/viewport-meta.test.ts
new file mode 100644
index 000000000..992bddf43
--- /dev/null
+++ b/src/pages/viewport-meta.test.ts
@@ -0,0 +1,22 @@
+import { describe, it, expect } from "vitest";
+import fs from "fs";
+import path from "path";
+
+// 移动端(Android)浏览器上，软键盘默认只压缩「可视视口」(interactive-widget=resizes-visual)，
+// 布局视口不变，因此高度锁定视口的整页外壳不会重排，底部工具栏/输入框被键盘挡住无法操作
+// （issue #1555：编辑器、设置、导入页在安卓上几乎不可用）。声明 resizes-content 让键盘压缩
+// 布局视口，配合 dvh 外壳即可把内容重排到键盘上方。
+const pagesDir = path.join(process.cwd(), "src/pages");
+
+// 高度锁定视口(dvh 外壳)的整页入口；popup.html 是固定尺寸面板、页面可整体滚动，不在此列。
+const fullPages = ["options.html", "install.html", "import.html", "batchupdate.html", "confirm.html"];
+
+describe("整页入口的移动端视口声明（#1555）", () => {
+  it.each(fullPages)("%s 的 viewport 应声明 interactive-widget=resizes-content", (page) => {
+    const html = fs.readFileSync(path.join(pagesDir, page), "utf8");
+    const viewport = html.match(/<meta\s+name="viewport"\s+content="([^"]*)"/)?.[1];
+    expect(viewport, `${page} 缺少 viewport meta`).toBeDefined();
+    expect(viewport).toContain("width=device-width");
+    expect(viewport).toContain("interactive-widget=resizes-content");
+  });
+});
