feat:project update

myapp/angular.json

@@ -44,8 +44,8 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "5kb",
+                  "maximumError": "7kb"
                 }
               ],
               "fileReplacements": [

myapp/src/app/tab3/labor-contract/labor-contract-routing.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { LaborContractPage } from './labor-contract.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: LaborContractPage
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class LaborContractPageRoutingModule {}

myapp/src/app/tab3/labor-contract/labor-contract.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { IonicModule } from '@ionic/angular';
-
-import { LaborContractPageRoutingModule } from './labor-contract-routing.module';
-
-import { LaborContractPage } from './labor-contract.page';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FormsModule,
-    IonicModule,
-    LaborContractPageRoutingModule
-  ],
-  declarations: [LaborContractPage]
-})
-export class LaborContractPageModule {}

myapp/src/app/tab3/labor-contract/labor-contract.page.html

@@ -1,54 +0,0 @@
-<ion-header [translucent]="true">
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>明律通 - AI法律顾问</title>
-  <!-- 引入国内CDN资源 -->
-  <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-</ion-header>
-
-<ion-content [fullscreen]="true">
-  <div class="page document-detail" id="document-detail-page">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" (click)="goTab3('Tab3')"></i>
-                    <span style="margin-left: 10px;">文书详情</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-share-alt"></i>
-                </div>
-            </div>
-            
-            <div class="document-header">
-                <div class="document-name">劳动合同(标准版)</div>
-                <div class="document-meta">
-                    <span><i class="fas fa-download"></i> 1.2K下载</span>
-                    <span><i class="fas fa-star"></i> 4.8分</span>
-                    <span><i class="fas fa-file-alt"></i> 5页</span>
-                </div>
-                <div>适用于企业与员工签订的全职劳动合同，包含劳动法规定的基本条款。</div>
-            </div>
-            
-            <div class="document-content">
-                <h3>劳动合同</h3>
-                <p>甲方(用人单位)：_____________</p>
-                <p>乙方(劳动者)：_____________</p>
-                
-                <h3>第一条 合同期限</h3>
-                <p>1. 本合同期限为____年，自____年____月____日起至____年____月____日止。</p>
-                <p>2. 试用期为____个月，自____年____月____日起至____年____月____日止。</p>
-                
-                <h3>第二条 工作内容和工作地点</h3>
-                <p>1. 乙方同意根据甲方工作需要，担任________岗位(工种)工作。</p>
-                <p>2. 根据甲方的岗位作业特点，乙方的工作区域或工作地点为________。</p>
-                
-                <h3>第三条 工作时间和休息休假</h3>
-                <p>1. 甲方安排乙方执行________工作制。</p>
-                <p>2. 乙方依法享有法定节假日、婚假、产假、带薪年休假等休假权利。</p>
-                
-                <div class="document-actions">
-                    <div class="document-btn btn-outline">收藏模板</div>
-                    <div class="document-btn btn-primary">使用此模板</div>
-                </div>
-            </div>
-        </div>
-</ion-content>

myapp/src/app/tab3/labor-contract/labor-contract.page.scss

@@ -1,110 +0,0 @@
-ion-content {
-    --background: linear-gradient(135deg, #F8F9FF, #E6F7FF);
-    background-size: cover;   
-    --padding-start: 16px;  
-    --padding-end: 16px;
-    --padding-top:10px;
-}
-
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 0;
-            margin-bottom: 15px;
-        }
-        
-        .logo {
-            font-weight: bold;
-            font-size: 20px;
-            color: #3A5FE5;
-            display: flex;
-            align-items: center;
-        }
-        
-        .logo i {
-            margin-right: 8px;
-            color: #00C4A1;
-        }
-        
-        .user-avatar {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            background-color: #3A5FE5;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-        }
-
-
-        .document-detail {
-            padding-bottom: 70px;
-        }
-        
-        .document-header {
-            background: white;
-            padding: 15px;
-            border-radius: 12px;
-            margin-bottom: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .document-name {
-            font-size: 20px;
-            font-weight: bold;
-            margin-bottom: 10px;
-        }
-        
-        .document-meta {
-            display: flex;
-            color: #666;
-            font-size: 14px;
-            margin-bottom: 15px;
-        }
-        
-        .document-meta span {
-            margin-right: 15px;
-        }
-        
-        .document-content {
-            background: white;
-            padding: 15px;
-            border-radius: 12px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            line-height: 1.8;
-        }
-        
-        .document-content h3 {
-            margin: 15px 0 10px;
-            font-size: 18px;
-        }
-        
-        .document-content p {
-            margin: 10px 0;
-        }
-        
-        .document-actions {
-            display: flex;
-            gap: 10px;
-            margin-top: 20px;
-        }
-        
-        .document-btn {
-            flex: 1;
-            padding: 12px;
-            border-radius: 8px;
-            text-align: center;
-            font-weight: 500;
-        }
-        
-        .btn-primary {
-            background: #3A5FE5;
-            color: white;
-        }
-        
-        .btn-outline {
-            border: 1px solid #3A5FE5;
-            color: #3A5FE5;
-        }

myapp/src/app/tab3/labor-contract/labor-contract.page.spec.ts

@@ -1,17 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LaborContractPage } from './labor-contract.page';
-
-describe('LaborContractPage', () => {
-  let component: LaborContractPage;
-  let fixture: ComponentFixture<LaborContractPage>;
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LaborContractPage);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

myapp/src/app/tab3/labor-contract/labor-contract.page.ts

@@ -1,20 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { NavController } from '@ionic/angular';
-
-@Component({
-  selector: 'app-labor-contract',
-  templateUrl: './labor-contract.page.html',
-  styleUrls: ['./labor-contract.page.scss'],
-  standalone: false,
-})
-export class LaborContractPage{
-
-  constructor(
-      private navCtrl:NavController
-    ) {}
-  
-    goTab3(tab3?:string){
-      this.navCtrl.navigateBack(["tabs","tab3"])
-    }
-
-}

myapp/src/app/tab3/tab3-routing.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { Tab3Page } from './tab3.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: Tab3Page,
-  },
  {
-    path: 'labor-contract',
-    loadChildren: () => import('./labor-contract/labor-contract.module').then( m => m.LaborContractPageModule)
-  }
-
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class Tab3PageRoutingModule {}

myapp/src/app/tab3/tab3.module.ts

@@ -1,20 +0,0 @@
-import { IonicModule } from '@ionic/angular';
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { Tab3Page } from './tab3.page';
-import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
-
-import { Tab3PageRoutingModule } from './tab3-routing.module';
-
-@NgModule({
-  imports: [
-    IonicModule,
-    CommonModule,
-    FormsModule,
-    ExploreContainerComponentModule,
-    Tab3PageRoutingModule
-  ],
-  declarations: [Tab3Page]
-})
-export class Tab3PageModule {}

myapp/src/app/tab3/tab3.page.html

@@ -1,152 +0,0 @@
-<ion-header [translucent]="true">
-  <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - AI法律顾问</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-
-</ion-header>
-
-<ion-content [fullscreen]="true">
-  <!-- 文书首页 -->
-      <div class="page documents-page" id="documents-page">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('home-page')"></i>
-                    <span style="margin-left: 10px;">法律文书</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-user"></i>
-                </div>
-            </div>
-            
-            <div class="search-bar">
-                <input type="text" class="search-input" placeholder="搜索文书模板...">
-                <button class="search-btn">
-                    <i class="fas fa-search"></i>
-                </button>
-            </div>
-            
-            <div class="section-title">
-                文书分类
-                <a href="#">全部</a>
-            </div>
-            
-            <div class="category-tabs">
-                <div class="category-tab active">全部</div>
-                <div class="category-tab">劳动合同</div>
-                <div class="category-tab">婚姻家事</div>
-                <div class="category-tab">债权债务</div>
-                <div class="category-tab">房产交易</div>
-                <div class="category-tab">公司经营</div>
-                <div class="category-tab">知识产权</div>
-            </div>
-            
-            <div class="section-title">
-                常用文书模板
-            </div>
-            
-            <div class="document-grid">
-                <div class="document-card" (click)="goLaborcontract('劳动合同')">
-                    <div class="document-icon" style="background: #3A5FE5;">
-                        <i class="fas fa-file-contract"></i>
-                    </div>
-                    <div class="document-title">劳动合同</div>
-                    <div class="document-desc">标准劳动合同模板，适用于企业与员工签订</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #00C4A1;">
-                        <i class="fas fa-ring"></i>
-                    </div>
-                    <div class="document-title">离婚协议书</div>
-                    <div class="document-desc">协议离婚必备文书，包含财产分割、子女抚养等条款</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #FF6B6B;">
-                        <i class="fas fa-handshake"></i>
-                    </div>
-                    <div class="document-title">借款合同</div>
-                    <div class="document-desc">个人或企业间借款协议，明确利率、还款方式等</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #FFC107;">
-                        <i class="fas fa-home"></i>
-                    </div>
-                    <div class="document-title">房屋租赁合同</div>
-                    <div class="document-desc">房东与租客签订的标准租赁协议</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #9C27B0;">
-                        <i class="fas fa-building"></i>
-                    </div>
-                    <div class="document-title">股东协议</div>
-                    <div class="document-desc">公司股东之间的权利义务约定</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #673AB7;">
-                        <i class="fas fa-pen-fancy"></i>
-                    </div>
-                    <div class="document-title">著作权转让协议</div>
-                    <div class="document-desc">作品著作权转让的法律文书</div>
-                </div>
-            </div>
-            
-            <div class="recent-section">
-                <div class="section-title">
-                    最近使用
-                </div>
-                
-                <div class="recent-list">
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-file-contract"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">劳动合同(2023版)</div>
-                            <div class="recent-date">2023-10-15 编辑</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                    
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-handshake"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">借款合同-张三</div>
-                            <div class="recent-date">2023-09-28 生成</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                    
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-ring"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">离婚协议书草案</div>
-                            <div class="recent-date">2023-08-10 保存</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="floating-btn" onclick="showPage('create-document-page')">
-                <i class="fas fa-plus"></i>
-            </div>
-        </div>
-
-  
-</ion-content>

myapp/src/app/tab3/tab3.page.scss

@@ -1,279 +0,0 @@
-ion-content {
-    --background: linear-gradient(135deg, #F8F9FF, #E6F7FF);
-    background-size: cover;   
-    --padding-start: 16px;  
-    --padding-end: 16px; 
-    --padding-top: 20px;   
-}
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部导航 */
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 0;
-            margin-bottom: 15px;
-        }
-        
-        .logo {
-            font-weight: bold;
-            font-size: 20px;
-            color: #3A5FE5;
-            display: flex;
-            align-items: center;
-        }
-        
-        .logo i {
-            margin-right: 8px;
-            color: #00C4A1;
-        }
-        
-        .user-avatar {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            background-color: #3A5FE5;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-        }
-
-        /* 文书页面特有样式 */
-        .documents-page {
-            padding-bottom: 70px;
-        }
-        
-        .search-bar {
-            display: flex;
-            background: white;
-            border-radius: 24px;
-            padding: 10px 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            margin-bottom: 20px;
-        }
-        
-        .search-input {
-            flex: 1;
-            border: none;
-            outline: none;
-            padding: 5px;
-            font-size: 16px;
-        }
-        
-        .search-btn {
-            background: none;
-            border: none;
-            color: #3A5FE5;
-            font-size: 18px;
-        }
-        
-        .section-title {
-            font-size: 18px;
-            font-weight: bold;
-            margin: 15px 0;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        
-        .section-title a {
-            font-size: 14px;
-            font-weight: normal;
-            color: #3A5FE5;
-            text-decoration: none;
-        }
-        
-        .category-tabs {
-            display: flex;
-            overflow-x: auto;
-            gap: 10px;
-            padding-bottom: 10px;
-            margin: 15px 0;
-        }
-        
-        .category-tab {
-            padding: 8px 15px;
-            background: white;
-            border-radius: 20px;
-            white-space: nowrap;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            font-size: 14px;
-        }
-        
-        .category-tab.active {
-            background: #3A5FE5;
-            color: white;
-        }
-        
-        .document-grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 15px;
-            margin: 15px 0;
-        }
-        
-        .document-card {
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s;
-        }
-        
-        .document-card:active {
-            transform: scale(0.98);
-        }
-        
-        .document-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-bottom: 10px;
-            color: white;
-            font-size: 18px;
-        }
-        
-        .document-title {
-            font-weight: bold;
-            margin-bottom: 5px;
-        }
-        
-        .document-desc {
-            font-size: 12px;
-            color: #666;
-            display: -webkit-box;           
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-        }
-        
-        .recent-section {
-            margin: 25px 0;
-        }
-        
-        .recent-list {
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .recent-item {
-            display: flex;
-            align-items: center;
-            padding: 10px 0;
-            border-bottom: 1px solid #eee;
-        }
-        
-        .recent-item:last-child {
-            border-bottom: none;
-        }
-        
-        .recent-icon {
-            width: 36px;
-            height: 36px;
-            border-radius: 8px;
-            background: #E6F7FF;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 10px;
-            color: #3A5FE5;
-        }
-        
-        .recent-info {
-            flex: 1;
-        }
-        
-        .recent-name {
-            font-weight: 500;
-            margin-bottom: 3px;
-        }
-        
-        .recent-date {
-            font-size: 12px;
-            color: #999;
-        }
-        
-        .recent-action {
-            color: #3A5FE5;
-        }
-        
-        .floating-btn {
-            position: fixed;
-            bottom: 80px;
-            right: 20px;
-            width: 56px;
-            height: 56px;
-            background: #3A5FE5;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            box-shadow: 0 4px 12px rgba(58, 95, 229, 0.3);
-            z-index: 10;
-        }
-
-        /* 加载动画 */
-        .loading {
-            display: flex;
-            justify-content: center;
-            padding: 20px;
-        }
-        
-        .loading-dots {
-            display: flex;
-            gap: 5px;
-        }
-        
-        .loading-dots span {
-            width: 8px;
-            height: 8px;
-            background: #3A5FE5;
-            border-radius: 50%;
-            animation: bounce 1s infinite alternate;
-        }
-        
-        .loading-dots span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        
-        .loading-dots span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-        
-        @keyframes bounce {
-            to {
-                transform: translateY(-5px);
-            }
-        }

myapp/src/app/tab3/tab3.page.spec.ts

@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { ExploreContainerComponentModule } from '../explore-container/explore-container.module';
-
-import { Tab3Page } from './tab3.page';
-
-describe('Tab3Page', () => {
-  let component: Tab3Page;
-  let fixture: ComponentFixture<Tab3Page>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [Tab3Page],
-      imports: [IonicModule.forRoot(), ExploreContainerComponentModule]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(Tab3Page);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

myapp/src/app/tab3/tab3.page.ts

@@ -1,20 +0,0 @@
-import { Component } from '@angular/core';
-import { NavController } from '@ionic/angular';
-
-@Component({
-  selector: 'app-tab3',
-  templateUrl: 'tab3.page.html',
-  styleUrls: ['tab3.page.scss'],
-  standalone: false,
-})
-export class Tab3Page {
-
-  constructor(
-      private navCtrl:NavController
-    ) {}
-
-  goLaborcontract(contract?:string){
-    this.navCtrl.navigateForward(["tabs","tab3","labor-contract"])
-  }
-
-}

myapp/src/app/tab4/tab4-routing.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { Tab4Page } from './tab4.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: Tab4Page
-  }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class Tab4PageRoutingModule {}

myapp/src/app/tab4/tab4.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { IonicModule } from '@ionic/angular';
-
-import { Tab4PageRoutingModule } from './tab4-routing.module';
-
-import { Tab4Page } from './tab4.page';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FormsModule,
-    IonicModule,
-    Tab4PageRoutingModule
-  ],
-  declarations: [Tab4Page]
-})
-export class Tab4PageModule {}

myapp/src/app/tab4/tab4.page.html

@@ -1,128 +0,0 @@
-<ion-header [translucent]="true">
-  <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - AI法律顾问</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-
-</ion-header>
-
-<ion-content [fullscreen]="true">
-  <div class="container">
-        <!-- 我的页面 -->
-        <div class="page" id="profile-page">
-            <!-- 个人资料区域 -->
-            <div class="profile-section">
-                <div class="profile-bg"></div>
-                <div class="profile-avatar">U</div>
-                <div class="profile-name">用户名</div>
-                <div class="profile-email">user&#64;example.com</div>
-            </div>
-            
-            <!-- 功能入口网格 -->
-            <div class="features-section">
-                <div class="section-title">
-                    常用功能
-                    <a href="#">管理</a>
-                </div>
-                <div class="features-grid">
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-file-alt"></i>
-                        </div>
-                        <div class="feature-title">我的文书</div>
-                        <div class="feature-desc">查看和管理您的法律文书</div>
-                    </div>                   
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-star"></i>
-                        </div>
-                        <div class="feature-title">收藏夹</div>
-                        <div class="feature-desc">您收藏的法律知识和案例</div>
-                    </div>
-                </div>
-            </div>
-            
-            
-            
-            <!-- 律师入驻区域 -->
-            <div class="lawyer-section">
-                <div class="lawyer-header">
-                    <div class="lawyer-title">律师入驻</div>
-                    <div class="lawyer-status" id="lawyer-status">未入驻</div>
-                </div>
-                <button class="lawyer-btn" id="apply-lawyer">
-                    立即申请入驻
-                </button>
-            </div>
-            
-            <!-- 设置区域 -->
-            <div class="settings-section">
-                <ul class="settings-list">
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-user-shield"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">账户安全</div>
-                            <div class="setting-desc">修改密码、设置密保</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-bell"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">消息通知</div>
-                            <div class="setting-desc">设置接收通知类型</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-cog"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">通用设置</div>
-                            <div class="setting-desc">消息提醒、隐私设置</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-question-circle"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">帮助中心</div>
-                            <div class="setting-desc">常见问题与解答</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-sign-out-alt"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">退出登录</div>
-                            <div class="setting-desc">安全退出当前账号</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        
-        
-    </div>
-</ion-content>

myapp/src/app/tab4/tab4.page.scss

@@ -1,251 +0,0 @@
-ion-content {
-    --background: linear-gradient(135deg, #F8F9FF, #E6F7FF);
-    background-size: cover;   
-    --padding-start: 16px;  
-    --padding-end: 16px; 
-     
-}
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-            --border: #E2E8F0;
-            --gray: #94A3B8;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部区域 */
-        .profile-section {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            padding: 30px 0 20px;
-            background: linear-gradient(135deg, #6A8EFF, #3A5FE5);
-            border-radius: 0 0 30px 30px;
-            margin-bottom: 20px;
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .profile-bg {
-            position: absolute;
-            top: -50%;
-            left: -50%;
-            width: 200%;
-            height: 200%;
-            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="2"/></svg>');
-            background-size: 100px 100px;
-            animation: rotate 60s linear infinite;
-            z-index: 0;
-        }
-        
-        @keyframes rotate {
-            from { transform: rotate(0deg); }
-            to { transform: rotate(360deg); }
-        }
-        
-        .profile-avatar {
-            width: 80px;
-            height: 80px;
-            border-radius: 50%;
-            background-color: white;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color:#3A5FE5;
-            font-size: 32px;
-            margin-bottom: 10px;
-            position: relative;
-            z-index: 1;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        }
-        
-        .profile-name {
-            color: white;
-            font-size: 18px;
-            font-weight: bold;
-            margin-bottom: 5px;
-            z-index: 1;
-        }
-        
-        .profile-email {
-            color: rgba(255, 255, 255, 0.8);
-            font-size: 14px;
-            z-index: 1;
-        }
-        
-        /* 功能卡片区域 */
-        .features-section {
-            margin-bottom: 20px;
-        }
-        
-        .section-title {
-            font-size: 18px;
-            font-weight: bold;
-            margin-bottom: 15px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--text);
-        }
-        
-        .section-title a {
-            font-size: 14px;
-            font-weight: normal;
-            color:#3A5FE5;
-            text-decoration: none;
-        }
-        
-        .features-grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 15px;
-        }
-        
-        .feature-card {
-            background: white;
-            border-radius: 12px;
-            padding: 20px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s, box-shadow 0.3s;
-        }
-        
-        .feature-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-        }
-        
-        .feature-icon {
-            font-size: 28px;
-            color: #3A5FE5;
-            margin-bottom: 10px;
-        }
-        
-        .feature-title {
-            font-size: 14px;
-            color: var(--text);
-            text-align: center;
-            margin-bottom: 8px;
-        }
-        
-        .feature-desc {
-            font-size: 12px;
-            color: var(--gray);
-            text-align: center;
-            line-height: 1.4;
-        }
-        
-        /* 律师入驻区域 */
-        .lawyer-section {
-            background: white;
-            border-radius: 12px;
-            padding: 20px;
-            margin-bottom: 20px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .lawyer-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 15px;
-        }
-        
-        .lawyer-title {
-            font-size: 16px;
-            font-weight: bold;
-            color: var(--text);
-        }
-        
-        .lawyer-status {
-            font-size: 12px;
-            color: #3A5FE5;
-            padding: 3px 8px;
-            border-radius: 12px;
-            background: rgba(58, 95, 229, 0.1);
-        }
-        
-        .lawyer-btn {
-            width: 100%;
-            background: #3A5FE5;
-            color: white;
-            border: none;
-            padding: 12px;
-            border-radius: 8px;
-            font-size: 16px;
-            font-weight: bold;
-            cursor: pointer;
-            transition: background 0.3s;
-        }
-        
-        .lawyer-btn:hover {
-            background: #2A4BCF;
-        }
-        
-        /* 设置区域 */
-        .settings-section {
-            margin-bottom: 20px;
-        }
-        
-        .settings-list {
-            list-style: none;
-        }
-        
-        .setting-item {
-            display: flex;
-            align-items: center;
-            padding: 15px;
-            background: white;
-            border-radius: 10px;
-            margin-bottom: 10px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .setting-icon {
-            font-size: 20px;
-            color: #3A5FE5;
-            margin-right: 15px;
-        }
-        
-        .setting-content {
-            flex: 1;
-        }
-        
-        .setting-title {
-            font-size: 16px;
-            color: var(--text);
-            margin-bottom: 4px;
-        }
-        
-        .setting-desc {
-            font-size: 12px;
-            color: #94A3B8;
-        }
-        
-        .setting-arrow {
-            font-size: 16px;
-            color: #94A3B8;
-        }

myapp/src/app/tab4/tab4.page.spec.ts

@@ -1,17 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Tab4Page } from './tab4.page';
-
-describe('Tab4Page', () => {
-  let component: Tab4Page;
-  let fixture: ComponentFixture<Tab4Page>;
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(Tab4Page);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

myapp/src/app/tab4/tab4.page.ts

@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-tab4',
-  templateUrl: 'tab4.page.html',
-  styleUrls: ['tab4.page.scss'],
-  standalone: false,
-})
-export class Tab4Page {
-
-  constructor() {}
-
-}
-

ui/book.html

@@ -1,735 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - 法律文书</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-    <style>
-        body {
-            background: linear-gradient(135deg, #F8F9FF, #E6F7FF); /* 浅蓝到白色的渐变 */
-            background-size: cover;
-            background-repeat: no-repeat; 
-            line-height: 1.6;
-            max-width: 100vw;
-            overflow-x: hidden;
-        }
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部导航 */
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 0;
-            margin-bottom: 15px;
-        }
-        
-        .logo {
-            font-weight: bold;
-            font-size: 20px;
-            color: var(--primary);
-            display: flex;
-            align-items: center;
-        }
-        
-        .logo i {
-            margin-right: 8px;
-            color: var(--secondary);
-        }
-        
-        .user-avatar {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            background-color: var(--primary);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-        }
-        
-        /* 底部导航 */
-        .tab-bar {
-            display: flex;
-            background: white;
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-            padding: 8px 0;
-        }
-        
-        .tab-item {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            color: #999;
-            text-decoration: none;
-            font-size: 12px;
-        }
-        
-        .tab-item.active {
-            color: var(--primary);
-        }
-        
-        .tab-icon {
-            font-size: 20px;
-            margin-bottom: 3px;
-        }
-        
-        /* 文书页面特有样式 */
-        .documents-page {
-            padding-bottom: 70px;
-        }
-        
-        .search-bar {
-            display: flex;
-            background: white;
-            border-radius: 24px;
-            padding: 10px 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            margin-bottom: 20px;
-        }
-        
-        .search-input {
-            flex: 1;
-            border: none;
-            outline: none;
-            padding: 5px;
-            font-size: 16px;
-        }
-        
-        .search-btn {
-            background: none;
-            border: none;
-            color: var(--primary);
-            font-size: 18px;
-        }
-        
-        .section-title {
-            font-size: 18px;
-            font-weight: bold;
-            margin: 15px 0;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        
-        .section-title a {
-            font-size: 14px;
-            font-weight: normal;
-            color: var(--primary);
-            text-decoration: none;
-        }
-        
-        .category-tabs {
-            display: flex;
-            overflow-x: auto;
-            gap: 10px;
-            padding-bottom: 10px;
-            margin: 15px 0;
-        }
-        
-        .category-tab {
-            padding: 8px 15px;
-            background: white;
-            border-radius: 20px;
-            white-space: nowrap;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            font-size: 14px;
-        }
-        
-        .category-tab.active {
-            background: var(--primary);
-            color: white;
-        }
-        
-        .document-grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 15px;
-            margin: 15px 0;
-        }
-        
-        .document-card {
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s;
-        }
-        
-        .document-card:active {
-            transform: scale(0.98);
-        }
-        
-        .document-icon {
-            width: 40px;
-            height: 40px;
-            border-radius: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-bottom: 10px;
-            color: white;
-            font-size: 18px;
-        }
-        
-        .document-title {
-            font-weight: bold;
-            margin-bottom: 5px;
-        }
-        
-        .document-desc {
-            font-size: 12px;
-            color: #666;
-            display: -webkit-box;
-            
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-        }
-        
-        .recent-section {
-            margin: 25px 0;
-        }
-        
-        .recent-list {
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .recent-item {
-            display: flex;
-            align-items: center;
-            padding: 10px 0;
-            border-bottom: 1px solid #eee;
-        }
-        
-        .recent-item:last-child {
-            border-bottom: none;
-        }
-        
-        .recent-icon {
-            width: 36px;
-            height: 36px;
-            border-radius: 8px;
-            background: #E6F7FF;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 10px;
-            color: var(--primary);
-        }
-        
-        .recent-info {
-            flex: 1;
-        }
-        
-        .recent-name {
-            font-weight: 500;
-            margin-bottom: 3px;
-        }
-        
-        .recent-date {
-            font-size: 12px;
-            color: #999;
-        }
-        
-        .recent-action {
-            color: var(--primary);
-        }
-        
-        .floating-btn {
-            position: fixed;
-            bottom: 80px;
-            right: 20px;
-            width: 56px;
-            height: 56px;
-            background: var(--primary);
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            box-shadow: 0 4px 12px rgba(58, 95, 229, 0.3);
-            z-index: 10;
-        }
-        
-        /* 加载动画 */
-        .loading {
-            display: flex;
-            justify-content: center;
-            padding: 20px;
-        }
-        
-        .loading-dots {
-            display: flex;
-            gap: 5px;
-        }
-        
-        .loading-dots span {
-            width: 8px;
-            height: 8px;
-            background: var(--primary);
-            border-radius: 50%;
-            animation: bounce 1s infinite alternate;
-        }
-        
-        .loading-dots span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        
-        .loading-dots span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-        
-        @keyframes bounce {
-            to {
-                transform: translateY(-5px);
-            }
-        }
-        
-        /* 文书详情页 */
-        .document-detail {
-            padding-bottom: 70px;
-        }
-        
-        .document-header {
-            background: white;
-            padding: 15px;
-            border-radius: 12px;
-            margin-bottom: 15px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .document-name {
-            font-size: 20px;
-            font-weight: bold;
-            margin-bottom: 10px;
-        }
-        
-        .document-meta {
-            display: flex;
-            color: #666;
-            font-size: 14px;
-            margin-bottom: 15px;
-        }
-        
-        .document-meta span {
-            margin-right: 15px;
-        }
-        
-        .document-content {
-            background: white;
-            padding: 15px;
-            border-radius: 12px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            line-height: 1.8;
-        }
-        
-        .document-content h3 {
-            margin: 15px 0 10px;
-            font-size: 18px;
-        }
-        
-        .document-content p {
-            margin: 10px 0;
-        }
-        
-        .document-actions {
-            display: flex;
-            gap: 10px;
-            margin-top: 20px;
-        }
-        
-        .document-btn {
-            flex: 1;
-            padding: 12px;
-            border-radius: 8px;
-            text-align: center;
-            font-weight: 500;
-        }
-        
-        .btn-primary {
-            background: var(--primary);
-            color: white;
-        }
-        
-        .btn-outline {
-            border: 1px solid var(--primary);
-            color: var(--primary);
-        }
-        
-        /* 创建文书页 */
-        .create-document {
-            padding-bottom: 70px;
-        }
-        
-        .form-group {
-            margin-bottom: 15px;
-        }
-        
-        .form-label {
-            display: block;
-            margin-bottom: 8px;
-            font-weight: 500;
-        }
-        
-        .form-control {
-            width: 100%;
-            padding: 12px 15px;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            font-size: 16px;
-        }
-        
-        .form-select {
-            width: 100%;
-            padding: 12px 15px;
-            border: 1px solid #ddd;
-            border-radius: 8px;
-            font-size: 16px;
-            background: white;
-        }
-        
-        .submit-btn {
-            width: 100%;
-            padding: 14px;
-            background: var(--primary);
-            color: white;
-            border: none;
-            border-radius: 8px;
-            font-size: 16px;
-            margin-top: 20px;
-        }
-    </style>
-</head>
-<body>
-    <div class="container" id="app">
-        <!-- 文书首页 -->
-        <div class="page documents-page" id="documents-page">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('home-page')"></i>
-                    <span style="margin-left: 10px;">法律文书</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-user"></i>
-                </div>
-            </div>
-            
-            <div class="search-bar">
-                <input type="text" class="search-input" placeholder="搜索文书模板...">
-                <button class="search-btn">
-                    <i class="fas fa-search"></i>
-                </button>
-            </div>
-            
-            <div class="section-title">
-                文书分类
-                <a href="#">全部</a>
-            </div>
-            
-            <div class="category-tabs">
-                <div class="category-tab active">全部</div>
-                <div class="category-tab">劳动合同</div>
-                <div class="category-tab">婚姻家事</div>
-                <div class="category-tab">债权债务</div>
-                <div class="category-tab">房产交易</div>
-                <div class="category-tab">公司经营</div>
-                <div class="category-tab">知识产权</div>
-            </div>
-            
-            <div class="section-title">
-                常用文书模板
-            </div>
-            
-            <div class="document-grid">
-                <div class="document-card" onclick="showPage('document-detail-page')">
-                    <div class="document-icon" style="background: #3A5FE5;">
-                        <i class="fas fa-file-contract"></i>
-                    </div>
-                    <div class="document-title">劳动合同</div>
-                    <div class="document-desc">标准劳动合同模板，适用于企业与员工签订</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #00C4A1;">
-                        <i class="fas fa-ring"></i>
-                    </div>
-                    <div class="document-title">离婚协议书</div>
-                    <div class="document-desc">协议离婚必备文书，包含财产分割、子女抚养等条款</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #FF6B6B;">
-                        <i class="fas fa-handshake"></i>
-                    </div>
-                    <div class="document-title">借款合同</div>
-                    <div class="document-desc">个人或企业间借款协议，明确利率、还款方式等</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #FFC107;">
-                        <i class="fas fa-home"></i>
-                    </div>
-                    <div class="document-title">房屋租赁合同</div>
-                    <div class="document-desc">房东与租客签订的标准租赁协议</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #9C27B0;">
-                        <i class="fas fa-building"></i>
-                    </div>
-                    <div class="document-title">股东协议</div>
-                    <div class="document-desc">公司股东之间的权利义务约定</div>
-                </div>
-                
-                <div class="document-card">
-                    <div class="document-icon" style="background: #673AB7;">
-                        <i class="fas fa-pen-fancy"></i>
-                    </div>
-                    <div class="document-title">著作权转让协议</div>
-                    <div class="document-desc">作品著作权转让的法律文书</div>
-                </div>
-            </div>
-            
-            <div class="recent-section">
-                <div class="section-title">
-                    最近使用
-                </div>
-                
-                <div class="recent-list">
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-file-contract"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">劳动合同(2023版)</div>
-                            <div class="recent-date">2023-10-15 编辑</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                    
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-handshake"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">借款合同-张三</div>
-                            <div class="recent-date">2023-09-28 生成</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                    
-                    <div class="recent-item">
-                        <div class="recent-icon">
-                            <i class="fas fa-ring"></i>
-                        </div>
-                        <div class="recent-info">
-                            <div class="recent-name">离婚协议书草案</div>
-                            <div class="recent-date">2023-08-10 保存</div>
-                        </div>
-                        <div class="recent-action">
-                            <i class="fas fa-ellipsis-v"></i>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <div class="floating-btn" onclick="showPage('create-document-page')">
-                <i class="fas fa-plus"></i>
-            </div>
-        </div>
-        
-        <!-- 文书详情页 -->
-        <div class="page document-detail" id="document-detail-page" style="display: none;">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('documents-page')"></i>
-                    <span style="margin-left: 10px;">文书详情</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-share-alt"></i>
-                </div>
-            </div>
-            
-            <div class="document-header">
-                <div class="document-name">劳动合同(标准版)</div>
-                <div class="document-meta">
-                    <span><i class="fas fa-download"></i> 1.2K下载</span>
-                    <span><i class="fas fa-star"></i> 4.8分</span>
-                    <span><i class="fas fa-file-alt"></i> 5页</span>
-                </div>
-                <div>适用于企业与员工签订的全职劳动合同，包含劳动法规定的基本条款。</div>
-            </div>
-            
-            <div class="document-content">
-                <h3>劳动合同</h3>
-                <p>甲方(用人单位)：_____________</p>
-                <p>乙方(劳动者)：_____________</p>
-                
-                <h3>第一条 合同期限</h3>
-                <p>1. 本合同期限为____年，自____年____月____日起至____年____月____日止。</p>
-                <p>2. 试用期为____个月，自____年____月____日起至____年____月____日止。</p>
-                
-                <h3>第二条 工作内容和工作地点</h3>
-                <p>1. 乙方同意根据甲方工作需要，担任________岗位(工种)工作。</p>
-                <p>2. 根据甲方的岗位作业特点，乙方的工作区域或工作地点为________。</p>
-                
-                <h3>第三条 工作时间和休息休假</h3>
-                <p>1. 甲方安排乙方执行________工作制。</p>
-                <p>2. 乙方依法享有法定节假日、婚假、产假、带薪年休假等休假权利。</p>
-                
-                <div class="document-actions">
-                    <div class="document-btn btn-outline">收藏模板</div>
-                    <div class="document-btn btn-primary">使用此模板</div>
-                </div>
-            </div>
-        </div>
-        
-        <!-- 创建文书页 -->
-        <div class="page create-document" id="create-document-page" style="display: none;">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('documents-page')"></i>
-                    <span style="margin-left: 10px;">创建文书</span>
-                </div>
-            </div>
-            
-            <div class="form-group">
-                <label class="form-label">文书类型</label>
-                <select class="form-select">
-                    <option value="">选择文书类型</option>
-                    <option value="1">劳动合同</option>
-                    <option value="2">借款合同</option>
-                    <option value="3">房屋租赁合同</option>
-                    <option value="4">离婚协议书</option>
-                    <option value="5">股东协议</option>
-                </select>
-            </div>
-            
-            <div class="form-group">
-                <label class="form-label">文书名称</label>
-                <input type="text" class="form-control" placeholder="例如: 张三劳动合同">
-            </div>
-            
-            <div class="form-group">
-                <label class="form-label">创建方式</label>
-                <div style="display: flex; gap: 10px;">
-                    <div style="flex: 1; text-align: center; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
-                        <div style="font-size: 24px; color: var(--primary); margin-bottom: 5px;">
-                            <i class="fas fa-file-alt"></i>
-                        </div>
-                        <div>使用模板</div>
-                    </div>
-                    <div style="flex: 1; text-align: center; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
-                        <div style="font-size: 24px; color: var(--primary); margin-bottom: 5px;">
-                            <i class="fas fa-keyboard"></i>
-                        </div>
-                        <div>空白创建</div>
-                    </div>
-                </div>
-            </div>
-            
-            <button class="submit-btn">开始创建</button>
-        </div>
-        
-        <!-- 底部导航 -->
-        <div class="tab-bar">
-            <a href="#" class="tab-item" onclick="showPage('home-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-home"></i>
-                </div>
-                <div>首页</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-comment-dots"></i>
-                </div>
-                <div>咨询</div>
-            </a>
-            <a href="#" class="tab-item active">
-                <div class="tab-icon">
-                    <i class="fas fa-file-alt"></i>
-                </div>
-                <div>文书</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-user"></i>
-                </div>
-                <div>我的</div>
-            </a>
-        </div>
-    </div>
-    
-    <script>
-        // 简单页面切换逻辑
-        function showPage(pageId) {
-            document.querySelectorAll('.page').forEach(page => {
-                page.style.display = 'none';
-            });
-            document.getElementById(pageId).style.display = 'block';
-            
-            // 更新底部导航状态
-            document.querySelectorAll('.tab-item').forEach(tab => {
-                tab.classList.remove('active');
-            });
-            
-            if(pageId === 'home-page') {
-                document.querySelectorAll('.tab-item')[0].classList.add('active');
-            } else if(pageId === 'documents-page' || pageId === 'document-detail-page' || pageId === 'create-document-page') {
-                document.querySelectorAll('.tab-item')[2].classList.add('active');
-            }
-        }
-        
-        // 分类标签点击效果
-        document.querySelectorAll('.category-tab').forEach(tab => {
-            tab.addEventListener('click', function() {
-                document.querySelectorAll('.category-tab').forEach(t => {
-                    t.classList.remove('active');
-                });
-                this.classList.add('active');
-            });
-        });
-    </script>
-</body>
-</html>

ui/law.html

@@ -1,752 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - AI法律顾问</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-    <style>
-        body {
-            background: linear-gradient(135deg, #F8F9FF, #E6F7FF); /* 浅蓝到白色的渐变 */
-            background-size: cover;
-            background-repeat: no-repeat; 
-            line-height: 1.6;
-            max-width: 100vw;
-            overflow-x: hidden;
-        }
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部导航 */
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 0;
-            margin-bottom: 15px;
-        }
-        
-        .logo {
-            font-weight: bold;
-            font-size: 20px;
-            color: var(--primary);
-            display: flex;
-            align-items: center;
-        }
-        
-        .logo i {
-            margin-right: 8px;
-            color: var(--secondary);
-        }
-        
-        .user-avatar {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            background-color: var(--primary);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-        }
-        
-        /* 搜索框 */
-        .search-bar {
-            display: flex;
-            background: white;
-            border-radius: 24px;
-            padding: 10px 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            margin-bottom: 20px;
-        }
-        
-        .search-input {
-            flex: 1;
-            border: none;
-            outline: none;
-            padding: 5px;
-            font-size: 16px;
-        }
-        
-        .search-btn {
-            background: none;
-            border: none;
-            color: var(--primary);
-            font-size: 18px;
-        }
-        
-        /* 服务入口 */
-        .services {
-            display: flex;
-            justify-content: space-between;
-            flex-wrap: wrap;
-            margin: 20px 0;
-        }
-        
-        .service-card {
-            width: 23%;
-            aspect-ratio: 1;
-            background: white;
-            border-radius: 12px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            margin-bottom: 10px;
-            transition: transform 0.3s;
-        }
-        
-        .service-card:active {
-            transform: scale(0.95);
-        }
-        
-        .service-icon {
-            font-size: 24px;
-            margin-bottom: 8px;
-            color: var(--primary);
-        }
-        
-        .service-name {
-            font-size: 12px;
-            color: var(--text);
-        }
-        
-        /* 热点推荐 */
-        .section-title {
-            font-size: 18px;
-            font-weight: bold;
-            margin: 15px 0;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-        
-        .section-title a {
-            font-size: 14px;
-            font-weight: normal;
-            color: var(--primary);
-            text-decoration: none;
-        }
-        
-        .hot-topics {
-            display: flex;
-            overflow-x: auto;
-            gap: 10px;
-            padding-bottom: 10px;
-        }
-        
-        .topic-card {
-            min-width: 200px;
-            height: 100px;
-            border-radius: 12px;
-            background: linear-gradient(135deg, var(--primary), #6A8EFF);
-            color: white;
-            padding: 15px;
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-end;
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .topic-card::before {
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" opacity="0.1"><text x="10" y="20" font-family="Arial" font-size="10">《民法典》</text></svg>');
-        }
-        
-        .topic-title {
-            font-weight: bold;
-            margin-bottom: 5px;
-            position: relative;
-        }
-        
-        .topic-desc {
-            font-size: 12px;
-            opacity: 0.9;
-            position: relative;
-        }
-        
-        /* 动态通知 */
-        .notice-bar {
-            background: white;
-            border-radius: 12px;
-            padding: 12px 15px;
-            margin: 15px 0;
-            display: flex;
-            align-items: center;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .notice-icon {
-            color: var(--danger);
-            margin-right: 10px;
-            font-size: 18px;
-        }
-        
-        .notice-content {
-            flex: 1;
-            font-size: 14px;
-        }
-        
-        .notice-close {
-            color: #999;
-            font-size: 14px;
-        }
-
-        .latest-news {
-            margin: 20px 0;
-        }
-
-        .latest-news h3 {
-            font-size: 20px;
-            margin-bottom: 20px;
-        }
-
-        .news-card {
-            padding: 15px;
-            background: white;
-            border-radius: 12px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            margin-bottom: 15px;
-        }
-
-        .news-card p {
-            font-size: 14px;
-            color: var(--text);
-                    margin: 8px 0;
-        }
-        
-        /* 底部导航 */
-        .tab-bar {
-            display: flex;
-            background: white;
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-            padding: 8px 0;
-        }
-        
-        .tab-item {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            color: #999;
-            text-decoration: none;
-            font-size: 12px;
-        }
-        
-        .tab-item.active {
-            color: var(--primary);
-        }
-        
-        .tab-icon {
-            font-size: 20px;
-            margin-bottom: 3px;
-        }
-        
-        /* 咨询页面样式 */
-        .chat-container {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            padding-bottom: 60px;
-        }
-        
-        .chat-messages {
-            flex: 1;
-            overflow-y: auto;
-            padding: 15px;
-        }
-        
-        .message {
-            max-width: 80%;
-            margin-bottom: 15px;
-            position: relative;
-        }
-        
-        .user-message {
-            align-self: flex-end;
-            background: var(--primary);
-            color: white;
-            border-radius: 18px 18px 0 18px;
-            padding: 12px 15px;
-        }
-        
-        .ai-message {
-            align-self: flex-start;
-            background: white;
-            border-radius: 18px 18px 18px 0;
-            padding: 12px 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .law-ref {
-            background: #E6F7FF;
-            border-left: 3px solid var(--primary);
-            padding: 8px 12px;
-            margin: 8px 0;
-            border-radius: 0 8px 8px 0;
-            font-size: 14px;
-        }
-        
-        .chat-input {
-            display: flex;
-            padding: 10px;
-            background: white;
-            position: fixed;
-            bottom: 60px;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-        }
-        
-        .chat-input input {
-            flex: 1;
-            border: 1px solid #eee;
-            border-radius: 20px;
-            padding: 10px 15px;
-            outline: none;
-        }
-        
-        .send-btn {
-            background: var(--primary);
-            color: white;
-            border: none;
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            margin-left: 10px;
-        }
-        
-        /* 合同审查页面 */
-        .contract-report {
-            padding: 15px;
-            padding-bottom: 60px;
-        }
-        
-        .risk-meter {
-            height: 10px;
-            background: linear-gradient(to right, #00C4A1, #FFC107, var(--danger));
-            border-radius: 5px;
-            margin: 15px 0;
-            position: relative;
-        }
-        
-        .risk-level {
-            position: absolute;
-            height: 20px;
-            width: 20px;
-            background: white;
-            border: 3px solid var(--danger);
-            border-radius: 50%;
-            top: -5px;
-            left: 30%;
-            transform: translateX(-50%);
-        }
-        
-        .issue-item {
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            margin-bottom: 10px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .issue-title {
-            display: flex;
-            align-items: center;
-            margin-bottom: 8px;
-        }
-        
-        .issue-icon {
-            color: var(--danger);
-            margin-right: 8px;
-        }
-        
-        .suggestion {
-            background: #F0FFF4;
-            padding: 10px;
-            border-radius: 8px;
-            margin-top: 10px;
-            font-size: 14px;
-        }
-        
-        .suggestion del {
-            color: var(--danger);
-        }
-        
-        .suggestion ins {
-            color: #00C4A1;
-            text-decoration: none;
-        }
-        
-        /* 加载动画 */
-        .loading {
-            display: flex;
-            justify-content: center;
-            padding: 20px;
-        }
-        
-        .loading-dots {
-            display: flex;
-            gap: 5px;
-        }
-        
-        .loading-dots span {
-            width: 8px;
-            height: 8px;
-            background: var(--primary);
-            border-radius: 50%;
-            animation: bounce 1s infinite alternate;
-        }
-        
-        .loading-dots span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        
-        .loading-dots span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-
-        
-        
-        @keyframes bounce {
-            to {
-                transform: translateY(-5px);
-            }
-        }
-    </style>
-</head>
-<body>
-    <div class="container" id="app">
-        <!-- 首页 -->
-        <div class="page" id="home-page">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-balance-scale"></i>
-                    明律通
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-user"></i>
-                </div>
-            </div>
-            
-            <div class="search-bar">
-                <input type="text" class="search-input" placeholder="输入法律问题或上传文件">
-                <button class="search-btn">
-                    <i class="fas fa-microphone"></i>
-                </button>
-            </div>
-            
-            <div class="services">
-                <div class="service-card" onclick="showPage('chat-page')">
-                    <div class="service-icon">
-                        <i class="fas fa-comments"></i>
-                    </div>
-                    <div class="service-name">智能咨询</div>
-                </div>
-                <div class="service-card" onclick="showPage('contract-page')">
-                    <div class="service-icon">
-                        <i class="fas fa-file-contract"></i>
-                    </div>
-                    <div class="service-name">合同审查</div>
-                </div>
-                <div class="service-card">
-                    <div class="service-icon">
-                        <i class="fas fa-gavel"></i>
-                    </div>
-                    <div class="service-name">诉讼评估</div>
-                </div>
-                <div class="service-card">
-                    <div class="service-icon">
-                        <i class="fas fa-book"></i>
-                    </div>
-                    <div class="service-name">法律文书</div>
-                </div>
-            </div>
-            
-            <div class="section-title">
-                热点法律专题
-                <a href="#">更多</a>
-            </div>
-            
-            <div class="hot-topics">
-                <div class="topic-card" style="background: linear-gradient(135deg, #687fe7, #384aeb);">
-                    <div class="topic-title">劳动合同纠纷</div>
-                    <div class="topic-desc">最新劳动法司法解释</div>
-                </div>
-                <div class="topic-card" style="background: linear-gradient(135deg, #00C4A1, #00E676);">
-                    <div class="topic-title">婚姻财产分割</div>
-                    <div class="topic-desc">民法典新规解读</div>
-                </div>
-                <div class="topic-card" style="background: linear-gradient(135deg, #FF6B6B, #FF8E8E);">
-                    <div class="topic-title">消费者权益</div>
-                    <div class="topic-desc">维权指南3.0</div>
-                </div>
-            </div>
-            
-            <div class="notice-bar">
-                <div class="notice-icon">
-                    <i class="fas fa-exclamation-circle"></i>
-                </div>
-                <div class="notice-content">
-                    最高人民法院发布关于审理劳动争议案件的新司法解释
-                </div>
-                <div class="notice-close">
-                    <i class="fas fa-times"></i>
-                </div>
-            </div>
-
-            <div class="latest-news">
-                <h3>最新动态</h3>
-                <div class="news-card">
-                    <p><strong>2023-10-01</strong> 最高人民法院发布新司法解释</p>
-                    <p>关于审理劳动争议案件的最新司法解释已生效。</p>
-                </div>
-                <div class="news-card">
-                    <p><strong>2023-09-25</strong> 民法典新规解读</p>
-                    <p>最新民法典司法解释解读，涵盖婚姻家庭、财产分割等。</p>
-                </div>
-                <div class="news-card">
-                    <p><strong>2023-09-20</strong> 劳动合同法案例分析</p>
-                    <p>通过真实案例分析劳动合同中的常见法律问题。</p>
-                </div>
-            </div>
-
-        </div>
-        
-        <!-- 智能咨询页 -->
-        <div class="page" id="chat-page" style="display: none;">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('home-page')"></i>
-                    <span style="margin-left: 10px;">AI法律咨询</span>
-                </div>
-            </div>
-            
-            <div class="chat-container">
-                <div class="chat-messages">
-                    <div class="message user-message">
-                        公司拖欠工资怎么办？
-                    </div>
-                    
-                    <div class="message ai-message">
-                        <p>根据《劳动合同法》第38条，用人单位未及时足额支付劳动报酬的，劳动者可以解除劳动合同并要求经济补偿。</p>
-                        
-                        <div class="law-ref">
-                            <strong>《劳动合同法》第三十八条</strong><br>
-                            用人单位有下列情形之一的，劳动者可以解除劳动合同：<br>
-                            （二）未及时足额支付劳动报酬的；
-                        </div>
-                        
-                        <p>建议步骤：</p>
-                        <ol>
-                            <li>收集工资条、银行流水等证据</li>
-                            <li>向当地劳动监察大队投诉</li>
-                            <li>申请劳动仲裁（时效1年）</li>
-                        </ol>
-                    </div>
-                    
-                    <div class="loading" id="loading" style="display: none;">
-                        <div class="loading-dots">
-                            <span></span>
-                            <span></span>
-                            <span></span>
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="chat-input">
-                    <input type="text" placeholder="输入您的问题...">
-                    <button class="send-btn">
-                        <i class="fas fa-paper-plane"></i>
-                    </button>
-                </div>
-            </div>
-        </div>
-        
-        <!-- 合同审查页 -->
-        <div class="page" id="contract-page" style="display: none;">
-            <div class="header">
-                <div class="logo">
-                    <i class="fas fa-arrow-left" onclick="showPage('home-page')"></i>
-                    <span style="margin-left: 10px;">合同审查报告</span>
-                </div>
-            </div>
-            
-            <div class="contract-report">
-                <h3>劳动合同（示例）</h3>
-                <p>签约方：张三 ×××科技有限公司</p>
-                <p>签署日期：2023-06-15</p>
-                
-                <div style="margin: 20px 0;">
-                    <div style="display: flex; justify-content: space-between;">
-                        <span>风险等级</span>
-                        <span>中等风险</span>
-                    </div>
-                    <div class="risk-meter">
-                        <div class="risk-level" style="left: 65%;"></div>
-                    </div>
-                </div>
-                
-                <h4>发现的问题</h4>
-                
-                <div class="issue-item">
-                    <div class="issue-title">
-                        <i class="fas fa-exclamation-triangle issue-icon"></i>
-                        <span>试用期约定过长</span>
-                    </div>
-                    <p>合同第3条约定试用期6个月，但劳动合同期限仅为1年。</p>
-                    <div class="suggestion">
-                        <strong>修改建议：</strong><br>
-                        <del>试用期为6个月</del> → 
-                        <ins>试用期不超过2个月</ins><br>
-                        依据《劳动合同法》第19条：劳动合同期限一年以上不满三年的，试用期不得超过二个月。
-                    </div>
-                </div>
-                
-                <div class="issue-item">
-                    <div class="issue-title">
-                        <i class="fas fa-exclamation-triangle issue-icon"></i>
-                        <span>竞业限制条款缺失补偿金</span>
-                    </div>
-                    <p>合同第8条约定竞业限制但未明确经济补偿标准。</p>
-                    <div class="suggestion">
-                        <strong>修改建议：</strong><br>
-                        在条款中补充：<ins>"竞业限制期间，甲方应按乙方离职前12个月平均工资的30%按月支付经济补偿"</ins>
-                    </div>
-                </div>
-                
-                <button style="width: 100%; background: var(--primary); color: white; border: none; padding: 12px; border-radius: 8px; margin-top: 20px;">
-                    生成修订版合同
-                </button>
-            </div>
-        </div>
-
-        
-        <!-- 底部导航 -->
-        <div class="tab-bar">
-            <a href="#" class="tab-item active" onclick="showPage('home-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-home"></i>
-                </div>
-                <div>首页</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-comment-dots"></i>
-                </div>
-                <div>咨询</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-file-alt"></i>
-                </div>
-                <div>文书</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-user"></i>
-                </div>
-                <div>我的</div>
-            </a>
-        </div>
-    </div>
-    
-    <script>
-        // 简单页面切换逻辑
-        function showPage(pageId) {
-            document.querySelectorAll('.page').forEach(page => {
-                page.style.display = 'none';
-            });
-            document.getElementById(pageId).style.display = 'block';
-            
-            // 更新底部导航状态
-            document.querySelectorAll('.tab-item').forEach(tab => {
-                tab.classList.remove('active');
-            });
-            
-            if(pageId === 'home-page') {
-                document.querySelectorAll('.tab-item')[0].classList.add('active');
-            }
-        }
-        
-        // 模拟AI回复
-        document.querySelector('.send-btn').addEventListener('click', function() {
-            const input = document.querySelector('.chat-input input');
-            if(input.value.trim() === '') return;
-            
-            const messages = document.querySelector('.chat-messages');
-            const userMsg = document.createElement('div');
-            userMsg.className = 'message user-message';
-            userMsg.textContent = input.value;
-            messages.appendChild(userMsg);
-            
-            document.getElementById('loading').style.display = 'flex';
-            input.value = '';
-            
-            // 模拟AI思考时间
-            setTimeout(() => {
-                document.getElementById('loading').style.display = 'none';
-                
-                const aiMsg = document.createElement('div');
-                aiMsg.className = 'message ai-message';
-                aiMsg.innerHTML = `
-                    <p>您的问题涉及${Math.floor(Math.random()*3)+1}个法律要点，分析如下：</p>
-                    <div class="law-ref">
-                        <strong>相关法条</strong><br>
-                        根据《民法典》第${Math.floor(Math.random()*1000)+1}条...
-                    </div>
-                    <p>建议：</p>
-                    <ol>
-                        <li>第一步建议操作</li>
-                        <li>第二步建议操作</li>
-                    </ol>
-                `;
-                messages.appendChild(aiMsg);
-                
-                // 滚动到底部
-                messages.scrollTop = messages.scrollHeight;
-            }, 1500);
-        });
-    </script>
-</body>
-</html>

ui/my.html

@@ -1,611 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - 我的</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-    <style>
-        body {
-            background: linear-gradient(135deg, #F8F9FF, #E6F7FF); /* 浅蓝到白色的渐变 */
-            background-size: cover;
-            background-repeat: no-repeat; 
-            line-height: 1.6;
-            max-width: 100vw;
-            overflow-x: hidden;
-            margin: 0;
-            padding: 0;
-        }
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-            --border: #E2E8F0;
-            --gray: #94A3B8;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部区域 */
-        .profile-section {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            padding: 30px 0 20px;
-            background: linear-gradient(135deg, #6A8EFF, #3A5FE5);
-            border-radius: 0 0 30px 30px;
-            margin-bottom: 20px;
-            position: relative;
-            overflow: hidden;
-        }
-        
-        .profile-bg {
-            position: absolute;
-            top: -50%;
-            left: -50%;
-            width: 200%;
-            height: 200%;
-            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="2"/></svg>');
-            background-size: 100px 100px;
-            animation: rotate 60s linear infinite;
-            z-index: 0;
-        }
-        
-        @keyframes rotate {
-            from { transform: rotate(0deg); }
-            to { transform: rotate(360deg); }
-        }
-        
-        .profile-avatar {
-            width: 80px;
-            height: 80px;
-            border-radius: 50%;
-            background-color: white;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: var(--primary);
-            font-size: 32px;
-            margin-bottom: 10px;
-            position: relative;
-            z-index: 1;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        }
-        
-        .profile-name {
-            color: white;
-            font-size: 18px;
-            font-weight: bold;
-            margin-bottom: 5px;
-            z-index: 1;
-        }
-        
-        .profile-email {
-            color: rgba(255, 255, 255, 0.8);
-            font-size: 14px;
-            z-index: 1;
-        }
-        
-        /* 功能卡片区域 */
-        .features-section {
-            margin-bottom: 20px;
-        }
-        
-        .section-title {
-            font-size: 18px;
-            font-weight: bold;
-            margin-bottom: 15px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            color: var(--text);
-        }
-        
-        .section-title a {
-            font-size: 14px;
-            font-weight: normal;
-            color: var(--primary);
-            text-decoration: none;
-        }
-        
-        .features-grid {
-            display: grid;
-            grid-template-columns: repeat(2, 1fr);
-            gap: 15px;
-        }
-        
-        .feature-card {
-            background: white;
-            border-radius: 12px;
-            padding: 20px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s, box-shadow 0.3s;
-        }
-        
-        .feature-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-        }
-        
-        .feature-icon {
-            font-size: 28px;
-            color: var(--primary);
-            margin-bottom: 10px;
-        }
-        
-        .feature-title {
-            font-size: 14px;
-            color: var(--text);
-            text-align: center;
-            margin-bottom: 8px;
-        }
-        
-        .feature-desc {
-            font-size: 12px;
-            color: var(--gray);
-            text-align: center;
-            line-height: 1.4;
-        }
-        
-        /* 订单区域 */
-        .orders-section {
-            margin-bottom: 20px;
-        }
-        
-        .orders-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 15px;
-        }
-        
-        .orders-title {
-            font-size: 16px;
-            font-weight: bold;
-            color: var(--text);
-        }
-        
-        .orders-more {
-            font-size: 14px;
-            color: var(--gray);
-            text-decoration: none;
-        }
-        
-        .orders-list {
-            display: flex;
-            overflow-x: auto;
-            gap: 10px;
-            padding-bottom: 10px;
-        }
-        
-        .order-card {
-            min-width: 120px;
-            background: white;
-            border-radius: 10px;
-            padding: 12px 8px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            flex-shrink: 0;
-            text-align: center;
-        }
-        
-        .order-icon {
-            font-size: 20px;
-            color: var(--primary);
-            margin-bottom: 5px;
-        }
-        
-        .order-count {
-            font-size: 12px;
-            color: var(--gray);
-            margin-bottom: 5px;
-        }
-        
-        .order-title {
-            font-size: 12px;
-            color: var(--text);
-        }
-        
-        /* 律师入驻区域 */
-        .lawyer-section {
-            background: white;
-            border-radius: 12px;
-            padding: 20px;
-            margin-bottom: 20px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-        }
-        
-        .lawyer-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 15px;
-        }
-        
-        .lawyer-title {
-            font-size: 16px;
-            font-weight: bold;
-            color: var(--text);
-        }
-        
-        .lawyer-status {
-            font-size: 12px;
-            color: var(--primary);
-            padding: 3px 8px;
-            border-radius: 12px;
-            background: rgba(58, 95, 229, 0.1);
-        }
-        
-        .lawyer-btn {
-            width: 100%;
-            background: var(--primary);
-            color: white;
-            border: none;
-            padding: 12px;
-            border-radius: 8px;
-            font-size: 16px;
-            font-weight: bold;
-            cursor: pointer;
-            transition: background 0.3s;
-        }
-        
-        .lawyer-btn:hover {
-            background: #2A4BCF;
-        }
-        
-        /* 设置区域 */
-        .settings-section {
-            margin-bottom: 20px;
-        }
-        
-        .settings-list {
-            list-style: none;
-        }
-        
-        .setting-item {
-            display: flex;
-            align-items: center;
-            padding: 15px;
-            background: white;
-            border-radius: 10px;
-            margin-bottom: 10px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .setting-icon {
-            font-size: 20px;
-            color: var(--primary);
-            margin-right: 15px;
-        }
-        
-        .setting-content {
-            flex: 1;
-        }
-        
-        .setting-title {
-            font-size: 16px;
-            color: var(--text);
-            margin-bottom: 4px;
-        }
-        
-        .setting-desc {
-            font-size: 12px;
-            color: var(--gray);
-        }
-        
-        .setting-arrow {
-            font-size: 16px;
-            color: var(--gray);
-        }
-        
-        /* 底部导航 */
-        .tab-bar {
-            display: flex;
-            background: white;
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-            padding: 8px 0;
-        }
-        
-        .tab-item {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            color: #999;
-            text-decoration: none;
-            font-size: 12px;
-        }
-        
-        .tab-item.active {
-            color: var(--primary);
-        }
-        
-        .tab-icon {
-            font-size: 20px;
-            margin-bottom: 3px;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <!-- 我的页面 -->
-        <div class="page" id="profile-page">
-            <!-- 个人资料区域 -->
-            <div class="profile-section">
-                <div class="profile-bg"></div>
-                <div class="profile-avatar">U</div>
-                <div class="profile-name">用户名</div>
-                <div class="profile-email">user@example.com</div>
-            </div>
-            
-            <!-- 功能入口网格 -->
-            <div class="features-section">
-                <div class="section-title">
-                    常用功能
-                    <a href="#">管理</a>
-                </div>
-                <div class="features-grid">
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-file-alt"></i>
-                        </div>
-                        <div class="feature-title">我的文书</div>
-                        <div class="feature-desc">查看和管理您的法律文书</div>
-                    </div>
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-history"></i>
-                        </div>
-                        <div class="feature-title">咨询历史</div>
-                        <div class="feature-desc">查看您之前的法律咨询记录</div>
-                    </div>
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-file-invoice-dollar"></i>
-                        </div>
-                        <div class="feature-title">订单记录</div>
-                        <div class="feature-desc">查看已购买的法律服务</div>
-                    </div>
-                    <div class="feature-card">
-                        <div class="feature-icon">
-                            <i class="fas fa-star"></i>
-                        </div>
-                        <div class="feature-title">收藏夹</div>
-                        <div class="feature-desc">您收藏的法律知识和案例</div>
-                    </div>
-                </div>
-            </div>
-            
-            <!-- 订单区域 -->
-            <div class="orders-section">
-                <div class="orders-header">
-                    <div class="orders-title">我的订单</div>
-                    <a href="#" class="orders-more">查看全部</a>
-                </div>
-                <div class="orders-list">
-                    <div class="order-card">
-                        <div class="order-icon">
-                            <i class="fas fa-file-alt"></i>
-                        </div>
-                        <div class="order-count">3</div>
-                        <div class="order-title">法律文书</div>
-                    </div>
-                    <div class="order-card">
-                        <div class="order-icon">
-                            <i class="fas fa-comments"></i>
-                        </div>
-                        <div class="order-count">1</div>
-                        <div class="order-title">智能咨询</div>
-                    </div>
-                    <div class="order-card">
-                        <div class="order-icon">
-                            <i class="fas fa-file-contract"></i>
-                        </div>
-                        <div class="order-count">0</div>
-                        <div class="order-title">合同审查</div>
-                    </div>
-                    <div class="order-card">
-                        <div class="order-icon">
-                            <i class="fas fa-gavel"></i>
-                        </div>
-                        <div class="order-count">0</div>
-                        <div class="order-title">诉讼评估</div>
-                    </div>
-                </div>
-            </div>
-            
-            <!-- 律师入驻区域 -->
-            <div class="lawyer-section">
-                <div class="lawyer-header">
-                    <div class="lawyer-title">律师入驻</div>
-                    <div class="lawyer-status" id="lawyer-status">未入驻</div>
-                </div>
-                <button class="lawyer-btn" id="apply-lawyer">
-                    立即申请入驻
-                </button>
-            </div>
-            
-            <!-- 设置区域 -->
-            <div class="settings-section">
-                <ul class="settings-list">
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-user-shield"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">账户安全</div>
-                            <div class="setting-desc">修改密码、设置密保</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-bell"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">消息通知</div>
-                            <div class="setting-desc">设置接收通知类型</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-cog"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">通用设置</div>
-                            <div class="setting-desc">消息提醒、隐私设置</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-question-circle"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">帮助中心</div>
-                            <div class="setting-desc">常见问题与解答</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                    <li class="setting-item">
-                        <div class="setting-icon">
-                            <i class="fas fa-sign-out-alt"></i>
-                        </div>
-                        <div class="setting-content">
-                            <div class="setting-title">退出登录</div>
-                            <div class="setting-desc">安全退出当前账号</div>
-                        </div>
-                        <div class="setting-arrow">
-                            <i class="fas fa-chevron-right"></i>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        
-        <!-- 底部导航 -->
-        <div class="tab-bar">
-            <a href="#" class="tab-item active" onclick="showPage('profile-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-user"></i>
-                </div>
-                <div>我的</div>
-            </a>
-            <a href="#" class="tab-item" onclick="showPage('home-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-home"></i>
-                </div>
-                <div>首页</div>
-            </a>
-            <a href="#" class="tab-item" onclick="showPage('chat-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-comments"></i>
-                </div>
-                <div>咨询</div>
-            </a>
-            <a href="#" class="tab-item" onclick="showPage('contract-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-file-alt"></i>
-                </div>
-                <div>文书</div>
-            </a>
-        </div>
-    </div>
-    
-    <script>
-        // 简单页面切换逻辑
-        function showPage(pageId) {
-            document.querySelectorAll('.page').forEach(page => {
-                page.style.display = 'none';
-            });
-            document.getElementById(pageId).style.display = 'block';
-            
-            // 更新底部导航状态
-            document.querySelectorAll('.tab-item').forEach(tab => {
-                tab.classList.remove('active');
-            });
-            
-            if(pageId === 'profile-page') {
-                document.querySelectorAll('.tab-item')[0].classList.add('active');
-            } else if(pageId === 'home-page') {
-                document.querySelectorAll('.tab-item')[1].classList.add('active');
-            } else if(pageId === 'chat-page') {
-                document.querySelectorAll('.tab-item')[2].classList.add('active');
-            } else if(pageId === 'contract-page') {
-                document.querySelectorAll('.tab-item')[3].classList.add('active');
-            }
-        }
-        
-        // 模拟律师入驻状态
-        document.addEventListener('DOMContentLoaded', function() {
-            const lawyerStatus = document.getElementById('lawyer-status');
-            const applyLawyerBtn = document.getElementById('apply-lawyer');
-            
-            // 模拟点击入驻按钮
-            applyLawyerBtn.addEventListener('click', function() {
-                // 这里可以添加实际的入驻逻辑
-                // 暂时只是模拟状态变化
-                if(lawyerStatus.textContent === '未入驻') {
-                    lawyerStatus.textContent = '审核中';
-                    applyLawyerBtn.disabled = true;
-                    applyLawyerBtn.textContent = '审核中...';
-                    alert('您的入驻申请已提交，正在审核中');
-                } else if(lawyerStatus.textContent === '审核中') {
-                    alert('您的入驻申请正在审核中，请耐心等待');
-                } else {
-                    alert('您已经是入驻律师');
-                }
-            });
-            
-            // 模拟已登录状态
-            const userData = {
-                isLoggedIn: true,
-                isLawyer: false,
-                lawyerStatus: '未入驻'
-            };
-            
-            if(userData.isLoggedIn && userData.isLawyer) {
-                lawyerStatus.textContent = userData.lawyerStatus;
-                applyLawyerBtn.style.display = 'none';
-            }
-        });
-    </script>
-</body>
-</html>

ui/zixun.html

@@ -1,940 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>明律通 - AI法律咨询</title>
-    <!-- 引入国内CDN资源 -->
-    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
-    <style>
-        body {
-            background: linear-gradient(135deg, #F8F9FF, #E6F7FF);
-            background-size: cover;
-            background-repeat: no-repeat; 
-            line-height: 1.6;
-            max-width: 100vw;
-            overflow-x: hidden;
-        }
-
-        :root {
-            --primary: #3A5FE5;
-            --secondary: #00C4A1;
-            --danger: #FF4D4F;
-            --bg: #F8F9FF;
-            --text: #2D3748;
-            --card: #FFFFFF;
-        }
-        
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
-        }
-        
-        .container {
-            width: 100%;
-            max-width: 480px;
-            margin: 0 auto;
-            padding: 15px;
-            min-height: 100vh;
-            display: flex;
-            flex-direction: column;
-        }
-        
-        /* 顶部导航 */
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 10px 0;
-            margin-bottom: 15px;
-        }
-        
-        .logo {
-            font-weight: bold;
-            font-size: 20px;
-            color: var(--primary);
-            display: flex;
-            align-items: center;
-        }
-        
-        .logo i {
-            margin-right: 8px;
-            color: var(--secondary);
-        }
-        
-        .user-avatar {
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            background-color: var(--primary);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-        }
-        
-        /* 咨询页面样式 */
-        .chat-container {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            padding-bottom: 60px;
-            background: linear-gradient(180deg, rgba(248, 249, 255, 0.8) 0%, rgba(230, 247, 255, 0.5) 100%);
-            border-radius: 16px;
-            overflow: hidden;
-        }
-        
-        .chat-header {
-            padding: 15px;
-            background: white;
-            border-radius: 16px 16px 0 0;
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
-            display: flex;
-            align-items: center;
-        }
-        
-        .chat-avatar {
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            background: linear-gradient(135deg, var(--primary), #6A8EFF);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: white;
-            margin-right: 12px;
-        }
-        
-        .chat-info {
-            flex: 1;
-        }
-        
-        .chat-name {
-            font-weight: bold;
-            margin-bottom: 2px;
-        }
-        
-        .chat-status {
-            font-size: 12px;
-            color: #666;
-            display: flex;
-            align-items: center;
-        }
-        
-        .status-dot {
-            width: 8px;
-            height: 8px;
-            background: #00C4A1;
-            border-radius: 50%;
-            margin-right: 5px;
-        }
-        
-        .chat-messages {
-            flex: 1;
-            overflow-y: auto;
-            padding: 15px;
-            background: transparent;
-        }
-        
-        .message {
-            max-width: 85%;
-            margin-bottom: 15px;
-            position: relative;
-            animation: fadeIn 0.3s ease-out;
-        }
-        
-        @keyframes fadeIn {
-            from {
-                opacity: 0;
-                transform: translateY(10px);
-            }
-            to {
-                opacity: 1;
-                transform: translateY(0);
-            }
-        }
-        
-        .user-message {
-            align-self: flex-end;
-            background: var(--primary);
-            color: white;
-            border-radius: 18px 18px 0 18px;
-            padding: 12px 15px;
-            margin-left: auto;
-            box-shadow: 0 2px 8px rgba(58, 95, 229, 0.2);
-        }
-        
-        .ai-message {
-            align-self: flex-start;
-            background: white;
-            border-radius: 18px 18px 18px 0;
-            padding: 12px 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-        }
-        
-        .message-time {
-            font-size: 10px;
-            color: #999;
-            text-align: right;
-            margin-top: 5px;
-        }
-        
-        .ai-message .message-time {
-            color: #666;
-            text-align: left;
-        }
-        
-        .law-ref {
-            background: #E6F7FF;
-            border-left: 3px solid var(--primary);
-            padding: 8px 12px;
-            margin: 8px 0;
-            border-radius: 0 8px 8px 0;
-            font-size: 14px;
-            position: relative;
-        }
-        
-        .law-ref::before {
-            content: "⚖️";
-            position: absolute;
-            left: -25px;
-            top: 50%;
-            transform: translateY(-50%);
-            font-size: 16px;
-        }
-        
-        .suggestion-box {
-            background: #F0FFF4;
-            padding: 10px;
-            border-radius: 8px;
-            margin-top: 10px;
-            font-size: 14px;
-            border: 1px solid #E6FFED;
-        }
-        
-        .suggestion-title {
-            font-weight: bold;
-            color: var(--secondary);
-            margin-bottom: 5px;
-            display: flex;
-            align-items: center;
-        }
-        
-        .suggestion-title i {
-            margin-right: 5px;
-        }
-        
-        .quick-actions {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 8px;
-            margin-top: 15px;
-        }
-        
-        .quick-action {
-            background: rgba(58, 95, 229, 0.1);
-            color: var(--primary);
-            border: none;
-            border-radius: 15px;
-            padding: 8px 12px;
-            font-size: 12px;
-            cursor: pointer;
-            transition: all 0.2s;
-        }
-        
-        .quick-action:hover {
-            background: rgba(58, 95, 229, 0.2);
-        }
-        
-        .chat-input-container {
-            display: flex;
-            padding: 10px;
-            background: white;
-            position: fixed;
-            bottom: 60px;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-            border-radius: 16px 16px 0 0;
-        }
-        
-        .input-wrapper {
-            flex: 1;
-            display: flex;
-            background: #F5F7FA;
-            border-radius: 20px;
-            padding: 5px 15px;
-            align-items: center;
-        }
-        
-        .chat-input {
-            flex: 1;
-            border: none;
-            outline: none;
-            padding: 8px 5px;
-            font-size: 16px;
-            background: transparent;
-        }
-        
-        .attach-btn {
-            background: none;
-            border: none;
-            color: #666;
-            font-size: 18px;
-            margin-right: 5px;
-        }
-        
-        .send-btn {
-            background: var(--primary);
-            color: white;
-            border: none;
-            width: 40px;
-            height: 40px;
-            border-radius: 50%;
-            margin-left: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: all 0.2s;
-        }
-        
-        .send-btn:active {
-            transform: scale(0.95);
-        }
-        
-        .send-btn:disabled {
-            background: #ccc;
-            cursor: not-allowed;
-        }
-        
-        /* 加载动画 */
-        .loading {
-            display: flex;
-            justify-content: center;
-            padding: 20px;
-        }
-        
-        .typing-indicator {
-            display: flex;
-            align-items: center;
-            background: white;
-            padding: 10px 15px;
-            border-radius: 18px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            width: fit-content;
-            margin-bottom: 15px;
-        }
-        
-        .typing-text {
-            font-size: 12px;
-            color: #666;
-            margin-right: 8px;
-        }
-        
-        .typing-dots {
-            display: flex;
-            gap: 4px;
-        }
-        
-        .typing-dots span {
-            width: 6px;
-            height: 6px;
-            background: #999;
-            border-radius: 50%;
-            animation: bounce 1s infinite alternate;
-        }
-        
-        .typing-dots span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        
-        .typing-dots span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-        
-        @keyframes bounce {
-            to {
-                transform: translateY(-3px);
-            }
-        }
-        
-        /* 底部导航 */
-        .tab-bar {
-            display: flex;
-            background: white;
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            max-width: 480px;
-            margin: 0 auto;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
-            padding: 8px 0;
-            z-index: 100;
-        }
-        
-        .tab-item {
-            flex: 1;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            color: #999;
-            text-decoration: none;
-            font-size: 12px;
-        }
-        
-        .tab-item.active {
-            color: var(--primary);
-        }
-        
-        .tab-icon {
-            font-size: 20px;
-            margin-bottom: 3px;
-        }
-        
-        /* 空状态 */
-        .empty-state {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            height: 60%;
-            text-align: center;
-            padding: 20px;
-        }
-        
-        .empty-icon {
-            font-size: 60px;
-            color: #D6E4FF;
-            margin-bottom: 20px;
-        }
-        
-        .empty-text {
-            color: #999;
-            margin-bottom: 20px;
-        }
-        
-        /* 返回按钮 */
-        .back-btn {
-            background: none;
-            border: none;
-            font-size: 18px;
-            margin-right: 10px;
-            color: var(--primary);
-        }
-        
-        /* 咨询类型选择 */
-        .consult-types {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 10px;
-            margin: 15px 0;
-        }
-        
-        .consult-type {
-            flex: 1;
-            min-width: calc(50% - 5px);
-            background: white;
-            border-radius: 12px;
-            padding: 15px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            transition: all 0.2s;
-        }
-        
-        .consult-type:active {
-            transform: scale(0.98);
-        }
-        
-        .consult-icon {
-            font-size: 24px;
-            color: var(--primary);
-            margin-bottom: 10px;
-        }
-        
-        .consult-title {
-            font-weight: bold;
-            margin-bottom: 5px;
-        }
-        
-        .consult-desc {
-            font-size: 12px;
-            color: #666;
-            text-align: center;
-        }
-    </style>
-</head>
-<body>
-    <div class="container" id="app">
-        <!-- 咨询主页 -->
-        <div class="page" id="consult-home-page">
-            <div class="header">
-                <button class="back-btn" onclick="showPage('home-page')">
-                    <i class="fas fa-arrow-left"></i>
-                </button>
-                <div class="logo">
-                    <span>法律咨询</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-user"></i>
-                </div>
-            </div>
-            
-            <div style="margin: 20px 0;">
-                <h3 style="margin-bottom: 15px;">选择咨询类型</h3>
-                <div class="consult-types">
-                    <div class="consult-type" onclick="startConsult('劳动纠纷')">
-                        <div class="consult-icon">
-                            <i class="fas fa-briefcase"></i>
-                        </div>
-                        <div class="consult-title">劳动纠纷</div>
-                        <div class="consult-desc">劳动合同、工资拖欠、工伤赔偿等问题</div>
-                    </div>
-                    <div class="consult-type" onclick="startConsult('婚姻家庭')">
-                        <div class="consult-icon">
-                            <i class="fas fa-heart"></i>
-                        </div>
-                        <div class="consult-title">婚姻家庭</div>
-                        <div class="consult-desc">离婚财产分割、抚养权、继承等问题</div>
-                    </div>
-                    <div class="consult-type" onclick="startConsult('合同纠纷')">
-                        <div class="consult-icon">
-                            <i class="fas fa-file-contract"></i>
-                        </div>
-                        <div class="consult-title">合同纠纷</div>
-                        <div class="consult-desc">合同审查、违约赔偿、协议起草等问题</div>
-                    </div>
-                    <div class="consult-type" onclick="startConsult('侵权责任')">
-                        <div class="consult-icon">
-                            <i class="fas fa-user-shield"></i>
-                        </div>
-                        <div class="consult-title">侵权责任</div>
-                        <div class="consult-desc">人身损害、名誉权、隐私权等问题</div>
-                    </div>
-                </div>
-            </div>
-            
-            <div style="margin: 20px 0;">
-                <h3 style="margin-bottom: 15px;">常见问题</h3>
-                <div style="background: white; border-radius: 12px; padding: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);">
-                    <div style="margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #eee; cursor: pointer;" onclick="startConsult('公司拖欠工资怎么办？')">
-                        <i class="fas fa-question-circle" style="color: var(--primary); margin-right: 8px;"></i>
-                        公司拖欠工资怎么办？
-                    </div>
-                    <div style="margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #eee; cursor: pointer;" onclick="startConsult('离婚后财产如何分割？')">
-                        <i class="fas fa-question-circle" style="color: var(--primary); margin-right: 8px;"></i>
-                        离婚后财产如何分割？
-                    </div>
-                    <div style="margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #eee; cursor: pointer;" onclick="startConsult('合同违约如何索赔？')">
-                        <i class="fas fa-question-circle" style="color: var(--primary); margin-right: 8px;"></i>
-                        合同违约如何索赔？
-                    </div>
-                    <div style="padding: 10px; cursor: pointer;" onclick="startConsult('交通事故责任认定标准是什么？')">
-                        <i class="fas fa-question-circle" style="color: var(--primary); margin-right: 8px;"></i>
-                        交通事故责任认定标准是什么？
-                    </div>
-                </div>
-            </div>
-        </div>
-        
-        <!-- 聊天咨询页 -->
-        <div class="page" id="chat-page" style="display: none;">
-            <div class="header">
-                <button class="back-btn" onclick="showPage('consult-home-page')">
-                    <i class="fas fa-arrow-left"></i>
-                </button>
-                <div class="logo">
-                    <span>AI法律咨询</span>
-                </div>
-                <div class="user-avatar">
-                    <i class="fas fa-ellipsis-v"></i>
-                </div>
-            </div>
-            
-            <div class="chat-container">
-                <div class="chat-header">
-                    <div class="chat-avatar">
-                        <i class="fas fa-balance-scale"></i>
-                    </div>
-                    <div class="chat-info">
-                        <div class="chat-name">明律通AI律师</div>
-                        <div class="chat-status">
-                            <span class="status-dot"></span>
-                            <span>在线</span>
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="chat-messages" id="chat-messages">
-                    <!-- 初始欢迎消息 -->
-                    <div class="message ai-message">
-                        <p>您好！我是明律通AI律师助手，可以为您解答劳动纠纷、婚姻家庭、合同争议等法律问题。</p>
-                        <p>请简要描述您遇到的法律问题，我将为您提供专业分析。</p>
-                        <div class="quick-actions">
-                            <button class="quick-action" onclick="sendQuickQuestion('公司拖欠工资怎么办？')">拖欠工资</button>
-                            <button class="quick-action" onclick="sendQuickQuestion('离婚财产如何分割？')">财产分割</button>
-                            <button class="quick-action" onclick="sendQuickQuestion('合同违约怎么处理？')">合同违约</button>
-                            <button class="quick-action" onclick="sendQuickQuestion('工伤如何认定？')">工伤认定</button>
-                        </div>
-                        <div class="message-time">刚刚</div>
-                    </div>
-                </div>
-                
-                <div class="chat-input-container">
-                    <div class="input-wrapper">
-                        <button class="attach-btn">
-                            <i class="fas fa-paperclip"></i>
-                        </button>
-                        <input type="text" class="chat-input" id="chat-input" placeholder="输入您的问题..." onkeypress="handleKeyPress(event)">
-                    </div>
-                    <button class="send-btn" id="send-btn" onclick="sendMessage()" disabled>
-                        <i class="fas fa-paper-plane"></i>
-                    </button>
-                </div>
-            </div>
-        </div>
-        
-        <!-- 底部导航 -->
-        <div class="tab-bar">
-            <a href="#" class="tab-item" onclick="showPage('home-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-home"></i>
-                </div>
-                <div>首页</div>
-            </a>
-            <a href="#" class="tab-item active" onclick="showPage('consult-home-page')">
-                <div class="tab-icon">
-                    <i class="fas fa-comment-dots"></i>
-                </div>
-                <div>咨询</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-file-alt"></i>
-                </div>
-                <div>文书</div>
-            </a>
-            <a href="#" class="tab-item">
-                <div class="tab-icon">
-                    <i class="fas fa-user"></i>
-                </div>
-                <div>我的</div>
-            </a>
-        </div>
-    </div>
-    
-    <script>
-        // 页面切换逻辑
-        function showPage(pageId) {
-            document.querySelectorAll('.page').forEach(page => {
-                page.style.display = 'none';
-            });
-            document.getElementById(pageId).style.display = 'block';
-            
-            // 更新底部导航状态
-            document.querySelectorAll('.tab-item').forEach(tab => {
-                tab.classList.remove('active');
-            });
-            
-            if(pageId === 'home-page') {
-                document.querySelectorAll('.tab-item')[0].classList.add('active');
-            } else if(pageId === 'consult-home-page' || pageId === 'chat-page') {
-                document.querySelectorAll('.tab-item')[1].classList.add('active');
-            }
-            
-            // 滚动到底部
-            if(pageId === 'chat-page') {
-                setTimeout(() => {
-                    const messages = document.getElementById('chat-messages');
-                    messages.scrollTop = messages.scrollHeight;
-                }, 100);
-            }
-        }
-        
-        // 开始咨询
-        function startConsult(question) {
-            showPage('chat-page');
-            
-            if(question) {
-                setTimeout(() => {
-                    const input = document.getElementById('chat-input');
-                    input.value = question;
-                    document.getElementById('send-btn').disabled = false;
-                }, 300);
-            }
-        }
-        
-        // 发送快捷问题
-        function sendQuickQuestion(question) {
-            const input = document.getElementById('chat-input');
-            input.value = question;
-            document.getElementById('send-btn').disabled = false;
-            sendMessage();
-        }
-        
-        // 处理回车键
-        function handleKeyPress(e) {
-            if(e.key === 'Enter') {
-                sendMessage();
-            }
-        }
-        
-        // 输入框变化时启用/禁用发送按钮
-        document.getElementById('chat-input').addEventListener('input', function() {
-            document.getElementById('send-btn').disabled = this.value.trim() === '';
-        });
-        
-        // 发送消息
-        function sendMessage() {
-            const input = document.getElementById('chat-input');
-            const messageText = input.value.trim();
-            if(messageText === '') return;
-            
-            const messages = document.getElementById('chat-messages');
-            
-            // 添加用户消息
-            const userMsg = document.createElement('div');
-            userMsg.className = 'message user-message';
-            userMsg.innerHTML = `
-                ${messageText}
-                <div class="message-time">${formatTime(new Date())}</div>
-            `;
-            messages.appendChild(userMsg);
-            
-            // 清空输入框
-            input.value = '';
-            document.getElementById('send-btn').disabled = true;
-            
-            // 显示AI正在输入指示器
-            const typingIndicator = document.createElement('div');
-            typingIndicator.className = 'typing-indicator';
-            typingIndicator.innerHTML = `
-                <div class="typing-text">AI律师正在思考...</div>
-                <div class="typing-dots">
-                    <span></span>
-                    <span></span>
-                    <span></span>
-                </div>
-            `;
-            messages.appendChild(typingIndicator);
-            
-            // 滚动到底部
-            messages.scrollTop = messages.scrollHeight;
-            
-            // 模拟AI回复延迟
-            setTimeout(() => {
-                // 移除输入指示器
-                messages.removeChild(typingIndicator);
-                
-                // 添加AI回复
-                const aiMsg = document.createElement('div');
-                aiMsg.className = 'message ai-message';
-                
-                // 根据问题类型生成不同的回复
-                if(messageText.includes('工资') || messageText.includes('拖欠')) {
-                    aiMsg.innerHTML = generateLaborResponse();
-                } else if(messageText.includes('离婚') || messageText.includes('财产') || messageText.includes('分割')) {
-                    aiMsg.innerHTML = generateMarriageResponse();
-                } else if(messageText.includes('合同') || messageText.includes('违约')) {
-                    aiMsg.innerHTML = generateContractResponse();
-                } else {
-                    aiMsg.innerHTML = generateGeneralResponse();
-                }
-                
-                messages.appendChild(aiMsg);
-                
-                // 滚动到底部
-                messages.scrollTop = messages.scrollHeight;
-            }, 1500 + Math.random() * 2000); // 随机延迟1.5-3.5秒
-        }
-        
-        // 生成劳动法相关回复
-        function generateLaborResponse() {
-            const laws = [
-                '《劳动合同法》第三十条',
-                '《劳动争议调解仲裁法》第五条',
-                '《工资支付暂行规定》第七条'
-            ];
-            
-            const suggestions = [
-                '收集工资条、银行流水等证据',
-                '向当地劳动监察大队投诉',
-                '申请劳动仲裁（时效1年）',
-                '可以主张经济补偿金'
-            ];
-            
-            return `
-                <p>您的问题涉及劳动法相关规定，根据${laws[Math.floor(Math.random()*laws.length)]}，用人单位应当按时足额支付劳动者工资。</p>
-                
-                <div class="law-ref">
-                    <strong>${laws[0]}</strong><br>
-                    用人单位应当按照劳动合同约定和国家规定，向劳动者及时足额支付劳动报酬。
-                </div>
-                
-                <div class="suggestion-box">
-                    <div class="suggestion-title">
-                        <i class="fas fa-lightbulb"></i> 维权建议
-                    </div>
-                    <ol>
-                        <li>${suggestions[0]}</li>
-                        <li>${suggestions[1]}</li>
-                        <li>${suggestions[2]}</li>
-                    </ol>
-                </div>
-                
-                <div class="quick-actions">
-                    <button class="quick-action" onclick="sendQuickQuestion('劳动仲裁需要什么材料？')">仲裁材料</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('经济补偿金怎么计算？')">补偿计算</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('试用期被辞退怎么办？')">试用期辞退</button>
-                </div>
-                
-                <div class="message-time">${formatTime(new Date())}</div>
-            `;
-        }
-        
-        // 生成婚姻法相关回复
-        function generateMarriageResponse() {
-            const laws = [
-                '《民法典》第一千零八十七条',
-                '《民法典》第一千零八十四条',
-                '《民法典》第一千零九十一条'
-            ];
-            
-            const suggestions = [
-                '婚前财产原则上归各自所有',
-                '婚后共同财产一般均等分割',
-                '考虑照顾子女、女方和无过错方权益',
-                '可以协议分割或诉讼分割'
-            ];
-            
-            return `
-                <p>关于离婚财产分割问题，根据${laws[Math.floor(Math.random()*laws.length)]}，夫妻共同财产由双方协议处理；协议不成的，由人民法院根据财产的具体情况判决。</p>
-                
-                <div class="law-ref">
-                    <strong>${laws[0]}</strong><br>
-                    离婚时，夫妻的共同财产由双方协议处理；协议不成的，由人民法院根据财产的具体情况，按照照顾子女、女方和无过错方权益的原则判决。
-                </div>
-                
-                <div class="suggestion-box">
-                    <div class="suggestion-title">
-                        <i class="fas fa-lightbulb"></i> 处理建议
-                    </div>
-                    <ol>
-                        <li>${suggestions[0]}</li>
-                        <li>${suggestions[1]}</li>
-                        <li>${suggestions[3]}</li>
-                    </ol>
-                </div>
-                
-                <div class="quick-actions">
-                    <button class="quick-action" onclick="sendQuickQuestion('婚前房产怎么分割？')">婚前房产</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('抚养权怎么判定？')">抚养权</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('离婚协议书怎么写？')">离婚协议</button>
-                </div>
-                
-                <div class="message-time">${formatTime(new Date())}</div>
-            `;
-        }
-        
-        // 生成合同法相关回复
-        function generateContractResponse() {
-            const laws = [
-                '《民法典》第五百七十七条',
-                '《民法典》第五百八十四条',
-                '《民法典》第五百八十五条'
-            ];
-            
-            const suggestions = [
-                '审查合同违约条款是否明确',
-                '收集违约证据（聊天记录、邮件等）',
-                '先协商解决，协商不成可诉讼',
-                '注意诉讼时效（一般为3年）'
-            ];
-            
-            return `
-                <p>合同违约问题涉及${laws[Math.floor(Math.random()*laws.length)]}，当事人一方不履行合同义务或者履行合同义务不符合约定的，应当承担继续履行、采取补救措施或者赔偿损失等违约责任。</p>
-                
-                <div class="law-ref">
-                    <strong>${laws[0]}</strong><br>
-                    当事人一方不履行合同义务或者履行合同义务不符合约定的，应当承担继续履行、采取补救措施或者赔偿损失等违约责任。
-                </div>
-                
-                <div class="suggestion-box">
-                    <div class="suggestion-title">
-                        <i class="fas fa-lightbulb"></i> 维权步骤
-                    </div>
-                    <ol>
-                        <li>${suggestions[1]}</li>
-                        <li>${suggestions[2]}</li>
-                        <li>${suggestions[3]}</li>
-                    </ol>
-                </div>
-                
-                <div class="quick-actions">
-                    <button class="quick-action" onclick="sendQuickQuestion('违约金过高怎么办？')">违约金</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('合同解除的条件？')">合同解除</button>
-                    <button class="quick-action" onclick="sendQuickQuestion('如何起草合同？')">合同起草</button>
-                </div>
-                
-                <div class="message-time">${formatTime(new Date())}</div>
-            `;
-        }
-        
-        // 生成通用回复
-        function generateGeneralResponse() {
-            const responses = [
-                '您的问题涉及多个法律要点，需要进一步了解具体情况。',
-                '根据相关法律规定，您描述的情况可能有以下几种处理方式：',
-                '这是一个常见的法律问题，司法实践中通常这样处理：'
-            ];
-            
-            const suggestions = [
-                '建议收集相关证据材料',
-                '可以咨询专业律师获取详细建议',
-                '注意保留相关书面证据',
-                '注意诉讼时效问题'
-            ];
-            
-            return `
-                <p>${responses[Math.floor(Math.random()*responses.length)]}</p>
-                
-                <div class="law-ref">
-                    <strong>相关法律依据</strong><br>
-                    根据《民法典》相关规定，民事主体从事民事活动，应当遵循诚信原则，按照约定全面履行自己的义务。
-                </div>
-                
-                <div class="suggestion-box">
-                    <div class="suggestion-title">
-                        <i class="fas fa-lightbulb"></i> 一般建议
-                    </div>
-                    <ol>
-                        <li>${suggestions[0]}</li>
-                        <li>${suggestions[1]}</li>
-                        <li>${suggestions[2]}</li>
-                    </ol>
-                </div>
-                
-                <p>如果您能提供更多细节，我可以给出更具体的法律建议。</p>
-                
-                <div class="message-time">${formatTime(new Date())}</div>
-            `;
-        }
-        
-        // 格式化时间
-        function formatTime(date) {
-            const hours = date.getHours().toString().padStart(2, '0');
-            const minutes = date.getMinutes().toString().padStart(2, '0');
-            return `${hours}:${minutes}`;
-        }
-        
-        // 初始化显示咨询主页
-        showPage('consult-home-page');
-    </script>
-</body>
-</html>