style(frontend): 修改默认颜色和透明度为浅色主题

将默认颜色从深色改为浅色主题，包括容器、提示、消息、热门标题和热门问题的背景颜色、字体颜色和透明度设置。背景透明度统一调整为0%，字体颜色改为黑色，背景颜色改为白色，以提高视觉清晰度和一致性。

frontend/index.html

@@ -83,7 +83,7 @@
                 <h3>字幕容器 (container)</h3>
                 <div class="form-group">
                     <label for="containerBgColor">背景颜色</label>
-                    <input type="color" id="containerBgColor" value="#000000">
+                    <input type="color" id="containerBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="containerBgOpacity">背景透明度</label>
@@ -120,7 +120,7 @@
                 </div>
                 <div class="form-group">
                     <label for="tipColor">字体颜色</label>
-                    <input type="color" id="tipColor" value="#888888">
+                    <input type="color" id="tipColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="tipLineHeight">行高</label>
@@ -128,12 +128,12 @@
                 </div>
                 <div class="form-group">
                     <label for="tipBgColor">背景颜色</label>
-                    <input type="color" id="tipBgColor" value="#2a2a3e">
+                    <input type="color" id="tipBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="tipBgOpacity">背景透明度</label>
-                    <input type="range" id="tipBgOpacity" value="60" min="0" max="100">
+                    <input type="range" id="tipBgOpacity" value="0" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="tipBorderRadius">圆角 (px)</label>
@@ -161,7 +161,7 @@
                 </div>
                 <div class="form-group">
                     <label for="messageColor">字体颜色</label>
-                    <input type="color" id="messageColor" value="#ffffff">
+                    <input type="color" id="messageColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="messageLineHeight">行高</label>
@@ -169,12 +169,12 @@
                 </div>
                 <div class="form-group">
                     <label for="messageBgColor">背景颜色</label>
-                    <input type="color" id="messageBgColor" value="#2a2a3e">
+                    <input type="color" id="messageBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="messageBgOpacity">背景透明度</label>
-                    <input type="range" id="messageBgOpacity" value="60" min="0" max="100">
+                    <input type="range" id="messageBgOpacity" value="0" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="messageBorderRadius">圆角 (px)</label>
@@ -202,7 +202,7 @@
                 </div>
                 <div class="form-group">
                     <label for="hotTitleColor">字体颜色</label>
-                    <input type="color" id="hotTitleColor" value="#ffcc00">
+                    <input type="color" id="hotTitleColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="hotTitleLineHeight">行高</label>
@@ -210,12 +210,12 @@
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBgColor">背景颜色</label>
-                    <input type="color" id="hotTitleBgColor" value="#3a3a4e">
+                    <input type="color" id="hotTitleBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBgOpacity">背景透明度</label>
-                    <input type="range" id="hotTitleBgOpacity" value="60" min="0" max="100">
+                    <input type="range" id="hotTitleBgOpacity" value="0" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBorderRadius">圆角 (px)</label>
@@ -243,7 +243,7 @@
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesColor">字体颜色</label>
-                    <input type="color" id="hotIssuesColor" value="#00ccff">
+                    <input type="color" id="hotIssuesColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesLineHeight">行高</label>
@@ -251,12 +251,12 @@
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBgColor">背景颜色</label>
-                    <input type="color" id="hotIssuesBgColor" value="#2a2a3e">
+                    <input type="color" id="hotIssuesBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBgOpacity">背景透明度</label>
-                    <input type="range" id="hotIssuesBgOpacity" value="60" min="0" max="100">
+                    <input type="range" id="hotIssuesBgOpacity" value="0" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBorderRadius">圆角 (px)</label>