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>