修复按钮挤占空间的问题

public/css/style.css

@@ -138,9 +138,16 @@ header p {
     padding-bottom: 1rem;
 }
 
+.section-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
 .section-header h2 {
     font-size: 1.25rem;
     font-weight: 600;
+    margin: 0;
 }
 
 .codec-panel {
@@ -175,13 +182,18 @@ header p {
     color: var(--text-secondary);
     cursor: pointer;
     transition: all 0.2s ease;
-    padding: 0.5rem;
-    border-radius: 8px;
+    width: 38px;
+    height: 38px;
+    padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 12px;
 }
 
 .icon-btn:hover {
     color: var(--text-primary);
-    background: rgba(255, 255, 255, 0.1);
+    background: rgba(255, 255, 255, 0.14);
 }
 
 .video-list {

public/index.html

@@ -34,6 +34,7 @@
                             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4v6h6"/><path d="M21 20v-6h-6"/><path d="M21 10a9 9 0 0 0-15.2-6.8L3 8"/><path d="M3 14a9 9 0 0 0 15.2 6.8L21 16"/></svg>
                         </button>
                     </div>
+                </div>
                 <div class="codec-panel">
                     <label for="codec-select">编码方式：</label>
                     <select id="codec-select">