x

static/style.css

@@ -337,12 +337,20 @@ body {
 }
 
 .btn-primary {
-  background: var(--primary-500);
+  background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
   color: white;
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
 }
 
 .btn-primary:hover {
-  background: var(--primary-600);
+  background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);
+  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
+  transform: translateY(-1px);
+}
+
+.btn-primary:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 4px rgba(59, 130, 246, 0.2);
 }
 
 .btn-secondary {
@@ -424,6 +432,30 @@ body {
 /* ================================
    上传区域
    ================================ */
+.upload-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-6);
+  margin-bottom: var(--space-8);
+}
+
+.upload-section .btn-primary {
+  min-width: 200px;
+  padding: var(--space-4) var(--space-8);
+  font-size: var(--text-base);
+  font-weight: var(--font-semibold);
+  border-radius: var(--radius-lg);
+  letter-spacing: 0.025em;
+}
+
+.upload-section .btn-primary:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
+}
+
 .upload-zone {
   border: 2px dashed var(--border-strong);
   border-radius: var(--radius-xl);
@@ -463,6 +495,36 @@ body {
   color: var(--text-muted);
 }
 
+.file-info {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+  padding: var(--space-4) var(--space-5);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-light);
+}
+
+.file-name {
+  font-size: var(--text-base);
+  font-weight: var(--font-medium);
+  color: var(--text-primary);
+}
+
+.file-size {
+  font-size: var(--text-sm);
+  color: var(--text-tertiary);
+}
+
+.error-message {
+  padding: var(--space-3) var(--space-4);
+  background: var(--error-bg);
+  color: var(--error);
+  border-radius: var(--radius-md);
+  font-size: var(--text-sm);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+}
+
 /* ================================
    进度条
    ================================ */