diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
index db77bb4..cfda2e5 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
index 17987b7..cfda2e5 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index 09d4391..cfda2e5 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index d5f1c8d..cfda2e5 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
index 4d6372e..cfda2e5 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/lib/common/api/user_request.dart b/lib/common/api/user_request.dart
index 8410f16..ef52140 100644
--- a/lib/common/api/user_request.dart
+++ b/lib/common/api/user_request.dart
@@ -40,7 +40,7 @@ class UserRequest {
     });
   }
 
-  static Future eventCreateHis({
+  static Future eventCreateHistory({
     required String shortPlayId,
     required String videoId
   }) {
diff --git a/lib/common/api/video_request.dart b/lib/common/api/video_request.dart
index e37a2af..feb9f15 100644
--- a/lib/common/api/video_request.dart
+++ b/lib/common/api/video_request.dart
@@ -149,7 +149,7 @@ class VideoRequest {
       queryParameters: params,
     ).then((value) {
       if (value.isSuccess) {
-        HelpLog.print('getVideoDetail: ${value.data['data']}');
+        HelpLog.print('getVideoDetail: ${value.data}');
         return NyDetailModel.fromJson(value.data['data']);
       }
       return null;
diff --git a/lib/pages/collect/pages/favorite_page.dart b/lib/pages/collect/pages/favorite_page.dart
index cc8eae8..a619e00 100644
--- a/lib/pages/collect/pages/favorite_page.dart
+++ b/lib/pages/collect/pages/favorite_page.dart
@@ -1,8 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:novyronst/common/api/video_request.dart';
+import 'package:novyronst/common/help/app_nav.dart';
 import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/pages/collect/pages/collect_page_helpers.dart';
+import 'package:novyronst/pages/first/player_detail/video_detail_page.dart';
 import 'package:novyronst/pages/widgets/ny_empty_view.dart';
+import 'package:novyronst/pages/widgets/ny_loading_widget.dart';
+import 'package:novyronst/tools/widgets/extend_widget.dart';
 
 class FavoritePage extends StatefulWidget {
   const FavoritePage({
@@ -66,9 +70,7 @@ class _FavoritePageState extends State<FavoritePage> {
   @override
   Widget build(BuildContext context) {
     if (_isLoading && _items.isEmpty) {
-      return const Center(
-        child: CircularProgressIndicator(color: Colors.white),
-      );
+      return const NyLoadingWidget();
     }
 
     if (_items.isEmpty) {
@@ -164,6 +166,10 @@ class _FavoriteCard extends StatelessWidget {
               ),
             ),
           ],
+        ).addInkWell(
+          onTap: () {
+            AppNav.to(VideoDetailPage(drama: item));
+          },
         );
       },
     );
diff --git a/lib/pages/collect/pages/history_page.dart b/lib/pages/collect/pages/history_page.dart
index 6d60e72..a286a81 100644
--- a/lib/pages/collect/pages/history_page.dart
+++ b/lib/pages/collect/pages/history_page.dart
@@ -1,7 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:novyronst/common/api/video_request.dart';
+import 'package:novyronst/common/help/app_nav.dart';
 import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/pages/collect/pages/collect_page_helpers.dart';
+import 'package:novyronst/pages/first/player_detail/video_detail_page.dart';
+import 'package:novyronst/pages/widgets/ny_loading_widget.dart';
+import 'package:novyronst/tools/widgets/extend_widget.dart';
 
 class HistoryPage extends StatefulWidget {
   const HistoryPage({super.key, required this.isEditing, this.fetchHistory});
@@ -51,9 +55,7 @@ class _HistoryPageState extends State<HistoryPage> {
   @override
   Widget build(BuildContext context) {
     if (_isLoading && _items.isEmpty) {
-      return const Center(
-        child: CircularProgressIndicator(color: Colors.white),
-      );
+      return const NyLoadingWidget();
     }
 
     if (_items.isEmpty) {
@@ -102,7 +104,11 @@ class _HistoryLeadingButton extends StatelessWidget {
         padding: EdgeInsets.zero,
         constraints: const BoxConstraints.tightFor(width: 30, height: 40),
         onPressed: onDelete,
-        icon: const Icon(Icons.delete_outline, color: Colors.redAccent, size: 28),
+        icon: const Icon(
+          Icons.delete_outline,
+          color: Colors.redAccent,
+          size: 28,
+        ),
       );
     }
 
@@ -174,6 +180,10 @@ class _HistoryItem extends StatelessWidget {
           ),
         ],
       ),
+    ).addInkWell(
+      onTap: () {
+        AppNav.to(VideoDetailPage(drama: item));
+      },
     );
   }
 }
diff --git a/lib/pages/first/pages/first_page.dart b/lib/pages/first/pages/first_page.dart
index 8b39431..3f2261d 100644
--- a/lib/pages/first/pages/first_page.dart
+++ b/lib/pages/first/pages/first_page.dart
@@ -1,5 +1,6 @@
 import 'dart:ui';
 
+import 'package:easy_refresh/easy_refresh.dart';
 import 'package:flutter/material.dart';
 import 'package:novyronst/common/api/video_request.dart';
 import 'package:novyronst/common/help/app_nav.dart';
@@ -12,6 +13,8 @@ import 'package:novyronst/pages/first/widgets/home_first_view.dart';
 import 'package:novyronst/pages/first/widgets/home_rank_widget.dart';
 import 'package:novyronst/pages/first/widgets/home_remaining_sections.dart';
 import 'package:novyronst/pages/first/widgets/search_view.dart';
+import 'package:novyronst/pages/widgets/ny_loading_widget.dart';
+import 'package:novyronst/pages/widgets/ny_refresh_header.dart';
 import 'package:novyronst/root/lib_export.dart';
 
 import '../../../tools/widgets/app_bg_page.dart';
@@ -44,44 +47,34 @@ class _RootPageState extends State<FirstPage> {
 
   NyDramaModel? _dramaModel;
   bool _useGlassHeader = false;
+  bool _isLoading = false;
 
   @override
   void initState() {
     super.initState();
 
-    _getCategoryData();
-    _getAllData();
+    _refreshHomeData();
   }
 
-  void _getAllData() {
-    VideoRequest.getHomeData().then((value) {
-      setState(() {
-        _homeDatas = value;
-      });
-
-      List<NyDramaModel> temp = [];
-      temp = _homeDatas
-          .firstWhere((element) => element.moduleKey == 'week_ranking')
-          .dataList;
-      if (temp.isEmpty) {
-        temp = _homeDatas
-            .firstWhere((element) => element.moduleKey == 'home_v3_recommand')
-            .dataList;
-      }
-      if (temp.isNotEmpty) {
-        _dramaModel = temp.first;
-      }
+  Future<void> _refreshHomeData() async {
+    setState(() {
+      _isLoading = true;
     });
-  }
 
-  void _getCategoryData() {
-    VideoRequest.getCategoriesList().then((value) {
-      setState(() {
-        _categories = value;
-      });
-      // for (NyCategoryModel element in value) {
-      //   print('NyCategoryModel===: ${element.name}');
-      // }
+    final results = await Future.wait([
+      VideoRequest.getCategoriesList(),
+      VideoRequest.getHomeData(),
+    ]);
+    if (!mounted) return;
+
+    final categories = results[0] as List<NyCategoryModel>;
+    final homeDatas = results[1] as List<NyHomeModel>;
+
+    setState(() {
+      _categories = categories;
+      _homeDatas = homeDatas;
+      _dramaModel = firstHomeDrama(homeDatas);
+      _isLoading = false;
     });
   }
 
@@ -92,7 +85,7 @@ class _RootPageState extends State<FirstPage> {
         children: [
           Positioned.fill(
             child: _homeDatas.isEmpty
-                ? const SizedBox()
+                ? (_isLoading ? NyLoadingWidget() : const SizedBox())
                 : NotificationListener<ScrollNotification>(
                     onNotification: _handleScrollNotification,
                     child: CustomScrollView(
@@ -107,7 +100,6 @@ class _RootPageState extends State<FirstPage> {
                           padding: const EdgeInsets.only(
                             left: 16,
                             right: 10,
-                            top: 16,
                             bottom: 8,
                           ),
                           sliver: SliverToBoxAdapter(
@@ -123,19 +115,24 @@ class _RootPageState extends State<FirstPage> {
                               dramaRanks: _homeDatas
                                   .firstWhere(
                                     (element) =>
-                                        element.moduleKey == 'week_ranking',
-                                  )
+                                element.moduleKey == 'week_ranking',
+                              )
                                   .dataList,
                             ),
                           ),
                         ),
-                        SliverToBoxAdapter(
-                          child: HomeRemainingSections(dramaOne: _dramaModel!),
-                        ),
+                        if (_dramaModel != null)
+                          SliverToBoxAdapter(
+                            child: HomeRemainingSections(
+                              dramaOne: _dramaModel!,
+                            ),
+                          ),
 
                         ..._buildSliversFromData(),
 
-                        const SliverToBoxAdapter(child: SizedBox(height: 110)),
+                        const SliverToBoxAdapter(
+                          child: SizedBox(height: 110),
+                        ),
                       ],
                     ),
                   ),
@@ -234,3 +231,21 @@ class _HomeGlassHeader extends StatelessWidget {
 bool shouldUseHomeGlassHeader(double scrollOffset) {
   return scrollOffset > 8;
 }
+
+NyDramaModel? firstHomeDrama(List<NyHomeModel> homeDatas) {
+  List<NyDramaModel> moduleItems(String key) {
+    return homeDatas
+        .where((element) => element.moduleKey == key)
+        .map((element) => element.dataList)
+        .firstOrNull ??
+        <NyDramaModel>[];
+  }
+
+  final rankingItems = moduleItems('week_ranking');
+  if (rankingItems.isNotEmpty) return rankingItems.first;
+
+  final recommendedItems = moduleItems('home_v3_recommand');
+  if (recommendedItems.isNotEmpty) return recommendedItems.first;
+
+  return null;
+}
diff --git a/lib/pages/first/player_detail/video_detail_page.dart b/lib/pages/first/player_detail/video_detail_page.dart
index e516b0d..057087e 100644
--- a/lib/pages/first/player_detail/video_detail_page.dart
+++ b/lib/pages/first/player_detail/video_detail_page.dart
@@ -5,6 +5,7 @@ import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/common/model/ny_episode_model.dart';
 import 'package:novyronst/pages/first/player_detail/video_esp_page.dart';
 import 'package:novyronst/pages/play/widgets/player_view.dart';
+import 'package:novyronst/pages/widgets/ny_loading_widget.dart';
 
 class VideoDetailPage extends StatefulWidget {
   const VideoDetailPage({super.key, required this.drama});
@@ -32,12 +33,10 @@ class _VideoDetailPageState extends State<VideoDetailPage> {
       _isLoading = true;
     });
 
+    // id: 3150, short_id: 1913   short_play_video_id: 207599   short_play_id: 3150
     final detail = await VideoRequest.getVideoDetail(
-      shortPlayId: widget.drama.shortPlayId ?? widget.drama.shortId,
-      shortPlayVideoId:
-          widget.drama.shortPlayVideoId ??
-          widget.drama.id ??
-          widget.drama.shortId,
+      shortPlayId: widget.drama.shortPlayId ?? 0,
+      shortPlayVideoId: widget.drama.shortPlayVideoId ?? 0
     );
     if (!mounted) return;
 
@@ -153,9 +152,7 @@ class _VideoDetailPageState extends State<VideoDetailPage> {
 
   Widget _buildBody() {
     if (_isLoading && _videos.isEmpty) {
-      return const Center(
-        child: CircularProgressIndicator(color: Colors.white),
-      );
+      return const NyLoadingWidget();
     }
 
     if (_videos.isEmpty) {
diff --git a/lib/pages/first/widgets/home_card_widget.dart b/lib/pages/first/widgets/home_card_widget.dart
index c55ad58..bf54635 100644
--- a/lib/pages/first/widgets/home_card_widget.dart
+++ b/lib/pages/first/widgets/home_card_widget.dart
@@ -30,16 +30,16 @@ class HomeCardWidget extends StatelessWidget {
       cutCorner: CutCorner.topRight,
       cutSize: 30,
       child: Padding(
-        padding: const EdgeInsets.only(left: 8, right: 8, bottom: 8),
+        padding: EdgeInsets.only(left: 8, right: 8, bottom: 8),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             _threeLine(),
-            const SizedBox(height: 10),
-            OutlinedTitle(title, fontSize: 17),
-            const SizedBox(height: 10),
+            SizedBox(height: 10.h),
+            OutlinedTitle(title, fontSize: 17.w),
+            SizedBox(height: 10.h),
             Expanded(child: _listView()),
-            const SizedBox(height: 6),
+            SizedBox(height: 6.h),
             NovyButtonBg(text: 'Click to watch', width: 327.w),
           ],
         ),
@@ -67,14 +67,14 @@ class HomeCardWidget extends StatelessWidget {
             child: Column(
               children: [
                 HelpImage.network(drama.imageUrl, width: 104.w, height: 157.h),
-                const SizedBox(height: 5),
+                SizedBox(height: 4.h),
                 NovyText(
                   drama.name,
                   fontSize: 12.sp,
                   color: Colors.black,
                   maxLines: 2,
                 ),
-                const SizedBox(height: 2),
+                SizedBox(height: 1.5.h),
                 if (tag != '') Row(children: [NyTagWidget(text: tag)]),
               ],
             ),
diff --git a/lib/pages/first/widgets/home_first_view.dart b/lib/pages/first/widgets/home_first_view.dart
index 0dbf08b..64ecebb 100644
--- a/lib/pages/first/widgets/home_first_view.dart
+++ b/lib/pages/first/widgets/home_first_view.dart
@@ -1,8 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:novyronst/common/help/app_nav.dart';
+import 'package:novyronst/common/help/help_time.dart';
 import 'package:novyronst/common/model/ny_category_model.dart';
+import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/pages/first/pages/category_list_page.dart';
+import 'package:novyronst/pages/first/player_detail/video_detail_page.dart';
 import 'package:novyronst/pages/widgets/cut_corner_clipper.dart';
 import 'package:novyronst/pages/widgets/ny_progress_widget.dart';
 import 'package:novyronst/pages/widgets/ny_tag_widget.dart';
@@ -12,6 +15,8 @@ import 'package:novyronst/tools/widgets/novy_button_bg.dart';
 import 'package:novyronst/tools/widgets/novy_com_widget.dart';
 import 'package:novyronst/tools/widgets/novy_img_bg.dart';
 
+import '../../../common/api/video_request.dart';
+
 class HomeFirstView extends StatefulWidget {
   const HomeFirstView({super.key, required this.categories});
 
@@ -23,32 +28,79 @@ class HomeFirstView extends StatefulWidget {
   }
 }
 
+NyDramaModel? firstHistoryItem(List<NyDramaModel> items) {
+  if (items.isEmpty) return null;
+  return items.first;
+}
+
+double historyProgress(NyDramaModel item) {
+  final process = item.currentEpisode;
+  if (process == null) return 0;
+  return (process / item.episodeTotal).clamp(0, 1).toDouble();
+}
+
+String homeHistoryTag(NyDramaModel item) {
+  final category = item.category;
+  if (category != null && category.isNotEmpty) return category.first;
+
+  final categoryList = item.categoryList;
+  if (categoryList != null && categoryList.isNotEmpty) {
+    return categoryList.first.name;
+  }
+
+  return item.tagType;
+}
+
 class _HomeFirstViewState extends State<HomeFirstView> {
+  NyDramaModel? _historyItem;
+
+  @override
+  void initState() {
+    super.initState();
+    _getHistoryList();
+  }
+
+  void _getHistoryList() {
+    VideoRequest.getCollections().then((value) {
+      if (!mounted) return;
+      setState(() {
+        _historyItem = firstHistoryItem(value);
+      });
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     const double space = 25;
+    final historyItem = _historyItem;
+    final hasHistory = historyItem != null;
+    final top = 151 - space;
+    final height = top + (hasHistory ? 204 + 16 : 0) + 45;
+
     return Stack(
       children: [
         // 151
-        SizedBox(height: 151 - space + 200 + 52 + 20),
+        SizedBox(height: height),
         HelpImage.asset(
           ConstImage.homeFirst,
           width: AppScreen.screenWidth,
           fit: BoxFit.fill,
         ),
         Positioned(
-          top: 151 - space,
-          left: 16,
-          right: 16,
+          top: top - 20,
+          left: 16.w,
+          right: 16.w,
           child: Column(
             children: [
-              CutCornerClipper(
-                width: AppScreen.screenWidth - 32,
-                height: 204,
-                cutSize: 80,
-                child: _buildVideoItem(),
-              ),
-              const SizedBox(height: 16),
+              if (hasHistory) ...[
+                CutCornerClipper(
+                  width: AppScreen.screenWidth - 32.w,
+                  height: 204,
+                  cutSize: 80.w,
+                  child: _buildVideoItem(historyItem),
+                ),
+                const SizedBox(height: 16),
+              ],
               SingleChildScrollView(
                 scrollDirection: Axis.horizontal,
                 child: Row(
@@ -97,7 +149,9 @@ class _HomeFirstViewState extends State<HomeFirstView> {
     );
   }
 
-  Widget _buildVideoItem() {
+  Widget _buildVideoItem(NyDramaModel item) {
+    final tag = homeHistoryTag(item);
+
     return Padding(
       padding: const EdgeInsets.all(8),
       child: Column(
@@ -107,58 +161,71 @@ class _HomeFirstViewState extends State<HomeFirstView> {
               NovyText(
                 'Current Viewing Progress',
                 color: Colors.black,
-                fontSize: 16,
-                fontFamily: ConstFont.montBlack,
+                fontSize: 15.w,
+                fontFamily: ConstFont.montBold,
               ),
               const SizedBox(width: 10),
-              HelpImage.asset(ConstImage.homeCurrentTag, height: 10),
+              HelpImage.asset(ConstImage.homeCurrentTag, height: 10.h),
             ],
           ),
           const SizedBox(height: 10),
           Row(
             children: [
-              Container(
-                color: Colors.grey.withAlpha(200),
+              HelpImage.networkRadius(
+                item.imageUrl,
                 width: 60,
                 height: 90,
+                fit: BoxFit.cover,
+                borderRadius: BorderRadius.circular(2),
               ),
               const SizedBox(width: 12),
-              SizedBox(
-                height: 90,
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    NovyText(
-                      'Jdksyjs dsaoy',
-                      color: Colors.black,
-                      fontSize: 14,
-                      fontFamily: ConstFont.montMedium,
-                    ),
-                    const SizedBox(height: 4),
-                    NovyText(
-                      'Jdksyjs dsaoy dasku dsaldsa dljas',
-                      color: Colors.grey,
-                      fontSize: 10,
-                      fontFamily: ConstFont.montRegular,
-                      maxLines: 2,
-                    ),
-                    Spacer(),
-                    Row(
-                      children: [
-                        NyTagWidget(text: 'Safiray'),
-                        const SizedBox(width: 8),
-                        NyHotWidget(text: '12.4k'),
-                      ],
-                    ),
-                  ],
+              Expanded(
+                child: SizedBox(
+                  height: 90,
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      NovyText(
+                        item.name,
+                        color: Colors.black,
+                        fontSize: 13.w,
+                        fontFamily: ConstFont.montMedium,
+                        maxLines: 1,
+                      ),
+                      const SizedBox(height: 4),
+                      NovyText(
+                        item.description,
+                        color: Colors.grey,
+                        fontSize: 10.w,
+                        fontFamily: ConstFont.montRegular,
+                        maxLines: 2,
+                      ),
+                      const Spacer(),
+                      Row(
+                        children: [
+                          if (tag.isNotEmpty) ...[
+                            NyTagWidget(text: tag),
+                            const SizedBox(width: 8),
+                          ],
+                          NyHotWidget(
+                            text: HelpTime.formatNum(item.watchTotal),
+                          ),
+                        ],
+                      ),
+                    ],
+                  ),
                 ),
               ),
             ],
           ),
           const SizedBox(height: 10),
-          NyProgressWidget(),
+          NyProgressWidget(progress: historyProgress(item)),
           const SizedBox(height: 6),
-          NovyButtonBg(text: 'Keep Watching', type: 2, width: 327.w),
+          NovyButtonBg(text: 'Keep Watching', type: 2, width: 327.w).addInkWell(
+            onTap: () {
+              AppNav.to(VideoDetailPage(drama: item));
+            },
+          ),
         ],
       ),
     );
diff --git a/lib/pages/first/widgets/home_rank_widget.dart b/lib/pages/first/widgets/home_rank_widget.dart
index 72a67c0..ac888dc 100644
--- a/lib/pages/first/widgets/home_rank_widget.dart
+++ b/lib/pages/first/widgets/home_rank_widget.dart
@@ -21,11 +21,11 @@ class HomeRankWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return CutCornerClipper(
-      width: AppScreen.screenWidth - 32,
+      width: AppScreen.screenWidth - 32.w,
       cutCorner: CutCorner.bottomLeft,
       cutSize: 40,
       child: Padding(
-        padding: const EdgeInsets.all(8),
+        padding: EdgeInsets.all(8.w),
         child: dramaRanks.isEmpty
             ? const SizedBox(height: 20)
             : Column(
@@ -35,7 +35,7 @@ class HomeRankWidget extends StatelessWidget {
                   Row(
                     children: [
                       SizedBox(width: 20.w),
-                      NovyButtonBg(text: 'Keep Watching', width: 308.w),
+                      NovyButtonBg(text: 'Keep Watching', width: 302.w),
                     ],
                   ),
                 ],
@@ -48,7 +48,7 @@ class HomeRankWidget extends StatelessWidget {
     return Row(
       children: [
         _firstVideoView(),
-        const SizedBox(width: 8),
+        SizedBox(width: 8.w),
         _otherVideoView(),
       ],
     );
@@ -111,19 +111,19 @@ class HomeRankWidget extends StatelessWidget {
           onTap: () => AppNav.to(VideoDetailPage(drama: item)),
           child: Container(
             margin: const EdgeInsets.only(bottom: 8),
-            width: 160.w,
+            width: 157.w,
             height: 93.w,
             child: Row(
               children: [
-                HelpImage.network(item.imageUrl, width: 62.w, height: 93.w),
-                const SizedBox(width: 8),
+                HelpImage.network(item.imageUrl, width: 61.w, height: 93.w),
+                SizedBox(width: 7.w),
                 Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       _colorsText(index + 2),
                       const SizedBox(height: 8),
-                      NovyText(item.name, fontSize: 13, color: Colors.black),
+                      NovyText(item.name, fontSize: 13.w, color: Colors.black),
                       const SizedBox(height: 5),
                       tag.isNotEmpty
                           ? NyTagWidget(text: tag)
@@ -144,10 +144,10 @@ class HomeRankWidget extends StatelessWidget {
       return Text(
         '$index',
         style: TextStyle(
-          fontSize: 20,
+          fontSize: 19.w,
           fontWeight: FontWeight.bold,
           color: Colors.grey.withAlpha(127),
-          fontStyle: FontStyle.italic,
+          // fontStyle: FontStyle.italic,
         ),
       );
     }
@@ -165,10 +165,10 @@ class HomeRankWidget extends StatelessWidget {
       child: Text(
         '$index',
         style: TextStyle(
-          fontSize: index == 1 ? 40 : 20,
+          fontSize: index == 1 ? 40.w : 19.w,
           fontWeight: FontWeight.bold,
           color: Colors.white,
-          fontStyle: FontStyle.italic,
+          // fontStyle: FontStyle.italic,
         ),
       ),
     );
diff --git a/lib/pages/first/widgets/home_remaining_sections.dart b/lib/pages/first/widgets/home_remaining_sections.dart
index d504725..6ba3e28 100644
--- a/lib/pages/first/widgets/home_remaining_sections.dart
+++ b/lib/pages/first/widgets/home_remaining_sections.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:novyronst/common/api/video_request.dart';
 import 'package:novyronst/common/const/const_color.dart';
 import 'package:novyronst/common/const/const_string.dart';
@@ -8,6 +9,7 @@ import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/common/model/ny_episode_model.dart';
 import 'package:novyronst/pages/first/player_detail/video_detail_page.dart';
 import 'package:novyronst/pages/widgets/cut_corner_clipper.dart';
+import 'package:novyronst/root/lib_export.dart';
 import 'package:novyronst/tools/widgets/novy_com_widget.dart';
 
 import '../../../common/model/ny_detail_model.dart';
@@ -99,7 +101,7 @@ class _ActorSection extends StatelessWidget {
                   alignment: Alignment.topRight,
                   child: OutlinedTitle(
                     'Read This Series Of Short Plays',
-                    fontSize: 17,
+                    fontSize: AppScreen.isIos ? 17.w : 16.w,
                   ),
                 ),
                 const SizedBox(height: 26),
diff --git a/lib/pages/play/pages/laucher_page.dart b/lib/pages/play/pages/laucher_page.dart
index bef0876..dce8e97 100644
--- a/lib/pages/play/pages/laucher_page.dart
+++ b/lib/pages/play/pages/laucher_page.dart
@@ -3,6 +3,7 @@ import 'package:novyronst/common/api/user_request.dart';
 import 'package:novyronst/common/help/app_nav.dart';
 import 'package:novyronst/common/help/help_image.dart';
 import 'package:novyronst/common/help/help_token.dart';
+import 'package:novyronst/root/lib_export.dart';
 import 'package:novyronst/root/root_page.dart';
 
 class LauncherPage extends StatefulWidget {
@@ -27,7 +28,7 @@ class _LauncherPageState extends State<LauncherPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: HelpImage.asset(ConstImage.launcher, fit: BoxFit.cover),
+      body: HelpImage.asset(ConstImage.launcher, height: AppScreen.screenHeight, fit: BoxFit.cover),
     );
   }
 
diff --git a/lib/pages/play/widgets/player_view.dart b/lib/pages/play/widgets/player_view.dart
index f2d7f7b..b7f14ef 100644
--- a/lib/pages/play/widgets/player_view.dart
+++ b/lib/pages/play/widgets/player_view.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:novyronst/common/api/user_request.dart';
 import 'package:novyronst/common/const/const_color.dart';
 import 'package:novyronst/common/model/ny_drama_model.dart';
 import 'package:novyronst/tools/widgets/novy_com_widget.dart';
@@ -35,6 +36,7 @@ class _PlayerViewState extends State<PlayerView> {
   late final PageController _pageController;
   final Map<int, VideoPlayerController> _controllers = {};
   final Map<int, Future<VideoPlayerController?>> _initializingControllers = {};
+  final Set<String> _reportedHistoryKeys = {};
   int _currentIndex = 0;
 
   @override
@@ -142,6 +144,7 @@ class _PlayerViewState extends State<PlayerView> {
             isPageActive: widget.isActive,
           )) {
         await controller.play();
+        _reportHistory(index);
       }
     } catch (_) {
       if (_controllers[index] == controller) {
@@ -181,6 +184,7 @@ class _PlayerViewState extends State<PlayerView> {
       isPageActive: widget.isActive,
     )) {
       await controller.play();
+      _reportHistory(_currentIndex);
     }
   }
 
@@ -224,7 +228,25 @@ class _PlayerViewState extends State<PlayerView> {
         !controller.value.isInitialized) {
       return;
     }
-    controller.value.isPlaying ? controller.pause() : controller.play();
+    if (controller.value.isPlaying) {
+      controller.pause();
+    } else {
+      controller.play();
+      _reportHistory(_currentIndex);
+    }
+  }
+
+  void _reportHistory(int index) {
+    if (index < 0 || index >= widget.videos.length) return;
+
+    final ids = resolvePlayerHistoryIds(widget.videos[index]);
+    if (ids == null || _reportedHistoryKeys.contains(ids.key)) return;
+
+    _reportedHistoryKeys.add(ids.key);
+    UserRequest.eventCreateHistory(
+      shortPlayId: ids.shortPlayId,
+      videoId: ids.videoId,
+    ).catchError((_) {});
   }
 
   @override
@@ -523,3 +545,23 @@ double resolvePlayerMetaBottom({
 }) {
   return safeAreaBottom + bottomSpacing;
 }
+
+class PlayerHistoryIds {
+  const PlayerHistoryIds({required this.shortPlayId, required this.videoId});
+
+  final String shortPlayId;
+  final String videoId;
+
+  String get key => '$shortPlayId:$videoId';
+}
+
+PlayerHistoryIds? resolvePlayerHistoryIds(NyDramaModel drama) {
+  final shortPlayId = drama.shortPlayId ?? drama.shortId;
+  final videoId = drama.shortPlayVideoId ?? drama.id;
+  if (videoId == null) return null;
+
+  return PlayerHistoryIds(
+    shortPlayId: shortPlayId.toString(),
+    videoId: videoId.toString(),
+  );
+}
diff --git a/lib/pages/widgets/ny_loading_widget.dart b/lib/pages/widgets/ny_loading_widget.dart
index b04a7b7..a1679da 100644
--- a/lib/pages/widgets/ny_loading_widget.dart
+++ b/lib/pages/widgets/ny_loading_widget.dart
@@ -1,5 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:novyronst/common/const/const_color.dart';
 import 'package:novyronst/root/lib_export.dart';
 
 class NyLoadingWidget extends StatefulWidget {