page update: case template

myapp/src/app/tab1/consuit/consuit.page.html

@@ -9,50 +9,91 @@
   <ion-toolbar>
     <div class="header" style="display: flex; align-items: center; color: #00C4A1;">
       <i (click)="goTab1('Tab1')" class="fas fa-arrow-left"></i>
-      <ion-title style="color: #3A5FE5;;">AI法律咨询</ion-title>
+      <ion-title style="color: #3A5FE5;;">法律案例库</ion-title>
     </div>   
   </ion-toolbar>
 </ion-header>
 
 <ion-content [fullscreen]="true">
-   <!-- 智能咨询页 -->     
-    <div class="chat-container">
-        <div class="chat-messages">
-            <div class="message user-message">
-                公司拖欠工资怎么办？
+   <!-- 案例库页面 -->
+        <div class="page case-container" id="case-page">           
+            
+            <div class="case-search">
+                <input type="text" class="search-input" placeholder="搜索案例关键词，如'劳动合同解除'">
+                <div class="case-filter">
+                    <div class="filter-tag active">全部</div>
+                    <div class="filter-tag">劳动争议</div>
+                    <div class="filter-tag">婚姻家庭</div>
+                    <div class="filter-tag">合同纠纷</div>
+                    <div class="filter-tag">侵权责任</div>
+                    <div class="filter-tag">知识产权</div>
+                </div>
             </div>
             
-            <div class="message ai-message">
-                <p>根据《劳动合同法》第38条，用人单位未及时足额支付劳动报酬的，劳动者可以解除劳动合同并要求经济补偿。</p>
+            <div class="case-list">
+                <div class="case-card" onclick="showPage('case-detail-page')">
+                    <div class="case-title">张某诉某公司违法解除劳动合同案</div>
+                    <div class="case-meta">
+                        <span><i class="fas fa-calendar-alt"></i> 2023-05-15</span>
+                        <span><i class="fas fa-balance-scale"></i> 北京市朝阳区法院</span>
+                    </div>
+                    <div class="case-desc">
+                        公司以员工绩效考核不合格为由解除劳动合同，法院认定公司未能提供充分证据证明员工不能胜任工作，判决公司支付违法解除赔偿金...
+                    </div>
+                    <div class="case-tags">
+                        <div class="case-tag">劳动合同解除</div>
+                        <div class="case-tag">赔偿金</div>
+                        <div class="case-tag">举证责任</div>
+                    </div>
+                </div>
                 
-                <div class="law-ref">
-                    <strong>《劳动合同法》第三十八条</strong><br>
-                    用人单位有下列情形之一的，劳动者可以解除劳动合同：<br>
-                    （二）未及时足额支付劳动报酬的；
+                <div class="case-card">
+                    <div class="case-title">李某与王某离婚财产分割纠纷案</div>
+                    <div class="case-meta">
+                        <span><i class="fas fa-calendar-alt"></i> 2023-04-22</span>
+                        <span><i class="fas fa-balance-scale"></i> 上海市第一中级法院</span>
+                    </div>
+                    <div class="case-desc">
+                        夫妻一方婚前购房婚后共同还贷，离婚时房产增值部分如何分割。法院综合考虑双方贡献比例，判决房产归登记方所有，对共同还贷及增值部分给予另一方补偿...
+                    </div>
+                    <div class="case-tags">
+                        <div class="case-tag">离婚财产</div>
+                        <div class="case-tag">房产分割</div>
+                        <div class="case-tag">共同还贷</div>
+                    </div>
                 </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 class="case-card">
+                    <div class="case-title">某电商平台消费者权益保护案</div>
+                    <div class="case-meta">
+                        <span><i class="fas fa-calendar-alt"></i> 2023-03-10</span>
+                        <span><i class="fas fa-balance-scale"></i> 杭州市互联网法院</span>
+                    </div>
+                    <div class="case-desc">
+                        消费者购买商品后因质量问题要求退货，商家以"已拆封"为由拒绝。法院认定商品确实存在质量问题，支持消费者"七日无理由退货"权利...
+                    </div>
+                    <div class="case-tags">
+                        <div class="case-tag">消费者权益</div>
+                        <div class="case-tag">七日无理由退货</div>
+                        <div class="case-tag">商品质量</div>
+                    </div>
+                </div>
+                
+                <div class="case-card">
+                    <div class="case-title">某软件公司著作权侵权案</div>
+                    <div class="case-meta">
+                        <span><i class="fas fa-calendar-alt"></i> 2023-02-28</span>
+                        <span><i class="fas fa-balance-scale"></i> 广州知识产权法院</span>
+                    </div>
+                    <div class="case-desc">
+                        被告公司未经许可使用原告享有著作权的软件代码，法院通过代码比对认定侵权成立，判决停止侵权并赔偿经济损失50万元...
+                    </div>
+                    <div class="case-tags">
+                        <div class="case-tag">著作权</div>
+                        <div class="case-tag">软件侵权</div>
+                        <div class="case-tag">损害赔偿</div>
+                    </div>
                 </div>
             </div>
         </div>
-        
-        <div class="chat-input">
-            <input type="text" placeholder="输入您的问题...">
-            <button class="send-btn">
-                <i class="fas fa-paper-plane" style="color: aliceblue;"></i>
-            </button>
-        </div>
-    </div>
 </ion-content>

myapp/src/app/tab1/consuit/consuit.page.scss

@@ -1,4 +1,4 @@
-/* 咨询页面样式 */
+
 ion-content {
     --background: linear-gradient(135deg, #F8F9FF, #E6F7FF);
     background-size: cover;   
@@ -14,79 +14,154 @@ ion-content {
     }
   }
 
-.chat-container {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    padding-bottom: 60px;
-}
+/* 案例库页面样式 */
+        .search-input {
+            flex: 1;
+            border: none;
+            outline: none;
+            padding: 5px;
+            font-size: 16px;
+        }
 
-.chat-messages {
-    flex: 1;
-    overflow-y: auto;
-    padding: 15px;
-    display: flex;
-    flex-direction: column;
-    align-items: center; 
-}
-
-.message {
-    max-width: 80%;
-    margin-bottom: 15px;
-    position: relative;
-}
-
-.user-message {
-    align-self: flex-end;
-    background: #3A5FE5;
-    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 #3A5FE5;
-    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: 0;
-    left: 0;
-    right: 0;
-    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: #3A5FE5;
-    color: white;
-    border: none;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    margin-left: 10px;
-}
+        .case-container {
+            padding-bottom: 70px;
+        }
+        
+        .case-search {
+            padding: 15px;
+            background: white;
+            border-radius: 12px;
+            margin-bottom: 15px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+        }
+        
+        .case-filter {
+            display: flex;
+            gap: 10px;
+            margin-top: 10px;
+            overflow-x: auto;
+            padding-bottom: 5px;
+        }
+        
+        .filter-tag {
+            padding: 6px 12px;
+            background: #F0F2F5;
+            border-radius: 15px;
+            font-size: 14px;
+            white-space: nowrap;
+        }
+        
+        .filter-tag.active {
+            background: #3A5FE5;
+            color: white;
+        }
+        
+        .case-list {
+            margin-top: 15px;
+        }
+        
+        .case-card {
+            background: white;
+            border-radius: 12px;
+            padding: 15px;
+            margin-bottom: 15px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+        }
+        
+        .case-title {
+            font-weight: bold;
+            font-size: 16px;
+            margin-bottom: 8px;
+            color: #3A5FE5;
+        }
+        
+        .case-meta {
+            display: flex;
+            color: #666;
+            font-size: 12px;
+            margin-bottom: 10px;
+        }
+        
+        .case-meta span {
+            margin-right: 15px;
+        }
+        
+        .case-desc {
+            font-size: 14px;
+            line-height: 1.6;
+            margin-bottom: 10px;
+        }
+        
+        .case-tags {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .case-tag {
+            padding: 4px 8px;
+            background: #E6F7FF;
+            border-radius: 4px;
+            font-size: 12px;
+            color: #3A5FE5;
+        }
+        
+        /* 案例详情页 */
+        .case-detail {
+            padding-bottom: 70px;
+        }
+        
+        .case-header {
+            background: white;
+            padding: 15px;
+            border-radius: 12px;
+            margin-bottom: 15px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+        }
+        
+        .case-name {
+            font-size: 20px;
+            font-weight: bold;
+            margin-bottom: 10px;
+        }
+        
+        .case-info {
+            display: flex;
+            color: #666;
+            font-size: 14px;
+            margin-bottom: 15px;
+        }
+        
+        .case-info span {
+            margin-right: 15px;
+        }
+        
+        .case-content {
+            background: white;
+            padding: 15px;
+            border-radius: 12px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+            line-height: 1.8;
+        }
+        
+        .case-section {
+            margin-bottom: 20px;
+        }
+        
+        .case-section h3 {
+            margin: 15px 0 10px;
+            font-size: 18px;
+            color: #3A5FE5;
+        }
+        
+        .case-section p {
+            margin: 10px 0;
+        }
+        
+        .law-point {
+            background: #F8F9FF;
+            border-left: 3px solid #3A5FE5;
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 0 8px 8px 0;
+        }

myapp/src/app/tab1/tab1.page.html

@@ -32,17 +32,17 @@
     </div>
     
     <div class="services">
-        <div (click)="goConsuit('智能咨询')" class="service-card">
+        <div (click)="goConsuit('案例库')" class="service-card">
             <div class="service-icon">
-                <i class="fas fa-comments"></i>
+                <i class="fas fa-archive"></i>
             </div>
-            <div class="service-name">智能咨询</div>
+            <div class="service-name">案例库</div>
         </div>
-        <div class="service-card">
+        <div (click)="goContract('合同审查')" class="service-card">
             <div class="service-icon">
                 <i class="fas fa-file-contract"></i>
             </div>
-            <div (click)="goContract('合同审查')" class="service-name">合同审查</div>
+            <div class="service-name">合同审查</div>
         </div>
         <div class="service-card">
             <div class="service-icon">

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,54 @@
+<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

@@ -0,0 +1,110 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,20 @@
+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,16 +1,20 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { Tab3Page } from './tab3.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: Tab3Page,
+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 {}
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class Tab3PageRoutingModule {}

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

@@ -47,7 +47,7 @@
             </div>
             
             <div class="document-grid">
-                <div class="document-card" onclick="showPage('document-detail-page')">
+                <div class="document-card" (click)="goLaborcontract('劳动合同')">
                     <div class="document-icon" style="background: #3A5FE5;">
                         <i class="fas fa-file-contract"></i>
                     </div>

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

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { NavController } from '@ionic/angular';
 
 @Component({
   selector: 'app-tab3',
@@ -8,6 +9,12 @@ import { Component } from '@angular/core';
 })
 export class Tab3Page {
 
-  constructor() {}
+  constructor(
+      private navCtrl:NavController
+    ) {}
+
+  goLaborcontract(contract?:string){
+    this.navCtrl.navigateForward(["tabs","tab3","labor-contract"])
+  }
 
 }

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

@@ -32,21 +32,7 @@
                         </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>                   
                     <div class="feature-card">
                         <div class="feature-icon">
                             <i class="fas fa-star"></i>
@@ -57,43 +43,7 @@
                 </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">

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

@@ -158,64 +158,6 @@ ion-content {
             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: #3A5FE5;
-            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;