diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7709c6f..96065d8 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -9,6 +9,7 @@ import { InitModalComponent } from './components/init-modal/init-modal.component
 import { CharacterComponent } from './layouts/character/character.component';
 import { HeaderComponent } from './layouts/header/header.component';
 import { SiderComponent } from './layouts/sider/sider.component';
+import { TASKS } from './models';
 import { HomeComponent } from './pages/home/home.component';
 import { UniverseComponent } from './pages/universe/universe.component';
 import { RuntimeService } from './services/runtime.service';
@@ -34,7 +35,7 @@ export class AppComponent implements OnInit {
   ngOnInit() {
     this.rtSrv.load().then(data => {
       if (data) {
-        this.rtSrv.init(data.runtimeData, data.characterData, data.envData, data.backpackData);
+        this.rtSrv.init(data);
       } else {
         this.init();
       }
@@ -60,7 +61,13 @@ export class AppComponent implements OnInit {
         nzWidth: '1000px'
       })
       .afterClose.subscribe(({ character, env }) => {
-        this.rtSrv.init({ tick: Math.round(Math.random() * 100) }, character, env);
+        this.rtSrv.init({
+          runtimeData: { tick: Math.round(Math.random() * 100) },
+          characterData: character,
+          envData: env,
+          backpackData: [],
+          taskData: '1'
+        });
       });
   }
 
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 1ec741b..6e3c37d 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,9 +2,9 @@ import { Routes } from '@angular/router';
 
 import { startPageGuard } from './guards/start-page.guard';
 import { HomeComponent } from './pages/home/home.component';
-import { UniverseComponent } from './pages/universe/universe.component';
 import { MethodComponent } from './pages/method/method.component';
 import { ShopComponent } from './pages/shop/shop.component';
+import { UniverseComponent } from './pages/universe/universe.component';
 
 export const routes: Routes = [
   { path: '', redirectTo: '/home', pathMatch: 'full' },
diff --git a/src/app/components/bag-item-view/bag-item-view.component.ts b/src/app/components/bag-item-view/bag-item-view.component.ts
index 7c26da9..0566fbc 100644
--- a/src/app/components/bag-item-view/bag-item-view.component.ts
+++ b/src/app/components/bag-item-view/bag-item-view.component.ts
@@ -2,11 +2,11 @@ import { CommonModule } from '@angular/common';
 import { Component, inject, Input } from '@angular/core';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCardModule } from 'ng-zorro-antd/card';
-import { BagItem, getItemLevelClass, ItemLevelMap, ItemMap } from '../../models/item.model';
 import { NzMessageModule, NzMessageService } from 'ng-zorro-antd/message';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
 
 import { LogType, LogLevel } from '../../models';
+import { BagItem, getItemLevelClass, ItemLevelMap, ItemMap } from '../../models/item.model';
 import { BackpackService } from '../../services/backpack.service';
 import { LogService } from '../../services/log.service';
 
diff --git a/src/app/components/reward-item-view/reward-item-view.component.spec.ts b/src/app/components/reward-item-view/reward-item-view.component.spec.ts
index ec3fa92..9d77279 100644
--- a/src/app/components/reward-item-view/reward-item-view.component.spec.ts
+++ b/src/app/components/reward-item-view/reward-item-view.component.spec.ts
@@ -1,23 +1,22 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RewardItemViewComponent } from './reward-item-view.component';
-
-describe('RewardItemViewComponent', () => {
-  let component: RewardItemViewComponent;
-  let fixture: ComponentFixture<RewardItemViewComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [RewardItemViewComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(RewardItemViewComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RewardItemViewComponent } from './reward-item-view.component';
+
+describe('RewardItemViewComponent', () => {
+  let component: RewardItemViewComponent;
+  let fixture: ComponentFixture<RewardItemViewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RewardItemViewComponent]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RewardItemViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/reward-item-view/reward-item-view.component.ts b/src/app/components/reward-item-view/reward-item-view.component.ts
index bdc984a..2b51c59 100644
--- a/src/app/components/reward-item-view/reward-item-view.component.ts
+++ b/src/app/components/reward-item-view/reward-item-view.component.ts
@@ -1,7 +1,8 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { getItemLevelClass, Item, ItemLevelMap, ItemMap, RewardPool } from '../../models';
-import { NzCardModule } from 'ng-zorro-antd/card';
 import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
+import { NzCardModule } from 'ng-zorro-antd/card';
+
+import { getItemLevelClass, Item, ItemLevelMap, ItemMap, RewardPool } from '../../models';
 
 @Component({
   selector: 'app-reward-item-view',
@@ -11,7 +12,7 @@ import { CommonModule } from '@angular/common';
   styleUrl: './reward-item-view.component.less',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class RewardItemViewComponent {
+export class RewardItemViewComponent implements OnInit {
   @Input() reward: RewardPool = [];
 
   rewardItems: Item[] = [];
diff --git a/src/app/layouts/sider/components/task/task.component.html b/src/app/layouts/sider/components/task/task.component.html
index 59f1a25..b9d8d53 100644
--- a/src/app/layouts/sider/components/task/task.component.html
+++ b/src/app/layouts/sider/components/task/task.component.html
@@ -1,2 +1,27 @@
 <h5 nz-typography class="underline decoration-sky-500">任务面板</h5>
-<div class="flex-1 p-4 border-gray-300 border rounded overflow-auto"> </div>
+<div class="flex-1 p-4 border-gray-300 border rounded overflow-auto">
+  @if (currentTask) {
+    <div class="h-full flex flex-col justify-between items-center">
+      <div class="gap-2 w-full">
+        <h5 nz-typography>{{ currentTask.title }}</h5>
+        <p>任务描述：{{ currentTask.description }}</p>
+        <p>
+          任务奖励：
+          @for (reward of currentTask.rewards; track $index) {
+            <span class="mr-2">{{ ItemMap[reward.id].name }} * {{ reward.count }}</span>
+          }
+        </p>
+        <p>完成情况：{{ currentTask.isCompleted ? '已完成' : '未完成' }}</p>
+      </div>
+      <div>
+        @if (currentTask.isCompleted) {
+          <button nz-button (click)="onGetRewardClick()">获得奖励</button>
+        }
+      </div>
+    </div>
+  } @else {
+    <div class="w-full h-full flex justify-center items-center">
+      <nz-empty nzNotFoundContent="当前无任务"></nz-empty>
+    </div>
+  }
+</div>
diff --git a/src/app/layouts/sider/components/task/task.component.ts b/src/app/layouts/sider/components/task/task.component.ts
index 944be17..52759a2 100644
--- a/src/app/layouts/sider/components/task/task.component.ts
+++ b/src/app/layouts/sider/components/task/task.component.ts
@@ -1,10 +1,54 @@
-import { Component } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzEmptyModule } from 'ng-zorro-antd/empty';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
 
+import { getItemLevelClass, ItemMap, LogLevel, LogType, Task } from '../../../../models';
+import { BackpackService } from '../../../../services/backpack.service';
+import { LogService } from '../../../../services/log.service';
+import { StatisticsService } from '../../../../services/statistics.service';
+import { TaskService } from '../../../../services/task.service';
+
 @Component({
   selector: 'app-task',
   standalone: true,
-  imports: [NzTypographyModule],
+  imports: [NzTypographyModule, NzEmptyModule, NzButtonModule],
   templateUrl: './task.component.html'
 })
-export class TaskComponent {}
+export class TaskComponent implements OnInit {
+  private taskSrv = inject(TaskService);
+  private statisticsService = inject(StatisticsService);
+  private backpackSrv = inject(BackpackService);
+  private logSrv = inject(LogService);
+  currentTask: Task | undefined;
+  ItemMap = ItemMap;
+
+  ngOnInit(): void {
+    this.taskSrv.task$.subscribe(task => (this.currentTask = task));
+    this.statisticsService.statistics$.subscribe(event => {
+      if (!this.currentTask) return;
+      this.currentTask.isCompleted = this.currentTask.conditions.every(
+        condition =>
+          condition.type === event.type &&
+          condition.field === event.field &&
+          condition.count <= this.statisticsService.getValue(condition.type, condition.field)
+      );
+    });
+  }
+
+  onGetRewardClick() {
+    if (!this.currentTask) return;
+    let msg: string = '';
+    this.currentTask.rewards.forEach(reward => {
+      const item = ItemMap[reward.id];
+      this.backpackSrv.addItem(item, reward.count);
+      msg += `<span class="${getItemLevelClass(item.level)}">${item.name}</span> * ${reward.count} `;
+    });
+    this.logSrv.log({
+      msg: `完成任务，获得奖励:${msg}`,
+      type: LogType.Item,
+      level: LogLevel.Info
+    });
+    this.currentTask && this.taskSrv.complatedTask(this.currentTask);
+  }
+}
diff --git a/src/app/layouts/sider/sider.component.html b/src/app/layouts/sider/sider.component.html
index 11d9916..15e10f5 100644
--- a/src/app/layouts/sider/sider.component.html
+++ b/src/app/layouts/sider/sider.component.html
@@ -1,4 +1,4 @@
-<div class="h-full flex flex-col overflow-auto p-2 bg-white rounded shadow-md shadow-gray-200">
+<div class="h-full flex flex-col overflow-auto gap-2 p-2 bg-white rounded shadow-md shadow-gray-200">
   <app-log class="flex-1 flex flex-col overflow-auto" />
   <app-task class="min-h-96 flex flex-col" />
 </div>
diff --git a/src/app/models/index.ts b/src/app/models/index.ts
index 01c4672..07b6ff9 100644
--- a/src/app/models/index.ts
+++ b/src/app/models/index.ts
@@ -1,8 +1,11 @@
-export * from './character.model';
-export * from './env.model';
-export * from './log.model';
-export * from './buff.model';
-export * from './battle.model';
-export * from './challenge.model';
-export * from './reward.model';
-export * from './item.model';
+export * from './battle.model'; // 战斗
+export * from './buff.model'; // buff
+export * from './challenge.model'; // 副本
+export * from './character.model'; // 角色
+export * from './env.model'; // 环境
+export * from './item.model'; // 物品
+export * from './log.model'; // 日志
+export * from './reward.model'; // 奖励池
+export * from './runtime.model'; // 运行时
+export * from './statistics.model'; // 统计
+export * from './task.model'; // 任务
diff --git a/src/app/models/runtime.model.ts b/src/app/models/runtime.model.ts
new file mode 100644
index 0000000..3d1fd80
--- /dev/null
+++ b/src/app/models/runtime.model.ts
@@ -0,0 +1,12 @@
+import { Character } from './character.model';
+import { Env } from './env.model';
+import { BagItem } from './item.model';
+import { Task } from './task.model';
+
+export interface StorageData {
+  runtimeData: { tick: number }; // 时间刻
+  characterData: Character; // 角色信息
+  envData: Env; // 环境信息
+  backpackData: BagItem[]; // 背包信息
+  taskData: string; // 任务信息
+}
diff --git a/src/app/models/statistics.model.ts b/src/app/models/statistics.model.ts
new file mode 100644
index 0000000..805f600
--- /dev/null
+++ b/src/app/models/statistics.model.ts
@@ -0,0 +1,13 @@
+export interface CharacterStatistics {
+  cultivationCount: number;
+}
+
+export interface StatisticsEvent {
+  type: StatisticsEventType;
+  field: string;
+  count: number;
+}
+
+export enum StatisticsEventType {
+  Character
+}
diff --git a/src/app/models/task.model.ts b/src/app/models/task.model.ts
new file mode 100644
index 0000000..202d113
--- /dev/null
+++ b/src/app/models/task.model.ts
@@ -0,0 +1,51 @@
+import { inject } from '@angular/core';
+
+import { StatisticsService } from '../services/statistics.service';
+import { StatisticsEvent, StatisticsEventType } from './statistics.model';
+
+export interface Task {
+  id: number;
+  nextId: number;
+  title: string;
+  description: string;
+  rewards: TaskReward[];
+  isCompleted: boolean;
+  conditions: StatisticsEvent[];
+}
+
+export interface TaskReward {
+  id: string;
+  count: number;
+}
+
+export const TASKS: Record<string, Task> = {
+  1: {
+    id: 1,
+    nextId: 2,
+    title: '开始修炼',
+    description: '点击开始修炼按钮，完成第一次修炼',
+    rewards: [
+      {
+        id: '1',
+        count: 100
+      }
+    ],
+    isCompleted: false,
+    conditions: [
+      {
+        type: StatisticsEventType.Character,
+        field: 'cultivationCount',
+        count: 1
+      }
+    ]
+  },
+  2: {
+    id: 2,
+    nextId: 3,
+    title: 'Task 2',
+    description: 'This is the second task',
+    rewards: [],
+    isCompleted: false,
+    conditions: []
+  }
+};
diff --git a/src/app/pages/challenge/challenge.component.ts b/src/app/pages/challenge/challenge.component.ts
index 3339258..7eb528c 100644
--- a/src/app/pages/challenge/challenge.component.ts
+++ b/src/app/pages/challenge/challenge.component.ts
@@ -1,11 +1,12 @@
 import { Component, inject } from '@angular/core';
-import { Challenge, RewardPoolMap } from '../../models';
+import { Router } from '@angular/router';
+import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCardModule } from 'ng-zorro-antd/card';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+
 import { RewardItemViewComponent } from '../../components/reward-item-view/reward-item-view.component';
+import { Challenge, RewardPoolMap } from '../../models';
 import { EnvService } from '../../services/env.service';
-import { NzTagModule } from 'ng-zorro-antd/tag';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-challenge',
diff --git a/src/app/pages/challenge/pages/explore/explore.component.spec.ts b/src/app/pages/challenge/pages/explore/explore.component.spec.ts
index 365a693..7f719c8 100644
--- a/src/app/pages/challenge/pages/explore/explore.component.spec.ts
+++ b/src/app/pages/challenge/pages/explore/explore.component.spec.ts
@@ -1,23 +1,22 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ExploreComponent } from './explore.component';
-
-describe('ExploreComponent', () => {
-  let component: ExploreComponent;
-  let fixture: ComponentFixture<ExploreComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ExploreComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ExploreComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ExploreComponent } from './explore.component';
+
+describe('ExploreComponent', () => {
+  let component: ExploreComponent;
+  let fixture: ComponentFixture<ExploreComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ExploreComponent]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ExploreComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/challenge/pages/quick-explore/quick-explore.component.less b/src/app/pages/challenge/pages/quick-explore/quick-explore.component.less
index e69de29..2b38e9c 100644
--- a/src/app/pages/challenge/pages/quick-explore/quick-explore.component.less
+++ b/src/app/pages/challenge/pages/quick-explore/quick-explore.component.less
@@ -0,0 +1,5 @@
+:host {
+  flex: 1;
+  height: 0;
+  overflow: auto;
+}
diff --git a/src/app/pages/challenge/pages/quick-explore/quick-explore.component.spec.ts b/src/app/pages/challenge/pages/quick-explore/quick-explore.component.spec.ts
index 8963440..ed64db7 100644
--- a/src/app/pages/challenge/pages/quick-explore/quick-explore.component.spec.ts
+++ b/src/app/pages/challenge/pages/quick-explore/quick-explore.component.spec.ts
@@ -1,23 +1,22 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { QuickExploreComponent } from './quick-explore.component';
-
-describe('QuickExploreComponent', () => {
-  let component: QuickExploreComponent;
-  let fixture: ComponentFixture<QuickExploreComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [QuickExploreComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(QuickExploreComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuickExploreComponent } from './quick-explore.component';
+
+describe('QuickExploreComponent', () => {
+  let component: QuickExploreComponent;
+  let fixture: ComponentFixture<QuickExploreComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [QuickExploreComponent]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(QuickExploreComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/challenge/routes.ts b/src/app/pages/challenge/routes.ts
index 13f43d7..03ed087 100644
--- a/src/app/pages/challenge/routes.ts
+++ b/src/app/pages/challenge/routes.ts
@@ -1,4 +1,5 @@
 import { Routes } from '@angular/router';
+
 import { ChallengeComponent } from './challenge.component';
 import { ExploreComponent } from './pages/explore/explore.component';
 import { QuickExploreComponent } from './pages/quick-explore/quick-explore.component';
diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index 7cd4c17..f53f810 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -1,4 +1,4 @@
-<div class="flex flex-col h-full divide-y">
+<div class="flex flex-col h-full gap-2">
   <div class="flex-1 flex flex-col gap-2">
     <div>
       <h5 nz-typography class="underline decoration-sky-500">洞府</h5>
diff --git a/src/app/services/character.service.ts b/src/app/services/character.service.ts
index 02adc97..1ad7083 100644
--- a/src/app/services/character.service.ts
+++ b/src/app/services/character.service.ts
@@ -1,8 +1,9 @@
 import { inject, Injectable } from '@angular/core';
 
-import { BaseInfo, Character, LogLevel, LogType, SkillInfo, StatusInfo, LevelInfo, AttrInfo } from '../models';
+import { BaseInfo, Character, LogLevel, LogType, SkillInfo, StatusInfo, LevelInfo, AttrInfo, StatisticsEventType } from '../models';
 import { EnvService } from './env.service';
 import { LogService } from './log.service';
+import { StatisticsService } from './statistics.service';
 
 @Injectable({
   providedIn: 'root'
@@ -10,6 +11,7 @@ import { LogService } from './log.service';
 export class CharacterService {
   private envSrv = inject(EnvService);
   private logSrv = inject(LogService);
+  private statisticsSrv = inject(StatisticsService);
 
   id: string = '';
   baseInfo: BaseInfo = {
@@ -46,6 +48,11 @@ export class CharacterService {
   };
 
   cultivation(): Promise<boolean> {
+    this.statisticsSrv.update({
+      type: StatisticsEventType.Character,
+      field: 'cultivationCount',
+      count: 1
+    });
     const exp = this.getAddExp();
     const levelPrecent = Math.round(this.envSrv.maxExp / Object.keys(this.envSrv.levelMap).length);
     const newExp = exp + this.levelInfo.exp;
diff --git a/src/app/services/runtime.service.ts b/src/app/services/runtime.service.ts
index e7521c1..62e7f73 100644
--- a/src/app/services/runtime.service.ts
+++ b/src/app/services/runtime.service.ts
@@ -3,11 +3,11 @@ import * as CryptoJS from 'crypto-js';
 import { NzNotificationService } from 'ng-zorro-antd/notification';
 import { BehaviorSubject, Observable, timer } from 'rxjs';
 
-import { Character, Env } from '../models';
-import { BagItem } from '../models/item.model';
+import { StorageData, TASKS } from '../models';
 import { BackpackService } from './backpack.service';
 import { CharacterService } from './character.service';
 import { EnvService } from './env.service';
+import { TaskService } from './task.service';
 
 const WANJIE_TOKEN = 'wanjie_data';
 
@@ -19,6 +19,7 @@ export class RuntimeService {
   private envSrv = inject(EnvService);
   private notice = inject(NzNotificationService);
   private backpackSrv = inject(BackpackService);
+  private taskSrv = inject(TaskService);
 
   isInit: boolean = false;
   timeTick: BehaviorSubject<number> = new BehaviorSubject<number>(0);
@@ -32,11 +33,12 @@ export class RuntimeService {
     }
   }
 
-  init(runtimeData: { tick: number }, characterData: Partial<Character>, envData: Env, backpackData?: BagItem[]) {
-    this.characterSrv.setCharacter(characterData);
-    this.envSrv.setEnv(envData);
-    this.timeTick.next(runtimeData.tick);
-    if (backpackData) this.backpackSrv.loadItems(backpackData);
+  init(storageData: StorageData) {
+    this.characterSrv.setCharacter(storageData.characterData);
+    this.envSrv.setEnv(storageData.envData);
+    this.timeTick.next(storageData.runtimeData.tick);
+    this.backpackSrv.loadItems(storageData.backpackData);
+    this.taskSrv.setCurrentTask(TASKS[storageData.taskData]);
     this.isInit = true;
   }
 
@@ -44,6 +46,7 @@ export class RuntimeService {
     const characterData = this.characterSrv.getCharacter();
     const envData = this.envSrv.getEnv();
     const backpackData = this.backpackSrv.saveItems();
+    const taskData = this.taskSrv.getCurrentTask()?.id;
     const time = new Date();
     localStorage.setItem(
       WANJIE_TOKEN,
@@ -55,7 +58,8 @@ export class RuntimeService {
           },
           characterData,
           envData,
-          backpackData
+          backpackData,
+          taskData
         }),
         WANJIE_TOKEN
       ).toString()
@@ -63,7 +67,7 @@ export class RuntimeService {
     this.notice.success('保存成功', `您的数据已保存,本次保存时间为${time.toLocaleString()}`);
   }
 
-  load(): Promise<{ runtimeData: { tick: number }; characterData: Character; envData: Env; backpackData: BagItem[] } | null> {
+  load(): Promise<StorageData | null> {
     const data = localStorage.getItem(WANJIE_TOKEN);
     if (data) {
       const parseData = JSON.parse(CryptoJS.AES.decrypt(data, WANJIE_TOKEN).toString(CryptoJS.enc.Utf8));
diff --git a/src/app/services/statistics.service.spec.ts b/src/app/services/statistics.service.spec.ts
new file mode 100644
index 0000000..2df0af3
--- /dev/null
+++ b/src/app/services/statistics.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { StatisticsService } from './statistics.service';
+
+describe('StatisticsService', () => {
+  let service: StatisticsService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(StatisticsService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/statistics.service.ts b/src/app/services/statistics.service.ts
new file mode 100644
index 0000000..ca286ea
--- /dev/null
+++ b/src/app/services/statistics.service.ts
@@ -0,0 +1,31 @@
+import { Injectable, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+
+import { CharacterStatistics, StatisticsEvent, StatisticsEventType } from '../models';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class StatisticsService {
+  characterStatistics: CharacterStatistics = {
+    cultivationCount: 0
+  };
+  statistics: Subject<StatisticsEvent> = new Subject();
+  statistics$ = this.statistics.asObservable();
+
+  update(event: StatisticsEvent) {
+    switch (event.type) {
+      case StatisticsEventType.Character:
+        (this.characterStatistics as any)[event.field] += event.count;
+        break;
+    }
+    this.statistics.next(event);
+  }
+
+  getValue(type: StatisticsEventType, field: string) {
+    switch (type) {
+      case StatisticsEventType.Character:
+        return (this.characterStatistics as any)[field];
+    }
+  }
+}
diff --git a/src/app/services/task.service.spec.ts b/src/app/services/task.service.spec.ts
new file mode 100644
index 0000000..0bbd214
--- /dev/null
+++ b/src/app/services/task.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { TaskService } from './task.service';
+
+describe('TaskService', () => {
+  let service: TaskService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(TaskService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/task.service.ts b/src/app/services/task.service.ts
new file mode 100644
index 0000000..76719d9
--- /dev/null
+++ b/src/app/services/task.service.ts
@@ -0,0 +1,33 @@
+import { inject, Injectable } from '@angular/core';
+import { Subject, Subscription } from 'rxjs';
+
+import { StatisticsEventType, Task, TASKS } from '../models';
+import { StatisticsService } from './statistics.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TaskService {
+  currentTask: Task | undefined;
+  taskSub: Subject<Task> = new Subject();
+  task$ = this.taskSub.asObservable();
+
+  initTask(): void {
+    this.setCurrentTask(TASKS[0]);
+  }
+
+  complatedTask(task: Task): void {
+    const nextTask = TASKS[task.nextId] || undefined;
+    if (!nextTask) return;
+    this.setCurrentTask(nextTask);
+  }
+
+  setCurrentTask(task: Task) {
+    this.currentTask = task;
+    this.taskSub.next(task);
+  }
+
+  getCurrentTask(): Task | undefined {
+    return this.currentTask;
+  }
+}