修改主体颜色

public/css/style.css

@@ -1,12 +1,12 @@
 :root {
-    --bg-dark: #0f172a;
-    --panel-bg: rgba(30, 41, 59, 0.7);
-    --panel-border: rgba(255, 255, 255, 0.1);
-    --text-primary: #f8fafc;
-    --text-secondary: #94a3b8;
-    --accent: #3b82f6;
-    --accent-hover: #2563eb;
-    --accent-glow: rgba(59, 130, 246, 0.5);
+    --bg-dark: #f8fafc;
+    --panel-bg: rgba(255, 255, 255, 0.9);
+    --panel-border: rgba(148, 163, 184, 0.25);
+    --text-primary: #0f172a;
+    --text-secondary: #475569;
+    --accent: #2563eb;
+    --accent-hover: #1d4ed8;
+    --accent-glow: rgba(59, 130, 246, 0.25);
     --font-main: 'Inter', sans-serif;
 }
 
@@ -126,7 +126,7 @@ header p {
     border: 1px solid var(--panel-border);
     border-radius: 16px;
     padding: 1.5rem;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
+    box-shadow: 0 20px 40px rgba(148, 163, 184, 0.15);
 }
 
 .section-header {
@@ -207,8 +207,8 @@ header p {
 .video-item {
     padding: 1rem;
     border-radius: 12px;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid transparent;
+    background: #ffffff;
+    border: 1px solid rgba(148, 163, 184, 0.2);
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
@@ -218,7 +218,7 @@ header p {
 }
 
 .video-item:hover {
-    background: rgba(255, 255, 255, 0.1);
+    background: #f1f5f9;
     transform: translateY(-2px);
 }
 
@@ -232,7 +232,7 @@ header p {
     width: 40px;
     height: 40px;
     border-radius: 8px;
-    background: linear-gradient(135deg, #1e293b, #334155);
+    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -281,8 +281,8 @@ header p {
 .folder-header {
     padding: 1rem;
     border-radius: 12px;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid transparent;
+    background: #ffffff;
+    border: 1px solid rgba(148, 163, 184, 0.2);
     cursor: pointer;
     transition: all 0.3s ease;
     display: flex;
@@ -292,18 +292,18 @@ header p {
 }
 
 .folder-header:hover {
-    background: rgba(255, 255, 255, 0.1);
+    background: #f1f5f9;
 }
 
 .folder-icon {
     width: 40px;
     height: 40px;
     border-radius: 8px;
-    background: linear-gradient(135deg, #1e293b, #334155);
+    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
     display: flex;
     align-items: center;
     justify-content: center;
-    color: #8b5cf6;
+    color: var(--accent);
 }
 
 .folder-title {
@@ -344,10 +344,10 @@ header p {
     position: relative;
     width: 100%;
     aspect-ratio: 16/9;
-    background: #000;
+    background: #111827;
     border-radius: 12px;
     overflow: hidden;
-    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
+    box-shadow: inset 0 0 20px rgba(148, 163, 184, 0.2);
 }
 
 #video-player {
@@ -364,8 +364,8 @@ header p {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    background: rgba(0, 0, 0, 0.7);
-    color: white;
+    background: rgba(255, 255, 255, 0.9);
+    color: var(--text-primary);
     text-align: center;
     padding: 2rem;
     z-index: 10;