fix(ui): 开关可见与布局对齐

app-frontend/src/pages/AccountsPage.vue

@@ -777,10 +777,11 @@ onBeforeUnmount(() => {
 
 .panel-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 10px;
+  flex-wrap: wrap;
 }
 
 .panel-title {
@@ -913,4 +914,22 @@ onBeforeUnmount(() => {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .panel-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .toolbar-left,
+  .toolbar-middle,
+  .toolbar-right {
+    width: 100%;
+  }
+
+  .toolbar-right {
+    margin-left: 0;
+    justify-content: flex-end;
+  }
+}
 </style>

app-frontend/src/pages/SchedulesPage.vue

@@ -522,10 +522,11 @@ onMounted(async () => {
 
 .panel-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 10px;
+  flex-wrap: wrap;
 }
 
 .panel-title {
@@ -554,8 +555,10 @@ onMounted(async () => {
 
 .schedule-top {
   display: flex;
+  align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
+  flex-wrap: wrap;
 }
 
 .schedule-main {
@@ -593,15 +596,6 @@ onMounted(async () => {
   flex-wrap: wrap;
 }
 
-.schedule-switch :deep(.el-switch) {
-  --el-switch-off-color: rgba(17, 24, 39, 0.22);
-  --el-switch-border-color: rgba(17, 24, 39, 0.22);
-}
-
-.schedule-switch :deep(.el-switch.is-disabled) {
-  opacity: 1;
-}
-
 .logs {
   display: flex;
   flex-direction: column;
@@ -647,4 +641,17 @@ onMounted(async () => {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .panel-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .schedule-switch {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
 </style>

app-frontend/src/pages/ScreenshotsPage.vue

@@ -273,10 +273,11 @@ onMounted(load)
 
 .panel-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 10px;
+  flex-wrap: wrap;
 }
 
 .panel-title {
@@ -295,6 +296,7 @@ onMounted(load)
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   gap: 12px;
+  align-items: start;
 }
 
 .shot-card {
@@ -354,4 +356,11 @@ onMounted(load)
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .panel-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
 </style>

app-frontend/src/style.css

@@ -6,6 +6,10 @@
   --app-radius: 12px;
   --app-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);
 
+  /* Element Plus: switch 在白底/禁用态下更易辨识 */
+  --el-switch-off-color: var(--el-border-color-darker);
+  --el-switch-border-color: var(--el-border-color-darker);
+
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
     'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
   font-synthesis: none;
@@ -35,6 +39,17 @@ a {
   color: var(--app-muted);
 }
 
+/* Element Plus: 关闭态（inline-prompt）文字不再是白色，避免与浅灰底色“融为一体” */
+.el-switch:not(.is-checked) .el-switch__core .el-switch__inner .is-icon,
+.el-switch:not(.is-checked) .el-switch__core .el-switch__inner .is-text {
+  color: var(--el-text-color-regular);
+}
+
+/* Element Plus: 禁用态开关默认 0.6 透明度太淡，白底下容易看不见 */
+.el-switch.is-disabled {
+  opacity: 1;
+}
+
 @media (max-width: 768px) {
   .el-dialog {
     max-width: 92vw;
@@ -58,4 +73,3 @@ a {
     width: 100%;
   }
 }
-