# 智能法律咨询平台 - LexiAI

## 1. Project Overview

**项目名称**: LexiAI (智能法律助手)

**项目类型**: Web应用 (Next.js + AI)

**核心功能**: 面向普通大众的智能法律咨询平台，帮助用户分析纠纷案情、评估风险、提供解决方案建议，并可匹配专业律师。

**目标用户**: 遇到法律纠纷需要初步咨询的普通个人用户。

## 2. UI/UX Specification

### Layout Structure

- **Header**: 固定顶部，包含Logo、导航菜单、用户入口
- **Hero Section**: 首页主视觉，展示核心价值
- **Main Content**: 
  - 左侧：对话式案情输入区
  - 右侧：分析结果展示区
- **Footer**: 简洁底部，包含版权信息

### Responsive Breakpoints
- Mobile: < 768px
- Tablet: 768px - 1024px
- Desktop: > 1024px

### Visual Design

**Color Palette**:
- Primary: #1A365D (深蓝色 - 专业、信任)
- Secondary: #2D5A87 (中蓝色)
- Accent: #E8B339 (金色 - 法律权威感)
- Background: #F7F9FC (浅灰蓝)
- Surface: #FFFFFF
- Text Primary: #1A202C
- Text Secondary: #4A5568
- Success: #38A169
- Warning: #DD6B20
- Error: #E53E3E

**Typography**:
- Headings: "Noto Serif SC", serif (中文衬线，有法律感)
- Body: "Noto Sans SC", sans-serif
- H1: 32px, H2: 24px, H3: 20px
- Body: 16px, Small: 14px

**Spacing**:
- Base unit: 8px
- Padding: 16px, 24px, 32px
- Margins: 8px, 16px, 24px, 32px

**Visual Effects**:
- Card shadow: 0 4px 12px rgba(26, 54, 93, 0.08)
- Hover shadow: 0 8px 24px rgba(26, 54, 93, 0.12)
- Border radius: 8px (cards), 4px (buttons)
- Transition: 0.2s ease

### Components

1. **ChatInput**: 对话式输入框，支持多行文本
2. **AnalysisCard**: 分析结果卡片
3. **CaseTypeSelector**: 案件类型选择器
4. **ProgressStepper**: 分析进度步骤条
5. **ResultDisplay**: 结果展示组件（法律关系图、风险评估等）
6. **LawyerCard**: 律师推荐卡片
7. **LegalArticle**: 法条展示组件

### Interactive Behaviors
- 输入框聚焦时边框高亮
- 卡片悬停时轻微上浮
- 按钮点击波纹效果
- 步骤进度动画
- 结果渐入动画

## 3. Functionality Specification

### Core Features

#### 3.1 智能案情分析
- 用户输入纠纷描述（自然语言）
- AI多轮追问关键细节
- 自动提取法律关系要素
- 生成案情摘要

#### 3.2 结果预判与风险评估
- 基于案例库给出可能结果区间
- 分析有利/不利因素
- 标注关键风险点（时效、证据等）
- 胜诉概率参考

#### 3.3 解决方案建议
- 列出可选路径：协商、调解、仲裁、诉讼
- 对比各路径的时间成本成功率
- 推荐下一步行动

#### 3.4 律师匹配
- 根据案情推荐合适律师
- 显示律师资历、擅长领域、收费参考

### Supported Case Types (初期支持)
1. 民间借贷纠纷
2. 合同纠纷
3. 婚姻家庭纠纷
4. 劳动纠纷
5. 交通事故纠纷
6. 房产纠纷

### User Flow
1. 选择案件类型
2. 描述纠纷情况
3. AI追问补充关键信息
4. 生成分析报告
5. 获取解决建议
6. (可选) 查看推荐律师

### Data Handling
- 用户输入仅用于当次分析，不持久化存储
- 案例数据脱敏后用于改进模型

### Edge Cases
- 输入过于简略时，引导补充信息
- 涉及刑事案件，提示寻求专业律师
- 不支持的案件类型，明确说明

## 4. Technical Architecture

### Tech Stack
- **Frontend**: Next.js 14, React, TypeScript, Tailwind CSS
- **State Management**: React Context + useReducer
- **AI Integration**: OpenAI API (GPT-4)
- **Components**: Radix UI (无障碍组件)
- **Animation**: Framer Motion

### Project Structure
```
/app
  /page.tsx              # 首页
  /layout.tsx            # 根布局
  /api
    /analyze             # 案情分析API
    /chat                # 对话API
/components
  /ui                    # 基础UI组件
  /features              # 功能组件
/lib
  /prompts               # AI提示词
  /types                 # 类型定义
  /utils                 # 工具函数
```

## 5. Acceptance Criteria

- [ ] 首页可选择案件类型
- [ ] 可输入纠纷描述并提交分析
- [ ] AI能追问关键信息
- [ ] 生成完整的分析报告（法律关系、风险、建议）
- [ ] 界面美观专业，符合法律平台调性
- [ ] 响应式布局适配各设备
- [ ] 明确标注"AI辅助，非法律意见"