diff --git a/README.md b/README.md
index 64293dc..a30647a 100644
--- a/README.md
+++ b/README.md
@@ -219,4 +219,62 @@ MIT License
 - 系统会自动检查本地数据库中最新的开奖日期
 - 只获取并更新比本地数据更新的开奖记录
 - 更新过程会记录日志到 `lottery_update.log` 文件
-- 支持双色球和大乐透两种彩票的数据更新 
\ No newline at end of file
+- 支持双色球和大乐透两种彩票的数据更新
+
+## 分析功能说明
+
+### 基础分析策略
+
+#### 1. 冷热号码分析
+- 热号：统计近50期出现频率最高的号码
+- 冷号：统计超过平均遗漏期数的号码
+- API: GET `/api/analysis/hot-cold/{lottery_type}?periods=50`
+
+#### 2. 号码分布分析
+- 分区统计：将号码划分为多个区间，分析各区出号比例
+- 奇偶比：分析奇偶数的分布规律
+- 大小比：统计大数和小数的分布规律
+- API: GET `/api/analysis/distribution/{lottery_type}?periods=100`
+
+#### 3. 连号与重复号分析
+- 连号追踪：统计连号出现的频率和位置
+- 重复号观察：分析相邻期号码重复情况
+- API: GET `/api/analysis/consecutive/{lottery_type}?periods=100`
+
+### 数学理论应用
+
+#### 1. 数学统计特征
+- 计算红球总和的历史平均值和标准差
+- 分析号码组合的数学特征
+- API: GET `/api/analysis/math-stats/{lottery_type}?periods=100`
+
+#### 2. 遗漏值分析
+- 计算每个号码的当前遗漏值
+- 分析历史最大遗漏
+- API: GET `/api/analysis/missing/{lottery_type}`
+
+### 智能选号策略
+
+系统提供多种智能选号策略：
+- 均衡策略：综合考虑号码分布特征
+- 热号策略：偏好选择近期高频号码
+- 冷号策略：偏好选择遗漏值较大的号码
+- 遗漏值策略：基于遗漏值分析选号
+- API: GET `/api/analysis/smart-numbers/{lottery_type}?strategy=balanced`
+
+### 使用示例
+
+1. 获取双色球热号冷号分析：
+```bash
+curl http://localhost:8000/api/analysis/hot-cold/ssq?periods=50
+```
+
+2. 获取大乐透号码分布分析：
+```bash
+curl http://localhost:8000/api/analysis/distribution/dlt?periods=100
+```
+
+3. 使用均衡策略生成双色球号码：
+```bash
+curl http://localhost:8000/api/analysis/smart-numbers/ssq?strategy=balanced
+``` 
\ No newline at end of file
diff --git a/backend/app/api/endpoints/analysis.py b/backend/app/api/endpoints/analysis.py
new file mode 100644
index 0000000..e2325d9
--- /dev/null
+++ b/backend/app/api/endpoints/analysis.py
@@ -0,0 +1,108 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session
+from typing import Optional
+
+from ...core.database import get_db
+from ...services.analysis_service import LotteryAnalysisService
+
+router = APIRouter()
+
+
+@router.get("/hot-cold/{lottery_type}")
+def get_hot_cold_numbers(
+    lottery_type: str,
+    periods: Optional[int] = 50,
+    db: Session = Depends(get_db)
+):
+    """获取热号和冷号分析"""
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.get_hot_cold_numbers(lottery_type, periods)
+
+
+@router.get("/distribution/{lottery_type}")
+def get_number_distribution(
+    lottery_type: str,
+    periods: Optional[int] = 100,
+    db: Session = Depends(get_db)
+):
+    """获取号码分布分析"""
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.analyze_number_distribution(lottery_type, periods)
+
+
+@router.get("/consecutive/{lottery_type}")
+def get_consecutive_analysis(
+    lottery_type: str,
+    periods: Optional[int] = 100,
+    db: Session = Depends(get_db)
+):
+    """获取连号和重复号分析"""
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.analyze_consecutive_numbers(lottery_type, periods)
+
+
+@router.get("/math-stats/{lottery_type}")
+def get_mathematical_stats(
+    lottery_type: str,
+    periods: Optional[int] = 100,
+    db: Session = Depends(get_db)
+):
+    """获取数学统计特征"""
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.analyze_mathematical_stats(lottery_type, periods)
+
+
+@router.get("/missing/{lottery_type}")
+def get_missing_periods(
+    lottery_type: str,
+    db: Session = Depends(get_db)
+):
+    """获取号码遗漏值分析"""
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.get_missing_periods(lottery_type)
+
+
+@router.get("/smart-numbers/{lottery_type}")
+def generate_smart_numbers(
+    lottery_type: str,
+    strategy: Optional[str] = 'balanced',
+    count: Optional[int] = 1,
+    periods: Optional[int] = 100,
+    db: Session = Depends(get_db)
+):
+    """智能选号
+
+    Args:
+        lottery_type: 彩票类型 ('ssq' 或 'dlt')
+        strategy: 选号策略 ('balanced', 'hot', 'cold', 'missing')
+        count: 生成注数，默认1注
+        periods: 分析期数，默认100期
+    """
+    if lottery_type not in ['ssq', 'dlt']:
+        raise HTTPException(status_code=400, detail="Invalid lottery type")
+    if strategy not in ['balanced', 'hot', 'cold', 'missing']:
+        raise HTTPException(status_code=400, detail="Invalid strategy")
+    if count < 1 or count > 10:
+        raise HTTPException(
+            status_code=400, detail="Count must be between 1 and 10")
+    if periods < 50 or periods > 200:
+        raise HTTPException(
+            status_code=400, detail="Periods must be between 50 and 200")
+
+    analysis_service = LotteryAnalysisService(db)
+    return analysis_service.generate_smart_numbers(lottery_type, strategy, count, periods)
diff --git a/backend/app/main.py b/backend/app/main.py
index c024dad..dbb17ec 100644
--- a/backend/app/main.py
+++ b/backend/app/main.py
@@ -2,6 +2,7 @@ from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
 from app.core.config import settings
 from app.api.v1.lottery import router as lottery_router
+from app.api.endpoints.analysis import router as analysis_router
 from app.core.database import Base, engine
 
 # 创建数据库表
@@ -15,7 +16,7 @@ app = FastAPI(
 # 配置CORS
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=settings.BACKEND_CORS_ORIGINS,
+    allow_origins=["*"],  # 允许所有来源
     allow_credentials=True,
     allow_methods=["*"],
     allow_headers=["*"],
@@ -24,6 +25,8 @@ app.add_middleware(
 # 注册路由
 app.include_router(
     lottery_router, prefix=f"{settings.API_V1_STR}/lottery", tags=["lottery"])
+app.include_router(
+    analysis_router, prefix=f"{settings.API_V1_STR}/analysis", tags=["analysis"])
 
 if __name__ == "__main__":
     import uvicorn
diff --git a/backend/app/services/analysis_service.py b/backend/app/services/analysis_service.py
new file mode 100644
index 0000000..53ffc28
--- /dev/null
+++ b/backend/app/services/analysis_service.py
@@ -0,0 +1,349 @@
+from typing import List, Dict, Tuple, Optional
+import numpy as np
+from collections import defaultdict
+from datetime import datetime, timedelta
+from sqlalchemy.orm import Session
+from ..models.lottery import SSQLottery, DLTLottery
+
+
+class LotteryAnalysisService:
+    def __init__(self, db: Session):
+        self.db = db
+
+    def get_hot_cold_numbers(self, lottery_type: str, periods: int = 50) -> Dict:
+        """分析热号和冷号
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            periods: 分析期数，默认50期
+
+        Returns:
+            Dict: 包含热号和冷号的字典
+        """
+        model = SSQLottery if lottery_type == 'ssq' else DLTLottery
+        recent_draws = self.db.query(model).order_by(
+            model.open_time.desc()).limit(periods).all()
+
+        # 初始化号码频率统计
+        red_freq = defaultdict(int)
+        blue_freq = defaultdict(int)
+
+        # 统计号码出现频率
+        for draw in recent_draws:
+            if lottery_type == 'ssq':
+                red_numbers = [draw.red_ball_1, draw.red_ball_2, draw.red_ball_3,
+                               draw.red_ball_4, draw.red_ball_5, draw.red_ball_6]
+                for num in red_numbers:
+                    red_freq[num] += 1
+                blue_freq[draw.blue_ball] += 1
+            else:
+                red_numbers = [draw.front_ball_1, draw.front_ball_2, draw.front_ball_3,
+                               draw.front_ball_4, draw.front_ball_5]
+                for num in red_numbers:
+                    red_freq[num] += 1
+                blue_freq[draw.back_ball_1] += 1
+                blue_freq[draw.back_ball_2] += 1
+
+        # 计算平均出现次数
+        red_avg = sum(red_freq.values()) / len(red_freq)
+        blue_avg = sum(blue_freq.values()) / len(blue_freq)
+
+        # 定义热号和冷号
+        hot_reds = [num for num, freq in red_freq.items() if freq > red_avg]
+        cold_reds = [num for num, freq in red_freq.items() if freq < red_avg]
+        hot_blues = [num for num, freq in blue_freq.items() if freq > blue_avg]
+        cold_blues = [num for num, freq in blue_freq.items()
+                      if freq < blue_avg]
+
+        return {
+            'hot_reds': sorted(hot_reds),
+            'cold_reds': sorted(cold_reds),
+            'hot_blues': sorted(hot_blues),
+            'cold_blues': sorted(cold_blues),
+            'red_frequencies': dict(red_freq),
+            'blue_frequencies': dict(blue_freq)
+        }
+
+    def analyze_number_distribution(self, lottery_type: str, periods: int = 100) -> Dict:
+        """分析号码分布（分区统计、奇偶比）
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            periods: 分析期数，默认100期
+
+        Returns:
+            Dict: 包含各种分布统计的字典
+        """
+        model = SSQLottery if lottery_type == 'ssq' else DLTLottery
+        recent_draws = self.db.query(model).order_by(
+            model.open_time.desc()).limit(periods).all()
+
+        # 初始化统计数据
+        zone_stats = defaultdict(int)
+        odd_count = 0
+        even_count = 0
+        total_numbers = 0
+
+        for draw in recent_draws:
+            if lottery_type == 'ssq':
+                red_numbers = [draw.red_ball_1, draw.red_ball_2, draw.red_ball_3,
+                               draw.red_ball_4, draw.red_ball_5, draw.red_ball_6]
+            else:
+                red_numbers = [draw.front_ball_1, draw.front_ball_2, draw.front_ball_3,
+                               draw.front_ball_4, draw.front_ball_5]
+
+            # 分区统计
+            for num in red_numbers:
+                # 对于双色球：每5个数字一个区，最后一个区是31-33
+                # 对于大乐透：每5个数字一个区，最后一个区是31-35
+                zone = (num - 1) // 5 + 1
+                zone_stats[zone] += 1
+
+                # 奇偶统计
+                if num % 2 == 0:
+                    even_count += 1
+                else:
+                    odd_count += 1
+                total_numbers += 1
+
+        # 计算比例
+        zone_distribution = {str(zone): count for zone,
+                             count in zone_stats.items()}
+        odd_even_distribution = {
+            'odd': odd_count,
+            'even': even_count
+        }
+
+        return {
+            'zone_distribution': zone_distribution,
+            'odd_even_distribution': odd_even_distribution
+        }
+
+    def analyze_consecutive_numbers(self, lottery_type: str, periods: int = 100) -> Dict:
+        """分析连号和重复号
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            periods: 分析期数，默认100期
+
+        Returns:
+            Dict: 包含连号和重复号分析的字典
+        """
+        model = SSQLottery if lottery_type == 'ssq' else DLTLottery
+        recent_draws = self.db.query(model).order_by(
+            model.open_time.desc()).limit(periods).all()
+
+        consecutive_stats = defaultdict(int)
+        repeat_stats = defaultdict(int)
+
+        prev_numbers = None
+        for draw in recent_draws:
+            if lottery_type == 'ssq':
+                current_numbers = sorted([
+                    draw.red_ball_1, draw.red_ball_2, draw.red_ball_3,
+                    draw.red_ball_4, draw.red_ball_5, draw.red_ball_6
+                ])
+            else:
+                current_numbers = sorted([
+                    draw.front_ball_1, draw.front_ball_2, draw.front_ball_3,
+                    draw.front_ball_4, draw.front_ball_5
+                ])
+
+            # 分析连号
+            consecutive_count = 0
+            for i in range(len(current_numbers)-1):
+                if current_numbers[i+1] - current_numbers[i] == 1:
+                    consecutive_count += 1
+            consecutive_stats[consecutive_count] += 1
+
+            # 分析重复号
+            if prev_numbers:
+                repeat_count = len(set(current_numbers) & set(prev_numbers))
+                repeat_stats[repeat_count] += 1
+
+            prev_numbers = current_numbers
+
+        total_draws = len(recent_draws)
+        return {
+            'consecutive_distribution': {k: v/total_draws for k, v in consecutive_stats.items()},
+            'repeat_distribution': {k: v/(total_draws-1) for k, v in repeat_stats.items()}
+        }
+
+    def analyze_mathematical_stats(self, lottery_type: str, periods: int = 100) -> Dict:
+        """分析数学统计特征
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            periods: 分析期数，默认100期
+
+        Returns:
+            Dict: 包含数学统计特征的字典
+        """
+        model = SSQLottery if lottery_type == 'ssq' else DLTLottery
+        recent_draws = self.db.query(model).order_by(
+            model.open_time.desc()).limit(periods).all()
+
+        sums = []
+        for draw in recent_draws:
+            if lottery_type == 'ssq':
+                red_numbers = [draw.red_ball_1, draw.red_ball_2, draw.red_ball_3,
+                               draw.red_ball_4, draw.red_ball_5, draw.red_ball_6]
+            else:
+                red_numbers = [draw.front_ball_1, draw.front_ball_2, draw.front_ball_3,
+                               draw.front_ball_4, draw.front_ball_5]
+            sums.append(sum(red_numbers))
+
+        mean = np.mean(sums)
+        std = np.std(sums)
+
+        return {
+            'sum_mean': float(mean),
+            'sum_std': float(std),
+            'sum_range': {
+                'min': float(mean - 2*std),
+                'max': float(mean + 2*std)
+            }
+        }
+
+    def get_missing_periods(self, lottery_type: str, periods: int = 200) -> Dict:
+        """分析号码遗漏值（仅分析最近periods期，避免全表遍历）
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            periods: 分析期数，默认200期
+
+        Returns:
+            Dict: 包含各号码当前遗漏值的字典
+        """
+        model = SSQLottery if lottery_type == 'ssq' else DLTLottery
+        max_red = 33 if lottery_type == 'ssq' else 35
+        max_blue = 16 if lottery_type == 'ssq' else 12
+
+        # 一次性查出最近periods期数据
+        draws = self.db.query(model).order_by(
+            model.open_time.desc()).limit(periods).all()
+
+        # 初始化遗漏值字典
+        red_missing = {i: 0 for i in range(1, max_red + 1)}
+        blue_missing = {i: 0 for i in range(1, max_blue + 1)}
+
+        # 标记号码是否已出现
+        red_found = {i: False for i in range(1, max_red + 1)}
+        blue_found = {i: False for i in range(1, max_blue + 1)}
+
+        for idx, draw in enumerate(draws):
+            if lottery_type == 'ssq':
+                red_numbers = [draw.red_ball_1, draw.red_ball_2, draw.red_ball_3,
+                               draw.red_ball_4, draw.red_ball_5, draw.red_ball_6]
+                blue_numbers = [draw.blue_ball]
+            else:
+                red_numbers = [draw.front_ball_1, draw.front_ball_2, draw.front_ball_3,
+                               draw.front_ball_4, draw.front_ball_5]
+                blue_numbers = [draw.back_ball_1, draw.back_ball_2]
+
+            # 红球遗漏统计
+            for i in range(1, max_red + 1):
+                if not red_found[i]:
+                    if i in red_numbers:
+                        red_found[i] = True
+                        red_missing[i] = idx
+            # 蓝球遗漏统计
+            for i in range(1, max_blue + 1):
+                if not blue_found[i]:
+                    if i in blue_numbers:
+                        blue_found[i] = True
+                        blue_missing[i] = idx
+
+        # 未出现过的号码，遗漏值为periods
+        for i in range(1, max_red + 1):
+            if not red_found[i]:
+                red_missing[i] = periods
+        for i in range(1, max_blue + 1):
+            if not blue_found[i]:
+                blue_missing[i] = periods
+
+        return {
+            'red_missing': red_missing,
+            'blue_missing': blue_missing
+        }
+
+    def generate_smart_numbers(self, lottery_type: str, strategy: str = 'balanced', count: int = 1, periods: int = 100) -> List[Dict]:
+        """智能选号
+
+        Args:
+            lottery_type: 彩票类型 ('ssq' 或 'dlt')
+            strategy: 选号策略 ('balanced', 'hot', 'cold', 'missing')
+            count: 生成注数
+            periods: 分析期数，默认100期
+
+        Returns:
+            List[Dict]: 生成的号码列表
+        """
+        import random
+
+        # 获取分析数据
+        hot_cold = self.get_hot_cold_numbers(lottery_type, periods)
+        distribution = self.analyze_number_distribution(lottery_type, periods)
+        missing = self.get_missing_periods(lottery_type, periods)
+
+        max_red = 33 if lottery_type == 'ssq' else 35
+        max_blue = 16 if lottery_type == 'ssq' else 12
+        red_count = 6 if lottery_type == 'ssq' else 5
+        blue_count = 1 if lottery_type == 'ssq' else 2
+
+        results = []
+        for _ in range(count):
+            # 根据策略选择红球
+            if strategy == 'hot':
+                red_pool = hot_cold['hot_reds']
+            elif strategy == 'cold':
+                red_pool = hot_cold['cold_reds']
+            elif strategy == 'missing':
+                red_pool = sorted(missing['red_missing'].items(),
+                                  key=lambda x: x[1], reverse=True)
+                red_pool = [num for num, _ in red_pool[:max_red//2]]
+            else:  # balanced
+                red_pool = list(range(1, max_red + 1))
+
+            # 确保红球池不为空且数量足够
+            if not red_pool or len(red_pool) < red_count:
+                red_pool = list(range(1, max_red + 1))
+
+            # 选择红球
+            try:
+                red_numbers = sorted(random.sample(red_pool, red_count))
+            except ValueError:
+                # 如果采样失败，使用全范围随机
+                red_numbers = sorted(random.sample(
+                    range(1, max_red + 1), red_count))
+
+            # 选择蓝球
+            if strategy == 'hot':
+                blue_pool = hot_cold['hot_blues']
+            elif strategy == 'cold':
+                blue_pool = hot_cold['cold_blues']
+            elif strategy == 'missing':
+                blue_pool = sorted(missing['blue_missing'].items(),
+                                   key=lambda x: x[1], reverse=True)
+                blue_pool = [num for num, _ in blue_pool[:max_blue//2]]
+            else:  # balanced
+                blue_pool = list(range(1, max_blue + 1))
+
+            # 确保蓝球池不为空且数量足够
+            if not blue_pool or len(blue_pool) < blue_count:
+                blue_pool = list(range(1, max_blue + 1))
+
+            # 选择蓝球
+            try:
+                blue_numbers = sorted(random.sample(blue_pool, blue_count))
+            except ValueError:
+                # 如果采样失败，使用全范围随机
+                blue_numbers = sorted(random.sample(
+                    range(1, max_blue + 1), blue_count))
+
+            results.append({
+                'red_numbers': red_numbers,
+                'blue_numbers': blue_numbers
+            })
+
+        return results
diff --git a/backend/main.py b/backend/main.py
new file mode 100644
index 0000000..76c53c2
--- /dev/null
+++ b/backend/main.py
@@ -0,0 +1,26 @@
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from app.api.endpoints import analysis
+
+app = FastAPI(
+    title="彩票数据分析系统",
+    description="支持双色球和大乐透的数据管理、统计分析和智能选号功能",
+    version="1.0.0"
+)
+
+# 配置CORS
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# 注册路由
+app.include_router(analysis.router, prefix="/api/analysis", tags=["analysis"])
+
+
+@app.get("/")
+def read_root():
+    return {"message": "欢迎使用彩票数据分析系统"}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 6163715..18a0669 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -88,7 +88,7 @@ onUnmounted(() => {
   font-size: 16px;
   font-weight: 500;
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 1024px) {
   .el-header {
     flex-direction: row;
     height: 50px;
diff --git a/frontend/src/api/lottery.js b/frontend/src/api/lottery.js
index abcdf5c..c319291 100644
--- a/frontend/src/api/lottery.js
+++ b/frontend/src/api/lottery.js
@@ -1,4 +1,5 @@
 import axios from 'axios'
+import request from '../utils/request'
 
 const api = axios.create({
   baseURL: '/api/v1/lottery'
@@ -89,5 +90,67 @@ export const lotteryApi = {
 
   generateDLTNumbers(params) {
     return api.get('/dlt/generate', { params })
+  },
+
+  // 获取热号冷号分析
+  getHotColdNumbers(lotteryType, params) {
+    return request({
+      url: `/api/v1/analysis/hot-cold/${lotteryType}`,
+      method: 'get',
+      params
+    })
+  },
+
+  // 获取号码分布分析
+  getNumberDistribution(lotteryType, params) {
+    return request({
+      url: `/api/v1/analysis/distribution/${lotteryType}`,
+      method: 'get',
+      params
+    })
+  },
+
+  // 获取连号分析
+  getConsecutiveAnalysis(lotteryType, params) {
+    return request({
+      url: `/api/v1/analysis/consecutive/${lotteryType}`,
+      method: 'get',
+      params
+    })
+  },
+
+  // 获取数学统计特征
+  getMathematicalStats(lotteryType, params) {
+    return request({
+      url: `/api/v1/analysis/math-stats/${lotteryType}`,
+      method: 'get',
+      params
+    })
+  },
+
+  // 获取遗漏值分析
+  getMissingPeriods(lotteryType) {
+    return request({
+      url: `/api/v1/analysis/missing/${lotteryType}`,
+      method: 'get'
+    })
+  },
+
+  // 智能选号
+  generateSmartNumbers(lotteryType, params) {
+    return request({
+      url: `/api/v1/analysis/smart-numbers/${lotteryType}`,
+      method: 'get',
+      params: {
+        strategy: params.strategy || 'balanced',
+        count: params.count || 1,
+        periods: params.periods || 100
+      }
+    }).then(response => {
+      if (response && response.data) {
+        return response
+      }
+      throw new Error('返回数据格式错误')
+    })
   }
 } 
\ No newline at end of file
diff --git a/frontend/src/utils/request.js b/frontend/src/utils/request.js
new file mode 100644
index 0000000..1f9dec5
--- /dev/null
+++ b/frontend/src/utils/request.js
@@ -0,0 +1,40 @@
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+
+// 创建axios实例
+const service = axios.create({
+  baseURL: 'http://localhost:8000', // API的基础URL
+  timeout: 15000 // 请求超时时间
+})
+
+// 请求拦截器
+service.interceptors.request.use(
+  config => {
+    // 在发送请求之前做些什么
+    return config
+  },
+  error => {
+    // 对请求错误做些什么
+    console.error('Request error:', error)
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器
+service.interceptors.response.use(
+  response => {
+    // FastAPI 返回的数据在 response.data 中
+    return response
+  },
+  error => {
+    console.error('Response error:', error)
+    ElMessage({
+      message: error.message || 'Request failed',
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+
+export default service 
\ No newline at end of file
diff --git a/frontend/src/views/NumberGenerator.vue b/frontend/src/views/NumberGenerator.vue
index 8bcb57d..dd09086 100644
--- a/frontend/src/views/NumberGenerator.vue
+++ b/frontend/src/views/NumberGenerator.vue
@@ -5,19 +5,28 @@
         <el-form :model="ssqForm" label-width="120px">
           <el-form-item label="选号策略">
             <el-radio-group v-model="ssqForm.strategy">
-              <el-radio label="random">随机选号</el-radio>
-              <el-radio label="frequency">频率选号</el-radio>
+              <el-radio label="balanced">均衡策略</el-radio>
               <el-radio label="hot">热门号码</el-radio>
               <el-radio label="cold">冷门号码</el-radio>
+              <el-radio label="missing">遗漏值策略</el-radio>
             </el-radio-group>
           </el-form-item>
           
+          <el-form-item label="分析周期">
+            <el-select v-model="ssqForm.periods">
+              <el-option label="最近50期" :value="50" />
+              <el-option label="最近100期" :value="100" />
+              <el-option label="最近200期" :value="200" />
+            </el-select>
+          </el-form-item>
+          
           <el-form-item label="生成注数">
             <el-input-number v-model="ssqForm.count" :min="1" :max="10" />
           </el-form-item>
           
           <el-form-item>
             <el-button type="primary" @click="generateSSQNumbers">生成号码</el-button>
+            <el-button @click="showSSQAnalysis">查看分析</el-button>
           </el-form-item>
         </el-form>
         
@@ -25,32 +34,82 @@
           <h3>生成结果</h3>
           <div v-for="(result, index) in ssqResults" :key="index" class="number-group">
             <div class="red-balls">
-              <span v-for="num in result.red_balls" :key="num" class="ball red">{{ num }}</span>
+              <span v-for="num in result.red_numbers" :key="num" class="ball red">{{ num }}</span>
             </div>
             <div class="blue-balls">
-              <span class="ball blue">{{ result.blue_ball }}</span>
+              <span v-for="num in result.blue_numbers" :key="num" class="ball blue">{{ num }}</span>
             </div>
           </div>
         </div>
+
+        <!-- 分析结果展示 -->
+        <el-dialog 
+          v-model="ssqAnalysisVisible" 
+          title="双色球分析" 
+          width="80%" 
+          :destroy-on-close="true"
+          @opened="onDialogOpened('ssq')">
+          <el-tabs v-model="activeAnalysisTab" @tab-click="handleTabClick">
+            <el-tab-pane label="热号冷号分析" name="hot-cold">
+              <div class="analysis-section">
+                <h4>热号</h4>
+                <div class="number-list">
+                  <span v-for="num in ssqAnalysis.hot_reds" :key="num" class="ball red">{{ num }}</span>
+                </div>
+                <h4>冷号</h4>
+                <div class="number-list">
+                  <span v-for="num in ssqAnalysis.cold_reds" :key="num" class="ball red">{{ num }}</span>
+                </div>
+              </div>
+            </el-tab-pane>
+            
+            <el-tab-pane label="号码分布" name="distribution">
+              <div class="analysis-section">
+                <h4>分区分布</h4>
+                <div ref="zoneChart" class="chart-container"></div>
+                <h4>奇偶分布</h4>
+                <div ref="oddEvenChart" class="chart-container"></div>
+              </div>
+            </el-tab-pane>
+            
+            <el-tab-pane label="遗漏值分析" name="missing">
+              <div class="analysis-section">
+                <h4>红球遗漏值</h4>
+                <div ref="redMissingChart" class="chart-container"></div>
+                <h4>蓝球遗漏值</h4>
+                <div ref="blueMissingChart" class="chart-container"></div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-dialog>
       </el-tab-pane>
       
       <el-tab-pane label="大乐透" name="dlt">
         <el-form :model="dltForm" label-width="120px">
           <el-form-item label="选号策略">
             <el-radio-group v-model="dltForm.strategy">
-              <el-radio label="random">随机选号</el-radio>
-              <el-radio label="frequency">频率选号</el-radio>
+              <el-radio label="balanced">均衡策略</el-radio>
               <el-radio label="hot">热门号码</el-radio>
               <el-radio label="cold">冷门号码</el-radio>
+              <el-radio label="missing">遗漏值策略</el-radio>
             </el-radio-group>
           </el-form-item>
           
+          <el-form-item label="分析周期">
+            <el-select v-model="dltForm.periods">
+              <el-option label="最近50期" :value="50" />
+              <el-option label="最近100期" :value="100" />
+              <el-option label="最近200期" :value="200" />
+            </el-select>
+          </el-form-item>
+          
           <el-form-item label="生成注数">
             <el-input-number v-model="dltForm.count" :min="1" :max="10" />
           </el-form-item>
           
           <el-form-item>
             <el-button type="primary" @click="generateDLTNumbers">生成号码</el-button>
+            <el-button @click="showDLTAnalysis">查看分析</el-button>
           </el-form-item>
         </el-form>
         
@@ -58,34 +117,78 @@
           <h3>生成结果</h3>
           <div v-for="(result, index) in dltResults" :key="index" class="number-group">
             <div class="front-balls">
-              <span v-for="num in result.front_balls" :key="num" class="ball red">{{ num }}</span>
+              <span v-for="num in result.red_numbers" :key="num" class="ball red">{{ num }}</span>
             </div>
             <div class="back-balls">
-              <span v-for="num in result.back_balls" :key="num" class="ball blue">{{ num }}</span>
+              <span v-for="num in result.blue_numbers" :key="num" class="ball blue">{{ num }}</span>
             </div>
           </div>
         </div>
+
+        <!-- 分析结果展示 -->
+        <el-dialog 
+          v-model="dltAnalysisVisible" 
+          title="大乐透分析" 
+          width="80%" 
+          :destroy-on-close="true"
+          @opened="onDialogOpened('dlt')">
+          <el-tabs v-model="activeAnalysisTab" @tab-click="handleTabClick">
+            <el-tab-pane label="热号冷号分析" name="hot-cold">
+              <div class="analysis-section">
+                <h4>热号</h4>
+                <div class="number-list">
+                  <span v-for="num in dltAnalysis.hot_reds" :key="num" class="ball red">{{ num }}</span>
+                </div>
+                <h4>冷号</h4>
+                <div class="number-list">
+                  <span v-for="num in dltAnalysis.cold_reds" :key="num" class="ball red">{{ num }}</span>
+                </div>
+              </div>
+            </el-tab-pane>
+            
+            <el-tab-pane label="号码分布" name="distribution">
+              <div class="analysis-section">
+                <h4>分区分布</h4>
+                <div ref="dltZoneChart" class="chart-container"></div>
+                <h4>奇偶分布</h4>
+                <div ref="dltOddEvenChart" class="chart-container"></div>
+              </div>
+            </el-tab-pane>
+            
+            <el-tab-pane label="遗漏值分析" name="missing">
+              <div class="analysis-section">
+                <h4>红球遗漏值</h4>
+                <div ref="dltRedMissingChart" class="chart-container"></div>
+                <h4>蓝球遗漏值</h4>
+                <div ref="dltBlueMissingChart" class="chart-container"></div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-dialog>
       </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted, nextTick, onUnmounted } from 'vue'
 import { lotteryApi } from '../api/lottery'
 import { ElMessage } from 'element-plus'
+import * as echarts from 'echarts'
 
 const activeTab = ref('ssq')
 
 // 双色球表单
 const ssqForm = ref({
-  strategy: 'random',
+  strategy: 'balanced',
+  periods: 100,
   count: 1
 })
 
 // 大乐透表单
 const dltForm = ref({
-  strategy: 'random',
+  strategy: 'balanced',
+  periods: 100,
   count: 1
 })
 
@@ -93,40 +196,1168 @@ const dltForm = ref({
 const ssqResults = ref([])
 const dltResults = ref([])
 
+// 分析结果
+const ssqAnalysis = ref({
+  hot_reds: [],
+  cold_reds: [],
+  zone_distribution: {},
+  odd_even_distribution: {},
+  red_missing: {},
+  blue_missing: {}
+})
+const dltAnalysis = ref({
+  hot_reds: [],
+  cold_reds: [],
+  zone_distribution: {},
+  odd_even_distribution: {},
+  red_missing: {},
+  blue_missing: {}
+})
+const ssqAnalysisVisible = ref(false)
+const dltAnalysisVisible = ref(false)
+
+// 图表引用
+const zoneChart = ref(null)
+const oddEvenChart = ref(null)
+const redMissingChart = ref(null)
+const blueMissingChart = ref(null)
+const dltZoneChart = ref(null)
+const dltOddEvenChart = ref(null)
+const dltRedMissingChart = ref(null)
+const dltBlueMissingChart = ref(null)
+
+const activeAnalysisTab = ref('hot-cold')
+
+// 存储图表实例和观察器
+const chartInstances = ref(new Map())
+const resizeObservers = ref(new Map())
+
+// 清理特定的图表实例和其观察器
+const cleanupChart = (chartKey) => {
+  // 清理图表实例
+  if (chartInstances.value.has(chartKey)) {
+    const chart = chartInstances.value.get(chartKey)
+    chart.dispose()
+    chartInstances.value.delete(chartKey)
+  }
+  
+  // 清理 ResizeObserver
+  if (resizeObservers.value.has(chartKey)) {
+    const observer = resizeObservers.value.get(chartKey)
+    observer.disconnect()
+    resizeObservers.value.delete(chartKey)
+  }
+}
+
+// 清理所有图表
+const cleanupAllCharts = () => {
+  const keys = Array.from(chartInstances.value.keys())
+  keys.forEach(key => cleanupChart(key))
+}
+
+// 初始化单个图表
+const initChart = (container, key) => {
+  if (!container) return null
+  
+  // 如果已存在实例，先清理
+  cleanupChart(key)
+  
+  // 创建新实例
+  const chart = echarts.init(container)
+  chartInstances.value.set(key, chart)
+  
+  // 设置 ResizeObserver
+  const observer = new ResizeObserver(() => {
+    const currentChart = chartInstances.value.get(key)
+    if (currentChart) {
+      currentChart.resize()
+    }
+  })
+  observer.observe(container)
+  resizeObservers.value.set(key, observer)
+  
+  return chart
+}
+
 // 生成双色球号码
 const generateSSQNumbers = async () => {
   try {
-    const response = await lotteryApi.generateSSQNumbers({
+    const response = await lotteryApi.generateSmartNumbers('ssq', {
       strategy: ssqForm.value.strategy,
-      count: ssqForm.value.count
+      count: ssqForm.value.count,
+      periods: ssqForm.value.periods
     })
-    ssqResults.value = response.data.results
-    ElMessage.success('号码生成成功')
+    if (response && response.data) {
+      ssqResults.value = response.data
+      ElMessage.success('号码生成成功')
+    } else {
+      throw new Error('返回数据格式错误')
+    }
   } catch (error) {
     console.error('生成号码失败:', error)
-    ElMessage.error('生成号码失败')
+    ElMessage.error('生成号码失败: ' + (error.message || '未知错误'))
+    ssqResults.value = []
   }
 }
 
 // 生成大乐透号码
 const generateDLTNumbers = async () => {
   try {
-    const response = await lotteryApi.generateDLTNumbers({
+    const response = await lotteryApi.generateSmartNumbers('dlt', {
       strategy: dltForm.value.strategy,
-      count: dltForm.value.count
+      count: dltForm.value.count,
+      periods: dltForm.value.periods
     })
-    dltResults.value = response.data.results
-    ElMessage.success('号码生成成功')
+    if (response && response.data) {
+      dltResults.value = response.data
+      ElMessage.success('号码生成成功')
+    } else {
+      throw new Error('返回数据格式错误')
+    }
   } catch (error) {
     console.error('生成号码失败:', error)
-    ElMessage.error('生成号码失败')
+    ElMessage.error('生成号码失败: ' + (error.message || '未知错误'))
+    dltResults.value = []
   }
 }
+
+// 显示双色球分析
+const showSSQAnalysis = async () => {
+  try {
+    const [hotCold, distribution, missing] = await Promise.all([
+      lotteryApi.getHotColdNumbers('ssq', { periods: ssqForm.value.periods }),
+      lotteryApi.getNumberDistribution('ssq', { periods: ssqForm.value.periods }),
+      lotteryApi.getMissingPeriods('ssq', { periods: ssqForm.value.periods })
+    ])
+    
+    if (hotCold.data && distribution.data && missing.data) {
+      ssqAnalysis.value = {
+        ...hotCold.data,
+        ...distribution.data,
+        ...missing.data
+      }
+      ssqAnalysisVisible.value = true
+    } else {
+      throw new Error('返回数据格式错误')
+    }
+  } catch (error) {
+    console.error('获取分析数据失败:', error)
+    ElMessage.error('获取分析数据失败: ' + (error.message || '未知错误'))
+  }
+}
+
+// 显示大乐透分析
+const showDLTAnalysis = async () => {
+  try {
+    const [hotCold, distribution, missing] = await Promise.all([
+      lotteryApi.getHotColdNumbers('dlt', { periods: dltForm.value.periods }),
+      lotteryApi.getNumberDistribution('dlt', { periods: dltForm.value.periods }),
+      lotteryApi.getMissingPeriods('dlt', { periods: dltForm.value.periods })
+    ])
+    
+    if (hotCold.data && distribution.data && missing.data) {
+      dltAnalysis.value = {
+        ...hotCold.data,
+        ...distribution.data,
+        ...missing.data
+      }
+      dltAnalysisVisible.value = true
+    } else {
+      throw new Error('返回数据格式错误')
+    }
+  } catch (error) {
+    console.error('获取分析数据失败:', error)
+    ElMessage.error('获取分析数据失败: ' + (error.message || '未知错误'))
+  }
+}
+
+// 处理对话框打开事件
+const onDialogOpened = async (type) => {
+  await nextTick()
+  // 等待一个短暂的延时，确保DOM完全渲染
+  setTimeout(() => {
+    if (type === 'ssq') {
+      initSSQCharts()
+    } else {
+      initDLTCharts()
+    }
+  }, 100)
+}
+
+// 处理标签页切换
+const handleTabClick = async (tab) => {
+  await nextTick()
+  // 清除所有图表
+  cleanupAllCharts()
+  
+  // 根据当前标签页重新初始化相应的图表
+  if (tab.props.name === 'distribution') {
+    if (ssqAnalysisVisible.value) {
+      initSSQDistributionCharts()
+    } else if (dltAnalysisVisible.value) {
+      initDLTDistributionCharts()
+    }
+  } else if (tab.props.name === 'missing') {
+    if (ssqAnalysisVisible.value) {
+      initSSQMissingCharts()
+    } else if (dltAnalysisVisible.value) {
+      initDLTMissingCharts()
+    }
+  }
+}
+
+// 初始化双色球图表
+const initSSQCharts = () => {
+  if (activeAnalysisTab.value === 'distribution') {
+    initSSQDistributionCharts()
+  } else if (activeAnalysisTab.value === 'missing') {
+    initSSQMissingCharts()
+  }
+}
+
+// 初始化双色球分布图表
+const initSSQDistributionCharts = () => {
+  if (!zoneChart.value || !oddEvenChart.value) return
+  
+  const zoneInstance = initChart(zoneChart.value, 'ssq-zone')
+  const oddEvenInstance = initChart(oddEvenChart.value, 'ssq-oddeven')
+  
+  if (zoneInstance) {
+    // 处理分区分布数据
+    const zoneData = [
+      { name: '1区(1-5)', value: 0 },
+      { name: '2区(6-10)', value: 0 },
+      { name: '3区(11-15)', value: 0 },
+      { name: '4区(16-20)', value: 0 },
+      { name: '5区(21-25)', value: 0 },
+      { name: '6区(26-30)', value: 0 },
+      { name: '7区(31-33)', value: 0 }
+    ]
+
+    // 填充实际数据
+    Object.entries(ssqAnalysis.value.zone_distribution).forEach(([zone, count]) => {
+      const index = parseInt(zone) - 1
+      if (index >= 0 && index < zoneData.length) {
+        zoneData[index].value = count
+      }
+    })
+
+    zoneInstance.setOption({
+      title: { 
+        text: '号码分区分布',
+        left: 'center',
+        top: 10,
+        subtext: '各区间号码出现次数统计'
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: '{b}: {c}次'
+      },
+      grid: {
+        top: 80,
+        left: 50,
+        right: 30,
+        bottom: 60,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: zoneData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 30,
+          margin: 15,
+          align: 'center'
+        },
+        axisTick: {
+          alignWithLabel: true
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '出现次数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0]
+        }
+      },
+      series: [{
+        data: zoneData.map(item => ({
+          value: item.value,
+          itemStyle: {
+            color: '#6b7fff'
+          }
+        })),
+        type: 'bar',
+        barWidth: '40%',
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c}次'
+        }
+      }]
+    })
+  }
+  
+  if (oddEvenInstance) {
+    // 处理奇偶分布数据
+    const oddEvenData = [
+      { name: '奇数', value: ssqAnalysis.value.odd_even_distribution?.odd || 0 },
+      { name: '偶数', value: ssqAnalysis.value.odd_even_distribution?.even || 0 }
+    ]
+    
+    oddEvenInstance.setOption({
+      title: { 
+        text: '奇偶分布',
+        left: 'center',
+        top: 10,
+        subtext: '红球奇偶数字出现次数比例'
+      },
+      tooltip: { 
+        trigger: 'item',
+        formatter: '{b}: {c}次 ({d}%)'
+      },
+      legend: {
+        orient: 'horizontal',
+        bottom: 20,
+        left: 'center',
+        data: ['奇数', '偶数']
+      },
+      series: [{
+        name: '奇偶分布',
+        type: 'pie',
+        radius: ['40%', '70%'],
+        center: ['50%', '50%'],
+        avoidLabelOverlap: true,
+        itemStyle: {
+          borderRadius: 10,
+          borderColor: '#fff',
+          borderWidth: 2
+        },
+        label: {
+          show: true,
+          position: 'outside',
+          formatter: '{b}\n{c}次\n{d}%',
+          alignTo: 'none',
+          bleedMargin: 5
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 16,
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          length: 30,
+          length2: 0,
+          maxSurfaceAngle: 80
+        },
+        data: [
+          {
+            name: '奇数',
+            value: oddEvenData[0].value,
+            itemStyle: { color: '#ff7c7c' }
+          },
+          {
+            name: '偶数',
+            value: oddEvenData[1].value,
+            itemStyle: { color: '#7cb5ff' }
+          }
+        ]
+      }]
+    })
+  }
+}
+
+// 初始化双色球遗漏值图表
+const initSSQMissingCharts = () => {
+  if (!redMissingChart.value || !blueMissingChart.value) return
+  
+  const redInstance = initChart(redMissingChart.value, 'ssq-red-missing')
+  const blueInstance = initChart(blueMissingChart.value, 'ssq-blue-missing')
+  
+  if (redInstance) {
+    // 处理红球遗漏值数据
+    const redMissingData = Object.entries(ssqAnalysis.value.red_missing).map(([num, count]) => {
+      let category = '';
+      if (count >= 15) category = '长期遗漏';
+      else if (count >= 10) category = '较长遗漏';
+      else if (count >= 5) category = '中等遗漏';
+      else category = '短期遗漏';
+      
+      return {
+        name: num.padStart(2, '0'),
+        value: count,
+        category: category,
+        itemStyle: {
+          color: count >= 15 ? '#c41d1d' :
+                count >= 10 ? '#eb2f2f' :
+                count >= 5 ? '#f75959' : '#ffd6d6'
+        }
+      };
+    }).sort((a, b) => Number(a.name) - Number(b.name));
+
+    redInstance.setOption({
+      title: { 
+        text: '红球遗漏值',
+        left: 'center',
+        top: 10,
+        subtext: '各号码未开出的期数',
+        subtextStyle: {
+          color: '#666'
+        }
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: function(params) {
+          const data = params[0];
+          return `号码: ${data.name}<br/>遗漏: ${data.value} 期<br/>状态: ${data.data.category}`;
+        }
+      },
+      legend: {
+        show: false
+      },
+      grid: {
+        top: 100,
+        left: 50,
+        right: 30,
+        bottom: 80,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: redMissingData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 45,
+          margin: 8,
+          align: 'center',
+          fontSize: 12,
+          hideOverlap: true,
+          color: '#666'
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#ddd'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '遗漏期数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0],
+          color: '#666'
+        },
+        axisLabel: {
+          formatter: '{value} 期',
+          color: '#666'
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      series: [{
+        name: '遗漏期数',
+        type: 'bar',
+        barWidth: '60%',
+        barGap: '30%',
+        data: redMissingData,
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c} 期',
+          fontSize: 12,
+          color: '#666',
+          distance: 6
+        },
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.2)'
+          }
+        }
+      }],
+      visualMap: {
+        show: true,
+        right: 10,
+        pieces: [{
+          min: 15,
+          label: '长期遗漏(≥15期)',
+          color: '#c41d1d'
+        }, {
+          min: 10,
+          max: 14,
+          label: '较长遗漏(10-14期)',
+          color: '#eb2f2f'
+        }, {
+          min: 5,
+          max: 9,
+          label: '中等遗漏(5-9期)',
+          color: '#f75959'
+        }, {
+          max: 4,
+          label: '短期遗漏(0-4期)',
+          color: '#ffd6d6'
+        }]
+      }
+    });
+  }
+  
+  if (blueInstance) {
+    // 处理蓝球遗漏值数据
+    const blueMissingData = Object.entries(ssqAnalysis.value.blue_missing).map(([num, count]) => {
+      let category = '';
+      if (count >= 15) category = '长期遗漏';
+      else if (count >= 10) category = '较长遗漏';
+      else if (count >= 5) category = '中等遗漏';
+      else category = '短期遗漏';
+      
+      return {
+        name: num.padStart(2, '0'),
+        value: count,
+        category: category,
+        itemStyle: {
+          color: count >= 15 ? '#1d39c4' :
+                count >= 10 ? '#2f54eb' :
+                count >= 5 ? '#597ef7' : '#d6e4ff'
+        }
+      };
+    }).sort((a, b) => Number(a.name) - Number(b.name));
+
+    blueInstance.setOption({
+      title: { 
+        text: '蓝球遗漏值',
+        left: 'center',
+        top: 10,
+        subtext: '各号码未开出的期数',
+        subtextStyle: {
+          color: '#666'
+        }
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: function(params) {
+          const data = params[0];
+          return `号码: ${data.name}<br/>遗漏: ${data.value} 期<br/>状态: ${data.data.category}`;
+        }
+      },
+      legend: {
+        show: false
+      },
+      grid: {
+        top: 100,
+        left: 50,
+        right: 30,
+        bottom: 80,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: blueMissingData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 45,
+          margin: 8,
+          align: 'center',
+          fontSize: 12,
+          hideOverlap: true,
+          color: '#666'
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#ddd'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '遗漏期数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0],
+          color: '#666'
+        },
+        axisLabel: {
+          formatter: '{value} 期',
+          color: '#666'
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      series: [{
+        name: '遗漏期数',
+        type: 'bar',
+        barWidth: '60%',
+        barGap: '30%',
+        data: blueMissingData,
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c} 期',
+          fontSize: 12,
+          color: '#666',
+          distance: 6
+        },
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.2)'
+          }
+        }
+      }],
+      visualMap: {
+        show: true,
+        right: 10,
+        pieces: [{
+          min: 15,
+          label: '长期遗漏(≥15期)',
+          color: '#1d39c4'
+        }, {
+          min: 10,
+          max: 14,
+          label: '较长遗漏(10-14期)',
+          color: '#2f54eb'
+        }, {
+          min: 5,
+          max: 9,
+          label: '中等遗漏(5-9期)',
+          color: '#597ef7'
+        }, {
+          max: 4,
+          label: '短期遗漏(0-4期)',
+          color: '#d6e4ff'
+        }]
+      }
+    });
+  }
+}
+
+// 初始化大乐透图表
+const initDLTCharts = () => {
+  if (activeAnalysisTab.value === 'distribution') {
+    initDLTDistributionCharts()
+  } else if (activeAnalysisTab.value === 'missing') {
+    initDLTMissingCharts()
+  }
+}
+
+// 初始化大乐透分布图表
+const initDLTDistributionCharts = () => {
+  if (!dltZoneChart.value || !dltOddEvenChart.value) return
+  
+  const zoneInstance = initChart(dltZoneChart.value, 'dlt-zone')
+  const oddEvenInstance = initChart(dltOddEvenChart.value, 'dlt-oddeven')
+  
+  if (zoneInstance) {
+    // 处理分区分布数据
+    const zoneData = [
+      { name: '1区(1-5)', value: 0 },
+      { name: '2区(6-10)', value: 0 },
+      { name: '3区(11-15)', value: 0 },
+      { name: '4区(16-20)', value: 0 },
+      { name: '5区(21-25)', value: 0 },
+      { name: '6区(26-30)', value: 0 },
+      { name: '7区(31-35)', value: 0 }
+    ]
+
+    // 填充实际数据
+    Object.entries(dltAnalysis.value.zone_distribution).forEach(([zone, count]) => {
+      const index = parseInt(zone) - 1
+      if (index >= 0 && index < zoneData.length) {
+        zoneData[index].value = count
+      }
+    })
+
+    zoneInstance.setOption({
+      title: { 
+        text: '号码分区分布',
+        left: 'center',
+        top: 10,
+        subtext: '各区间号码出现次数统计'
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: '{b}: {c}次'
+      },
+      grid: {
+        top: 80,
+        left: 50,
+        right: 30,
+        bottom: 60,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: zoneData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 30,
+          margin: 15,
+          align: 'center'
+        },
+        axisTick: {
+          alignWithLabel: true
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '出现次数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0]
+        }
+      },
+      series: [{
+        data: zoneData.map(item => ({
+          value: item.value,
+          itemStyle: {
+            color: '#6b7fff'
+          }
+        })),
+        type: 'bar',
+        barWidth: '40%',
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c}次'
+        }
+      }]
+    })
+  }
+  
+  if (oddEvenInstance) {
+    // 处理奇偶分布数据
+    const oddEvenData = [
+      { name: '奇数', value: dltAnalysis.value.odd_even_distribution?.odd || 0 },
+      { name: '偶数', value: dltAnalysis.value.odd_even_distribution?.even || 0 }
+    ]
+    
+    oddEvenInstance.setOption({
+      title: { 
+        text: '奇偶分布',
+        left: 'center',
+        top: 10,
+        subtext: '红球奇偶数字出现次数比例'
+      },
+      tooltip: { 
+        trigger: 'item',
+        formatter: '{b}: {c}次 ({d}%)'
+      },
+      legend: {
+        orient: 'horizontal',
+        bottom: 20,
+        left: 'center',
+        data: ['奇数', '偶数']
+      },
+      series: [{
+        name: '奇偶分布',
+        type: 'pie',
+        radius: ['40%', '70%'],
+        center: ['50%', '50%'],
+        avoidLabelOverlap: true,
+        itemStyle: {
+          borderRadius: 10,
+          borderColor: '#fff',
+          borderWidth: 2
+        },
+        label: {
+          show: true,
+          position: 'outside',
+          formatter: '{b}\n{c}次\n{d}%',
+          alignTo: 'none',
+          bleedMargin: 5
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 16,
+            fontWeight: 'bold'
+          }
+        },
+        labelLine: {
+          length: 30,
+          length2: 0,
+          maxSurfaceAngle: 80
+        },
+        data: [
+          {
+            name: '奇数',
+            value: oddEvenData[0].value,
+            itemStyle: { color: '#ff7c7c' }
+          },
+          {
+            name: '偶数',
+            value: oddEvenData[1].value,
+            itemStyle: { color: '#7cb5ff' }
+          }
+        ]
+      }]
+    })
+  }
+}
+
+// 初始化大乐透遗漏值图表
+const initDLTMissingCharts = () => {
+  if (!dltRedMissingChart.value || !dltBlueMissingChart.value) return
+  
+  const redInstance = initChart(dltRedMissingChart.value, 'dlt-red-missing')
+  const blueInstance = initChart(dltBlueMissingChart.value, 'dlt-blue-missing')
+  
+  if (redInstance) {
+    // 处理红球遗漏值数据
+    const redMissingData = Object.entries(dltAnalysis.value.red_missing).map(([num, count]) => {
+      let category = '';
+      if (count >= 15) category = '长期遗漏';
+      else if (count >= 10) category = '较长遗漏';
+      else if (count >= 5) category = '中等遗漏';
+      else category = '短期遗漏';
+      
+      return {
+        name: num.padStart(2, '0'),
+        value: count,
+        category: category,
+        itemStyle: {
+          color: count >= 15 ? '#c41d1d' :
+                count >= 10 ? '#eb2f2f' :
+                count >= 5 ? '#f75959' : '#ffd6d6'
+        }
+      };
+    }).sort((a, b) => Number(a.name) - Number(b.name));
+
+    redInstance.setOption({
+      title: { 
+        text: '红球遗漏值',
+        left: 'center',
+        top: 10,
+        subtext: '各号码未开出的期数',
+        subtextStyle: {
+          color: '#666'
+        }
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: function(params) {
+          const data = params[0];
+          return `号码: ${data.name}<br/>遗漏: ${data.value} 期<br/>状态: ${data.data.category}`;
+        }
+      },
+      legend: {
+        show: false
+      },
+      grid: {
+        top: 100,
+        left: 50,
+        right: 30,
+        bottom: 80,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: redMissingData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 45,
+          margin: 8,
+          align: 'center',
+          fontSize: 12,
+          hideOverlap: true,
+          color: '#666'
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#ddd'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '遗漏期数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0],
+          color: '#666'
+        },
+        axisLabel: {
+          formatter: '{value} 期',
+          color: '#666'
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      series: [{
+        name: '遗漏期数',
+        type: 'bar',
+        barWidth: '60%',
+        barGap: '30%',
+        data: redMissingData,
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c} 期',
+          fontSize: 12,
+          color: '#666',
+          distance: 6
+        },
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.2)'
+          }
+        }
+      }],
+      visualMap: {
+        show: true,
+        right: 10,
+        pieces: [{
+          min: 15,
+          label: '长期遗漏(≥15期)',
+          color: '#c41d1d'
+        }, {
+          min: 10,
+          max: 14,
+          label: '较长遗漏(10-14期)',
+          color: '#eb2f2f'
+        }, {
+          min: 5,
+          max: 9,
+          label: '中等遗漏(5-9期)',
+          color: '#f75959'
+        }, {
+          max: 4,
+          label: '短期遗漏(0-4期)',
+          color: '#ffd6d6'
+        }]
+      }
+    });
+  }
+  
+  if (blueInstance) {
+    // 处理蓝球遗漏值数据
+    const blueMissingData = Object.entries(dltAnalysis.value.blue_missing).map(([num, count]) => {
+      let category = '';
+      if (count >= 15) category = '长期遗漏';
+      else if (count >= 10) category = '较长遗漏';
+      else if (count >= 5) category = '中等遗漏';
+      else category = '短期遗漏';
+      
+      return {
+        name: num.padStart(2, '0'),
+        value: count,
+        category: category,
+        itemStyle: {
+          color: count >= 15 ? '#1d39c4' :
+                count >= 10 ? '#2f54eb' :
+                count >= 5 ? '#597ef7' : '#d6e4ff'
+        }
+      };
+    }).sort((a, b) => Number(a.name) - Number(b.name));
+
+    blueInstance.setOption({
+      title: { 
+        text: '蓝球遗漏值',
+        left: 'center',
+        top: 10,
+        subtext: '各号码未开出的期数',
+        subtextStyle: {
+          color: '#666'
+        }
+      },
+      tooltip: { 
+        trigger: 'axis',
+        axisPointer: {
+          type: 'shadow'
+        },
+        formatter: function(params) {
+          const data = params[0];
+          return `号码: ${data.name}<br/>遗漏: ${data.value} 期<br/>状态: ${data.data.category}`;
+        }
+      },
+      legend: {
+        show: false
+      },
+      grid: {
+        top: 100,
+        left: 50,
+        right: 30,
+        bottom: 80,
+        containLabel: true
+      },
+      xAxis: { 
+        type: 'category',
+        data: blueMissingData.map(item => item.name),
+        axisLabel: {
+          interval: 0,
+          rotate: 45,
+          margin: 8,
+          align: 'center',
+          fontSize: 12,
+          hideOverlap: true,
+          color: '#666'
+        },
+        axisTick: {
+          alignWithLabel: true
+        },
+        axisLine: {
+          lineStyle: {
+            color: '#ddd'
+          }
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      yAxis: { 
+        type: 'value',
+        minInterval: 1,
+        name: '遗漏期数',
+        nameTextStyle: {
+          padding: [0, 30, 0, 0],
+          color: '#666'
+        },
+        axisLabel: {
+          formatter: '{value} 期',
+          color: '#666'
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: '#eee',
+            type: 'dashed'
+          }
+        }
+      },
+      series: [{
+        name: '遗漏期数',
+        type: 'bar',
+        barWidth: '60%',
+        barGap: '30%',
+        data: blueMissingData,
+        label: {
+          show: true,
+          position: 'top',
+          formatter: '{c} 期',
+          fontSize: 12,
+          color: '#666',
+          distance: 6
+        },
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.2)'
+          }
+        }
+      }],
+      visualMap: {
+        show: true,
+        right: 10,
+        pieces: [{
+          min: 15,
+          label: '长期遗漏(≥15期)',
+          color: '#1d39c4'
+        }, {
+          min: 10,
+          max: 14,
+          label: '较长遗漏(10-14期)',
+          color: '#2f54eb'
+        }, {
+          min: 5,
+          max: 9,
+          label: '中等遗漏(5-9期)',
+          color: '#597ef7'
+        }, {
+          max: 4,
+          label: '短期遗漏(0-4期)',
+          color: '#d6e4ff'
+        }]
+      }
+    });
+  }
+}
+
+// 组件卸载时清理
+onUnmounted(() => {
+  cleanupAllCharts()
+})
+
+// 添加响应式布局相关的样式
 </script>
 
 <style scoped>
 .number-generator-container {
   padding: 20px;
+  width: 100%;
+  max-width: 1400px;
+  margin: 0 auto;
 }
 
 .results-container {
@@ -174,4 +1405,87 @@ const generateDLTNumbers = async () => {
 .back-balls {
   margin-left: 20px;
 }
+
+.analysis-section {
+  margin: 30px 0;
+}
+
+.number-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin: 10px 0;
+}
+
+h4 {
+  margin: 20px 0;
+  color: #303133;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* 图表容器样式 */
+.chart-container {
+  width: 100%;
+  min-height: 400px;
+  margin: 20px auto;
+  background-color: #fff;
+  position: relative; /* 添加相对定位 */
+}
+
+/* 对话框样式 */
+:deep(.el-dialog) {
+  margin: 5vh auto !important;
+  max-width: 1400px;
+  width: 90% !important;
+  height: 90vh;
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.el-dialog__body) {
+  height: calc(90vh - 120px);
+  overflow-y: auto;
+  padding: 20px;
+  flex: 1;
+}
+
+:deep(.el-tabs__content) {
+  height: calc(90vh - 200px);
+  overflow-y: auto;
+}
+
+/* 分析区域样式 */
+.analysis-section {
+  margin: 30px 0;
+  width: 100%;
+}
+
+/* 响应式布局 */
+@media screen and (max-width: 1200px) {
+  :deep(.el-dialog) {
+    width: 95% !important;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .number-generator-container {
+    padding: 10px;
+  }
+  
+  :deep(.el-dialog) {
+    width: 100% !important;
+    margin: 0 !important;
+    height: 100vh;
+    max-height: none;
+  }
+  
+  :deep(.el-dialog__body) {
+    height: calc(100vh - 120px);
+  }
+
+  .chart-container {
+    height: 300px;
+  }
+}
 </style> 
\ No newline at end of file