change font-family

index.html

@@ -148,13 +148,13 @@
                 <input type="color" id="fontColor" value="#333333">
             </label>
             <label>左边距：
-                <input type="range" id="marginLeft" min="0" max="200" value="100">
-                <span id="marginLeftValue">100px</span>
-            </label>
-            <label>右边距：
-                <input type="range" id="marginRight" min="0" max="200" value="50">
-                <span id="marginRightValue">50px</span>
-            </label>
+                                <input type="range" id="marginLeft" min="0" max="400" value="100">
+                                <span id="marginLeftValue">100px</span>
+                            </label>
+                            <label>右边距：
+                                <input type="range" id="marginRight" min="0" max="400" value="50">
+                                <span id="marginRightValue">50px</span>
+                            </label>
             <label>字间距：
                 <input type="range" id="letterSpacing" min="0" max="10" value="1">
                 <span id="letterSpacingValue">1px</span>

js/main.js

@@ -39,6 +39,7 @@ class TeleprompterApp {
         this.updateTimeDisplay();
         this.initializeScrollbar();
         this.setupSidebarBehavior();
+        this.setupLogoAutoFade();
         
         // 每秒更新时间显示
         setInterval(() => this.updateTimeDisplay(), 1000);
@@ -551,6 +552,18 @@ class TeleprompterApp {
         // 保存更新函数到实例
         this.updateScrollbar = updateScrollbar;
     }
+    
+    // Logo自动透明度设置
+    setupLogoAutoFade() {
+        const logoWidget = document.querySelector('.logo-widget');
+        if (logoWidget) {
+            // 5秒后自动降低透明度到70%
+            setTimeout(() => {
+                // logoWidget.style.transition = 'opacity 1s ease';
+                logoWidget.style.opacity = '0.5';
+            }, 5000);
+        }
+    }
 }
 
 // 添加CSS动画