SWLC MCP Server

/* 全局样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; color: #333; } .container { max-width: 1400px; margin: 0 auto; padding: 20px; min-height: 100vh; display: flex; flex-direction: column; } /* 头部样式 */ .header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); } .header h1 { text-align: center; color: #4a5568; margin-bottom: 20px; font-size: 2.5em; font-weight: 700; } .nav { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .nav-btn { padding: 12px 24px; border: none; border-radius: 25px; background: linear-gradient(45deg, #667eea, #764ba2); color: white; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .nav-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .nav-btn.active { background: linear-gradient(45deg, #48bb78, #38a169); } /* 主要内容区域 */ .main-content { flex: 1; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 15px; padding: 30px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); } .tab-content { display: none; } .tab-content.active { display: block; } /* 卡片样式 */ .card { background: white; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .card:hover { transform: translateY(-5px); } .card h3 { color: #2d3748; margin-bottom: 15px; font-size: 1.3em; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; } /* 数据看板网格 */ .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .full-width { grid-column: 1 / -1; } /* 新增：两列布局 */ .dashboard-columns { display: grid; grid-template-columns: 45% 55%; /* 左45%，右55% */ gap: 20px; } .left-column { display: flex; flex-direction: column; gap: 20px; } /* 右侧历史记录表格高度 */ .right-column .data-table { max-height: 140vh; /* 原70vh加倍 */ overflow: auto; } /* 控制元素 */ .controls, .prediction-controls, .backtest-controls { display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap; } select, input, button { padding: 10px 15px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 14px; transition: all 0.3s ease; } select:focus, input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } button { background: linear-gradient(45deg, #667eea, #764ba2); color: white; border: none; cursor: pointer; font-weight: 600; transition: all 0.3s ease; } button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* 结果显示 */ .result-display, .data-table, .stats-display { background: #f7fafc; border-radius: 8px; padding: 15px; min-height: 100px; } .loading { text-align: center; color: #718096; font-style: italic; } /* 开奖号码显示 */ .lottery-numbers { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; } .number-ball { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; color: white; font-size: 14px; } .red-ball { background: linear-gradient(45deg, #e53e3e, #c53030); } .blue-ball { background: linear-gradient(45deg, #3182ce, #2c5282); } /* 图表容器 */ .chart-container { height: 400px; width: 100%; } /* 预测结果 */ .prediction-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; } .prediction-item { background: #f7fafc; border-radius: 8px; padding: 15px; border-left: 4px solid #667eea; } /* 回测结果 */ .backtest-results { background: #f7fafc; border-radius: 8px; padding: 20px; } /* 设置面板 */ .settings-panel { max-width: 600px; margin: 0 auto; } .setting-item { margin-bottom: 20px; } .setting-item label { display: block; margin-bottom: 5px; font-weight: 600; color: #2d3748; } .setting-item input { width: 100%; } /* 状态栏 */ .status-bar { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 10px; padding: 15px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .status-item { font-size: 14px; color: #4a5568; } /* 响应式设计 */ @media (max-width: 768px) { .container { padding: 10px; } .header h1 { font-size: 2em; } .nav { flex-direction: column; } .nav-btn { width: 100%; } .dashboard-grid { grid-template-columns: 1fr; } .controls, .prediction-controls, .backtest-controls { flex-direction: column; } .status-bar { flex-direction: column; gap: 10px; } } /* 移动端下改为单列 */ @media (max-width: 992px) { .dashboard-columns { grid-template-columns: 1fr; } } /* 动画效果 */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .tab-content.active { animation: fadeIn 0.5s ease; } /* 错误状态 */ .error { background: #fed7d7; color: #c53030; padding: 10px; border-radius: 8px; border-left: 4px solid #e53e3e; } /* 成功状态 */ .success { background: #c6f6d5; color: #2f855a; padding: 10px; border-radius: 8px; border-left: 4px solid #48bb78; } /* 号码统计可视化 */ .number-grid { display: flex; flex-wrap: wrap; gap: 8px; } .number-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 20px; background: #edf2f7; color: #2d3748; font-weight: 600; } .number-chip.hot { background: linear-gradient(45deg, #fed7d7, #feb2b2); color: #742a2a; } .number-chip.cold { background: linear-gradient(45deg, #e2e8f0, #cbd5e0); color: #2d3748; } .number-chip .badge { background: #1a202c; color: #fff; border-radius: 10px; font-size: 12px; padding: 2px 6px; } .stat-section { margin-bottom: 14px; } .stat-section h4 { margin-bottom: 8px; color: #2d3748; } .heat-bar { height: 6px; background: #e2e8f0; border-radius: 4px; overflow: hidden; margin-top: 6px; } .heat-bar > span { display: block; height: 100%; background: linear-gradient(90deg, #63b3ed, #2b6cb0); width: 0%; } /* 提示样式 */ .note { font-size: 12px; color: #718096; margin-top: 6px; }