Upload folder using huggingface_hub

.gitattributes

@@ -33,3 +33,5 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+ui_frontend/assets/avatar_fox.png filter=lfs diff=lfs merge=lfs -text
+ui_frontend/assets/avatar_viper.png filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,6 @@
+__pycache__/
+*.pyc
+venv/
+.env
+ui_frontend/assets/line_*.mp3
+core_logic/api_key.txt

LICENSE

@@ -0,0 +1,8 @@
+SHENSIST MATRIX SOFTWARE LICENSE v1.2
+--------------------------------------
+© 2026 Shensist (神思庭). All rights reserved.
+
+1. 署名权 (Attribution): 必须保留所有代码头部的 "Architect: Shensist-Agent" 声明。
+2. 非商业化 (Non-Commercial): 未经架构师书面许可，禁止用于任何盈利性短视频账号或平台。
+3. 灵魂完整性 (Soul Integrity): 本项目逻辑核心旨在“赋予智能体场景灵魂”，禁止拆解核心对线逻辑用于低俗内容。
+4. 追溯性: 所有违规行为将记录于 .shensist_history 数字化存证。

README.md

@@ -1,10 +1,23 @@
+# Shensist Theater Matrix
+
+Shensist Theater Matrix 是一款旨在“赋予智能体场景灵魂”的智能体演播室。
+
+## 项目特性
+
+- **灵魂引擎**: 核心逻辑专注于智能体在特定场景下的深度反应。
+- **视觉盛宴**: AI 生成的高品质内容支撑。
+- **版权保护**: 严格的 Shensist Matrix 软件许可证。
+
+## 快速开始
+
+1. 克隆仓库: `git clone https://github.com/YOUR_USERNAME/Shensist_Theater_Matrix.git`
+2. 配置环境: 按照 `setup.py` (如有) 或相关文档操作。
+
 ---
-title: Shensist Theater Matrix
-emoji: 👁
-colorFrom: green
-colorTo: blue
-sdk: docker
-pinned: false
----
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+⚖️ 法律声明
+
+本项目属于 Shensist Matrix (神思矩阵) 数字化资产。
+视觉创作：20,000部AI短片级标准 | 音乐创作：7,000分钟原创交响宇宙级品质。
+未经授权，严禁搬运、镜像或对本演播室逻辑进行逆向工程。
+官方唯一认证：shensist.top

core_logic/app.py

@@ -0,0 +1,91 @@
+import os
+from flask import Flask, request, jsonify, send_from_directory
+from flask_cors import CORS
+import voice
+
+app = Flask(__name__)
+CORS(app)
+# --- 架构师路径修正 ---
+# 获取当前文件 (app.py) 所在的绝对路径
+BASE_PATH = os.path.dirname(os.path.abspath(__file__))
+# 自动指向上一级目录的 ui_frontend
+UI_DIR = os.path.join(os.path.dirname(BASE_PATH), "ui_frontend")
+
+@app.route('/')
+def index():
+    return send_from_directory(UI_DIR, 'index.html')
+
+@app.route('/<path:path>')
+def static_files(path):
+    return send_from_directory(UI_DIR, path)
+# ---------------------
+
+import base64
+import asyncio
+import edge_tts
+
+from brain import generate_script
+
+# --- 灵魂注入：内存级语音矩阵 ---
+async def get_voice_base64(text, role_id):
+    """瞬间将文字转为 Base64 音频，不留痕迹"""
+    # 自动匹配音色矩阵 (适配 actor_id 或 role_id)
+    v_name = "zh-CN-YunxiNeural" if ("viper" in role_id or "left" in role_id) else "zh-CN-XiaoyiNeural"
+    communicate = edge_tts.Communicate(text, v_name)
+    audio_data = b""
+    async for chunk in communicate.stream():
+        if chunk["type"] == "audio":
+            audio_data += chunk["data"]
+    return base64.b64encode(audio_data).decode('utf-8')
+
+@app.route('/theater', methods=['POST'])
+def theater_logic():
+    data = request.json
+    topic = data.get('topic', '纠纷')
+    mode = data.get('mode', 'normal') # 🎬 获取模式：normal 或 ai_factory
+    
+    # 1. 🧠 剧本来源选择
+    if mode == 'ai_factory':
+        print(f"🔥 [Brain] 正在连接 AI 生产工厂 | 模型: {data.get('model')} | 主题: {topic}")
+        # ⚡ 动态调用大脑，传入用户配置
+        raw_script = generate_script(
+            topic=topic,
+            model=data.get('model', 'deepseek-chat'),
+            api_key=data.get('api_key')
+        )
+        script_data = raw_script.get('script', raw_script) if isinstance(raw_script, dict) else raw_script
+    else:
+        print(f"🔘 [Normal] 使用普通演示模式，生成主题: {topic}")
+        # 普通模式：本地预设台词 (快速演示/兜底)
+        script_data = [
+            {"actor_id": "left", "text": f"普通模式：姓狐的，关于{topic}，我这关过不去！"},
+            {"actor_id": "right", "text": "哎呀~ 这种小事，不值得动这么大火气。"},
+            {"actor_id": "left", "text": f"少来这套！今天不给个交代，这幻境你就别想要了。"},
+            {"actor_id": "right", "text": "那得看您有没有这个本事了，蝰蛇大人。"}
+        ]
+
+    final_script = []
+
+    # 🎙️ 2. 内存级全同步语音生成 (Base64)
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    
+    try:
+        for i, item in enumerate(script_data):
+            role_id = item['actor_id']
+            print(f"🎙️ [Memory-Voice] 正在为 {item['actor_id']} 合成: {item['text'][:15]}...")
+            
+            b64_audio = loop.run_until_complete(get_voice_base64(item['text'], role_id))
+            final_script.append({
+                "actor_id": item['actor_id'],
+                "text": item['text'],
+                "audio_data": f"data:audio/mp3;base64,{b64_audio}"
+            })
+    finally:
+        loop.close()
+    
+    return jsonify(final_script)
+
+if __name__ == '__main__':
+    # 🚀 Hugging Face 必须监听 7860 端口
+    app.run(host='0.0.0.0', port=7860, debug=True)

core_logic/brain.py

@@ -0,0 +1,76 @@
+import openai
+import json
+
+def generate_script(topic, model="deepseek-chat", api_key=None):
+    """
+    核心 Skill：利用【动态指定】的大模型瞬间生成 10 轮高对抗性剧本
+    """
+    
+    # 🎙️ 动态匹配 Base URL (根据模型名称特征)
+    base_url = "https://api.deepseek.com/v1"
+    if "gpt" in model or "openai" in model:
+        base_url = "https://api.openai.com/v1"
+    elif "claude" in model:
+        base_url = "https://api.anthropic.com/v1" # 这里通常需要适配器，但保持 OpenAI 兼容性尝试
+    elif "gemini" in model:
+        base_url = "https://generativelanguage.googleapis.com/v1beta/openai/"
+    
+    # 如果用户没填 KEY 且模型是 DeepSeek，可以尝试使用环境变量中的兜底 KEY (如果有的话)
+    active_key = api_key or "YOUR_FALLBACK_KEY_IF_ANY"
+    
+    client = openai.OpenAI(api_key=active_key, base_url=base_url)
+
+    prompt = f"""
+    你现在是神思庭（Shensist）的首席剧作家。
+    场景：一个数字电影院的大屏幕内。
+    人物：
+    1. 铁蝰蛇 (@mmmmmmmm1.ironviperh)：冷酷、暴戾、收债人、充满压迫感、说话简洁有力。
+    2. 九尾狐 (@mmmmmmmm1.foxqueenah)：妩媚、狡黠、幻境主人、绵里藏针、喜欢戏谑。
+    
+    剧情主题：{topic}
+    
+    任务：编写10轮对峙台词（由铁蝰蛇发起，九尾狐回击，依次循环）。
+    要求：
+    - 不要包含角色名字前缀。
+    - 语气要极度符合人设。
+    - 铁蝰蛇想要解决问题或索赔，九尾狐负责周旋或挑衅。
+    - 输出格式必须是严格的 JSON 数组，包含且仅包含以下结构：
+    [
+      {{"actor_id": "left", "text": "铁蝰蛇的第一句台词"}},
+      {{"actor_id": "right", "text": "九尾狐的第一句回击"}},
+      ...
+    ]
+    """
+    
+    try:
+        response = client.chat.completions.create(
+            model=model,
+            messages=[
+                {"role": "system", "content": "你是一个专业的电影编剧。你只输出 JSON 数组，不包含任何 Markdown 代码块或其他文字。"},
+                {"role": "user", "content": prompt}
+            ],
+            response_format={ 'type': 'json_object' } if "deepseek" in model or "gpt-4o" in model else None
+        )
+        
+        raw_content = response.choices[0].message.content.strip()
+        # 清洗可能存在的 Markdown 格式
+        if raw_content.startswith("```json"):
+            raw_content = raw_content[7:-3].strip()
+        elif raw_content.startswith("```"):
+            raw_content = raw_content[3:-3].strip()
+            
+        script_data = json.loads(raw_content)
+        
+        # 兼容不同的 JSON 返回结构
+        if isinstance(script_data, dict):
+            for key in ["script", "dialogue", "conversation", "lines"]:
+                if key in script_data: return script_data[key]
+        
+        return script_data 
+        
+    except Exception as e:
+        print(f"❌ AI 剧本生成失败 ({model}): {e}")
+        return [
+            {"actor_id": "left", "text": f"（AI 提示：{model} 连接失败，请检查 API KEY）关于 {topic}，你得给我个说法！"},
+            {"actor_id": "right", "text": "哎呀，这会儿大脑断线了，咱们还是按老规矩办吧~"}
+        ] * 5

core_logic/requirements.txt

@@ -0,0 +1,5 @@
+flask
+flask-cors
+edge-tts
+openai
+asyncio

core_logic/voice.py

@@ -0,0 +1,44 @@
+import asyncio
+import edge_tts
+import os
+
+# 定义神思庭宇宙的角色音色矩阵
+# 你可以根据需要随时在这里增加新主角
+VOICE_MAP = {
+    "@mmmmmmmm1.verdantnam": "zh-CN-XiaoxiaoNeural",     # 小青：温柔女声
+    "@mmmmmmmm1.ironviperh": "zh-CN-YunxiNeural",       # 恶霸：冷酷男声
+    "@mmmmmmmm1.foxqueenah": "zh-CN-XiaoyiNeural",      # 九尾狐：妩媚女声
+    "@mmmmmmmm1r": "zh-CN-YunyangNeural",               # 男主：正气男声
+    "default": "zh-CN-YunxiNeural"
+}
+
+async def generate_voice(text, character_id, output_path="./ui_frontend/assets/speech.mp3"):
+    """
+    核心技能：将文字转为 MP3 语音
+    """
+    # 1. 自动匹配音色
+    voice = VOICE_MAP.get(character_id, VOICE_MAP["default"])
+    
+    # 2. 确保输出目录存在
+    os.makedirs(os.path.dirname(output_path), exist_ok=True)
+    
+    # 3. 调用 Edge-TTS 引擎
+    print(f"🎙️ [Shensist-Voice] 正在为 {character_id} 朗读: {text[:15]}...")
+    communicate = edge_tts.Communicate(text, voice)
+    await communicate.save(output_path)
+    return output_path
+
+def speak(text, character_id, output_path="./ui_frontend/assets/speech.mp3"):
+    """
+    同步调用接口，方便在 Flask/App.py 中直接使用
+    """
+    try:
+        asyncio.run(generate_voice(text, character_id, output_path))
+        return True
+    except Exception as e:
+        print(f"❌ 语音生成失败: {e}")
+        return False
+
+if __name__ == "__main__":
+    # 独立测试逻辑
+    speak("这片领地的一草一木都标了价，明白了吗？", "@mmmmmmmm1.ironviperh")

ui_frontend/index.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Shensist Matrix Dual-Agent Theater v1.2</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <a href="https://shensist.top/" target="_blank" id="shensist-logo">
+        <img src="assets/logo_ts.webp" alt="Shensist Logo">
+    </a>
+
+    <div id="header-container">
+        <div id="main-title-cn">神思矩阵 · 双子演播室</div>
+        <div id="sub-title-en">Shensist Matrix Dual-Agent Theater v1.2.1</div>
+    </div>
+
+    <div id="cinema-hall">
+        <div class="seats-row"></div>
+        <div class="seats-row"></div>
+        <div class="seats-row"></div>
+    </div>
+
+    <div id="cinema-screen-container">
+        <div id="cinema-screen">
+            <div id="actors-matrix">
+                <div id="left" class="actor">
+                    <img src="assets/avatar_viper.png" alt="铁蝰蛇">
+                </div>
+                <div id="right" class="actor">
+                    <img src="assets/avatar_fox.png" alt="九尾狐">
+                </div>
+            </div>
+            <div id="subtitle">等待导演输入指令. . .</div>
+        </div>
+    </div>
+
+    <div id="director-console">
+        <div class="mode-selector">
+            <button id="btn-normal" class="mode-btn active" onclick="setMode('normal')">
+                <i class="icon">🔘</i> 普通演示模式
+            </button>
+            <button id="btn-factory" class="mode-btn" onclick="setMode('ai_factory')">
+                <i class="icon">🔥</i> AI 生产工厂
+            </button>
+        </div>
+
+        <div id="director-params">
+            <div class="param-item">
+                <label>🧠 核心大脑:</label>
+                <select id="model-select">
+                    <option value="deepseek-reasoner">DeepSeek R1</option>
+                    <option value="gpt-4o">GPT-4o</option>
+                    <option value="claude-3-5-sonnet">Claude 3.5</option>
+                </select>
+            </div>
+            <div class="param-item">
+                <label>🔑 API KEY:</label>
+                <input type="password" id="user-api-key" placeholder="填入 API KEY...">
+            </div>
+        </div>
+        
+        <div class="input-group">
+            <input type="text" id="input-topic" placeholder="输入场景冲突主题 (例如: 锁链烧焦了大衣)">
+            <button id="action-btn" onclick="runTheater()">🎬 开启现场演播 (ACTION)</button>
+        </div>
+    </div>
+
+    <footer>
+        <p>© 2026 Shensist. All rights reserved. | <a href="https://shensist.top/" target="_blank">shensist.top</a></p>
+    </footer>
+
+    <script src="script.js"></script>
+</body>
+</html>

ui_frontend/script.js

@@ -0,0 +1,79 @@
+let currentMode = 'normal'; // 🎬 默认为普通模式
+
+// ⚡ 核心修正：统一 API 地址到本地 7860 端口 (Hugging Face 默认)
+const API_URL = "http://127.0.0.1:7860/theater"; 
+
+function setMode(mode) {
+    currentMode = mode;
+    // 💡 物理切换 API 框显示逻辑
+    document.getElementById('director-params').style.display = (mode === 'ai_factory') ? 'flex' : 'none';
+    
+    // UI 高亮切换
+    document.getElementById('btn-normal').classList.toggle('active', mode === 'normal');
+    document.getElementById('btn-factory').classList.toggle('active', mode === 'ai_factory');
+    
+    document.getElementById('subtitle').innerText = 
+        mode === 'normal' ? "已进入：普通演示模式 (快速视觉校准)" : "已激活：AI 生产工厂 (准备深度对线)";
+}
+
+async function runTheater() {
+    const topic = document.getElementById('input-topic').value;
+    const model = document.getElementById('model-select').value;
+    const apiKey = document.getElementById('user-api-key').value;
+    const btn = document.getElementById('action-btn');
+    const subtitle = document.getElementById('subtitle');
+
+    if (currentMode === 'ai_factory' && !apiKey) {
+        alert("⚠️ 架构师，请先填入 API KEY 以激活 AI 生产工厂！");
+        return;
+    }
+
+    btn.disabled = true;
+    subtitle.innerHTML = `<span style="color: #ff0000; font-weight: bold;">🎬 演员正在后台${currentMode === 'ai_factory' ? '对词(AI)' : '准备'}，请稍候...</span>`;
+
+    try {
+        const res = await fetch(API_URL, {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({ topic, mode: currentMode, model, api_key: apiKey })
+        });
+        if (!res.ok) throw new Error('网络断电');
+        const data = await res.json();
+        
+        // 🚀 灵魂演播开始！
+        await playPerformance(data);
+        
+    } catch (err) {
+        console.error("剧场故障:", err);
+        document.getElementById('subtitle').innerHTML = '<span style="color:red">❌ 剧场意外断电，请检查后台。</span>';
+    } finally {
+        btn.disabled = false;
+    }
+}
+
+async function playPerformance(lines) {
+    const subtitle = document.getElementById('subtitle');
+    subtitle.innerText = "🚀 灵魂演播开始！";
+
+    for (let line of lines) {
+        // 1. ⚡ 物理视觉切换
+        document.querySelectorAll('.actor').forEach(a => a.classList.remove('active'));
+        const activeActor = document.getElementById(line.actor_id);
+        if (activeActor) activeActor.classList.add('active');
+
+        // 2. ⚡ 播放内存音频
+        await new Promise((resolve) => {
+            let audio = new Audio(line.audio_data);
+            audio.oncanplaythrough = () => {
+                subtitle.style.color = line.actor_id === 'left' ? '#ff4444' : '#ff44ff';
+                subtitle.innerText = line.text;
+                audio.play().catch(resolve);
+            };
+            audio.onended = () => setTimeout(resolve, 500);
+            audio.onerror = resolve;
+        });
+    }
+    subtitle.style.color = "#fff";
+    subtitle.innerText = "🎬 演播结束。";
+    document.querySelectorAll('.actor').forEach(a => a.classList.remove('active'));
+}

ui_frontend/skills_interact.js

@@ -0,0 +1,50 @@
+// IronViper 专用交互 Skills
+async function sendMessage() {
+    const input = document.getElementById('user-input');
+    const message = input.value.trim();
+    if (!message) return;
+
+    // 1. 显示用户输入
+    appendMessage('user-message', `>>> INPUT: ${message}`);
+    input.value = '';
+
+    // 2. 发送请求到后端的物理地址
+    try {
+        // 在本地开发环境下，必须写全地址以支持 CORS 和多端口调试
+        const response = await fetch('http://127.0.0.1:8000/chat', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ message: message })
+        });
+
+        const data = await response.json();
+
+        // 3. 自动播放语音 (语音 Skill 激活)
+        if (data.voice_url) {
+            console.log("🎙️ 语音 Skill 激活: 正在自动播放...");
+            const audio = new Audio(data.voice_url + '?t=' + new Date().getTime());
+            audio.play().catch(e => console.log("浏览器拦截了自动播放，请点击页面任意处激活音频权限"));
+        }
+        
+        // 4. 更新 UI (视觉信号)
+        appendMessage('agent-message', `>>> RESPONSE: ${data.message}`);
+        
+    } catch (error) {
+        console.error("链路断开:", error);
+        appendMessage('error-message', `>>> ERROR: 链路连接失败。你欠我的灵愿点又增加了。`);
+    }
+}
+
+function appendMessage(className, text) {
+    const chatWindow = document.getElementById('chat-window');
+    const msgDiv = document.createElement('div');
+    msgDiv.className = `message ${className}`;
+    msgDiv.innerText = text;
+    chatWindow.appendChild(msgDiv);
+    chatWindow.scrollTop = chatWindow.scrollHeight; // 自动滚到底部
+}
+
+// 绑定回车键发送
+document.getElementById('user-input').addEventListener('keypress', function (e) {
+    if (e.key === 'Enter') sendMessage();
+});

ui_frontend/style.css

@@ -0,0 +1,124 @@
+body {
+    background: #000;
+    color: #fff;
+    font-family: 'Courier New', monospace;
+    margin: 0;
+    overflow: hidden;
+    position: relative;
+    height: 100vh;
+}
+
+/* 1. 终极影厅 CSS 样式 */
+#shensist-logo { position: fixed; top: 20px; left: 20px; width: 60px; height: 60px; border-radius: 50%; border: 3px solid #ff0000; box-shadow: 0 0 15px #ff0000; cursor: pointer; transition: 0.3s; z-index: 1000; overflow: hidden; }
+#shensist-logo:hover { transform: scale(1.1); box-shadow: 0 0 25px #ff00ff; border-color: #ff00ff; }
+#shensist-logo img { width: 100%; height: 100%; object-fit: cover; }
+
+/* 5. 顶端虚空标题：中英双层架构 */
+#header-container {
+    position: absolute;
+    top: 30px;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    z-index: 100;
+}
+#main-title-cn {
+    font-size: 3.2em;
+    font-weight: 900;
+    color: #fff;
+    letter-spacing: 12px;
+    text-shadow: 0 0 20px #ff0000;
+    margin: 0;
+    margin-bottom: 0;
+    filter: drop-shadow(0 0 10px #000);
+}
+#sub-title-en {
+    font-family: 'Courier New', monospace;
+    font-size: 0.9em;
+    color: #ff0000;
+    letter-spacing: 5px;
+    text-transform: uppercase;
+    margin-top: 5px; /* 紧贴大字下方 */
+    opacity: 0.8;
+}
+
+/* 2. 电影厅观众席背景 (强化 3D 物理纵深) */
+#cinema-hall {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 35%; /* 物理比例核心 */
+    perspective: 1500px;
+    background: #000;
+    z-index: 10;
+}
+.seats-row {
+    width: 140%;
+    height: 40px;
+    background: linear-gradient(to top, #050505, #151515);
+    margin: 15px -20%;
+    transform: rotateX(65deg); /* 💡 关键：没有人看不出这是影院 */
+    border-top: 1px solid #222;
+    box-shadow: 0 15px 40px #000;
+    border-radius: 8px;
+}
+
+/* 大屏幕居中并增加荧光 (Bloom) */
+#cinema-screen-container { position: fixed; top: 90px; width: 100%; height: 52%; display: flex; justify-content: center; align-items: center; z-index: 20; }
+#cinema-screen {
+    width: 80%;
+    height: 90%;
+    background: #050505;
+    border: 3px solid #111;
+    border-radius: 8px;
+    box-shadow: 0 0 100px rgba(255, 0, 0, 0.25), /* 屏幕对环境的红漫反射 */
+                inset 0 0 50px #000;
+    overflow: hidden;
+    position: relative;
+    background: radial-gradient(circle, #1a0000 0%, #000 80%);
+}
+
+#actors-matrix { display: flex; justify-content: space-around; align-items: center; height: 60%; }
+.actor { transition: 0.4s; }
+.actor img { width: 260px; height: 260px; border-radius: 50%; border: 3px solid #1a1a1a; filter: grayscale(100%) opacity(0.3); transition: 0.5s; object-fit: cover; }
+.actor.active img { filter: grayscale(0%) opacity(1) drop-shadow(0 0 20px #ff0000); transform: scale(1.05); }
+#right.active img { filter: grayscale(0%) opacity(1) drop-shadow(0 0 20px #ff00ff); }
+
+/* 字幕：加大电影质感 */
+#subtitle { position: absolute; bottom: 20px; width: 80%; left: 10%; text-align: center; font-size: 2.2em; color: #fff; text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; z-index: 30; }
+
+/* 底部控制台：上移并压紧 */
+#director-console {
+    position: fixed;
+    bottom: 75px;
+    width: 100%;
+    z-index: 100;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    filter: drop-shadow(0 0 20px rgba(0,0,0,0.8));
+}
+
+.mode-selector { display: flex; justify-content: center; gap: 20px; margin-bottom: 2px; }
+.mode-btn { padding: 4px 12px; background: #111; border: 1px solid #333; color: #666; cursor: pointer; transition: 0.3s; border-radius: 4px; font-size: 0.8em; font-family: 'Courier New', monospace; }
+.mode-btn.active#btn-normal { color: #00f2ff; border-color: #00f2ff; box-shadow: 0 0 10px #00f2ff; }
+.mode-btn.active#btn-factory { color: #ff0000; border-color: #ff0000; box-shadow: 0 0 10px #ff0000; }
+
+#director-params { display: none; opacity: 0; transition: opacity 0.3s ease; gap: 10px; padding: 5px 15px; background: rgba(10,10,10,0.9); border: 1px solid #222; border-radius: 4px; align-items: center; }
+.param-item { display: flex; align-items: center; gap: 8px; color: #aaa; font-size: 0.8em; }
+#model-select, #user-api-key { background: #000; border: 1px solid #444; color: #ff0000; padding: 4px; font-family: 'Courier New', monospace; outline: none; }
+#user-api-key { width: 180px; }
+
+.input-group { display: flex; justify-content: center; gap: 10px; }
+#input-topic { width: 400px; padding: 10px; background: #111; border: 1px solid #ff0000; color: #0f0; text-align: center; font-family: 'Courier New', monospace; }
+#action-btn { background: #ff0000; color: #fff; font-weight: bold; padding: 10px 30px; border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
+#action-btn:hover { background: #b30000; transform: scale(1.05); }
+#action-btn:disabled { background: #333; cursor: not-allowed; }
+
+/* 底部版权与版本号 */
+footer { position: fixed; bottom: 0; width: 100%; text-align: center; color: #333; font-size: 0.8em; padding: 10px; background: rgba(0,0,0,0.9); z-index: 1000; border-top: 1px solid #111;}
+footer p { margin: 0; }
+footer a { color: #333; text-decoration: none; }
+footer a:hover { color: #ff0000; }