数据库页面：对象资源管理器加库和表的图标，表缩进挂在库下面（左边竖线），一眼分得清层级；标签页内容改成占标签栏下面剩下的高度，不再多出 39px 撑出整页滚动条；查询补全写了 FROM / JOIN 后只列用到的表的列。设计器画布窄时操作栏折行、不显示提示文字，不再撑出横向滚动条。使用说明的数据库截图同步

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/designer/FormDesigner.vue

@@ -677,7 +677,9 @@ const noop = () => {}
 }
 
 .actions {
+  container-type: inline-size;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 6px;
   font-size: 12px;
@@ -713,6 +715,8 @@ const noop = () => {}
 }
 
 .tips {
+  /* 提示文字不占位置：画布窄时不显示（只留作空白把缩放推到右边），按钮放不下再折到第二行，不撑出横向滚动条 */
+  flex: 1 1 0;
   min-width: 0;
   margin-left: 8px;
   overflow: hidden;
@@ -721,6 +725,12 @@ const noop = () => {}
   color: #7a838e;
 }
 
+@container (max-width: 560px) {
+  .tips {
+    visibility: hidden;
+  }
+}
+
 .window {
   align-self: flex-start;
   border: 1px solid #9aa3ad;