feat: 批量 H5 适配 (37 个 form/card 页面加统一移动端规则)

覆盖: Account (4 角色), BizArticleAdmin/Edit, BizSpecialPlanAdmin/Edit,
ExpertDetail, LaborProtocolEdit, Roles, Register 系列 (3), doctor 系列
(Account/Meetings/SignFill/SignSuccess/SubmissionDetail/SubmissionNew),
executor 系列 (Account/NewPerson/Overview/PersonDetail),
executor-people 系列 (PersonDetail/PersonNew),
expert/ExpertNew, manager 系列 (Accounts/ProjectsNew/ManagerProjectsAssign),
meetings 系列 (MeetingDetail 1993L/MeetingNew), messages/Messages,
portal 系列 (Invitation/SupportLetter),
sponsor 系列 (Account/NewPerson/PersonDetail),
sponsor-people 系列 (PersonDetail/PersonNew)

统一规则 (≤768px):
- 卡片 padding 12px, radius 4px
- 工具栏横向滚动 (overflow-x)
- filter-form 保持横向 (label 80px 右对齐 + input 占满)
- 查找/重置按钮垂直堆叠 (block + margin-top 8px)
- 表格字号 12px

不影响桌面端: 所有规则都在 @media (max-width: 768px) 内

ry-vue3/src/views/doctor/Meetings.vue

@@ -270,4 +270,87 @@ load()
 :deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep); background: transparent; }
 :deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; }
 
+
+
+  /* ========================================
+     移动端适配 (≤768px)
+     - 卡片 padding 收窄
+     - 工具栏横向滚动
+     - filter-form: label 与输入框横向
+     - 表格字号收紧
+     ======================================== */
+  @media (max-width: 768px) {
+    /* 卡片 padding */
+    .page-card { padding: 12px !important; border-radius: 4px !important; }
+    .breadcrumb { font-size: 12px !important; margin-bottom: 8px !important; }
+
+    /* 工具栏: 横向滚动 */
+    .toolbar {
+      flex-wrap: nowrap !important;
+      overflow-x: auto;
+      -webkit-overflow-scrolling: touch;
+      padding-bottom: 6px;
+      margin-bottom: 8px !important;
+      scrollbar-width: thin;
+    }
+    .toolbar::-webkit-scrollbar { height: 4px; }
+    .toolbar::-webkit-scrollbar-thumb { background: var(--brand-slate-200); border-radius: 2px; }
+    .toolbar :deep(.action-btn),
+    .toolbar :deep(.el-button) {
+      flex-shrink: 0;
+      font-size: 12px !important;
+      padding: 0 10px !important;
+      height: 30px !important;
+    }
+
+    /* filter-form: 横向 (label 左 + input 右) */
+    .filter-form {
+      display: flex !important;
+      flex-direction: column !important;
+      align-items: stretch !important;
+      gap: 10px !important;
+    }
+    .filter-form :deep(.el-form-item) {
+      display: flex !important;
+      align-items: center !important;
+      margin-right: 0 !important;
+      margin-bottom: 0 !important;
+    }
+    .filter-form :deep(.el-form-item__label) {
+      float: none !important;
+      width: auto !important;
+      min-width: 80px !important;
+      text-align: right !important;
+      padding: 0 8px 0 0 !important;
+      font-size: 13px !important;
+      color: var(--el-text-color-regular) !important;
+      line-height: 32px !important;
+      height: 32px !important;
+    }
+    .filter-form :deep(.el-form-item__content) {
+      margin-left: 0 !important;
+      line-height: 32px !important;
+      flex: 1 !important;
+      min-width: 0 !important;
+    }
+
+    /* 强制所有控件全宽 */
+    .filter-form :deep(.el-select),
+    .filter-form :deep(.el-input),
+    .filter-form :deep(.el-date-editor),
+    .filter-form :deep(.el-button),
+    .filter-form :deep(.el-cascader) {
+      width: 100% !important;
+      min-width: 0 !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+      display: block !important;
+    }
+    .filter-form :deep(.el-button + .el-button) {
+      margin-top: 8px !important;
+    }
+
+    /* 表格字号收紧 */
+    :deep(.el-table) { font-size: 12px !important; }
+  }
 </style>