chore(邮件发送模块): 更新SQLite共享内存临时文件

public/tools/web_order_box/order_box.css

@@ -385,6 +385,60 @@ input[type='number'] { -moz-appearance: textfield; appearance: textfield; }
 .runner-main { flex: 1; display: flex; flex-direction: column; }
 .runner-label { font-size: 16px; color: var(--text-secondary); margin-bottom: 4px; }
 
+/* 横屏/大屏两栏容器 — JS 用 .runner-split-layout / .runner-col-left / .runner-col-right */
+.runner-split-layout {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex: 1;
+  min-height: 0;
+}
+.runner-col-left, .runner-col-right {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.runner-col-right {
+  justify-content: flex-end;
+}
+.runner-col-right .runner-footer {
+  margin-top: 0;
+}
+
+@media (orientation: landscape) and (min-height: 420px), (min-width: 900px) {
+  .runner-container { padding: 18px 28px; padding-top: calc(12px + env(safe-area-inset-top)); }
+  .runner-header { margin-bottom: 10px; }
+  .runner-progress { margin-bottom: 12px; }
+  .runner-split-layout {
+    flex-direction: row;
+    gap: 24px;
+    align-items: stretch;
+  }
+  .runner-col-left,
+  .runner-col-right {
+    flex: 1 1 0;
+  }
+  .runner-col-left {
+    justify-content: center;
+    align-items: stretch;
+    padding: 8px 12px;
+  }
+  .runner-col-right {
+    justify-content: space-between;
+    padding: 8px 12px;
+    overflow-y: auto;
+    border-left: 1px solid var(--border);
+  }
+  .runner-col-left .runner-next-card { margin-bottom: 0; }
+  .runner-timer {
+    font-size: clamp(72px, 14vw, 128px);
+    margin: 8px 0 16px;
+  }
+  .runner-current { font-size: clamp(28px, 4.2vw, 46px); }
+  .runner-next { font-size: clamp(22px, 3vw, 34px); }
+}
+
 /* 当前动作名 — JS 用 .runner-current */
 .runner-current { font-size: 34px; font-weight: 700; margin-bottom: 8px; line-height: 1.2; word-break: break-word; }
 .runner-current.current-action { color: var(--primary); }