优化视频提炼

core/frontend/src/video-remix-page.css

@@ -419,6 +419,19 @@
   padding-top: 22px;
 }
 
+.vr-page .remix-generating-content .remix-cancel-analyze {
+  margin-top: 6px;
+  min-width: 112px;
+  height: 40px;
+  color: var(--klein);
+  border-color: rgba(0, 47, 167, 0.22);
+  background: rgba(0, 47, 167, 0.06);
+}
+
+.vr-page .remix-generating-content .remix-cancel-analyze:hover:not(:disabled) {
+  background: rgba(0, 47, 167, 0.1);
+}
+
 .vr-page .video-flow-panel h2,
 .vr-page .video-result-panel h2 {
   margin: 0;
@@ -676,24 +689,6 @@
   line-height: 1.55;
 }
 
-.vr-page .remix-generating-bar {
-  width: 100%;
-  height: 4px;
-  overflow: hidden;
-  margin-top: 6px;
-  border-radius: 999px;
-  background: rgba(0, 47, 167, 0.1);
-}
-
-.vr-page .remix-generating-bar span {
-  display: block;
-  width: 42%;
-  height: 100%;
-  border-radius: inherit;
-  background: var(--klein);
-  animation: remix-progress-slide 1.2s ease-in-out infinite;
-}
-
 @keyframes remix-frame-scan {
   0% { transform: translateX(-130%); }
   100% { transform: translateX(130%); }
@@ -704,11 +699,6 @@
   50% { transform: scale(1.07); }
 }
 
-@keyframes remix-progress-slide {
-  0% { transform: translateX(-115%); }
-  100% { transform: translateX(260%); }
-}
-
 .vr-page .remix-progress-strip {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -857,6 +847,16 @@
   padding: 0;
   overflow: hidden;
   cursor: default;
+  background: #0f1728;
+  border-color: rgba(0, 47, 167, 0.28);
+  box-shadow: none;
+}
+
+.vr-page .remix-page .video-upload-field.has-preview:hover,
+.vr-page .remix-page .video-upload-field.has-preview:focus-within {
+  background: #0f1728;
+  border-color: rgba(0, 47, 167, 0.28);
+  box-shadow: none;
 }
 
 .vr-page .remix-page .video-upload-field.has-preview video {
@@ -891,11 +891,6 @@
   opacity: 0.45;
 }
 
-.vr-page .remix-page .video-upload-field.has-preview:hover,
-.vr-page .remix-page .video-upload-field.has-preview:focus-within {
-  background: #0f1728;
-}
-
 .vr-page .remix-page .video-upload-field strong {
   color: #1d2940;
   font-size: 15px;
@@ -961,8 +956,7 @@
     animation: none;
   }
   .vr-page .remix-generating-frame::after,
-  .vr-page .remix-generating-badge,
-  .vr-page .remix-generating-bar span {
+  .vr-page .remix-generating-badge {
     animation: none;
   }
 }
@@ -1211,6 +1205,14 @@
   font-weight: 600;
 }
 
+.vr-page .remix-history-prompt-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  flex: 0 0 auto;
+}
+
 .vr-page .remix-history-prompt textarea {
   width: 100%;
   min-height: 360px;