feat(字幕样式): 增加字幕容器和文本元素的背景样式设置功能

添加字幕容器和各类文本元素（提示文字、消息文字、热词标题、热词问题）的背景颜色、透明度、圆角和内边距设置功能
新增范围滑块样式和实时值显示
实现从现有字幕容器加载样式配置的功能
扩展样式应用逻辑以处理新增的背景相关属性

frontend/styles/main.css

@@ -373,6 +373,32 @@ body {
     height: 32px;
 }
 
+.caption-style-section input[type="range"] {
+    width: calc(100% - 50px);
+    height: 6px;
+    border-radius: 3px;
+    background: var(--bg-tertiary);
+    outline: none;
+    -webkit-appearance: none;
+    margin-right: 8px;
+}
+
+.caption-style-section input[type="range"]::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: var(--primary-color);
+    cursor: pointer;
+}
+
+.caption-style-section .range-value {
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    min-width: 35px;
+    display: inline-block;
+}
+
 /* ===== 日志面板 ===== */
 .log-panel {
     bottom: calc(var(--spacing-xl) + 60px);