fix(web): 统一危险操作按钮样式

src/styles/business/drama-management.css

@@ -37,7 +37,7 @@
   align-items: center;
   gap: 8px;
   white-space: nowrap;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 }
 .table-actions .el-button {
   /* 统一尺寸：高度固定、水平内边距，靠行高垂直居中，避免文字被压扁 */
@@ -53,12 +53,6 @@
 .table-actions .el-button + .el-button {
   margin-left: 0 !important;
 }
-.table-actions .danger-action {
-  color: #a66a6a !important;
-}
-.table-actions .danger-action:hover {
-  color: #b54848 !important;
-}
 .drama-cell .drama-cover,
 .drama-cell .drama-cover-image {
   width: 44px;
@@ -271,7 +265,6 @@
   .editor-grid--two {
     grid-template-columns: 1fr;
   }
-
 }
 
 html.dark .cover-preview-card,
@@ -406,10 +399,10 @@ html.dark .cover-preview-empty {
   --el-button-hover-border-color: #3c7358;
 }
 .table-actions .el-button--danger {
-  --el-button-bg-color: #bd5b5b;
-  --el-button-border-color: #bd5b5b;
-  --el-button-hover-bg-color: #a94b4b;
-  --el-button-hover-border-color: #a94b4b;
+  --el-button-bg-color: var(--el-color-danger);
+  --el-button-border-color: var(--el-color-danger);
+  --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+  --el-button-hover-border-color: var(--el-color-danger-dark-2);
 }
 .pagination {
   display: flex;

src/styles/business/style.css

@@ -6,7 +6,7 @@ body {
   min-width: 0;
   min-height: 100vh;
 }
- .page-heading {
+.page-heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -396,7 +396,11 @@ body {
   background: linear-gradient(145deg, #f8d6d7, #ffece4);
 }
 .purple {
-  background: linear-gradient(145deg, var(--el-color-primary-light-8), var(--el-color-primary-light-9));
+  background: linear-gradient(
+    145deg,
+    var(--el-color-primary-light-8),
+    var(--el-color-primary-light-9)
+  );
 }
 .peach {
   background: linear-gradient(145deg, #ffd6bd, #fff0d7);
@@ -615,9 +619,6 @@ body {
   padding: 5px;
   color: #9997a7;
 }
-.episode-actions .danger-action:hover {
-  color: #e77680;
-}
 .episode-footer {
   display: flex;
   justify-content: space-between;

src/styles/business/theme.css

@@ -38,6 +38,25 @@ body {
   --el-button-active-bg-color: var(--el-color-primary-dark-2);
   --el-button-active-border-color: var(--el-color-primary-dark-2);
 }
+.el-button--danger {
+  --el-button-text-color: #fff;
+  --el-button-bg-color: var(--el-color-danger);
+  --el-button-border-color: var(--el-color-danger);
+  --el-button-hover-bg-color: var(--el-color-danger-dark-2);
+  --el-button-hover-border-color: var(--el-color-danger-dark-2);
+  color: #fff !important;
+  background: var(--el-color-danger) !important;
+  border-color: var(--el-color-danger) !important;
+}
+.el-button--danger:hover {
+  background: var(--el-color-danger-dark-2) !important;
+  border-color: var(--el-color-danger-dark-2) !important;
+}
+.el-message-box__btns .el-button--danger {
+  color: #fff !important;
+  background: var(--el-color-danger) !important;
+  border-color: var(--el-color-danger) !important;
+}
 .eyebrow {
   letter-spacing: 0.7px;
   color: #9298a1;