新增编码方式选择

public/css/style.css

@@ -113,6 +113,12 @@ header p {
     min-width: 0;
 }
 
+.video-list-section,
+.player-section,
+.folder-header {
+    min-width: 0;
+}
+
 .glass-panel {
     background: var(--panel-bg);
     backdrop-filter: blur(16px);
@@ -137,6 +143,32 @@ header p {
     font-weight: 600;
 }
 
+.codec-panel {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1rem;
+}
+
+.codec-panel label {
+    color: var(--text-secondary);
+    font-size: 0.95rem;
+}
+
+.codec-panel select {
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--text-primary);
+    border: 1px solid var(--panel-border);
+    border-radius: 10px;
+    padding: 0.5rem 0.75rem;
+    min-width: 110px;
+    outline: none;
+}
+
+.codec-panel select:focus {
+    border-color: var(--accent);
+}
+
 .icon-btn {
     background: none;
     border: none;
@@ -159,7 +191,6 @@ header p {
     gap: 0.5rem;
     max-height: 500px;
     overflow-y: auto;
-    overflow-x: auto;
     min-width: 0;
 }
 
@@ -212,15 +243,16 @@ header p {
     flex: 1;
     overflow: hidden;
     min-width: 0;
+    max-width: 100%;
 }
 
 .video-title {
     font-weight: 600;
     font-size: 0.95rem;
     white-space: nowrap;
-    overflow-x: auto;
-    overflow-y: hidden;
-    text-overflow: clip;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
     padding-bottom: 0.2rem;
 }