refactor: extract image form to standalone page and implement tags view store

- Created ImageForm.vue as standalone page for add/edit image functionality
- Removed dialog-based image form from VmImages.vue
- Implemented tagsViewStore for global tab state management
- Added automatic tab closing on form cancel/back
- Fixed data persistence issue when switching between image edits
- Removed quick actions section from ImageForm
- Updated router configuration for new image form route

src/views/user/UserBalance.vue

@@ -1062,7 +1062,8 @@ onBeforeUnmount(() => {
 
 .filter-container {
   margin-bottom: 20px;
-  border-radius: 8px;
+  border: 1px solid #e1e8ed;
+  background: #fafbfc;
 }
 
 .balance-info-card {
@@ -1071,7 +1072,8 @@ onBeforeUnmount(() => {
 }
 
 .table-container {
-  border-radius: 8px;
+  border: 1px solid #e1e8ed;
+  background: #ffffff;
 }
 
 .card-header {
@@ -1449,6 +1451,45 @@ onBeforeUnmount(() => {
     flex-direction: column;
   }
 }
+
+/* 表格样式优化 */
+:deep(.el-table) {
+  border: none;
+  color: #2c3e50;
+}
+
+:deep(.el-table__header) {
+  background: #f8f9fa;
+}
+
+:deep(.el-table th) {
+  background: #f8f9fa !important;
+  border-bottom: 2px solid #e1e8ed;
+  color: #2c3e50;
+  font-weight: 600;
+  font-size: 13px;
+}
+
+:deep(.el-table td) {
+  border-bottom: 1px solid #f0f2f5;
+  color: #34495e;
+}
+
+:deep(.el-table tr:hover > td) {
+  background-color: #f8f9fa !important;
+}
+
+:deep(.el-card__body) {
+  padding: 20px;
+}
+
+.pagination {
+  margin-top: 20px;
+  padding: 16px 20px;
+  border-top: 1px solid #e1e8ed;
+  background: #fafbfc;
+  justify-content: flex-end;
+}
 </style>
 
 <style>