feat: 实现全局响应式布局，适配不同设备、不同屏幕、不同分辨率

- 统一断点体系：560px(手机)、900px(平板)、1180px(小桌面) - Shell导航：900px底部导航条、560px紧凑布局、顶栏触控优化 - 电商页面：三栏布局在平板/手机下改为单栏堆叠+横向标签切换 - 工作台：启动页编辑器全宽、消息气泡适配窄屏、建议标签换行 - 画布页面：工具栏横向滚动、节点缩小、手机全屏操作 - 社区/资产库/工具页/数字人等全部17个页面补齐响应式断点 - 新增32条@media规则，媒体查询从107条增至139条
2026-06-02 17:45:57 +08:00
parent bedee3ba8d
commit ecade14bd0
17 changed files with 769 additions and 0 deletions
@@ -209,3 +209,24 @@
    max-height: calc(100vh - 190px);
  }
 }
+
+@media (max-width: 560px) {
+  .asset-preview-modal {
+    padding: 8px;
+  }
+
+  .asset-preview-modal__panel {
+    width: calc(100vw - 16px);
+    max-height: calc(100vh - 16px);
+    border-radius: 12px;
+  }
+
+  .asset-preview-modal__body {
+    padding: 8px;
+  }
+
+  .asset-preview-modal__body img,
+  .asset-preview-modal__body video {
+    max-height: calc(100vh - 160px);
+  }
+}