diff --git a/index.html b/index.html
index 4786291..df23fb2 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
         }
 
         body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             min-height: 100vh;
             display: flex;
@@ -24,7 +24,7 @@
         .header {
             text-align: center;
             color: white;
-            margin-bottom: 40px;
+            margin-bottom: 30px;
             animation: fadeInDown 0.8s ease;
         }
 
@@ -37,6 +37,96 @@
         .header p {
             font-size: 1.1rem;
             opacity: 0.95;
+            margin-bottom: 20px;
+        }
+
+        .control-panel {
+            background: white;
+            border-radius: 15px;
+            padding: 25px;
+            margin-bottom: 30px;
+            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
+            animation: fadeIn 0.8s ease;
+        }
+
+        .control-panel h2 {
+            color: #333;
+            margin-bottom: 20px;
+            font-size: 1.3rem;
+        }
+
+        .control-buttons {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            justify-content: center;
+        }
+
+        .control-btn {
+            padding: 12px 25px;
+            border: none;
+            border-radius: 8px;
+            font-size: 1rem;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            color: white;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+        }
+
+        .btn-start-all {
+            background: linear-gradient(135deg, #667eea, #764ba2);
+        }
+
+        .btn-start-all:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
+        }
+
+        .btn-stop-all {
+            background: linear-gradient(135deg, #f093fb, #f5576c);
+        }
+
+        .btn-stop-all:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(245, 87, 108, 0.4);
+        }
+
+        .btn-refresh {
+            background: linear-gradient(135deg, #4facfe, #00f2fe);
+        }
+
+        .btn-refresh:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(79, 172, 254, 0.4);
+        }
+
+        .btn-launcher {
+            background: linear-gradient(135deg, #fa709a, #fee140);
+        }
+
+        .btn-launcher:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(250, 112, 154, 0.4);
+        }
+
+        .platform-info {
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 10px;
+            padding: 15px;
+            margin-top: 20px;
+            color: white;
+            text-align: center;
+        }
+
+        .platform-info code {
+            background: rgba(0, 0, 0, 0.2);
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-family: 'Consolas', 'Monaco', monospace;
         }
 
         .container {
@@ -48,16 +138,16 @@
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
             gap: 25px;
+            margin-bottom: 30px;
             animation: fadeInUp 0.8s ease;
         }
 
         .industry-card {
             background: white;
-            border-radius: 12px;
+            border-radius: 15px;
             padding: 25px;
-            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
             transition: all 0.3s ease;
-            cursor: pointer;
             position: relative;
             overflow: hidden;
         }
@@ -67,170 +157,176 @@
             position: absolute;
             top: 0;
             left: 0;
-            width: 100%;
-            height: 4px;
+            right: 0;
+            height: 5px;
             background: linear-gradient(90deg, #667eea, #764ba2);
-            transform: scaleX(0);
-            transition: transform 0.3s ease;
         }
 
         .industry-card:hover {
             transform: translateY(-5px);
-            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
+            box-shadow: 0 15px 50px rgba(0,0,0,0.15);
         }
 
-        .industry-card:hover::before {
-            transform: scaleX(1);
-        }
-
-        .card-header {
+        .industry-header {
             display: flex;
-            align-items: center;
             justify-content: space-between;
+            align-items: center;
             margin-bottom: 15px;
         }
 
-        .industry-icon {
-            width: 50px;
-            height: 50px;
-            border-radius: 10px;
+        .industry-name {
+            font-size: 1.2rem;
+            font-weight: 600;
+            color: #333;
+        }
+
+        .industry-number {
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            color: white;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
-            font-size: 1.5rem;
-            background: linear-gradient(135deg, #667eea, #764ba2);
-            color: white;
-        }
-
-        .industry-name {
-            font-size: 1.3rem;
-            font-weight: 600;
-            color: #333;
-            flex: 1;
-            margin-left: 15px;
-        }
-
-        .status-indicator {
-            display: flex;
-            align-items: center;
-            gap: 5px;
-        }
-
-        .status-dot {
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            animation: pulse 2s infinite;
-        }
-
-        .status-dot.online {
-            background: #10b981;
-            box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
-        }
-
-        .status-dot.offline {
-            background: #ef4444;
-            animation: none;
-        }
-
-        .status-dot.checking {
-            background: #f59e0b;
-            animation: pulse 1s infinite;
-        }
-
-        .status-text {
             font-size: 0.9rem;
-            color: #666;
+            font-weight: bold;
         }
 
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
-        }
-
-        .card-info {
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
+        .industry-info {
+            margin-bottom: 20px;
         }
 
         .info-item {
             display: flex;
             align-items: center;
-            gap: 10px;
+            margin-bottom: 8px;
             color: #666;
             font-size: 0.95rem;
         }
 
         .info-label {
             font-weight: 500;
-            min-width: 60px;
+            margin-right: 8px;
+            color: #999;
         }
 
-        .info-value {
-            color: #333;
-            font-family: 'Courier New', monospace;
+        .status {
+            display: inline-flex;
+            align-items: center;
+            gap: 5px;
+            padding: 4px 12px;
+            border-radius: 20px;
+            font-size: 0.85rem;
+            font-weight: 500;
         }
 
-        .card-footer {
-            margin-top: 20px;
-            padding-top: 15px;
-            border-top: 1px solid #e5e7eb;
+        .status-running {
+            background: #d4f4dd;
+            color: #2e7d46;
         }
 
-        .launch-btn {
-            width: 100%;
+        .status-stopped {
+            background: #ffeaa7;
+            color: #d63031;
+        }
+
+        .status-checking {
+            background: #e3f2fd;
+            color: #1976d2;
+        }
+
+        .status-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            animation: pulse 2s infinite;
+        }
+
+        .status-running .status-dot {
+            background: #2e7d46;
+        }
+
+        .status-stopped .status-dot {
+            background: #d63031;
+            animation: none;
+        }
+
+        .industry-actions {
+            display: flex;
+            gap: 10px;
+        }
+
+        .btn {
+            flex: 1;
             padding: 10px;
-            background: linear-gradient(135deg, #667eea, #764ba2);
-            color: white;
             border: none;
             border-radius: 8px;
-            font-size: 1rem;
+            font-size: 0.95rem;
             font-weight: 500;
             cursor: pointer;
             transition: all 0.3s ease;
         }
 
-        .launch-btn:hover {
-            transform: scale(1.02);
-            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
-        }
-
-        .launch-btn:disabled {
-            background: #e5e7eb;
-            color: #9ca3af;
-            cursor: not-allowed;
-            transform: scale(1);
-        }
-
-        .controls {
-            display: flex;
-            gap: 15px;
-            margin-bottom: 30px;
-            animation: fadeInUp 0.8s ease;
-        }
-
-        .control-btn {
-            padding: 12px 24px;
-            background: white;
-            color: #667eea;
-            border: 2px solid white;
-            border-radius: 8px;
-            font-size: 1rem;
-            font-weight: 500;
-            cursor: pointer;
-            transition: all 0.3s ease;
-        }
-
-        .control-btn:hover {
-            background: transparent;
+        .btn-primary {
+            background: linear-gradient(135deg, #667eea, #764ba2);
             color: white;
         }
 
+        .btn-primary:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
+        }
+
+        .btn-secondary {
+            background: #f5f5f5;
+            color: #666;
+        }
+
+        .btn-secondary:hover {
+            background: #e0e0e0;
+        }
+
+        .footer {
+            text-align: center;
+            color: white;
+            margin-top: 40px;
+            padding: 20px;
+            opacity: 0.9;
+        }
+
+        .instruction-box {
+            background: rgba(255, 255, 255, 0.95);
+            border-radius: 10px;
+            padding: 20px;
+            margin-bottom: 25px;
+            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
+        }
+
+        .instruction-box h3 {
+            color: #333;
+            margin-bottom: 15px;
+            font-size: 1.1rem;
+        }
+
+        .instruction-box ol {
+            margin-left: 20px;
+            color: #666;
+            line-height: 1.8;
+        }
+
+        .instruction-box code {
+            background: #f5f5f5;
+            padding: 2px 6px;
+            border-radius: 3px;
+            color: #d63031;
+            font-family: Consolas, Monaco, monospace;
+        }
+
         @keyframes fadeInDown {
             from {
                 opacity: 0;
-                transform: translateY(-20px);
+                transform: translateY(-30px);
             }
             to {
                 opacity: 1;
@@ -241,7 +337,7 @@
         @keyframes fadeInUp {
             from {
                 opacity: 0;
-                transform: translateY(20px);
+                transform: translateY(30px);
             }
             to {
                 opacity: 1;
@@ -249,224 +345,233 @@
             }
         }
 
-        .toast {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
-            padding: 15px 20px;
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
-            display: none;
-            animation: slideIn 0.3s ease;
-        }
-
-        .toast.show {
-            display: block;
-        }
-
-        @keyframes slideIn {
+        @keyframes fadeIn {
             from {
-                transform: translateX(100%);
+                opacity: 0;
             }
             to {
-                transform: translateX(0);
+                opacity: 1;
+            }
+        }
+
+        @keyframes pulse {
+            0% {
+                box-shadow: 0 0 0 0 rgba(46, 125, 70, 0.7);
+            }
+            70% {
+                box-shadow: 0 0 0 10px rgba(46, 125, 70, 0);
+            }
+            100% {
+                box-shadow: 0 0 0 0 rgba(46, 125, 70, 0);
             }
         }
     </style>
 </head>
 <body>
     <div class="header">
-        <h1>🎓 教务系统产业导航</h1>
-        <p>选择您要访问的产业系统</p>
+        <h1>🎓 教务系统产业管理中心</h1>
+        <p>智能化多产业教务管理平台 - 支持12个产业独立运行</p>
     </div>
 
     <div class="container">
-        <div class="controls">
-            <button class="control-btn" onclick="checkAllStatus()">🔄 刷新状态</button>
-            <button class="control-btn" onclick="launchAll()">🚀 启动全部</button>
-            <button class="control-btn" onclick="openTerminal()">💻 打开终端</button>
+        <!-- Windows用户使用说明 -->
+        <div class="instruction-box">
+            <h3>💡 Windows 用户快速启动指南</h3>
+            <ol>
+                <li><strong>方法一：</strong>双击运行 <code>start-industry.bat</code> 文件</li>
+                <li><strong>方法二：</strong>打开命令提示符（CMD），输入 <code>start-industry.bat</code></li>
+                <li><strong>方法三：</strong>使用 PowerShell 运行 <code>.\start-industry.ps1</code></li>
+                <li><strong>方法四：</strong>直接在本页面点击下方的控制按钮</li>
+            </ol>
         </div>
 
-        <div class="industry-grid" id="industryGrid">
-            <!-- 产业卡片将通过JavaScript动态生成 -->
+        <!-- 控制面板 -->
+        <div class="control-panel">
+            <h2>🎛️ 快速控制中心</h2>
+            <div class="control-buttons">
+                <button class="control-btn btn-start-all" onclick="startAllIndustries()">
+                    ▶️ 启动所有产业
+                </button>
+                <button class="control-btn btn-stop-all" onclick="stopAllIndustries()">
+                    ⏹️ 停止所有产业
+                </button>
+                <button class="control-btn btn-refresh" onclick="checkAllStatus()">
+                    🔄 刷新状态
+                </button>
+                <a href="#" class="control-btn btn-launcher" onclick="openLauncher()">
+                    🚀 打开启动器 (Windows)
+                </a>
+            </div>
+            <div class="platform-info">
+                <p>💻 当前系统: <span id="platformInfo"></span></p>
+                <p>📁 项目路径: <code id="projectPath"></code></p>
+            </div>
+        </div>
+
+        <!-- 产业卡片网格 -->
+        <div class="industry-grid" id="industryGrid"></div>
+
+        <!-- 页脚 -->
+        <div class="footer">
+            <p>⏰ 状态每10秒自动刷新 | 📖 <a href="README.md" style="color: white;">查看文档</a></p>
+            <p style="margin-top: 10px; opacity: 0.8;">© 2024 教务系统 - 智能产业管理平台</p>
         </div>
     </div>
 
-    <div class="toast" id="toast"></div>
-
     <script>
         // 产业配置
         const industries = [
-            { name: '文旅产业', dir: 'frontend', port: 5150, icon: '🏛️' },
-            { name: '智能制造', dir: 'frontend_智能制造', port: 5151, icon: '🏭' },
-            { name: '智能开发', dir: 'frontend_智能开发', port: 5152, icon: '💻' },
-            { name: '财经商贸', dir: 'frontend_财经商贸', port: 5153, icon: '💰' },
-            { name: '视觉设计', dir: 'frontend_视觉设计', port: 5154, icon: '🎨' },
-            { name: '交通物流', dir: 'frontend_交通物流', port: 5155, icon: '🚚' },
-            { name: '大健康', dir: 'frontend_大健康', port: 5156, icon: '🏥' },
-            { name: '土木水利', dir: 'frontend_土木水利', port: 5157, icon: '🏗️' },
-            { name: '食品产业', dir: 'frontend_食品', port: 5158, icon: '🍽️' },
-            { name: '化工产业', dir: 'frontend_化工', port: 5159, icon: '⚗️' },
-            { name: '能源产业', dir: 'frontend_能源', port: 5160, icon: '⚡' },
-            { name: '环保产业', dir: 'frontend_环保', port: 5161, icon: '🌱' }
+            { id: 1, name: '文旅产业', dir: 'frontend', port: 5150, icon: '🏛️' },
+            { id: 2, name: '智能制造', dir: 'frontend_智能制造', port: 5151, icon: '🏭' },
+            { id: 3, name: '智能开发', dir: 'frontend_智能开发', port: 5152, icon: '💻' },
+            { id: 4, name: '财经商贸', dir: 'frontend_财经商贸', port: 5153, icon: '💰' },
+            { id: 5, name: '视觉设计', dir: 'frontend_视觉设计', port: 5154, icon: '🎨' },
+            { id: 6, name: '交通物流', dir: 'frontend_交通物流', port: 5155, icon: '🚚' },
+            { id: 7, name: '大健康', dir: 'frontend_大健康', port: 5156, icon: '🏥' },
+            { id: 8, name: '土木水利', dir: 'frontend_土木水利', port: 5157, icon: '🏗️' },
+            { id: 9, name: '食品产业', dir: 'frontend_食品', port: 5158, icon: '🍽️' },
+            { id: 10, name: '化工产业', dir: 'frontend_化工', port: 5159, icon: '⚗️' },
+            { id: 11, name: '能源产业', dir: 'frontend_能源', port: 5160, icon: '⚡' },
+            { id: 12, name: '环保产业', dir: 'frontend_环保', port: 5161, icon: '🌱' }
         ];
 
-        // 初始化页面
-        function initPage() {
-            renderIndustryCards();
-            checkAllStatus();
-            // 每10秒自动检查状态
-            setInterval(checkAllStatus, 10000);
+        // 检测平台信息
+        function detectPlatform() {
+            const platform = navigator.platform;
+            const userAgent = navigator.userAgent;
+            let osInfo = '未知系统';
+
+            if (platform.indexOf('Win') !== -1) {
+                osInfo = 'Windows';
+            } else if (platform.indexOf('Mac') !== -1) {
+                osInfo = 'macOS';
+            } else if (platform.indexOf('Linux') !== -1) {
+                osInfo = 'Linux';
+            }
+
+            document.getElementById('platformInfo').textContent = osInfo;
+            document.getElementById('projectPath').textContent = window.location.pathname.replace('/index.html', '');
         }
 
-        // 渲染产业卡片
-        function renderIndustryCards() {
-            const grid = document.getElementById('industryGrid');
-            grid.innerHTML = '';
-
-            industries.forEach((industry, index) => {
-                const card = document.createElement('div');
-                card.className = 'industry-card';
-                card.innerHTML = `
-                    <div class="card-header">
-                        <div class="industry-icon">${industry.icon}</div>
-                        <div class="industry-name">${industry.name}</div>
-                        <div class="status-indicator">
-                            <span class="status-dot checking" id="status-${industry.port}"></span>
-                            <span class="status-text" id="text-${industry.port}">检测中</span>
-                        </div>
+        // 创建产业卡片
+        function createIndustryCard(industry) {
+            return `
+                <div class="industry-card">
+                    <div class="industry-header">
+                        <span class="industry-name">${industry.icon} ${industry.name}</span>
+                        <span class="industry-number">${industry.id}</span>
                     </div>
-                    <div class="card-info">
+                    <div class="industry-info">
                         <div class="info-item">
-                            <span class="info-label">端口：</span>
-                            <span class="info-value">${industry.port}</span>
+                            <span class="info-label">端口:</span>
+                            <span>${industry.port}</span>
                         </div>
                         <div class="info-item">
-                            <span class="info-label">目录：</span>
-                            <span class="info-value">${industry.dir}</span>
+                            <span class="info-label">目录:</span>
+                            <span>${industry.dir}</span>
                         </div>
                         <div class="info-item">
-                            <span class="info-label">地址：</span>
-                            <span class="info-value">
-                                <a href="http://localhost:${industry.port}"
-                                   target="_blank"
-                                   id="link-${industry.port}"
-                                   style="color: #667eea; text-decoration: none;">
-                                    http://localhost:${industry.port}
-                                </a>
+                            <span class="info-label">状态:</span>
+                            <span class="status status-checking" id="status-${industry.port}">
+                                <span class="status-dot"></span>
+                                检查中...
                             </span>
                         </div>
                     </div>
-                    <div class="card-footer">
-                        <button class="launch-btn"
-                                id="btn-${industry.port}"
-                                onclick="launchIndustry(${index})">
+                    <div class="industry-actions">
+                        <button class="btn btn-primary" onclick="openIndustry(${industry.port})">
                             访问系统
                         </button>
+                        <button class="btn btn-secondary" onclick="toggleIndustry(${industry.id})">
+                            启动/停止
+                        </button>
                     </div>
-                `;
-                grid.appendChild(card);
-            });
+                </div>
+            `;
         }
 
-        // 检查所有产业状态
-        async function checkAllStatus() {
-            industries.forEach(industry => {
-                checkPortStatus(industry.port);
-            });
+        // 初始化页面
+        function initPage() {
+            detectPlatform();
+            const grid = document.getElementById('industryGrid');
+            grid.innerHTML = industries.map(industry => createIndustryCard(industry)).join('');
+            checkAllStatus();
         }
 
-        // 检查单个端口状态
-        async function checkPortStatus(port) {
-            const statusDot = document.getElementById(`status-${port}`);
-            const statusText = document.getElementById(`text-${port}`);
-            const btn = document.getElementById(`btn-${port}`);
-            const link = document.getElementById(`link-${port}`);
-
-            statusDot.className = 'status-dot checking';
-            statusText.textContent = '检测中';
-
+        // 检查单个产业状态
+        async function checkStatus(port) {
+            const statusEl = document.getElementById(`status-${port}`);
             try {
                 // 尝试访问端口
                 const response = await fetch(`http://localhost:${port}`, {
-                    method: 'HEAD',
                     mode: 'no-cors',
                     cache: 'no-cache'
                 });
 
-                // 如果能访问，认为是运行中
-                statusDot.className = 'status-dot online';
-                statusText.textContent = '运行中';
-                statusText.style.color = '#10b981';
-                btn.textContent = '访问系统';
-                btn.disabled = false;
-                btn.onclick = () => window.open(`http://localhost:${port}`, '_blank');
-                link.style.pointerEvents = 'auto';
-                link.style.color = '#667eea';
+                // 使用图片加载来检测
+                const img = new Image();
+                img.src = `http://localhost:${port}/favicon.ico?t=${Date.now()}`;
+
+                await new Promise((resolve, reject) => {
+                    img.onload = resolve;
+                    img.onerror = reject;
+                    setTimeout(reject, 2000);
+                });
+
+                statusEl.className = 'status status-running';
+                statusEl.innerHTML = '<span class="status-dot"></span> 运行中';
             } catch (error) {
-                // 无法访问，认为是未启动
-                statusDot.className = 'status-dot offline';
-                statusText.textContent = '未启动';
-                statusText.style.color = '#ef4444';
-                btn.textContent = '启动服务';
-                btn.disabled = false;
-                btn.onclick = () => startIndustry(port);
-                link.style.pointerEvents = 'none';
-                link.style.color = '#9ca3af';
+                statusEl.className = 'status status-stopped';
+                statusEl.innerHTML = '<span class="status-dot"></span> 已停止';
             }
         }
 
-        // 启动产业服务
-        function startIndustry(port) {
-            const industry = industries.find(i => i.port === port);
-            if (industry) {
-                showToast(`⚠️ 请在终端运行: ./start-industry.sh ${industries.indexOf(industry) + 1}`, 'warning');
-                openTerminal();
-            }
+        // 检查所有状态
+        function checkAllStatus() {
+            industries.forEach(industry => {
+                checkStatus(industry.port);
+            });
         }
 
-        // 启动单个产业
-        function launchIndustry(index) {
-            const industry = industries[index];
-            const statusDot = document.getElementById(`status-${industry.port}`);
+        // 打开产业系统
+        function openIndustry(port) {
+            window.open(`http://localhost:${port}`, '_blank');
+        }
 
-            if (statusDot.className.includes('online')) {
-                window.open(`http://localhost:${industry.port}`, '_blank');
-            } else {
-                showToast(`⚠️ ${industry.name}未启动，请先在终端启动服务`, 'warning');
-            }
+        // 启动/停止产业（提示用户使用启动器）
+        function toggleIndustry(id) {
+            alert(`请使用启动器控制产业 ${id}:\n\nWindows用户:\n- 运行 start-industry.bat\n- 选择选项 ${id}\n\nMac/Linux用户:\n- 运行 ./start-industry.sh\n- 选择选项 ${id}`);
         }
 
         // 启动所有产业
-        function launchAll() {
-            showToast('📋 请在终端运行: ./start-industry.sh all', 'info');
-            openTerminal();
+        function startAllIndustries() {
+            if (confirm('启动所有产业需要使用系统启动器。\n\nWindows: 运行 start-industry.bat 选择 [0]\nMac/Linux: 运行 ./start-industry.sh 选择 [0]\n\n是否打开启动器？')) {
+                openLauncher();
+            }
         }
 
-        // 打开终端（提示）
-        function openTerminal() {
-            showToast('💡 提示：请手动打开终端并运行启动脚本', 'info');
-            // 复制命令到剪贴板
-            navigator.clipboard.writeText('./start-industry.sh');
-            setTimeout(() => {
-                showToast('✅ 启动命令已复制到剪贴板', 'success');
-            }, 500);
+        // 停止所有产业
+        function stopAllIndustries() {
+            if (confirm('停止所有产业需要使用系统启动器。\n\nWindows: 运行 start-industry.bat 选择 [A]\nMac/Linux: 运行 ./start-industry.sh 选择 [A]\n\n是否打开启动器？')) {
+                openLauncher();
+            }
         }
 
-        // 显示提示消息
-        function showToast(message, type = 'info') {
-            const toast = document.getElementById('toast');
-            toast.textContent = message;
-            toast.className = `toast show ${type}`;
-
-            setTimeout(() => {
-                toast.className = 'toast';
-            }, 3000);
+        // 打开启动器
+        function openLauncher() {
+            const platform = navigator.platform;
+            if (platform.indexOf('Win') !== -1) {
+                alert('Windows 启动方法:\n\n1. 打开文件资源管理器\n2. 找到 start-industry.bat 文件\n3. 双击运行\n\n或者:\n1. 按 Win+R 打开运行对话框\n2. 输入 cmd 并回车\n3. 导航到项目目录\n4. 输入 start-industry.bat 并回车');
+            } else {
+                alert('Mac/Linux 启动方法:\n\n1. 打开终端\n2. 导航到项目目录\n3. 运行: ./start-industry.sh\n\n如果没有执行权限:\nchmod +x start-industry.sh');
+            }
         }
 
         // 页面加载完成后初始化
         document.addEventListener('DOMContentLoaded', initPage);
+
+        // 自动刷新状态（每10秒）
+        setInterval(checkAllStatus, 10000);
     </script>
 </body>
 </html>
\ No newline at end of file