diff --git a/.github/workflows/pr.yaml b/.github/workflows/pr.yaml
index 86325eb..6f315fc 100644
--- a/.github/workflows/pr.yaml
+++ b/.github/workflows/pr.yaml
@@ -37,6 +37,12 @@
           - name: Get Flutter dependencies
             run: flutter pub get
             shell: bash
+          - name: Generate i18n translations
+            run: dart run slang
+            shell: bash
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
+            shell: bash
           - name: Inject DanDan API Credentials
             run: |
               sed -i "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -74,6 +80,10 @@
               distribution: 'temurin'
               java-version: '18'
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             env:
               DANDANAPI_APPID: ${{ secrets.DANDANAPI_APPID }}
@@ -118,6 +128,12 @@
           - name: Get Flutter dependencies
             run: flutter pub get
             shell: bash
+          - name: Generate i18n translations
+            run: dart run slang
+            shell: bash
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
+            shell: bash
           - name: Inject DanDan API Credentials
             run: |
               sed -i "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -157,6 +173,10 @@
               channel: stable
               flutter-version-file: pubspec.yaml
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             run: |
               sed -i '' "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -188,6 +208,10 @@
               channel: stable
               flutter-version-file: pubspec.yaml
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             run: |
               sed -i '' "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml
index 2ebc45d..63b3030 100644
--- a/.github/workflows/release.yaml
+++ b/.github/workflows/release.yaml
@@ -21,7 +21,7 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - name: Extract tag name
-            run: echo "tag=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+            run: echo "tag=${GITHUB_REF_NAME//\//-}" >> $GITHUB_ENV
             shell: bash
           - name: Echo build progress
             run: echo "oneAnime_android_${{ env.tag }}.apk build progress"
@@ -44,6 +44,12 @@
           - name: Get Flutter dependencies
             run: flutter pub get
             shell: bash
+          - name: Generate i18n translations
+            run: dart run slang
+            shell: bash
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
+            shell: bash
           - name: Inject DanDan API Credentials
             run: |
               sed -i "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -52,7 +58,7 @@
             run: flutter build apk --split-per-abi
             shell: bash
           - name: Package android build output
-            run: cp build/app/outputs/flutter-apk/app-arm64-v8a-release.apk oneAnime_android_${env:tag}.apk
+            run: cp build/app/outputs/flutter-apk/app-arm64-v8a-release.apk oneAnime_android_${{ env.tag }}.apk
             shell: bash
 
           - name: Upload android outputs
@@ -70,8 +76,8 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - run: |
-                  $tag = "${{ github.ref }}".Replace('refs/tags/', '')
-                  echo "tag=$(echo $tag)" >> $env:GITHUB_ENV
+                  $tag = "${{ github.ref_name }}".Replace('/', '-').Replace('\', '-')
+                  echo "tag=$tag" >> $env:GITHUB_ENV
           - run: echo "oneAnime_windows_${env:tag}.zip build progress"
           - run: choco install yq
           - name: Set up Flutter
@@ -85,6 +91,10 @@
               distribution: 'temurin'
               java-version: '18'
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             env:
               DANDANAPI_APPID: ${{ secrets.DANDANAPI_APPID }}
@@ -117,7 +127,7 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - name: Extract tag name
-            run: echo "tag=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+            run: echo "tag=${GITHUB_REF_NAME//\//-}" >> $GITHUB_ENV
             shell: bash
           - name: Echo build progress
             run: echo "oneAnime_linux_${{ env.tag }}.tar.gz build progress"
@@ -135,6 +145,12 @@
           - name: Get Flutter dependencies
             run: flutter pub get
             shell: bash
+          - name: Generate i18n translations
+            run: dart run slang
+            shell: bash
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
+            shell: bash
           - name: Inject DanDan API Credentials
             run: |
               sed -i "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -196,7 +212,7 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - name: Extract tag name
-            run: echo "tag=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+            run: echo "tag=${GITHUB_REF_NAME//\//-}" >> $GITHUB_ENV
           - name: Echo build progress
             run: echo "oneAnime_macos_${{ env.tag }}.dmg build progress"
           - name: Set up Flutter
@@ -205,6 +221,10 @@
               channel: stable
               flutter-version-file: pubspec.yaml
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             run: |
               sed -i '' "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -227,7 +247,7 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - name: Extract tag name
-            run: echo "tag=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+            run: echo "tag=${GITHUB_REF_NAME//\//-}" >> $GITHUB_ENV
           - name: Echo build progress
             run: echo "oneAnime_ios_${{ env.tag }}.ipa build progress"
           - name: Set up Flutter
@@ -236,6 +256,10 @@
               channel: stable
               flutter-version-file: pubspec.yaml
           - run: flutter pub get
+          - name: Generate i18n translations
+            run: dart run slang
+          - name: Generate MobX code
+            run: flutter pub run build_runner build --delete-conflicting-outputs
           - name: Inject DanDan API Credentials
             run: |
               sed -i '' "s/kvpx7qkqjh/${{ secrets.DANDANAPI_APPID }}/g" lib/utils/mortis.dart
@@ -263,7 +287,7 @@
           - name: Clone repository
             uses: actions/checkout@v4
           - name: Extract tag name
-            run: echo "tag=${GITHUB_REF#refs/tags/}" >> $GITHUB_ENV
+            run: echo "tag=${GITHUB_REF_NAME//\//-}" >> $GITHUB_ENV
             shell: bash
           - name: Set up JDK 17
             uses: actions/setup-java@v4
@@ -343,9 +367,23 @@
             run: cp ${{steps.sign_app.outputs.signedReleaseFile}} build/signed/oneAnime_android_${{ env.tag }}.apk
 
           - name: Create release
+            if: github.ref_type == 'tag'
             uses: softprops/action-gh-release@v2
             with:
               files: |
+                build/signed/*.apk
+                oneAnime_windows_*.zip
+                oneAnime_macos_*.dmg
+                oneAnime_ios_*.ipa
+                oneAnime_linux_*.tar.gz
+                oneAnime_linux_*.AppImage
+
+          - name: Upload release bundle as artifact
+            if: github.ref_type != 'tag'
+            uses: actions/upload-artifact@v4
+            with:
+              name: release_bundle
+              path: |
                 build/signed/*.apk
                 oneAnime_windows_*.zip
                 oneAnime_macos_*.dmg
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 883b77d..01480f5 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,4 +1,5 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
     <application
         android:label="oneAnime"
         android:name="${applicationName}"
@@ -30,12 +31,20 @@
         <meta-data
             android:name="flutterEmbedding"
             android:value="2" />
+        
+        <!-- Background downloader foreground service for Android 14+ -->
+        <service
+            android:name="androidx.work.impl.foreground.SystemForegroundService"
+            android:foregroundServiceType="dataSync"
+            tools:node="merge" />
     </application>
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
     <uses-permission android:name="android.permission.WAKE_LOCK"/>
     <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_DATA_SYNC" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
     <!-- Required to query activities that can process text, see:
         https://developer.android.com/training/package-visibility?hl=en and
         https://developer.android.com/reference/android/content/Intent#ACTION_PROCESS_TEXT.
diff --git a/android/build.gradle b/android/build.gradle
index 0ae2992..a0c36a3 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -1,5 +1,5 @@
 buildscript {
-    ext.kotlin_version = '1.8.10'
+    ext.kotlin_version = '2.1.0'
     repositories {
         google()
         mavenCentral()
diff --git a/android/settings.gradle b/android/settings.gradle
index dfd3282..cf1496b 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -24,6 +24,7 @@ pluginManagement {
 plugins {
     id "dev.flutter.flutter-plugin-loader" version "1.0.0"
     id "com.android.application" version "8.7.0" apply false
+    id "org.jetbrains.kotlin.android" version "2.1.0" apply false
 }
 
 include ":app"
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 0000000..e6d0ab8
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,45 @@
+# Uncomment this line to define a global platform for your project
+platform :ios, '14.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+  end
+end
+
diff --git a/ios/Runner/AppDelegate.swift b/ios/Runner/AppDelegate.swift
index 70693e4..36ef366 100644
--- a/ios/Runner/AppDelegate.swift
+++ b/ios/Runner/AppDelegate.swift
@@ -1,5 +1,6 @@
 import UIKit
 import Flutter
+import UserNotifications
 
 @UIApplicationMain
 @objc class AppDelegate: FlutterAppDelegate {
@@ -8,6 +9,10 @@ import Flutter
     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
   ) -> Bool {
     GeneratedPluginRegistrant.register(with: self)
+    
+    // Set notification delegate for background_downloader
+    UNUserNotificationCenter.current().delegate = self as UNUserNotificationCenterDelegate
+    
     return super.application(application, didFinishLaunchingWithOptions: launchOptions)
   }
 }
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index e53a1e9..e043ecb 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -45,5 +45,9 @@
 	<true/>
 	<key>UIApplicationSupportsIndirectInputEvents</key>
 	<true/>
+	<key>LSSupportsOpeningDocumentsInPlace</key>
+	<true/>
+	<key>UIFileSharingEnabled</key>
+	<true/>
 </dict>
 </plist>
diff --git a/lib/bean/anime/anime_panel.dart b/lib/bean/anime/anime_panel.dart
index bac6800..b1276b0 100644
--- a/lib/bean/anime/anime_panel.dart
+++ b/lib/bean/anime/anime_panel.dart
@@ -2,25 +2,87 @@ import 'package:oneanime/utils/utils.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:oneanime/i18n/strings.g.dart';
+import 'package:flutter_modular/flutter_modular.dart';
+import 'package:oneanime/pages/download/download_controller.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
 
 class BangumiPanel extends StatelessWidget {
   const BangumiPanel({
     super.key,
     required this.title,
     required this.episodeLength,
+    this.episodes,
     required this.currentEpisode,
     required this.onChangeEpisode,
+    this.animeLink,
+    this.tokens,
   });
 
   final String title;
   final int episodeLength;
+  final List<int>? episodes;
   final int currentEpisode;
   final Future<void> Function(int episode) onChangeEpisode;
+  final int? animeLink;
+  final List<String>? tokens;
+
+  void _showEpisodePickerDialog(
+    BuildContext context,
+    Translations i18n,
+    List<int> episodeItems,
+  ) {
+    final size = MediaQuery.sizeOf(context);
+    final dialogWidth = (size.width * 0.95).clamp(320.0, 760.0);
+    final dialogHeight = (size.height * 0.7).clamp(240.0, 640.0);
+    SmartDialog.show(
+      useAnimation: false,
+      builder: (context) {
+        return AlertDialog(
+          title: Text(i18n.video.changeEpisode),
+          content: SizedBox(
+            width: dialogWidth,
+            height: dialogHeight,
+            child: GridView.builder(
+              gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                maxCrossAxisExtent: 160,
+                crossAxisSpacing: 10,
+                mainAxisSpacing: 10,
+                childAspectRatio: 2.8,
+              ),
+              itemCount: episodeItems.length,
+              itemBuilder: (BuildContext context, int idx) {
+                final episode = episodeItems[idx];
+                final isCurrent = episode == currentEpisode;
+                final label = i18n.toast.currentEpisode(episode: episode.toString());
+                if (isCurrent) {
+                  return FilledButton(
+                    onPressed: () => SmartDialog.dismiss(),
+                    child: Text(label),
+                  );
+                }
+                return FilledButton.tonal(
+                  onPressed: () async {
+                    await onChangeEpisode(episode);
+                    SmartDialog.dismiss();
+                  },
+                  child: Text(label),
+                );
+              },
+            ),
+          ),
+        );
+      },
+    );
+  }
 
   @override
   Widget build(BuildContext context) {
     final Translations i18n = Translations.of(context);
     final ScrollController listViewScrollCtr = ScrollController();
+    final DownloadController downloadController = Modular.get<DownloadController>();
+    final List<int> episodeItems =
+        episodes ?? List<int>.generate(episodeLength, (i) => i + 1);
+    final int totalCount = episodeItems.length;
 
     return Expanded(
       child: Column(
@@ -45,60 +107,16 @@ class BangumiPanel extends StatelessWidget {
                       ),
                       const SizedBox(width: 10),
                       SizedBox(
-                        height: 34,
-                        child: TextButton(
-                          style: ButtonStyle(
-                            padding: WidgetStateProperty.all(EdgeInsets.zero),
+                        height: 38,
+                        child: FilledButton.tonalIcon(
+                          onPressed: () =>
+                              _showEpisodePickerDialog(context, i18n, episodeItems),
+                          icon: const Icon(Icons.grid_view, size: 18),
+                          style: FilledButton.styleFrom(
+                            padding: const EdgeInsets.symmetric(horizontal: 12),
                           ),
-
-                          // Todo 展示更多
-                          onPressed: () {
-                            if (MediaQuery.sizeOf(context).height <
-                                MediaQuery.sizeOf(context).width) {
-                              SmartDialog.show(
-                                  useAnimation: false,
-                                  builder: (context) {
-                                    return AlertDialog(
-                                      title: Text(i18n.video.changeEpisode),
-                                      content: StatefulBuilder(builder:
-                                          (BuildContext context,
-                                              StateSetter setState) {
-                                        return Wrap(
-                                          spacing: 8,
-                                          runSpacing: 2,
-                                          children: [
-                                            for (int i = 1;
-                                                i <= episodeLength;
-                                                i++) ...<Widget>[
-                                              if (i ==
-                                                  currentEpisode) ...<Widget>[
-                                                FilledButton(
-                                                  onPressed: () async {
-                                                    SmartDialog.dismiss();
-                                                  },
-                                                  child:
-                                                      Text(i18n.toast.currentEpisode(episode: i.toString())),
-                                                ),
-                                              ] else ...[
-                                                FilledButton.tonal(
-                                                  onPressed: () async {
-                                                    onChangeEpisode(i);
-                                                    SmartDialog.dismiss();
-                                                  },
-                                                  child:
-                                                      Text(i18n.toast.currentEpisode(episode: i.toString())),
-                                                ),
-                                              ]
-                                            ]
-                                          ],
-                                        );
-                                      }),
-                                    );
-                                  });
-                            }
-                          },
-                          child: Text(
-                            i18n.video.episodeTotal(total: episodeLength),
+                          label: Text(
+                            i18n.video.episodeTotal(total: totalCount),
                             style: const TextStyle(fontSize: 13),
                           ),
                         ),
@@ -113,67 +131,135 @@ class BangumiPanel extends StatelessWidget {
               child: GridView.builder(
                 controller: listViewScrollCtr,
                 scrollDirection: Axis.vertical, // 将滚动方向改为竖直
-                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                  crossAxisCount:
-                      (!Utils.isCompact() && !Utils.isTablet())
-                          ? 10
-                          : 3,
-                  crossAxisSpacing: 10, // 间距
-                  mainAxisSpacing: 5, // 间距
-                  childAspectRatio: 1.7, // 子项宽高比
+                gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                  maxCrossAxisExtent:
+                      Utils.isCompact() ? 180 : (Utils.isTablet() ? 220 : 240),
+                  crossAxisSpacing: 12,
+                  mainAxisSpacing: 12,
+                  childAspectRatio: 3.1,
                 ),
-                itemCount: episodeLength,
+                itemCount: episodeItems.length,
                 itemBuilder: (BuildContext context, int i) {
-                  return Container(
-                    // width: 150,
-                    margin: const EdgeInsets.only(bottom: 10), // 改为bottom间距
-                    child: Material(
-                      color: Theme.of(context).colorScheme.onInverseSurface,
-                      borderRadius: BorderRadius.circular(6),
-                      clipBehavior: Clip.hardEdge,
-                      child: InkWell(
-                        onTap: () {
-                          onChangeEpisode(i + 1);
-                        },
-                        child: Padding(
-                          padding: const EdgeInsets.symmetric(
-                              vertical: 8, horizontal: 10),
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: <Widget>[
-                              Row(
-                                children: [
-                                  if (i == (currentEpisode - 1)) ...<Widget>[
-                                    Image.asset(
-                                      'assets/images/live.png',
-                                      color:
-                                          Theme.of(context).colorScheme.primary,
-                                      height: 12,
+                  final episode = episodeItems[i];
+                  
+                  return Observer(builder: (context) {
+                    final isDownloaded = animeLink != null && 
+                        downloadController.isEpisodeDownloaded(animeLink!, episode);
+                    final task = animeLink != null ? 
+                        downloadController.getTaskForEpisode(animeLink!, episode) : null;
+                    
+                    return Container(
+                      // width: 150,
+                      margin: const EdgeInsets.only(bottom: 10), // 改为bottom间距
+                      child: Material(
+                        color: Theme.of(context).colorScheme.onInverseSurface,
+                        borderRadius: BorderRadius.circular(6),
+                        clipBehavior: Clip.hardEdge,
+                        child: InkWell(
+                          onTap: () {
+                            onChangeEpisode(episode);
+                          },
+                          onLongPress: animeLink != null && tokens != null && episode <= tokens!.length
+                              ? () {
+                                  _showDownloadMenu(
+                                    context,
+                                    downloadController,
+                                    episode,
+                                    isDownloaded,
+                                    task,
+                                    i18n,
+                                  );
+                                }
+                              : null,
+                          child: Padding(
+                            padding: const EdgeInsets.symmetric(
+                                vertical: 10, horizontal: 10),
+                            child: Row(
+                              children: [
+                                // Episode label column
+                                Expanded(
+                                  child: Column(
+                                    crossAxisAlignment: CrossAxisAlignment.start,
+                                    mainAxisAlignment: MainAxisAlignment.center,
+                                    children: <Widget>[
+                                      Row(
+                                        children: [
+                                          if (episode == currentEpisode) ...<Widget>[
+                                            Image.asset(
+                                              'assets/images/live.png',
+                                              color:
+                                                  Theme.of(context).colorScheme.primary,
+                                              height: 12,
+                                            ),
+                                            const SizedBox(width: 6)
+                                          ],
+                                          Expanded(
+                                            child: Text(
+                                              i18n.toast.currentEpisode(episode: episode),
+                                              style: TextStyle(
+                                                  fontSize: 13,
+                                                  color: episode == currentEpisode
+                                                      ? Theme.of(context)
+                                                          .colorScheme
+                                                          .primary
+                                                      : Theme.of(context)
+                                                          .colorScheme
+                                                          .onSurface),
+                                            ),
+                                          ),
+                                        ],
+                                      ),
+                                      // Status indicator (small icon below text)
+                                      if (isDownloaded || (task != null && task.isDownloading))
+                                        Padding(
+                                          padding: const EdgeInsets.only(top: 2),
+                                          child: isDownloaded
+                                              ? Icon(
+                                                  Icons.download_done,
+                                                  size: 14,
+                                                  color: Theme.of(context).colorScheme.primary,
+                                                )
+                                              : SizedBox(
+                                                  width: 14,
+                                                  height: 14,
+                                                  child: CircularProgressIndicator(
+                                                    strokeWidth: 2,
+                                                    value: task!.progress > 0 ? task.progress : null,
+                                                  ),
+                                                ),
+                                        ),
+                                    ],
+                                  ),
+                                ),
+                                // Download action button - 48x48 tap target for mobile
+                                if (animeLink != null && tokens != null && episode <= tokens!.length)
+                                  SizedBox(
+                                    width: 48,
+                                    height: 48,
+                                    child: IconButton(
+                                      padding: const EdgeInsets.all(12),
+                                      icon: Icon(
+                                        _getDownloadIcon(isDownloaded, task),
+                                        size: 20,
+                                      ),
+                                      color: Theme.of(context).colorScheme.primary,
+                                      onPressed: () => _handleDownloadTap(
+                                        context,
+                                        downloadController,
+                                        episode,
+                                        isDownloaded,
+                                        task,
+                                        i18n,
+                                      ),
                                     ),
-                                    const SizedBox(width: 6)
-                                  ],
-                                  Text(
-                                    i18n.toast.currentEpisode(episode: i + 1),
-                                    style: TextStyle(
-                                        fontSize: 13,
-                                        color: i == (currentEpisode - 1)
-                                            ? Theme.of(context)
-                                                .colorScheme
-                                                .primary
-                                            : Theme.of(context)
-                                                .colorScheme
-                                                .onSurface),
                                   ),
-                                  const SizedBox(width: 2),
-                                ],
-                              ),
-                              const SizedBox(height: 3),
-                            ],
+                              ],
+                            ),
                           ),
                         ),
                       ),
-                    ),
-                  );
+                    );
+                  });
                 },
               ),
             ),
@@ -182,4 +268,128 @@ class BangumiPanel extends StatelessWidget {
       ),
     );
   }
+
+  IconData _getDownloadIcon(bool isDownloaded, dynamic task) {
+    if (isDownloaded) {
+      return Icons.download_done;
+    } else if (task != null && task.isDownloading) {
+      return Icons.downloading;
+    } else if (task != null && (task.isPaused || task.isFailed)) {
+      return Icons.download;
+    } else if (task != null && task.isQueued) {
+      return Icons.schedule;
+    }
+    return Icons.download;
+  }
+
+  void _handleDownloadTap(
+    BuildContext context,
+    DownloadController downloadController,
+    int episode,
+    bool isDownloaded,
+    dynamic task,
+    Translations i18n,
+  ) {
+    if (animeLink == null || tokens == null || episode > tokens!.length) return;
+
+    // Hybrid behavior: if not downloaded and no task, start download directly
+    if (!isDownloaded && task == null) {
+      final token = tokens![tokens!.length - episode];
+      downloadController.enqueueEpisode(
+        link: animeLink!,
+        title: title,
+        episode: episode,
+        token: token,
+      ).then((result) {
+        SmartDialog.showToast(result);
+      });
+    } else {
+      // Otherwise, show the action menu
+      _showDownloadMenu(
+        context,
+        downloadController,
+        episode,
+        isDownloaded,
+        task,
+        i18n,
+      );
+    }
+  }
+
+  void _showDownloadMenu(
+    BuildContext context,
+    DownloadController downloadController,
+    int episode,
+    bool isDownloaded,
+    dynamic task,
+    Translations i18n,
+  ) {
+    if (animeLink == null || tokens == null || episode > tokens!.length) return;
+
+    showModalBottomSheet(
+      context: context,
+      builder: (BuildContext context) {
+        return SafeArea(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              if (!isDownloaded && task == null)
+                ListTile(
+                  leading: const Icon(Icons.download),
+                  title: Text('Download Episode $episode'),
+                  onTap: () async {
+                    Navigator.pop(context);
+                    final token = tokens![tokens!.length - episode];
+                    final result = await downloadController.enqueueEpisode(
+                      link: animeLink!,
+                      title: title,
+                      episode: episode,
+                      token: token,
+                    );
+                    SmartDialog.showToast(result);
+                  },
+                ),
+              if (task != null && task.isDownloading)
+                ListTile(
+                  leading: const Icon(Icons.pause),
+                  title: Text(i18n.my.downloads.pause),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.pauseTask(task);
+                  },
+                ),
+              if (task != null && (task.isPaused || task.isFailed))
+                ListTile(
+                  leading: const Icon(Icons.play_arrow),
+                  title: Text(i18n.my.downloads.resume),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.resumeTask(task);
+                  },
+                ),
+              if (isDownloaded)
+                ListTile(
+                  leading: const Icon(Icons.delete),
+                  title: Text(i18n.my.downloads.delete),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.deleteTask(task);
+                    SmartDialog.showToast('Download deleted');
+                  },
+                ),
+              if (task != null && !isDownloaded)
+                ListTile(
+                  leading: const Icon(Icons.cancel),
+                  title: Text(i18n.my.downloads.cancel),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.cancelTask(task);
+                  },
+                ),
+            ],
+          ),
+        );
+      },
+    );
+  }
 }
diff --git a/lib/bean/download/download_anime.dart b/lib/bean/download/download_anime.dart
new file mode 100644
index 0000000..1e586ce
--- /dev/null
+++ b/lib/bean/download/download_anime.dart
@@ -0,0 +1,76 @@
+import 'package:hive/hive.dart';
+import 'dart:convert';
+
+/// Represents an anime with its tokens for download management
+class DownloadAnime extends HiveObject {
+  @HiveField(0)
+  int? link; // anime cat id
+  
+  @HiveField(1)
+  String? title; // anime title
+  
+  @HiveField(2)
+  String? tokensJson; // jsonEncode(List<String>)
+  
+  @HiveField(3)
+  int? episodeTotal; // total number of episodes
+
+  DownloadAnime({
+    this.link,
+    this.title,
+    this.tokensJson,
+    this.episodeTotal,
+  });
+
+  DownloadAnime.fromJson(Map<String, dynamic>? json) {
+    if (json == null) return;
+    link = json['link'];
+    title = json['title'];
+    tokensJson = json['tokensJson'];
+    episodeTotal = json['episodeTotal'];
+  }
+
+  Map<String, dynamic> toJson() => {
+        'link': link,
+        'title': title,
+        'tokensJson': tokensJson,
+        'episodeTotal': episodeTotal,
+      };
+
+  List<String> get tokens {
+    if (tokensJson == null || tokensJson!.isEmpty) return [];
+    try {
+      return List<String>.from(jsonDecode(tokensJson!));
+    } catch (e) {
+      return [];
+    }
+  }
+
+  void setTokens(List<String> tokens) {
+    tokensJson = jsonEncode(tokens);
+  }
+}
+
+class DownloadAnimeAdapter extends TypeAdapter<DownloadAnime> {
+  @override
+  final int typeId = 3;
+
+  @override
+  DownloadAnime read(BinaryReader reader) {
+    return DownloadAnime(
+      link: reader.readInt(),
+      title: reader.readString(),
+      tokensJson: reader.readString(),
+      episodeTotal: reader.readInt(),
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, DownloadAnime obj) {
+    writer.writeInt(obj.link ?? 0);
+    writer.writeString(obj.title ?? '');
+    writer.writeString(obj.tokensJson ?? '[]');
+    writer.writeInt(obj.episodeTotal ?? 0);
+  }
+}
+
diff --git a/lib/bean/download/download_task.dart b/lib/bean/download/download_task.dart
new file mode 100644
index 0000000..c7c6025
--- /dev/null
+++ b/lib/bean/download/download_task.dart
@@ -0,0 +1,155 @@
+import 'package:hive/hive.dart';
+
+/// Represents a single episode download task
+class DownloadTask extends HiveObject {
+  @HiveField(0)
+  int? link; // anime cat id
+  
+  @HiveField(1)
+  String? title; // anime title
+  
+  @HiveField(2)
+  int? episode; // episode number
+  
+  @HiveField(3)
+  String? token; // video token from VideoRequest.getVideoToken
+  
+  @HiveField(4)
+  String? resolvedUrl; // last resolved video URL
+  
+  @HiveField(5)
+  String? userAgent; // generated once per task
+  
+  @HiveField(6)
+  String? status; // queued/downloading/paused/completed/failed
+  
+  @HiveField(7)
+  int? receivedBytes;
+  
+  @HiveField(8)
+  int? totalBytes;
+  
+  @HiveField(9)
+  String? savePath; // local file path
+  
+  @HiveField(10)
+  String? error; // error message if failed
+  
+  @HiveField(11)
+  int? createdAt; // timestamp
+  
+  @HiveField(12)
+  int? updatedAt; // timestamp
+  
+  @HiveField(13)
+  String? videoCookie; // cookie for video playback
+
+  DownloadTask({
+    this.link,
+    this.title,
+    this.episode,
+    this.token,
+    this.resolvedUrl,
+    this.userAgent,
+    this.status,
+    this.receivedBytes,
+    this.totalBytes,
+    this.savePath,
+    this.error,
+    this.createdAt,
+    this.updatedAt,
+    this.videoCookie,
+  });
+
+  DownloadTask.fromJson(Map<String, dynamic>? json) {
+    if (json == null) return;
+    link = json['link'];
+    title = json['title'];
+    episode = json['episode'];
+    token = json['token'];
+    resolvedUrl = json['resolvedUrl'];
+    userAgent = json['userAgent'];
+    status = json['status'];
+    receivedBytes = json['receivedBytes'];
+    totalBytes = json['totalBytes'];
+    savePath = json['savePath'];
+    error = json['error'];
+    createdAt = json['createdAt'];
+    updatedAt = json['updatedAt'];
+    videoCookie = json['videoCookie'];
+  }
+
+  Map<String, dynamic> toJson() => {
+        'link': link,
+        'title': title,
+        'episode': episode,
+        'token': token,
+        'resolvedUrl': resolvedUrl,
+        'userAgent': userAgent,
+        'status': status,
+        'receivedBytes': receivedBytes,
+        'totalBytes': totalBytes,
+        'savePath': savePath,
+        'error': error,
+        'createdAt': createdAt,
+        'updatedAt': updatedAt,
+        'videoCookie': videoCookie,
+      };
+
+  String get taskId => '${link}_$episode';
+  
+  double get progress {
+    if (totalBytes == null || totalBytes == 0) return 0.0;
+    return (receivedBytes ?? 0) / totalBytes!;
+  }
+  
+  bool get isCompleted => status == 'completed';
+  bool get isDownloading => status == 'downloading';
+  bool get isFailed => status == 'failed';
+  bool get isPaused => status == 'paused';
+  bool get isQueued => status == 'queued';
+}
+
+class DownloadTaskAdapter extends TypeAdapter<DownloadTask> {
+  @override
+  final int typeId = 2;
+
+  @override
+  DownloadTask read(BinaryReader reader) {
+    return DownloadTask(
+      link: reader.readInt(),
+      title: reader.readString(),
+      episode: reader.readInt(),
+      token: reader.readString(),
+      resolvedUrl: reader.readString(),
+      userAgent: reader.readString(),
+      status: reader.readString(),
+      receivedBytes: reader.readInt(),
+      totalBytes: reader.readInt(),
+      savePath: reader.readString(),
+      error: reader.readString(),
+      createdAt: reader.readInt(),
+      updatedAt: reader.readInt(),
+      videoCookie: reader.readString(),
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, DownloadTask obj) {
+    writer.writeInt(obj.link ?? 0);
+    writer.writeString(obj.title ?? '');
+    writer.writeInt(obj.episode ?? 0);
+    writer.writeString(obj.token ?? '');
+    writer.writeString(obj.resolvedUrl ?? '');
+    writer.writeString(obj.userAgent ?? '');
+    writer.writeString(obj.status ?? 'queued');
+    writer.writeInt(obj.receivedBytes ?? 0);
+    writer.writeInt(obj.totalBytes ?? 0);
+    writer.writeString(obj.savePath ?? '');
+    writer.writeString(obj.error ?? '');
+    writer.writeInt(obj.createdAt ?? 0);
+    writer.writeInt(obj.updatedAt ?? 0);
+    writer.writeString(obj.videoCookie ?? '');
+  }
+}
+
diff --git a/lib/i18n/strings.i18n.json b/lib/i18n/strings.i18n.json
index 2d19afc..f7b8800 100644
--- a/lib/i18n/strings.i18n.json
+++ b/lib/i18n/strings.i18n.json
@@ -72,6 +72,24 @@
             "title": "History",
             "empty": "Ah Lie (⊙.⊙) There is no viewing record."
         },
+        "downloads": {
+            "title": "Downloads",
+            "empty": "No downloads yet",
+            "downloading": "Downloading",
+            "queued": "Queued",
+            "paused": "Paused",
+            "completed": "Completed",
+            "failed": "Failed",
+            "pause": "Pause",
+            "resume": "Resume",
+            "retry": "Retry",
+            "delete": "Delete",
+            "cancel": "Cancel",
+            "play": "Play",
+            "clearCompleted": "Clear Completed",
+            "confirmDelete": "Delete this download?",
+            "confirmClearCompleted": "Delete all completed downloads?"
+        },
         "playerSettings": {
             "title": "Player Settings",
             "hardwareAcceleration": "Hardware Acceleration",
diff --git a/lib/i18n/strings_zh-CN.i18n.json b/lib/i18n/strings_zh-CN.i18n.json
index a7962f3..da35a39 100644
--- a/lib/i18n/strings_zh-CN.i18n.json
+++ b/lib/i18n/strings_zh-CN.i18n.json
@@ -72,6 +72,24 @@
             "title": "历史记录",
             "empty": "啊咧（⊙.⊙） 没有观看记录的说"
         },
+        "downloads": {
+            "title": "番剧下载",
+            "empty": "还没有下载任务",
+            "downloading": "下载中",
+            "queued": "等待中",
+            "paused": "已暂停",
+            "completed": "已完成",
+            "failed": "失败",
+            "pause": "暂停",
+            "resume": "继续",
+            "retry": "重试",
+            "delete": "删除",
+            "cancel": "取消",
+            "play": "播放",
+            "clearCompleted": "清除已完成",
+            "confirmDelete": "确定要删除此下载吗？",
+            "confirmClearCompleted": "确定要清除所有已完成的下载吗？"
+        },
         "playerSettings": {
             "title": "播放设置",
             "hardwareAcceleration": "硬件解码",
diff --git a/lib/i18n/strings_zh-HK.i18n.json b/lib/i18n/strings_zh-HK.i18n.json
index ce454eb..1d91fb9 100644
--- a/lib/i18n/strings_zh-HK.i18n.json
+++ b/lib/i18n/strings_zh-HK.i18n.json
@@ -72,6 +72,24 @@
             "title": "歷史記錄",
             "empty": "啊咧（⊙.⊙） 沒有觀看記錄的說"
         },
+        "downloads": {
+            "title": "番劇下載",
+            "empty": "仲未有下載任務",
+            "downloading": "下載中",
+            "queued": "等待中",
+            "paused": "已暫停",
+            "completed": "已完成",
+            "failed": "失敗",
+            "pause": "暫停",
+            "resume": "繼續",
+            "retry": "重試",
+            "delete": "刪除",
+            "cancel": "取消",
+            "play": "播放",
+            "clearCompleted": "清除已完成",
+            "confirmDelete": "確定要刪除此下載嗎？",
+            "confirmClearCompleted": "確定要清除所有已完成嘅下載嗎？"
+        },
         "playerSettings": {
             "title": "播放設置",
             "hardwareAcceleration": "硬件解碼",
diff --git a/lib/i18n/strings_zh-TW.i18n.json b/lib/i18n/strings_zh-TW.i18n.json
index ce454eb..5b59bfa 100644
--- a/lib/i18n/strings_zh-TW.i18n.json
+++ b/lib/i18n/strings_zh-TW.i18n.json
@@ -72,6 +72,24 @@
             "title": "歷史記錄",
             "empty": "啊咧（⊙.⊙） 沒有觀看記錄的說"
         },
+        "downloads": {
+            "title": "番劇下載",
+            "empty": "還沒有下載任務",
+            "downloading": "下載中",
+            "queued": "等待中",
+            "paused": "已暫停",
+            "completed": "已完成",
+            "failed": "失敗",
+            "pause": "暫停",
+            "resume": "繼續",
+            "retry": "重試",
+            "delete": "刪除",
+            "cancel": "取消",
+            "play": "播放",
+            "clearCompleted": "清除已完成",
+            "confirmDelete": "確定要刪除此下載嗎？",
+            "confirmClearCompleted": "確定要清除所有已完成的下載嗎？"
+        },
         "playerSettings": {
             "title": "播放設置",
             "hardwareAcceleration": "硬件解碼",
diff --git a/lib/pages/download/download_controller.dart b/lib/pages/download/download_controller.dart
new file mode 100644
index 0000000..1dc9b02
--- /dev/null
+++ b/lib/pages/download/download_controller.dart
@@ -0,0 +1,589 @@
+import 'dart:io';
+import 'dart:async';
+import 'package:flutter/material.dart';
+import 'package:mobx/mobx.dart';
+import 'package:path_provider/path_provider.dart';
+import 'package:background_downloader/background_downloader.dart';
+import 'package:oneanime/bean/download/download_task.dart' as local;
+import 'package:oneanime/bean/download/download_anime.dart';
+import 'package:oneanime/utils/storage.dart';
+import 'package:oneanime/utils/utils.dart';
+import 'package:oneanime/request/video.dart';
+import 'package:oneanime/utils/constans.dart';
+
+part 'download_controller.g.dart';
+
+class DownloadController = _DownloadController with _$DownloadController;
+
+abstract class _DownloadController with Store {
+  bool _initialized = false;
+  StreamSubscription<TaskUpdate>? _updateSubscription;
+  
+  @observable
+  ObservableList<local.DownloadTask> tasks = ObservableList<local.DownloadTask>.of([]);
+  
+  @observable
+  local.DownloadTask? currentDownloading;
+  
+  @observable
+  bool isProcessing = false;
+
+  _DownloadController() {
+    // Auto-initialize on first access
+    init();
+  }
+
+  Future<void> init() async {
+    if (_initialized) return;
+    _initialized = true;
+    
+    try {
+      // Initialize FileDownloader with background support
+      await FileDownloader().start(doRescheduleKilledTasks: true);
+      await FileDownloader().trackTasks();
+      
+      // Configure for Android foreground mode to improve survival
+      if (Platform.isAndroid) {
+        await FileDownloader().configure(globalConfig: [
+          (Config.runInForeground, Config.whenAble),
+        ]);
+      }
+      
+      // Configure notifications
+      FileDownloader().configureNotification(
+        running: const TaskNotification('Downloading', 'Episode {filename}'),
+        complete: const TaskNotification('Download complete', '{filename}'),
+        progressBar: true,
+      );
+      
+      // Subscribe to updates
+      _updateSubscription = FileDownloader().updates.listen(_handleUpdate);
+      
+      // Resume from background if needed
+      await FileDownloader().resumeFromBackground();
+      
+      // Load and reconcile tasks
+      await loadTasks();
+      await _reconcileTasks();
+    } catch (e) {
+      debugPrint('DownloadController init error: $e');
+    }
+  }
+
+  @action
+  Future<void> loadTasks() async {
+    tasks.clear();
+    final allTasks = GStorage.downloadTasks.values.toList();
+    tasks.addAll(allTasks);
+    // Sort by creation time (newest first)
+    tasks.sort((a, b) => (b.createdAt ?? 0).compareTo(a.createdAt ?? 0));
+  }
+
+  Future<void> _reconcileTasks() async {
+    // Reconcile Hive tasks with FileDownloader database
+    for (final task in tasks) {
+      if (task.isCompleted) continue;
+      
+      try {
+        final record = await FileDownloader().database.recordForId(task.taskId);
+        if (record != null) {
+          // Update from FileDownloader database
+          _syncTaskFromRecord(task, record);
+        } else if (task.isDownloading || task.isQueued) {
+          // Task was killed, mark as paused for manual retry
+          _updateTaskStatus(task, 'paused', error: 'Download interrupted');
+        }
+      } catch (e) {
+        debugPrint('Reconcile error for task ${task.taskId}: $e');
+      }
+    }
+    
+    // Clean up orphan .part files
+    await _cleanupOrphanPartFiles();
+  }
+
+  Future<void> _cleanupOrphanPartFiles() async {
+    try {
+      final dir = await _getDownloadDirectory();
+      final files = dir.listSync();
+      
+      for (final file in files) {
+        if (file is File && file.path.endsWith('.part')) {
+          // Check if we have a matching task
+          final hasTask = tasks.any((t) => 
+            t.savePath != null && file.path.startsWith(t.savePath!.replaceAll('.mp4', '')));
+          
+          if (!hasTask) {
+            // Orphan file, delete it
+            try {
+              await file.delete();
+              debugPrint('Cleaned up orphan file: ${file.path}');
+            } catch (e) {
+              debugPrint('Failed to delete orphan file: $e');
+            }
+          }
+        }
+      }
+    } catch (e) {
+      debugPrint('Cleanup orphan files error: $e');
+    }
+  }
+
+  void _handleUpdate(TaskUpdate update) {
+    switch (update) {
+      case TaskStatusUpdate():
+        _handleStatusUpdate(update);
+        break;
+      case TaskProgressUpdate():
+        _handleProgressUpdate(update);
+        break;
+    }
+  }
+
+  void _handleStatusUpdate(TaskStatusUpdate update) {
+    final task = _findTaskByBgTaskId(update.task.taskId);
+    if (task == null) return;
+    
+    debugPrint('Status update for ${update.task.taskId}: ${update.status}');
+    
+    switch (update.status) {
+      case TaskStatus.enqueued:
+        _updateTaskStatus(task, 'queued');
+        break;
+      case TaskStatus.running:
+        _updateTaskStatus(task, 'downloading');
+        break;
+      case TaskStatus.complete:
+        _handleDownloadComplete(task);
+        break;
+      case TaskStatus.paused:
+        _updateTaskStatus(task, 'paused');
+        break;
+      case TaskStatus.canceled:
+        _updateTaskStatus(task, 'paused', error: 'Download canceled');
+        break;
+      case TaskStatus.failed:
+        _updateTaskStatus(task, 'failed', 
+          error: update.exception?.toString() ?? 'Download failed');
+        break;
+      case TaskStatus.notFound:
+        _updateTaskStatus(task, 'failed', error: 'File not found');
+        break;
+      case TaskStatus.waitingToRetry:
+        _updateTaskStatus(task, 'queued');
+        break;
+    }
+  }
+
+  void _handleProgressUpdate(TaskProgressUpdate update) {
+    final task = _findTaskByBgTaskId(update.task.taskId);
+    if (task == null) return;
+    
+    task.receivedBytes = (update.progress * (task.totalBytes ?? 0)).toInt();
+    task.updatedAt = DateTime.now().millisecondsSinceEpoch ~/ 1000;
+    task.save();
+    
+    // Trigger UI update
+    tasks = ObservableList.of(tasks);
+  }
+
+  Future<void> _handleDownloadComplete(local.DownloadTask task) async {
+    // Rename .part file to final .mp4
+    if (task.savePath != null) {
+      final partPath = '${task.savePath!}.part';
+      final finalPath = task.savePath!;
+      
+      try {
+        final partFile = File(partPath);
+        if (await partFile.exists()) {
+          await partFile.rename(finalPath);
+          debugPrint('Renamed ${partPath} to ${finalPath}');
+        }
+      } catch (e) {
+        debugPrint('Failed to rename file: $e');
+      }
+    }
+    
+    _updateTaskStatus(task, 'completed');
+    debugPrint('Download completed: ${task.title} Episode ${task.episode}');
+  }
+
+  local.DownloadTask? _findTaskByBgTaskId(String bgTaskId) {
+    try {
+      return tasks.firstWhere((t) => t.taskId == bgTaskId);
+    } catch (e) {
+      return null;
+    }
+  }
+
+  void _syncTaskFromRecord(local.DownloadTask task, TaskRecord record) {
+    switch (record.status) {
+      case TaskStatus.enqueued:
+        task.status = 'queued';
+        break;
+      case TaskStatus.running:
+        task.status = 'downloading';
+        break;
+      case TaskStatus.complete:
+        task.status = 'completed';
+        break;
+      case TaskStatus.paused:
+        task.status = 'paused';
+        break;
+      case TaskStatus.failed:
+        task.status = 'failed';
+        break;
+      default:
+        task.status = 'paused';
+    }
+    
+    task.receivedBytes = (record.progress * (record.expectedFileSize ?? 0)).toInt();
+    task.totalBytes = record.expectedFileSize ?? 0;
+    task.save();
+  }
+
+  @action
+  Future<String> enqueueEpisode({
+    required int link,
+    required String title,
+    required int episode,
+    required String token,
+  }) async {
+    // Check if task already exists
+    final existingTask = tasks.firstWhere(
+      (t) => t.link == link && t.episode == episode,
+      orElse: () => local.DownloadTask(),
+    );
+
+    if (existingTask.link != null) {
+      if (existingTask.isCompleted) {
+        return 'Episode already downloaded';
+      } else if (existingTask.isDownloading) {
+        return 'Episode is currently downloading';
+      } else if (existingTask.isQueued) {
+        return 'Episode is already in queue';
+      } else if (existingTask.isFailed) {
+        // Retry failed task
+        await retryTask(existingTask);
+        return 'Retrying download';
+      } else if (existingTask.isPaused) {
+        await resumeTask(existingTask);
+        return 'Resuming download';
+      }
+    }
+
+    // Save anime info if not exists
+    final animeKey = link.toString();
+    if (!GStorage.downloadAnime.containsKey(animeKey)) {
+      final downloadAnime = DownloadAnime(
+        link: link,
+        title: title,
+        tokensJson: '[]',
+        episodeTotal: 0,
+      );
+      await GStorage.downloadAnime.put(animeKey, downloadAnime);
+    }
+
+    try {
+      // Resolve video URL and cookie BEFORE enqueuing
+      debugPrint('Resolving video URL for $title Episode $episode');
+      final result = await VideoRequest.getVideoLink(token);
+      final videoUrl = result['link'] as String;
+      final videoCookie = result['cookie'] as String;
+
+      if (videoUrl.isEmpty) {
+        return 'Failed to resolve video URL';
+      }
+
+      // Check if URL is HLS (m3u8)
+      if (videoUrl.contains('.m3u8')) {
+        return 'HLS streaming not supported. Direct file download only.';
+      }
+
+      // Create local task
+      final now = DateTime.now().millisecondsSinceEpoch ~/ 1000;
+      final userAgent = Utils.getRandomUA();
+      final fileName = _generateFileName(title, episode, now);
+      final dir = await _getDownloadDirectory();
+      final savePath = '${dir.path}/$fileName';
+      
+      final localTask = local.DownloadTask(
+        link: link,
+        title: title,
+        episode: episode,
+        token: token,
+        userAgent: userAgent,
+        resolvedUrl: videoUrl,
+        videoCookie: videoCookie,
+        savePath: savePath,
+        status: 'queued',
+        receivedBytes: 0,
+        totalBytes: 0,
+        createdAt: now,
+        updatedAt: now,
+      );
+
+      // Create background_downloader task with .part extension
+      final bgTask = DownloadTask(
+        taskId: localTask.taskId,
+        url: videoUrl,
+        filename: '$fileName.part', // Download to .part first
+        directory: 'downloads',
+        baseDirectory: Platform.isAndroid || Platform.isIOS
+            ? BaseDirectory.applicationDocuments
+            : BaseDirectory.applicationSupport,
+        headers: {
+          'user-agent': userAgent,
+          'referer': HttpString.baseUrl,
+          'Cookie': videoCookie,
+        },
+        updates: Updates.statusAndProgress,
+        allowPause: true,
+        metaData: '${link}_$episode',
+      );
+
+      // Enqueue with FileDownloader
+      final success = await FileDownloader().enqueue(bgTask);
+      
+      if (success) {
+        // Save to Hive
+        await GStorage.downloadTasks.put(localTask.taskId, localTask);
+        tasks.insert(0, localTask);
+        
+        return 'Download started';
+      } else {
+        return 'Failed to enqueue download';
+      }
+    } catch (e) {
+      debugPrint('Enqueue error: $e');
+      return 'Error: ${e.toString()}';
+    }
+  }
+
+  Future<Directory> _getDownloadDirectory() async {
+    Directory dir;
+    if (Platform.isAndroid || Platform.isIOS) {
+      dir = await getApplicationDocumentsDirectory();
+    } else {
+      dir = await getApplicationSupportDirectory();
+    }
+    
+    final downloadDir = Directory('${dir.path}/downloads');
+    if (!await downloadDir.exists()) {
+      await downloadDir.create(recursive: true);
+    }
+    return downloadDir;
+  }
+
+  /// Public accessor for the app's downloads directory.
+  Future<Directory> getDownloadDirectory() => _getDownloadDirectory();
+
+  /// Returns downloaded (completed + file exists) episode numbers for given anime.
+  List<int> getDownloadedEpisodesForAnime(int link) {
+    final episodes = <int>{};
+    for (final task in tasks) {
+      final ep = task.episode;
+      if (task.link != link || ep == null) continue;
+      if (isEpisodeDownloaded(link, ep)) {
+        episodes.add(ep);
+      }
+    }
+    final sorted = episodes.toList()..sort();
+    return sorted;
+  }
+
+  String _generateFileName(String? title, int? episode, int timestamp) {
+    final sanitizedTitle = title?.replaceAll(RegExp(r'[^\w\s-]'), '').replaceAll(' ', '_') ?? 'anime';
+    return '${sanitizedTitle}_ep${episode}_$timestamp.mp4';
+  }
+
+  void _updateTaskStatus(local.DownloadTask task, String status, {String? error}) {
+    task.status = status;
+    task.error = error;
+    task.updatedAt = DateTime.now().millisecondsSinceEpoch ~/ 1000;
+    task.save();
+    // Trigger UI update
+    tasks = ObservableList.of(tasks);
+  }
+
+  @action
+  Future<void> pauseTask(local.DownloadTask task) async {
+    try {
+      final bgTask = await FileDownloader().database.recordForId(task.taskId);
+      if (bgTask != null && bgTask.task is DownloadTask) {
+        await FileDownloader().pause(bgTask.task as DownloadTask);
+      }
+      _updateTaskStatus(task, 'paused');
+    } catch (e) {
+      debugPrint('Pause error: $e');
+    }
+  }
+
+  @action
+  Future<void> resumeTask(local.DownloadTask task) async {
+    if (task.isPaused || task.isFailed) {
+      try {
+        final bgTask = await FileDownloader().database.recordForId(task.taskId);
+        if (bgTask != null && bgTask.task is DownloadTask) {
+          final dlTask = bgTask.task as DownloadTask;
+          final canResume = await FileDownloader().taskCanResume(dlTask);
+          if (canResume) {
+            await FileDownloader().resume(dlTask);
+          } else {
+            // Re-enqueue if can't resume
+            await retryTask(task);
+          }
+        } else {
+          // Task not in FileDownloader, re-enqueue
+          await retryTask(task);
+        }
+      } catch (e) {
+        debugPrint('Resume error: $e');
+        _updateTaskStatus(task, 'failed', error: e.toString());
+      }
+    }
+  }
+
+  @action
+  Future<void> retryTask(local.DownloadTask task) async {
+    try {
+      // Cancel existing task if any
+      await FileDownloader().cancelTaskWithId(task.taskId);
+      
+      // Re-enqueue
+      if (task.resolvedUrl != null) {
+        final fileName = _generateFileName(task.title, task.episode, task.createdAt ?? 0);
+        
+        final bgTask = DownloadTask(
+          taskId: task.taskId,
+          url: task.resolvedUrl!,
+          filename: '$fileName.part',
+          directory: 'downloads',
+          baseDirectory: Platform.isAndroid || Platform.isIOS
+              ? BaseDirectory.applicationDocuments
+              : BaseDirectory.applicationSupport,
+          headers: {
+            'user-agent': task.userAgent ?? Utils.getRandomUA(),
+            'referer': HttpString.baseUrl,
+            'Cookie': task.videoCookie ?? '',
+          },
+          updates: Updates.statusAndProgress,
+          allowPause: true,
+          metaData: '${task.link}_${task.episode}',
+        );
+        
+        await FileDownloader().enqueue(bgTask);
+        task.error = null;
+        task.receivedBytes = 0;
+        _updateTaskStatus(task, 'queued');
+      }
+    } catch (e) {
+      debugPrint('Retry error: $e');
+      _updateTaskStatus(task, 'failed', error: e.toString());
+    }
+  }
+
+  @action
+  Future<void> cancelTask(local.DownloadTask task) async {
+    try {
+      await FileDownloader().cancelTaskWithId(task.taskId);
+    } catch (e) {
+      debugPrint('Cancel error: $e');
+    }
+    
+    // Delete files
+    if (task.savePath != null) {
+      try {
+        final file = File(task.savePath!);
+        if (await file.exists()) {
+          await file.delete();
+        }
+        final partFile = File('${task.savePath!}.part');
+        if (await partFile.exists()) {
+          await partFile.delete();
+        }
+      } catch (e) {
+        debugPrint('Delete file error: $e');
+      }
+    }
+
+    // Remove from storage
+    await GStorage.downloadTasks.delete(task.taskId);
+    tasks.remove(task);
+  }
+
+  @action
+  Future<void> deleteTask(local.DownloadTask task) async {
+    try {
+      await FileDownloader().cancelTaskWithId(task.taskId);
+    } catch (e) {
+      debugPrint('Cancel before delete error: $e');
+    }
+    
+    // Delete files
+    if (task.savePath != null) {
+      try {
+        final file = File(task.savePath!);
+        if (await file.exists()) {
+          await file.delete();
+          debugPrint('Deleted file: ${task.savePath}');
+        }
+        final partFile = File('${task.savePath!}.part');
+        if (await partFile.exists()) {
+          await partFile.delete();
+        }
+      } catch (e) {
+        debugPrint('Delete file error: $e');
+      }
+    }
+
+    // Remove from storage
+    await GStorage.downloadTasks.delete(task.taskId);
+    tasks.remove(task);
+  }
+
+  @action
+  Future<void> clearCompleted() async {
+    final completedTasks = tasks.where((t) => t.isCompleted).toList();
+    for (final task in completedTasks) {
+      await deleteTask(task);
+    }
+  }
+
+  local.DownloadTask? getTaskForEpisode(int link, int episode) {
+    try {
+      return tasks.firstWhere(
+        (t) => t.link == link && t.episode == episode,
+      );
+    } catch (e) {
+      return null;
+    }
+  }
+
+  bool isEpisodeDownloaded(int link, int episode) {
+    final task = getTaskForEpisode(link, episode);
+    if (task == null) return false;
+    if (!task.isCompleted) return false;
+    
+    // Verify file exists
+    if (task.savePath == null) return false;
+    final file = File(task.savePath!);
+    return file.existsSync();
+  }
+
+  String? getLocalPath(int link, int episode) {
+    final task = getTaskForEpisode(link, episode);
+    if (task == null || !task.isCompleted) return null;
+    
+    // Verify file exists
+    if (task.savePath == null) return null;
+    final file = File(task.savePath!);
+    if (!file.existsSync()) return null;
+    
+    return task.savePath;
+  }
+
+  void dispose() {
+    _updateSubscription?.cancel();
+  }
+}
diff --git a/lib/pages/download/download_module.dart b/lib/pages/download/download_module.dart
new file mode 100644
index 0000000..85f82ee
--- /dev/null
+++ b/lib/pages/download/download_module.dart
@@ -0,0 +1,10 @@
+import 'package:oneanime/pages/download/download_page.dart';
+import 'package:flutter_modular/flutter_modular.dart';
+
+class DownloadModule extends Module {
+  @override
+  void routes(r) {
+    r.child("/", child: (_) => const DownloadPage());
+  }
+}
+
diff --git a/lib/pages/download/download_page.dart b/lib/pages/download/download_page.dart
new file mode 100644
index 0000000..c9888b9
--- /dev/null
+++ b/lib/pages/download/download_page.dart
@@ -0,0 +1,403 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
+import 'package:flutter_modular/flutter_modular.dart';
+import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
+import 'package:oneanime/pages/download/download_controller.dart';
+import 'package:oneanime/bean/download/download_task.dart';
+import 'package:oneanime/bean/appbar/sys_app_bar.dart';
+import 'package:oneanime/i18n/strings.g.dart';
+import 'package:oneanime/utils/utils.dart';
+import 'package:oneanime/pages/video/video_controller.dart';
+import 'package:oneanime/pages/popular/popular_controller.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class DownloadPage extends StatefulWidget {
+  const DownloadPage({super.key});
+
+  @override
+  State<DownloadPage> createState() => _DownloadPageState();
+}
+
+class _DownloadPageState extends State<DownloadPage> {
+  late Translations i18n;
+  final DownloadController downloadController = Modular.get<DownloadController>();
+  final VideoController videoController = Modular.get<VideoController>();
+  final PopularController popularController = Modular.get<PopularController>();
+
+  @override
+  void initState() {
+    super.initState();
+    downloadController.init();
+  }
+
+  void _showDeleteDialog(DownloadTask task) {
+    SmartDialog.show(
+      animationType: SmartAnimationType.centerFade_otherSlide,
+      builder: (context) {
+        return AlertDialog(
+          title: Text(i18n.my.downloads.confirmDelete),
+          actions: [
+            TextButton(
+              onPressed: () => SmartDialog.dismiss(),
+              child: Text(
+                i18n.dialog.dismiss,
+                style: TextStyle(color: Theme.of(context).colorScheme.outline),
+              ),
+            ),
+            TextButton(
+              onPressed: () {
+                downloadController.deleteTask(task);
+                SmartDialog.dismiss();
+              },
+              child: Text(i18n.my.downloads.delete),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  void _showClearCompletedDialog() {
+    SmartDialog.show(
+      animationType: SmartAnimationType.centerFade_otherSlide,
+      builder: (context) {
+        return AlertDialog(
+          title: Text(i18n.my.downloads.confirmClearCompleted),
+          actions: [
+            TextButton(
+              onPressed: () => SmartDialog.dismiss(),
+              child: Text(
+                i18n.dialog.dismiss,
+                style: TextStyle(color: Theme.of(context).colorScheme.outline),
+              ),
+            ),
+            TextButton(
+              onPressed: () {
+                downloadController.clearCompleted();
+                SmartDialog.dismiss();
+              },
+              child: Text(i18n.my.downloads.clearCompleted),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  Future<void> _openDownloadDirectory() async {
+    try {
+      final dir = await downloadController.getDownloadDirectory();
+      final uri = Uri.file(dir.path);
+      final ok = await launchUrl(uri, mode: LaunchMode.externalApplication);
+      if (!ok) {
+        await Clipboard.setData(ClipboardData(text: dir.path));
+        SmartDialog.showToast('无法打开目录，已复制路径：${dir.path}');
+      }
+    } catch (e) {
+      SmartDialog.showToast('打开目录失败：${e.toString()}');
+    }
+  }
+
+  Future<void> _playDownloadedEpisode(DownloadTask task) async {
+    SmartDialog.showLoading(msg: i18n.toast.loading);
+    try {
+      // Set video controller state for offline playback
+      videoController.token = [];
+      videoController.link = task.link!;
+      videoController.title = task.title!;
+      videoController.episode = task.episode!;
+      videoController.videoUrl = task.savePath!;
+      videoController.videoCookie = '';
+      videoController.offset = 0;
+      videoController.androidFullscreen = false;
+      
+      // Try to get anime info
+      final animeInfo = popularController.lookupAnime(task.title ?? "");
+      videoController.follow = animeInfo?.follow ?? false;
+      
+      SmartDialog.dismiss();
+      Modular.to.pushNamed('/video/');
+    } catch (e) {
+      SmartDialog.dismiss();
+      SmartDialog.showToast('Failed to play: ${e.toString()}');
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    i18n = Translations.of(context);
+    return PopScope(
+      canPop: true,
+      child: Scaffold(
+        appBar: SysAppBar(
+          title: Text(i18n.my.downloads.title),
+          actions: [
+            IconButton(
+              tooltip: '打开下载目录',
+              onPressed: _openDownloadDirectory,
+              icon: const Icon(Icons.folder_open),
+            ),
+          ],
+        ),
+        body: Observer(builder: (context) {
+          if (downloadController.tasks.isEmpty) {
+            return Center(
+              child: Text(
+                i18n.my.downloads.empty,
+                style: TextStyle(
+                  fontSize: 16,
+                  color: Theme.of(context).colorScheme.outline,
+                ),
+              ),
+            );
+          }
+
+          return ListView.builder(
+            itemCount: downloadController.tasks.length,
+            itemBuilder: (context, index) {
+              final task = downloadController.tasks[index];
+              return _buildTaskItem(task);
+            },
+          );
+        }),
+        floatingActionButton: Observer(builder: (context) {
+          final hasCompleted = downloadController.tasks.any((t) => t.isCompleted);
+          if (!hasCompleted) return const SizedBox();
+
+          return FloatingActionButton.extended(
+            onPressed: _showClearCompletedDialog,
+            icon: const Icon(Icons.clear_all),
+            label: Text(i18n.my.downloads.clearCompleted),
+          );
+        }),
+      ),
+    );
+  }
+
+  Widget _buildTaskItem(DownloadTask task) {
+    return Card(
+      margin: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      child: Padding(
+        padding: const EdgeInsets.all(12),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Title and episode
+            Row(
+              children: [
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        task.title ?? 'Unknown',
+                        style: const TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.bold,
+                        ),
+                        maxLines: 2,
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                      const SizedBox(height: 4),
+                      Text(
+                        i18n.toast.currentEpisode(episode: task.episode.toString()),
+                        style: TextStyle(
+                          fontSize: 14,
+                          color: Theme.of(context).colorScheme.outline,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                _buildStatusChip(task),
+              ],
+            ),
+            
+            // Progress bar for downloading tasks
+            if (task.isDownloading || task.isQueued) ...[
+              const SizedBox(height: 8),
+              LinearProgressIndicator(
+                value: task.progress > 0 ? task.progress : null,
+              ),
+              const SizedBox(height: 4),
+              Text(
+                _formatProgress(task),
+                style: TextStyle(
+                  fontSize: 12,
+                  color: Theme.of(context).colorScheme.outline,
+                ),
+              ),
+            ],
+            
+            // Error message for failed tasks
+            if (task.isFailed && task.error != null) ...[
+              const SizedBox(height: 8),
+              Text(
+                task.error!,
+                style: TextStyle(
+                  fontSize: 12,
+                  color: Theme.of(context).colorScheme.error,
+                ),
+                maxLines: 2,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ],
+            
+            // Action buttons
+            const SizedBox(height: 8),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: _buildActionButtons(task),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildStatusChip(DownloadTask task) {
+    String label;
+    Color? backgroundColor;
+    Color? textColor;
+
+    if (task.isCompleted) {
+      label = i18n.my.downloads.completed;
+      backgroundColor = Theme.of(context).colorScheme.primaryContainer;
+      textColor = Theme.of(context).colorScheme.onPrimaryContainer;
+    } else if (task.isDownloading) {
+      label = i18n.my.downloads.downloading;
+      backgroundColor = Theme.of(context).colorScheme.secondaryContainer;
+      textColor = Theme.of(context).colorScheme.onSecondaryContainer;
+    } else if (task.isQueued) {
+      label = i18n.my.downloads.queued;
+      backgroundColor = Theme.of(context).colorScheme.tertiaryContainer;
+      textColor = Theme.of(context).colorScheme.onTertiaryContainer;
+    } else if (task.isPaused) {
+      label = i18n.my.downloads.paused;
+      backgroundColor = Theme.of(context).colorScheme.surfaceContainerHighest;
+      textColor = Theme.of(context).colorScheme.onSurface;
+    } else {
+      label = i18n.my.downloads.failed;
+      backgroundColor = Theme.of(context).colorScheme.errorContainer;
+      textColor = Theme.of(context).colorScheme.onErrorContainer;
+    }
+
+    return Chip(
+      label: Text(label),
+      backgroundColor: backgroundColor,
+      labelStyle: TextStyle(color: textColor, fontSize: 12),
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 0),
+      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+    );
+  }
+
+  List<Widget> _buildActionButtons(DownloadTask task) {
+    List<Widget> buttons = [];
+
+    if (task.isCompleted) {
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => _playDownloadedEpisode(task),
+          icon: const Icon(Icons.play_arrow, size: 18),
+          label: Text(i18n.my.downloads.play),
+        ),
+      );
+      buttons.add(const SizedBox(width: 8));
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => _showDeleteDialog(task),
+          icon: const Icon(Icons.delete, size: 18),
+          label: Text(i18n.my.downloads.delete),
+          style: TextButton.styleFrom(
+            foregroundColor: Theme.of(context).colorScheme.error,
+          ),
+        ),
+      );
+    } else if (task.isDownloading) {
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.pauseTask(task),
+          icon: const Icon(Icons.pause, size: 18),
+          label: Text(i18n.my.downloads.pause),
+        ),
+      );
+      buttons.add(const SizedBox(width: 8));
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.cancelTask(task),
+          icon: const Icon(Icons.close, size: 18),
+          label: Text(i18n.my.downloads.cancel),
+          style: TextButton.styleFrom(
+            foregroundColor: Theme.of(context).colorScheme.error,
+          ),
+        ),
+      );
+    } else if (task.isPaused) {
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.resumeTask(task),
+          icon: const Icon(Icons.play_arrow, size: 18),
+          label: Text(i18n.my.downloads.resume),
+        ),
+      );
+      buttons.add(const SizedBox(width: 8));
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.cancelTask(task),
+          icon: const Icon(Icons.close, size: 18),
+          label: Text(i18n.my.downloads.cancel),
+          style: TextButton.styleFrom(
+            foregroundColor: Theme.of(context).colorScheme.error,
+          ),
+        ),
+      );
+    } else if (task.isFailed) {
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.retryTask(task),
+          icon: const Icon(Icons.refresh, size: 18),
+          label: Text(i18n.my.downloads.retry),
+        ),
+      );
+      buttons.add(const SizedBox(width: 8));
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.cancelTask(task),
+          icon: const Icon(Icons.close, size: 18),
+          label: Text(i18n.my.downloads.cancel),
+          style: TextButton.styleFrom(
+            foregroundColor: Theme.of(context).colorScheme.error,
+          ),
+        ),
+      );
+    } else if (task.isQueued) {
+      buttons.add(
+        TextButton.icon(
+          onPressed: () => downloadController.cancelTask(task),
+          icon: const Icon(Icons.close, size: 18),
+          label: Text(i18n.my.downloads.cancel),
+          style: TextButton.styleFrom(
+            foregroundColor: Theme.of(context).colorScheme.error,
+          ),
+        ),
+      );
+    }
+
+    return buttons;
+  }
+
+  String _formatProgress(DownloadTask task) {
+    final received = task.receivedBytes ?? 0;
+    final total = task.totalBytes ?? 0;
+    
+    if (total == 0) return 'Waiting...';
+    
+    final receivedMB = received / (1024 * 1024);
+    final totalMB = total / (1024 * 1024);
+    final percentage = (task.progress * 100).toStringAsFixed(1);
+    
+    return '${receivedMB.toStringAsFixed(1)} MB / ${totalMB.toStringAsFixed(1)} MB ($percentage%)';
+  }
+}
+
diff --git a/lib/pages/index_module.dart b/lib/pages/index_module.dart
index 155154d..3b4aec0 100644
--- a/lib/pages/index_module.dart
+++ b/lib/pages/index_module.dart
@@ -7,8 +7,10 @@ import 'package:oneanime/pages/video/video_controller.dart';
 import 'package:oneanime/pages/timeline/timeline_controller.dart';
 import 'package:oneanime/pages/my/my_controller.dart';
 import 'package:oneanime/pages/history/history_controller.dart';
+import 'package:oneanime/pages/download/download_controller.dart';
 import 'package:oneanime/pages/video/video_module.dart';
 import 'package:oneanime/pages/history/history_module.dart';
+import 'package:oneanime/pages/download/download_module.dart';
 import 'package:oneanime/pages/settings/setting_module.dart';
 import 'package:oneanime/pages/error/error.dart';
 
@@ -23,6 +25,7 @@ class IndexModule extends Module {
     i.addSingleton(TimelineController.new);
     i.addSingleton(MyController.new);
     i.addSingleton(HistoryController.new);
+    i.addSingleton(DownloadController.new);
   }
 
   @override
@@ -43,6 +46,7 @@ class IndexModule extends Module {
         children: menu.routes);
     r.module("/video", module: VideoModule());
     r.module("/history", module: HistoryModule());
+    r.module("/download", module: DownloadModule());
     r.module("/settings", module: SettingsModule());
   }
 }
diff --git a/lib/pages/my/my_page.dart b/lib/pages/my/my_page.dart
index 80f9272..7827c39 100644
--- a/lib/pages/my/my_page.dart
+++ b/lib/pages/my/my_page.dart
@@ -68,6 +68,14 @@ class _MyPageState extends State<MyPage> {
               title: Text(i18n.my.history.title),
               // trailing: const Icon(Icons.navigate_next),
             ),
+            ListTile(
+              onTap: () async {
+                Modular.to.pushNamed('/download/');
+              },
+              dense: false,
+              title: Text(i18n.my.downloads.title),
+              // trailing: const Icon(Icons.navigate_next),
+            ),
             ListTile(
               onTap: () async {
                 Modular.to.pushNamed('/settings/player');
diff --git a/lib/pages/video/video_controller.dart b/lib/pages/video/video_controller.dart
index 0dcc03f..228c472 100644
--- a/lib/pages/video/video_controller.dart
+++ b/lib/pages/video/video_controller.dart
@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:io';
 import 'package:flutter/material.dart';
 import 'package:mobx/mobx.dart';
 import 'package:oneanime/bean/anime/anime_bangumi_info.dart';
@@ -9,6 +10,7 @@ import 'package:flutter_modular/flutter_modular.dart';
 import 'package:oneanime/request/danmaku.dart';
 import 'package:oneanime/bean/danmaku/danmaku_module.dart';
 import 'package:oneanime/utils/storage.dart';
+import 'package:oneanime/pages/download/download_controller.dart';
 import 'package:hive/hive.dart';
 
 part 'video_controller.g.dart';
@@ -88,12 +90,28 @@ abstract class _VideoController with Store {
     final PlayerController playerController = Modular.get<PlayerController>();
     final PopularController popularController =
         Modular.get<PopularController>();
+    final DownloadController downloadController = Modular.get<DownloadController>();
+    
     popularController.updateAnimeProgress(episode, title);
-    var result = await VideoRequest.getVideoLink(token[token.length - episode]);
-    videoUrl = result['link'];
-    videoCookie = result['cookie'];
-    playerController.videoUrl = videoUrl;
-    playerController.videoCookie = videoCookie;
+    
+    // Check if episode is downloaded locally
+    final localPath = downloadController.getLocalPath(link, episode);
+    if (localPath != null && File(localPath).existsSync()) {
+      // Use local file
+      debugPrint('Playing from local file: $localPath');
+      videoUrl = localPath;
+      videoCookie = '';
+      playerController.videoUrl = videoUrl;
+      playerController.videoCookie = '';
+    } else {
+      // Download from server
+      var result = await VideoRequest.getVideoLink(token[token.length - episode]);
+      videoUrl = result['link'];
+      videoCookie = result['cookie'];
+      playerController.videoUrl = videoUrl;
+      playerController.videoCookie = videoCookie;
+    }
+    
     this.episode = episode;
     playing = false;
     currentPosition = Duration.zero;
diff --git a/lib/pages/video/video_page.dart b/lib/pages/video/video_page.dart
index 0f9f025..1df2a2b 100644
--- a/lib/pages/video/video_page.dart
+++ b/lib/pages/video/video_page.dart
@@ -11,6 +11,7 @@ import 'package:oneanime/pages/video/video_controller.dart';
 import 'package:oneanime/pages/popular/popular_controller.dart';
 import 'package:oneanime/pages/player/player_controller.dart';
 import 'package:oneanime/pages/player/player_item.dart';
+import 'package:oneanime/pages/download/download_controller.dart';
 import 'package:oneanime/bean/danmaku/danmaku_module.dart';
 import 'package:oneanime/bean/anime/anime_panel.dart';
 import 'package:flutter_mobx/flutter_mobx.dart';
@@ -43,6 +44,7 @@ class _VideoPageState extends State<VideoPage>
   final PopularController popularController = Modular.get<PopularController>();
   final PlayerController playerController = Modular.get<PlayerController>();
   final HistoryController historyController = Modular.get<HistoryController>();
+  final DownloadController downloadController = Modular.get<DownloadController>();
 
   // 弹幕
   final _danmuKey = GlobalKey();
@@ -310,42 +312,55 @@ class _VideoPageState extends State<VideoPage>
 
   // 切换选集
   void showChangeChapter() {
+    final List<int> episodeItems = videoController.token.isNotEmpty
+        ? List<int>.generate(videoController.token.length, (i) => i + 1)
+        : downloadController.getDownloadedEpisodesForAnime(videoController.link);
+
+    if (episodeItems.isEmpty) {
+      SmartDialog.showToast('没有可切换的剧集');
+      return;
+    }
+
+    final size = MediaQuery.sizeOf(context);
+    final dialogWidth = (size.width * 0.95).clamp(320.0, 760.0);
+    final dialogHeight = (size.height * 0.7).clamp(240.0, 640.0);
     SmartDialog.show(
         useAnimation: false,
         builder: (context) {
           return AlertDialog(
-            title: const Text('切换选集'),
-            content: StatefulBuilder(
-                builder: (BuildContext context, StateSetter setState) {
-              return Wrap(
-                spacing: 8,
-                runSpacing: 4,
-                children: [
-                  for (int i = 1;
-                      i <= videoController.token.length;
-                      i++) ...<Widget>[
-                    if (i == videoController.episode) ...<Widget>[
-                      FilledButton(
-                        onPressed: () async {
-                          SmartDialog.dismiss();
-                        },
-                        child: Text(
-                            i18n.toast.currentEpisode(episode: i.toString())),
-                      ),
-                    ] else ...[
-                      FilledButton.tonal(
-                        onPressed: () async {
-                          videoController.changeEpisode(i);
-                          SmartDialog.dismiss();
-                        },
-                        child: Text(
-                            i18n.toast.currentEpisode(episode: i.toString())),
-                      ),
-                    ]
-                  ]
-                ],
-              );
-            }),
+            title: Text(i18n.video.changeEpisode),
+            content: SizedBox(
+              width: dialogWidth,
+              height: dialogHeight,
+              child: GridView.builder(
+                gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                  maxCrossAxisExtent: 160,
+                  crossAxisSpacing: 10,
+                  mainAxisSpacing: 10,
+                  childAspectRatio: 2.8,
+                ),
+                itemCount: episodeItems.length,
+                itemBuilder: (BuildContext context, int idx) {
+                  final episode = episodeItems[idx];
+                  final isCurrent = episode == videoController.episode;
+                  final label =
+                      i18n.toast.currentEpisode(episode: episode.toString());
+                  if (isCurrent) {
+                    return FilledButton(
+                      onPressed: () => SmartDialog.dismiss(),
+                      child: Text(label),
+                    );
+                  }
+                  return FilledButton.tonal(
+                    onPressed: () async {
+                      await videoController.changeEpisode(episode);
+                      SmartDialog.dismiss();
+                    },
+                    child: Text(label),
+                  );
+                },
+              ),
+            ),
           );
         });
   }
@@ -482,6 +497,25 @@ class _VideoPageState extends State<VideoPage>
     i18n = Translations.of(context);
     return OrientationBuilder(builder: (context, orientation) {
       return Observer(builder: (context) {
+        final bool hasTokens = videoController.token.isNotEmpty;
+        List<int>? panelEpisodes;
+        int panelEpisodeLength;
+        List<String>? panelTokens;
+        if (hasTokens) {
+          panelEpisodes = null;
+          panelEpisodeLength = videoController.token.length;
+          panelTokens = videoController.token;
+        } else {
+          final episodes =
+              downloadController.getDownloadedEpisodesForAnime(videoController.link);
+          if (episodes.isEmpty) {
+            episodes.add(videoController.episode);
+          }
+          panelEpisodes = episodes;
+          panelEpisodeLength = episodes.length;
+          panelTokens = null;
+        }
+
         if (!Utils.isDesktop()) {
           if (orientation == Orientation.landscape &&
               !videoController.androidFullscreen) {
@@ -517,10 +551,13 @@ class _VideoPageState extends State<VideoPage>
                               ? Container()
                               : BangumiPanel(
                                   title: videoController.title,
-                                  episodeLength: videoController.token.length,
+                                  episodeLength: panelEpisodeLength,
+                                  episodes: panelEpisodes,
                                   currentEpisode: videoController.episode,
                                   onChangeEpisode:
                                       videoController.changeEpisode,
+                                  animeLink: videoController.link,
+                                  tokens: panelTokens,
                                 ),
                         ],
                       )
@@ -536,10 +573,13 @@ class _VideoPageState extends State<VideoPage>
                               ? Container()
                               : BangumiPanel(
                                   title: videoController.title,
-                                  episodeLength: videoController.token.length,
+                                  episodeLength: panelEpisodeLength,
+                                  episodes: panelEpisodes,
                                   currentEpisode: videoController.episode,
                                   onChangeEpisode:
                                       videoController.changeEpisode,
+                                  animeLink: videoController.link,
+                                  tokens: panelTokens,
                                 ),
                         ],
                       )),
@@ -962,6 +1002,29 @@ class _VideoPageState extends State<VideoPage>
                                   .tertiary
                                   .withOpacity(0.5),
                             ),
+                            Observer(builder: (context) {
+                              final currentEpisode = videoController.episode;
+                              final isDownloaded = downloadController.isEpisodeDownloaded(
+                                  videoController.link, currentEpisode);
+                              final task = downloadController.getTaskForEpisode(
+                                  videoController.link, currentEpisode);
+                              
+                              return IconButton(
+                                icon: Icon(
+                                  _getDownloadIconForHeader(isDownloaded, task),
+                                  color: Colors.white,
+                                ),
+                                onPressed: () => _handleHeaderDownloadTap(
+                                  isDownloaded,
+                                  task,
+                                  currentEpisode,
+                                ),
+                                splashColor: Theme.of(context)
+                                    .colorScheme
+                                    .tertiary
+                                    .withOpacity(0.5),
+                              );
+                            }),
                           ],
                         ),
                       ),
@@ -1106,4 +1169,109 @@ class _VideoPageState extends State<VideoPage>
       ),
     );
   }
+
+  IconData _getDownloadIconForHeader(bool isDownloaded, dynamic task) {
+    if (isDownloaded) {
+      return Icons.download_done;
+    } else if (task != null && task.isDownloading) {
+      return Icons.downloading;
+    } else if (task != null && (task.isPaused || task.isFailed)) {
+      return Icons.download;
+    } else if (task != null && task.isQueued) {
+      return Icons.schedule;
+    }
+    return Icons.download;
+  }
+
+  void _handleHeaderDownloadTap(bool isDownloaded, dynamic task, int currentEpisode) {
+    // Check if we have valid token for current episode
+    if (videoController.token.isEmpty || currentEpisode > videoController.token.length) {
+      SmartDialog.showToast('Episode not available for download');
+      return;
+    }
+
+    // Hybrid behavior: if not downloaded and no task, start download directly
+    if (!isDownloaded && task == null) {
+      final token = videoController.token[videoController.token.length - currentEpisode];
+      downloadController.enqueueEpisode(
+        link: videoController.link,
+        title: videoController.title,
+        episode: currentEpisode,
+        token: token,
+      ).then((result) {
+        SmartDialog.showToast(result);
+      });
+    } else {
+      // Otherwise, show action menu
+      _showHeaderDownloadMenu(isDownloaded, task, currentEpisode);
+    }
+  }
+
+  void _showHeaderDownloadMenu(bool isDownloaded, dynamic task, int currentEpisode) {
+    showModalBottomSheet(
+      context: context,
+      builder: (BuildContext context) {
+        return SafeArea(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              if (!isDownloaded && task == null)
+                ListTile(
+                  leading: const Icon(Icons.download),
+                  title: Text('Download Episode $currentEpisode'),
+                  onTap: () async {
+                    Navigator.pop(context);
+                    final token = videoController.token[videoController.token.length - currentEpisode];
+                    final result = await downloadController.enqueueEpisode(
+                      link: videoController.link,
+                      title: videoController.title,
+                      episode: currentEpisode,
+                      token: token,
+                    );
+                    SmartDialog.showToast(result);
+                  },
+                ),
+              if (task != null && task.isDownloading)
+                ListTile(
+                  leading: const Icon(Icons.pause),
+                  title: Text(i18n.my.downloads.pause),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.pauseTask(task);
+                  },
+                ),
+              if (task != null && (task.isPaused || task.isFailed))
+                ListTile(
+                  leading: const Icon(Icons.play_arrow),
+                  title: Text(i18n.my.downloads.resume),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.resumeTask(task);
+                  },
+                ),
+              if (isDownloaded)
+                ListTile(
+                  leading: const Icon(Icons.delete),
+                  title: Text(i18n.my.downloads.delete),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.deleteTask(task);
+                    SmartDialog.showToast('Download deleted');
+                  },
+                ),
+              if (task != null && !isDownloaded)
+                ListTile(
+                  leading: const Icon(Icons.cancel),
+                  title: Text(i18n.my.downloads.cancel),
+                  onTap: () {
+                    Navigator.pop(context);
+                    downloadController.cancelTask(task);
+                  },
+                ),
+            ],
+          ),
+        );
+      },
+    );
+  }
 }
diff --git a/lib/utils/storage.dart b/lib/utils/storage.dart
index 6480ea4..d23e938 100644
--- a/lib/utils/storage.dart
+++ b/lib/utils/storage.dart
@@ -5,6 +5,8 @@ import 'package:hive_flutter/hive_flutter.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:oneanime/bean/anime/anime_info.dart';
 import 'package:oneanime/bean/anime/anime_history.dart';
+import 'package:oneanime/bean/download/download_task.dart';
+import 'package:oneanime/bean/download/download_anime.dart';
 
 class GStorage {
   static late final Box<dynamic> localCache;
@@ -12,6 +14,8 @@ class GStorage {
   static late final Box<dynamic> setting;
   static late final Box<AnimeInfo> listCahce;
   static late final Box<AnimeHistory> history;
+  static late final Box<DownloadTask> downloadTasks;
+  static late final Box<DownloadAnime> downloadAnime;
 
   static Future<void> init() async {
     final Directory dir = await getApplicationSupportDirectory();
@@ -22,6 +26,8 @@ class GStorage {
     setting = await Hive.openBox('setting');
     listCahce = await Hive.openBox<AnimeInfo>('anime_info_box');
     history = await Hive.openBox('history');
+    downloadTasks = await Hive.openBox<DownloadTask>('download_tasks');
+    downloadAnime = await Hive.openBox<DownloadAnime>('download_anime');
 
     // 本地缓存
     localCache = await Hive.openBox(
@@ -37,6 +43,8 @@ class GStorage {
   static void regAdapter() {
     Hive.registerAdapter(AnimeInfoAdapter());
     Hive.registerAdapter(AnimeHistoryAdapter());
+    Hive.registerAdapter(DownloadTaskAdapter());
+    Hive.registerAdapter(DownloadAnimeAdapter());
   }
 
   static Future<void> close() async {
@@ -46,6 +54,10 @@ class GStorage {
     localCache.close();
     setting.compact();
     setting.close();
+    downloadTasks.compact();
+    downloadTasks.close();
+    downloadAnime.compact();
+    downloadAnime.close();
   }
 }
 
diff --git a/pubspec.yaml b/pubspec.yaml
index 8568a25..074727b 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -71,6 +71,7 @@ dependencies:
   ffi: ^2.1.0
 
   provider: any
+  background_downloader: ^9.4.1
 
   flutter_open_chinese_convert: ^0.6.0
   media_kit: