Update app.py

app.py

@@ -5,6 +5,36 @@ import os
 # ===== 你的自定义模块 =====
 from config import API_KEY, APP_TITLE, CHATBOT_HEIGHT, MIN_WIDTH_LEFT, MIN_WIDTH_RIGHT
 from styles import POKER_THEME_CSS
+
+# Extra CSS to force dark & counter browser auto-invert
+EXTRA_FIX_CSS = '''/* === Force dark site and neutralize browser-side auto-invert === */
+html, body{ background-color:#0b1220 !important; color-scheme: dark !important; }
+/* When browser/extension applies global invert, add a counter-invert on our app root */
+html.force-dark-fix #app-root{ filter: invert(1) hue-rotate(180deg) !important; }'''
+# Redirect to ?__theme=dark
+FORCE_DARK_REDIRECT = '''<script>
+(function(){
+  try{
+    const url=new URL(window.location.href);
+    if(url.searchParams.get("__theme")!=="dark"){
+      url.searchParams.set("__theme","dark");
+      window.location.replace(url.toString());
+    }
+  }catch(e){}
+})();
+</script>'''
+# Detect browser force-dark and set html class
+DETECT_FORCE_DARK = '''<script>
+(function(){
+  try{
+    const html=document.documentElement;
+    const cs=getComputedStyle(html);
+    const hasGlobalFilter=(cs.filter && cs.filter!=="none");
+    const darkReaderOn=!!document.querySelector('style#dark-reader-style')||!!document.querySelector('meta[name="darkreader"]');
+    if(hasGlobalFilter||darkReaderOn){ html.classList.add('force-dark-fix'); }
+  }catch(e){}
+})();
+</script>'''
 from ai_service import design_poker_game
 # 优先尝试原生流式；没有则自动回退为伪流式
 try:
@@ -145,10 +175,13 @@ def export_history_to_markdown(history):
 
 # ==================== Gradio 界面（Poker Skin） ====================
 with gr.Blocks(
-    theme=gr.themes.Soft(),
+    theme=gr.themes.Soft(primary_hue='emerald', neutral_hue='slate'),
     title=APP_TITLE,
-    css=POKER_THEME_CSS
+    css=POKER_THEME_CSS + EXTRA_FIX_CSS,
+    elem_id='app-root'
 ) as demo:
+    gr.HTML(FORCE_DARK_REDIRECT)
+    gr.HTML(DETECT_FORCE_DARK)
     # 顶部 Hero
     gr.HTML("""
     <div class="hero">