diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index ce385590..834ff578 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -38,9 +38,9 @@ jobs:
 
       - name: 重命名应用
         run: |
-          for file in app/release/app-*.apk; do
+          for file in app/build/outputs/apk/release/app-*.apk; do
             if [[ $file =~ app-(.?*)release.apk ]]; then
-              new_file_name="app/release/mytv-android-${BASH_REMATCH[1]}${{ steps.version.outputs.version }}.apk"
+              new_file_name="app/build/outputs/apk/release/mytv-android-${BASH_REMATCH[1]}${{ steps.version.outputs.version }}.apk"
               mv "$file" "$new_file_name"
             fi
           done
@@ -48,7 +48,7 @@ jobs:
       - name: Prepare artifacts
         run: |
           mkdir artifacts
-          cp app/release/*.apk artifacts/
+          cp app/build/outputs/apk/release/*.apk artifacts/
 
       - name: Upload Release
         uses: ncipollo/release-action@v1
diff --git a/.gitignore b/.gitignore
index fab5d1d2..42a9a399 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,4 +19,4 @@
 .externalNativeBuild
 .cxx
 local.properties
-key.properties
+key.properties
\ No newline at end of file
diff --git a/.idea/appInsightsSettings.xml b/.idea/appInsightsSettings.xml
index e77bdba4..371f2e29 100644
--- a/.idea/appInsightsSettings.xml
+++ b/.idea/appInsightsSettings.xml
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="AppInsightsSettings">
-    <option name="selectedTabId" value="Android Vitals" />
     <option name="tabSettings">
       <map>
         <entry key="Firebase Crashlytics">
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
index e4eaa174..4bec4ea8 100644
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
@@ -1,8 +1,5 @@
 <component name="ProjectCodeStyleConfiguration">
   <code_scheme name="Project" version="173">
-    <JetCodeStyleSettings>
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-    </JetCodeStyleSettings>
     <codeStyleSettings language="XML">
       <option name="FORCE_REARRANGE_MODE" value="1" />
       <indentOptions>
@@ -116,13 +113,5 @@
         </rules>
       </arrangement>
     </codeStyleSettings>
-    <codeStyleSettings language="kotlin">
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-      <option name="LINE_COMMENT_AT_FIRST_COLUMN" value="false" />
-      <option name="BLOCK_COMMENT_AT_FIRST_COLUMN" value="false" />
-      <option name="LINE_COMMENT_ADD_SPACE" value="true" />
-      <option name="BLOCK_COMMENT_ADD_SPACE" value="true" />
-      <option name="LINE_COMMENT_ADD_SPACE_ON_REFORMAT" value="true" />
-    </codeStyleSettings>
   </code_scheme>
 </component>
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
index 79ee123c..a55e7a17 100644
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -1,5 +1,5 @@
 <component name="ProjectCodeStyleConfiguration">
   <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
   </state>
 </component>
\ No newline at end of file
diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
new file mode 100644
index 00000000..0a6df152
--- /dev/null
+++ b/.idea/deploymentTargetSelector.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetSelector">
+    <selectionStates>
+      <SelectionState runConfigName="app">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+      <SelectionState runConfigName="LeanbackPanelPlayerInfoPreview">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+      <SelectionState runConfigName="LeanbackPanelIptvItemPreview">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+    </selectionStates>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/dictionaries/Administrator.xml b/.idea/dictionaries/Administrator.xml
deleted file mode 100644
index d87a1619..00000000
--- a/.idea/dictionaries/Administrator.xml
+++ /dev/null
@@ -1,3 +0,0 @@
-<component name="ProjectDictionaryState">
-  <dictionary name="Administrator" />
-</component>
\ No newline at end of file
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
deleted file mode 100644
index 97626ba4..00000000
--- a/.idea/encodings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Encoding">
-    <file url="PROJECT" charset="UTF-8" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/material_theme_project_new.xml b/.idea/material_theme_project_new.xml
new file mode 100644
index 00000000..d5f0378a
--- /dev/null
+++ b/.idea/material_theme_project_new.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MaterialThemeProjectNewConfig">
+    <option name="metadata">
+      <MTProjectMetadataState>
+        <option name="migrated" value="true" />
+        <option name="pristineConfig" value="false" />
+        <option name="userId" value="711f94e7:18ec70b4e23:-8000" />
+        <option name="version" value="8.12.6" />
+      </MTProjectMetadataState>
+    </option>
+    <option name="titleBarState">
+      <MTProjectTitleBarConfigState>
+        <option name="overrideColor" value="false" />
+      </MTProjectTitleBarConfigState>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/other.xml b/.idea/other.xml
new file mode 100644
index 00000000..d0886deb
--- /dev/null
+++ b/.idea/other.xml
@@ -0,0 +1,274 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="direct_access_persist.xml">
+    <option name="deviceSelectionList">
+      <list>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="27" />
+          <option name="brand" value="DOCOMO" />
+          <option name="codename" value="F01L" />
+          <option name="id" value="F01L" />
+          <option name="manufacturer" value="FUJITSU" />
+          <option name="name" value="F-01L" />
+          <option name="screenDensity" value="360" />
+          <option name="screenX" value="720" />
+          <option name="screenY" value="1280" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="28" />
+          <option name="brand" value="DOCOMO" />
+          <option name="codename" value="SH-01L" />
+          <option name="id" value="SH-01L" />
+          <option name="manufacturer" value="SHARP" />
+          <option name="name" value="AQUOS sense2 SH-01L" />
+          <option name="screenDensity" value="480" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2160" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="31" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="a51" />
+          <option name="id" value="a51" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy A51" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="google" />
+          <option name="codename" value="akita" />
+          <option name="id" value="akita" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 8a" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="b0q" />
+          <option name="id" value="b0q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy S22 Ultra" />
+          <option name="screenDensity" value="600" />
+          <option name="screenX" value="1440" />
+          <option name="screenY" value="3088" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="32" />
+          <option name="brand" value="google" />
+          <option name="codename" value="bluejay" />
+          <option name="id" value="bluejay" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 6a" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="29" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="crownqlteue" />
+          <option name="id" value="crownqlteue" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy Note9" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="2220" />
+          <option name="screenY" value="1080" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="dm3q" />
+          <option name="id" value="dm3q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy S23 Ultra" />
+          <option name="screenDensity" value="600" />
+          <option name="screenX" value="1440" />
+          <option name="screenY" value="3088" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="felix" />
+          <option name="id" value="felix" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel Fold" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="2208" />
+          <option name="screenY" value="1840" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="felix_camera" />
+          <option name="id" value="felix_camera" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel Fold (Camera-enabled)" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="2208" />
+          <option name="screenY" value="1840" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="gts8uwifi" />
+          <option name="id" value="gts8uwifi" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy Tab S8 Ultra" />
+          <option name="screenDensity" value="320" />
+          <option name="screenX" value="1848" />
+          <option name="screenY" value="2960" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="google" />
+          <option name="codename" value="husky" />
+          <option name="id" value="husky" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 8 Pro" />
+          <option name="screenDensity" value="390" />
+          <option name="screenX" value="1008" />
+          <option name="screenY" value="2244" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="30" />
+          <option name="brand" value="motorola" />
+          <option name="codename" value="java" />
+          <option name="id" value="java" />
+          <option name="manufacturer" value="Motorola" />
+          <option name="name" value="G20" />
+          <option name="screenDensity" value="280" />
+          <option name="screenX" value="720" />
+          <option name="screenY" value="1600" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="lynx" />
+          <option name="id" value="lynx" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 7a" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="31" />
+          <option name="brand" value="google" />
+          <option name="codename" value="oriole" />
+          <option name="id" value="oriole" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 6" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="panther" />
+          <option name="id" value="panther" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 7" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="31" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="q2q" />
+          <option name="id" value="q2q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy Z Fold3" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1768" />
+          <option name="screenY" value="2208" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="q5q" />
+          <option name="id" value="q5q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy Z Fold5" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1812" />
+          <option name="screenY" value="2176" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="30" />
+          <option name="brand" value="google" />
+          <option name="codename" value="r11" />
+          <option name="id" value="r11" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel Watch" />
+          <option name="screenDensity" value="320" />
+          <option name="screenX" value="384" />
+          <option name="screenY" value="384" />
+          <option name="type" value="WEAR_OS" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="30" />
+          <option name="brand" value="google" />
+          <option name="codename" value="redfin" />
+          <option name="id" value="redfin" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 5" />
+          <option name="screenDensity" value="440" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2340" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="34" />
+          <option name="brand" value="google" />
+          <option name="codename" value="shiba" />
+          <option name="id" value="shiba" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 8" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="35" />
+          <option name="brand" value="google" />
+          <option name="codename" value="shiba_beta" />
+          <option name="id" value="shiba_beta" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel 8" />
+          <option name="screenDensity" value="420" />
+          <option name="screenX" value="1080" />
+          <option name="screenY" value="2400" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="33" />
+          <option name="brand" value="google" />
+          <option name="codename" value="tangorpro" />
+          <option name="id" value="tangorpro" />
+          <option name="manufacturer" value="Google" />
+          <option name="name" value="Pixel Tablet" />
+          <option name="screenDensity" value="320" />
+          <option name="screenX" value="1600" />
+          <option name="screenY" value="2560" />
+        </PersistentDeviceSelectionData>
+        <PersistentDeviceSelectionData>
+          <option name="api" value="29" />
+          <option name="brand" value="samsung" />
+          <option name="codename" value="x1q" />
+          <option name="id" value="x1q" />
+          <option name="manufacturer" value="Samsung" />
+          <option name="name" value="Galaxy S20" />
+          <option name="screenDensity" value="480" />
+          <option name="screenX" value="1440" />
+          <option name="screenY" value="3200" />
+        </PersistentDeviceSelectionData>
+      </list>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/runConfigurations/app.xml b/.idea/runConfigurations/app.xml
new file mode 100644
index 00000000..b029852d
--- /dev/null
+++ b/.idea/runConfigurations/app.xml
@@ -0,0 +1,68 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="app" type="AndroidRunConfigurationType" factoryName="Android App" activateToolWindowBeforeRun="false">
+    <module name="My_TV.app.main" />
+    <option name="DEPLOY" value="true" />
+    <option name="DEPLOY_APK_FROM_BUNDLE" value="false" />
+    <option name="DEPLOY_AS_INSTANT" value="false" />
+    <option name="ARTIFACT_NAME" value="" />
+    <option name="PM_INSTALL_OPTIONS" value="" />
+    <option name="ALL_USERS" value="false" />
+    <option name="ALWAYS_INSTALL_WITH_PM" value="false" />
+    <option name="CLEAR_APP_STORAGE" value="false" />
+    <option name="DYNAMIC_FEATURES_DISABLED_LIST" value="" />
+    <option name="ACTIVITY_EXTRA_FLAGS" value="" />
+    <option name="MODE" value="default_activity" />
+    <option name="CLEAR_LOGCAT" value="true" />
+    <option name="SHOW_LOGCAT_AUTOMATICALLY" value="false" />
+    <option name="TARGET_SELECTION_MODE" value="DEVICE_AND_SNAPSHOT_COMBO_BOX" />
+    <option name="SELECTED_CLOUD_MATRIX_CONFIGURATION_ID" value="-1" />
+    <option name="SELECTED_CLOUD_MATRIX_PROJECT_ID" value="" />
+    <option name="DEBUGGER_TYPE" value="Auto" />
+    <Auto>
+      <option name="USE_JAVA_AWARE_DEBUGGER" value="false" />
+      <option name="SHOW_STATIC_VARS" value="true" />
+      <option name="WORKING_DIR" value="" />
+      <option name="TARGET_LOGGING_CHANNELS" value="lldb process:gdb-remote packets" />
+      <option name="SHOW_OPTIMIZED_WARNING" value="true" />
+      <option name="ATTACH_ON_WAIT_FOR_DEBUGGER" value="false" />
+      <option name="DEBUG_SANDBOX_SDK" value="false" />
+    </Auto>
+    <Hybrid>
+      <option name="USE_JAVA_AWARE_DEBUGGER" value="false" />
+      <option name="SHOW_STATIC_VARS" value="true" />
+      <option name="WORKING_DIR" value="" />
+      <option name="TARGET_LOGGING_CHANNELS" value="lldb process:gdb-remote packets" />
+      <option name="SHOW_OPTIMIZED_WARNING" value="true" />
+      <option name="ATTACH_ON_WAIT_FOR_DEBUGGER" value="false" />
+      <option name="DEBUG_SANDBOX_SDK" value="false" />
+    </Hybrid>
+    <Java>
+      <option name="ATTACH_ON_WAIT_FOR_DEBUGGER" value="false" />
+      <option name="DEBUG_SANDBOX_SDK" value="false" />
+    </Java>
+    <Native>
+      <option name="USE_JAVA_AWARE_DEBUGGER" value="false" />
+      <option name="SHOW_STATIC_VARS" value="true" />
+      <option name="WORKING_DIR" value="" />
+      <option name="TARGET_LOGGING_CHANNELS" value="lldb process:gdb-remote packets" />
+      <option name="SHOW_OPTIMIZED_WARNING" value="true" />
+      <option name="ATTACH_ON_WAIT_FOR_DEBUGGER" value="false" />
+      <option name="DEBUG_SANDBOX_SDK" value="false" />
+    </Native>
+    <Profilers>
+      <option name="ADVANCED_PROFILING_ENABLED" value="false" />
+      <option name="STARTUP_PROFILING_ENABLED" value="false" />
+      <option name="STARTUP_CPU_PROFILING_ENABLED" value="false" />
+      <option name="STARTUP_CPU_PROFILING_CONFIGURATION_NAME" value="Java/Kotlin Method Sample (legacy)" />
+      <option name="STARTUP_NATIVE_MEMORY_PROFILING_ENABLED" value="false" />
+      <option name="NATIVE_MEMORY_SAMPLE_RATE_BYTES" value="2048" />
+    </Profilers>
+    <option name="DEEP_LINK" value="" />
+    <option name="ACTIVITY_CLASS" value="" />
+    <option name="SEARCH_ACTIVITY_IN_GLOBAL_SCOPE" value="false" />
+    <option name="SKIP_ACTIVITY_VALIDATION" value="false" />
+    <method v="2">
+      <option name="Android.Gradle.BeforeRunTask" enabled="true" />
+    </method>
+  </configuration>
+</component>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
index 35eb1ddf..94a25f7f 100644
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
   </component>
 </project>
\ No newline at end of file
diff --git a/README.md b/README.md
index 08c69865..b47008a6 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@
 ### 自定义设置
 
 - 访问以下网址：`http://<设备IP>:10481`
-- 打开应用设置界面，移到最后一项，点击后弹出网址二维码
+- 打开应用设置界面，移到最后一项
 - 支持自定义直播源、自定义节目单、缓存时间等等
 - 须知：网页中引用了`jsdelivr`的cdn，请确保能够正常访问
 
@@ -65,6 +65,7 @@
 ### 自定义节目单
 
 - 设置入口：自定义设置网址
+- 格式支持：.xml、.xml.gz格式
 
 ### 多节目单
 
@@ -106,6 +107,9 @@
 - [x] 自定义节目单
 - [x] 频道收藏
 - [x] 应用自定义设置
+- [x] TV端适配
+- [ ] 手机端适配
+- [ ] 平板端适配
 - [ ] 性能优化
 
 ## 更新日志
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 46ba3e2c..9c138ae3 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -2,8 +2,8 @@ import java.io.FileInputStream
 import java.util.Properties
 
 plugins {
-    alias(libs.plugins.androidApplication)
-    alias(libs.plugins.jetbrainsKotlinAndroid)
+    alias(libs.plugins.android.application)
+    alias(libs.plugins.jetbrains.kotlin.android)
     alias(libs.plugins.kotlin.serialization)
 }
 
@@ -22,11 +22,12 @@ android {
         minSdk = 21
         targetSdk = 34
         versionCode = 1
-        versionName = "1.3.1"
+        versionName = "2.0.0-canary.1"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
         vectorDrawables {
             useSupportLibrary = true
         }
-
     }
 
     buildTypes {
@@ -34,39 +35,31 @@ android {
             isMinifyEnabled = true
             isShrinkResources = true
             proguardFiles(
-                getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro"
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
             )
         }
     }
-
     compileOptions {
         sourceCompatibility = JavaVersion.VERSION_1_8
         targetCompatibility = JavaVersion.VERSION_1_8
     }
-
     kotlinOptions {
         jvmTarget = "1.8"
     }
-
     buildFeatures {
         compose = true
     }
-
     composeOptions {
         kotlinCompilerExtensionVersion = "1.5.12"
     }
-
     packaging {
         resources {
             excludes += "/META-INF/{AL2.0,LGPL2.1}"
-            excludes += "/META-INF/INDEX.LIST"
-            excludes += "/META-INF/io.netty.versions.properties"
         }
     }
-
     signingConfigs {
         create("release") {
-            // 配置密钥库文件的位置、别名、密码等信息
             storeFile =
                 file(System.getenv("KEYSTORE") ?: keystoreProperties["storeFile"] ?: "keystore.jks")
             storePassword = System.getenv("KEYSTORE_PASSWORD")
@@ -76,7 +69,6 @@ android {
                 System.getenv("KEY_PASSWORD") ?: keystoreProperties.getProperty("keyPassword")
         }
     }
-
     buildTypes {
         getByName("release") {
             signingConfig = signingConfigs.getByName("release")
@@ -89,13 +81,14 @@ dependencies {
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.lifecycle.viewmodel.compose)
-    implementation(libs.androidx.lifecycle.runtime.compose)
-    implementation(libs.androidx.appcompat)
     implementation(libs.androidx.activity.compose)
     implementation(platform(libs.androidx.compose.bom))
-
-    // Compose UI libs
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    implementation(libs.kotlinx.collections.immutable)
+    implementation(libs.androidx.material.icons.extended)
 
     // TV Compose
     implementation(libs.androidx.tv.foundation)
@@ -105,23 +98,21 @@ dependencies {
     implementation(libs.androidx.media3.exoplayer)
     implementation(libs.androidx.media3.exoplayer.hls)
 
-    // SplashScreen
-    implementation(libs.androidx.core.splashscreen)
-
-    // JSON parser
+    // 序列化
     implementation(libs.kotlinx.serialization)
 
     // 网络请求
     implementation(libs.okhttp)
     implementation(libs.androidasync)
 
-
     // 二维码
     implementation(libs.qrose)
 
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
     androidTestImplementation(platform(libs.androidx.compose.bom))
     androidTestImplementation(libs.androidx.ui.test.junit4)
-
     debugImplementation(libs.androidx.ui.tooling)
     debugImplementation(libs.androidx.ui.test.manifest)
 }
\ No newline at end of file
diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro
index f1b42451..481bb434 100644
--- a/app/proguard-rules.pro
+++ b/app/proguard-rules.pro
@@ -18,4 +18,4 @@
 
 # If you keep the line number information, uncomment this to
 # hide the original source file name.
-#-renamesourcefileattribute SourceFile
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/app/src/androidTest/java/top/yogiczy/mytv/ExampleInstrumentedTest.kt b/app/src/androidTest/java/top/yogiczy/mytv/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..78221de5
--- /dev/null
+++ b/app/src/androidTest/java/top/yogiczy/mytv/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package top.yogiczy.mytv
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("top.yogiczy.mytv", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 175d2837..f8605544 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -16,29 +16,57 @@
     <application
         android:name=".MyTVApplication"
         android:allowBackup="true"
-        android:banner="@mipmap/tv_banner"
+        android:banner="@drawable/tv_banner"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:networkSecurityConfig="@xml/network_security_config"
-        android:screenOrientation="sensorLandscape"
+        android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/Theme.App.Starting"
+        android:theme="@style/Theme.MyTV"
         android:usesCleartextTraffic="true"
-        tools:ignore="DiscouragedApi"
-        tools:targetApi="34">
+        tools:targetApi="31">
         <activity
             android:name=".MainActivity"
             android:exported="true"
-            android:screenOrientation="sensorLandscape"
-            android:theme="@style/Theme.App.Starting">
+            android:theme="@style/Theme.MyTV">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
-
                 <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+
+        <activity
+            android:name=".LeanbackActivity"
+            android:exported="false"
+            android:screenOrientation="sensorLandscape"
+            android:theme="@style/Theme.MyTV"
+            tools:ignore="DiscouragedApi">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LEANBACK_LAUNCHER" />
             </intent-filter>
         </activity>
 
+        <activity
+            android:name=".MobileActivity"
+            android:exported="false"
+            android:theme="@style/Theme.MyTV">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+            </intent-filter>
+        </activity>
+
+        <activity
+            android:name=".PadActivity"
+            android:exported="false"
+            android:theme="@style/Theme.MyTV">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+            </intent-filter>
+        </activity>
+
         <receiver
             android:name=".BootReceiver"
             android:enabled="true"
diff --git a/app/src/main/java/top/yogiczy/mytv/AppGlobal.kt b/app/src/main/java/top/yogiczy/mytv/AppGlobal.kt
index a203b022..1506fa97 100644
--- a/app/src/main/java/top/yogiczy/mytv/AppGlobal.kt
+++ b/app/src/main/java/top/yogiczy/mytv/AppGlobal.kt
@@ -2,6 +2,12 @@ package top.yogiczy.mytv
 
 import java.io.File
 
+/**
+ * 应用全局变量
+ */
 object AppGlobal {
+    /**
+     * 缓存目录
+     */
     lateinit var cacheDir: File
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/BootReceiver.kt b/app/src/main/java/top/yogiczy/mytv/BootReceiver.kt
index c400a13b..694246a5 100644
--- a/app/src/main/java/top/yogiczy/mytv/BootReceiver.kt
+++ b/app/src/main/java/top/yogiczy/mytv/BootReceiver.kt
@@ -12,12 +12,11 @@ import top.yogiczy.mytv.ui.utils.SP
 class BootReceiver : BroadcastReceiver() {
     override fun onReceive(context: Context, intent: Intent) {
         if (Intent.ACTION_BOOT_COMPLETED == intent.action) {
-            val prefs: SharedPreferences =
-                context.getSharedPreferences(SP.SP_NAME, SP.SP_MODE)
-            val bootLaunch = prefs.getBoolean(SP.KEY.APP_BOOT_LAUNCH.name, false)
+            val sp: SharedPreferences = SP.getInstance(context)
+            val bootLaunch = sp.getBoolean(SP.KEY.APP_BOOT_LAUNCH.name, false)
 
             if (bootLaunch) {
-                context.startActivity(Intent(context, MainActivity::class.java).apply {
+                context.startActivity(Intent(context, LeanbackActivity::class.java).apply {
                     addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
                 })
             }
diff --git a/app/src/main/java/top/yogiczy/mytv/LeanbackActivity.kt b/app/src/main/java/top/yogiczy/mytv/LeanbackActivity.kt
new file mode 100644
index 00000000..7cd54d2c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/LeanbackActivity.kt
@@ -0,0 +1,56 @@
+package top.yogiczy.mytv
+
+import android.os.Bundle
+import android.view.WindowManager
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.ui.Modifier
+import androidx.core.view.WindowCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.WindowInsetsControllerCompat
+import top.yogiczy.mytv.ui.LeanbackApp
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.HttpServer
+import kotlin.system.exitProcess
+
+class LeanbackActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            // 隐藏状态栏、导航栏
+            WindowCompat.setDecorFitsSystemWindows(window, false)
+            WindowCompat.getInsetsController(window, window.decorView).let { insetsController ->
+                insetsController.hide(WindowInsetsCompat.Type.statusBars())
+                insetsController.hide(WindowInsetsCompat.Type.navigationBars())
+                insetsController.systemBarsBehavior =
+                    WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+            }
+
+            // 屏幕常亮
+            window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
+
+            LeanbackTheme {
+                Box(
+                    modifier = Modifier
+                        .fillMaxSize()
+                        .background(MaterialTheme.colorScheme.background),
+                ) {
+                    LeanbackApp(
+                        onBackPressed = {
+                            finish()
+                            exitProcess(0)
+                        },
+                    )
+                }
+            }
+        }
+
+        HttpServer.start(applicationContext)
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/MainActivity.kt b/app/src/main/java/top/yogiczy/mytv/MainActivity.kt
index df05873c..799fcc22 100644
--- a/app/src/main/java/top/yogiczy/mytv/MainActivity.kt
+++ b/app/src/main/java/top/yogiczy/mytv/MainActivity.kt
@@ -1,61 +1,24 @@
 package top.yogiczy.mytv
 
+import android.content.Intent
 import android.os.Bundle
-import android.view.WindowManager
 import androidx.activity.ComponentActivity
-import androidx.activity.compose.setContent
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.ui.Modifier
-import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
-import androidx.core.view.WindowCompat
-import androidx.core.view.WindowInsetsCompat
-import androidx.core.view.WindowInsetsControllerCompat
-import androidx.tv.material3.MaterialTheme
-import top.yogiczy.mytv.ui.App
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.HttpServer
 import top.yogiczy.mytv.ui.utils.SP
-import kotlin.system.exitProcess
-
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
-        UnsafeTrustManager.enableUnsafeTrustManager()
-        installSplashScreen()
-        SP.init(context = applicationContext)
         super.onCreate(savedInstanceState)
 
-        setContent {
-            // 隐藏状态栏、导航栏
-            WindowCompat.setDecorFitsSystemWindows(window, false)
-            WindowCompat.getInsetsController(window, window.decorView).let { insetsController ->
-                insetsController.hide(WindowInsetsCompat.Type.statusBars())
-                insetsController.hide(WindowInsetsCompat.Type.navigationBars())
-                insetsController.systemBarsBehavior =
-                    WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
-            }
-
-            // 屏幕常亮
-            window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
+        val activityClass = when (SP.appDeviceDisplayType) {
+            SP.AppDeviceDisplayType.LEANBACK -> LeanbackActivity::class.java
+            SP.AppDeviceDisplayType.MOBILE -> MobileActivity::class.java
+            SP.AppDeviceDisplayType.PAD -> PadActivity::class.java
+        }
 
-            HttpServer.start(applicationContext)
+        startActivity(Intent(this, activityClass).apply {
+            addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+        })
 
-            MyTVTheme {
-                Box(
-                    modifier = Modifier
-                        .fillMaxSize()
-                        .background(MaterialTheme.colorScheme.background)
-                ) {
-                    App(
-                        onBackPressed = {
-                            finish()
-                            exitProcess(0)
-                        }
-                    )
-                }
-            }
-        }
+        finish()
     }
 }
diff --git a/app/src/main/java/top/yogiczy/mytv/MobileActivity.kt b/app/src/main/java/top/yogiczy/mytv/MobileActivity.kt
new file mode 100644
index 00000000..aaca4816
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/MobileActivity.kt
@@ -0,0 +1,35 @@
+package top.yogiczy.mytv
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import top.yogiczy.mytv.ui.theme.MobileTheme
+
+class MobileActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            MobileTheme {
+                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+                    Box(modifier = Modifier.fillMaxSize()) {
+                        Text(
+                            text = "MobileActivity",
+                            modifier = Modifier
+                                .padding(innerPadding)
+                                .align(Alignment.Center),
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/MyTVApplication.kt b/app/src/main/java/top/yogiczy/mytv/MyTVApplication.kt
index 575412b2..55fd48b7 100644
--- a/app/src/main/java/top/yogiczy/mytv/MyTVApplication.kt
+++ b/app/src/main/java/top/yogiczy/mytv/MyTVApplication.kt
@@ -1,10 +1,14 @@
 package top.yogiczy.mytv
 
 import android.app.Application
+import top.yogiczy.mytv.ui.utils.SP
 
 class MyTVApplication : Application() {
     override fun onCreate() {
         super.onCreate()
+
+        UnsafeTrustManager.enableUnsafeTrustManager()
         AppGlobal.cacheDir = applicationContext.cacheDir
+        SP.init(applicationContext)
     }
 }
diff --git a/app/src/main/java/top/yogiczy/mytv/PadActivity.kt b/app/src/main/java/top/yogiczy/mytv/PadActivity.kt
new file mode 100644
index 00000000..1243ea4a
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/PadActivity.kt
@@ -0,0 +1,35 @@
+package top.yogiczy.mytv
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import top.yogiczy.mytv.ui.theme.PadTheme
+
+class PadActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        enableEdgeToEdge()
+        setContent {
+            PadTheme {
+                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
+                    Box(modifier = Modifier.fillMaxSize()) {
+                        Text(
+                            text = "PadActivity",
+                            modifier = Modifier
+                                .padding(innerPadding)
+                                .align(Alignment.Center),
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/UnsafeTrustManager.kt b/app/src/main/java/top/yogiczy/mytv/UnsafeTrustManager.kt
index ae28d2d4..70faebab 100644
--- a/app/src/main/java/top/yogiczy/mytv/UnsafeTrustManager.kt
+++ b/app/src/main/java/top/yogiczy/mytv/UnsafeTrustManager.kt
@@ -10,7 +10,7 @@ import javax.net.ssl.SSLContext
 import javax.net.ssl.TrustManager
 import javax.net.ssl.X509TrustManager
 
-
+// 防止部分直播源链接证书不被信任
 @SuppressLint("CustomX509TrustManager")
 class UnsafeTrustManager : X509TrustManager {
     @SuppressLint("TrustAllX509TrustManager")
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/Epg.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/Epg.kt
index 9a394a44..2bf65cb7 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/Epg.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/Epg.kt
@@ -11,27 +11,25 @@ data class Epg(
     /**
      * 频道名称
      */
-    val channel: String,
+    val channel: String = "",
 
     /**
      * 节目列表
      */
-    val programmes: EpgProgrammeList,
+    val programmes: EpgProgrammeList = EpgProgrammeList(),
 ) {
     companion object {
-        val EMPTY = Epg("", EpgProgrammeList())
-
+        /**
+         * 当前节目/下一个节目
+         */
         fun Epg.currentProgrammes(): EpgProgrammeCurrent? {
-            val currentProgramme =
-                programmes.firstOrNull { it.isLive() }
-                    ?: return null
+            val currentProgramme = programmes.firstOrNull { it.isLive() } ?: return null
 
             return EpgProgrammeCurrent(
                 now = currentProgramme,
                 next = programmes.indexOf(currentProgramme).let { index ->
-                    if (index + 1 < programmes.size) {
-                        programmes[index + 1]
-                    } else null
+                    if (index + 1 < programmes.size) programmes[index + 1]
+                    else null
                 },
             )
         }
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgList.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgList.kt
index dcfc7f13..89e14b8c 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgList.kt
@@ -8,7 +8,9 @@ data class EpgList(
     val value: List<Epg> = emptyList(),
 ) : List<Epg> by value {
     companion object {
-
+        /**
+         * 当前节目/下一个节目
+         */
         fun EpgList.currentProgrammes(iptv: Iptv): EpgProgrammeCurrent? {
             return firstOrNull { it.channel == iptv.channelName }?.currentProgrammes()
         }
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgramme.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgramme.kt
index a8cccc81..60eafe69 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgramme.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgramme.kt
@@ -10,20 +10,27 @@ data class EpgProgramme(
     /**
      * 开始时间（时间戳）
      */
-    val startAt: Long,
+    val startAt: Long = 0,
 
     /**
      * 结束时间（时间戳）
      */
-    val endAt: Long,
+    val endAt: Long = 0,
 
     /**
      * 节目名称
      */
-    val title: String,
+    val title: String = "",
 ) {
     companion object {
+        /**
+         * 是否正在直播
+         */
         fun EpgProgramme.isLive() = System.currentTimeMillis() in startAt..<endAt
+
+        /**
+         * 节目进度
+         */
         fun EpgProgramme.progress() =
             (System.currentTimeMillis() - startAt).toFloat() / (endAt - startAt)
     }
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeCurrent.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeCurrent.kt
index 62751598..a0937d01 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeCurrent.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeCurrent.kt
@@ -1,15 +1,18 @@
 package top.yogiczy.mytv.data.entities
 
+/**
+ * 当前节目/下一个节目
+ */
 data class EpgProgrammeCurrent(
     /**
      * 当前正在播放
      */
-    val now: EpgProgramme?,
+    val now: EpgProgramme? = null,
 
     /**
      * 稍后播放
      */
-    val next: EpgProgramme?,
+    val next: EpgProgramme? = null,
 ) {
     companion object {
         val EXAMPLE = EpgProgrammeCurrent(
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeList.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeList.kt
index 0bc70441..4844d16b 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/EpgProgrammeList.kt
@@ -3,8 +3,8 @@ package top.yogiczy.mytv.data.entities
 import androidx.compose.runtime.Immutable
 import kotlinx.serialization.Serializable
 
-@Immutable
 @Serializable
+@Immutable
 data class EpgProgrammeList(
     val value: List<EpgProgramme> = emptyList(),
 ) : List<EpgProgramme> by value
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/GithubRelease.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/GitRelease.kt
similarity index 58%
rename from app/src/main/java/top/yogiczy/mytv/data/entities/GithubRelease.kt
rename to app/src/main/java/top/yogiczy/mytv/data/entities/GitRelease.kt
index 3915ef48..6c3d3d7a 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/GithubRelease.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/GitRelease.kt
@@ -1,7 +1,10 @@
 package top.yogiczy.mytv.data.entities
 
-data class GithubRelease(
-    val tagName: String = "v0.0.0",
+/**
+ * git版本
+ */
+data class GitRelease(
+    val version: String = "0.0.0",
     val downloadUrl: String = "",
     val description: String = "",
 )
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/Iptv.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/Iptv.kt
index aa6ed92c..6b3b2ec5 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/Iptv.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/Iptv.kt
@@ -1,31 +1,28 @@
 package top.yogiczy.mytv.data.entities
 
+import androidx.compose.runtime.Immutable
+
 /**
  * 直播源
  */
+@Immutable
 data class Iptv(
     /**
      * 直播源名称
      */
-    val name: String,
+    val name: String = "",
 
     /**
      * 频道名称，用于查询节目单
      */
-    val channelName: String,
+    val channelName: String = "",
 
     /**
      * 播放地址
      */
-    val urlList: List<String>,
+    val urlList: List<String> = emptyList(),
 ) {
     companion object {
-        val EMPTY = Iptv(
-            name = "",
-            channelName = "",
-            urlList = emptyList(),
-        )
-
         val EXAMPLE = Iptv(
             name = "CCTV-1",
             channelName = "cctv1",
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroup.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroup.kt
index 9eddb4b2..469c19b2 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroup.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroup.kt
@@ -7,14 +7,10 @@ data class IptvGroup(
     /**
      * 分组名称
      */
-    val name: String,
+    val name: String = "",
 
     /**
      * 直播源列表
      */
-    val iptvs: IptvList,
-) {
-    companion object {
-        val EMPTY = IptvGroup("", IptvList())
-    }
-}
\ No newline at end of file
+    val iptvList: IptvList = IptvList(),
+)
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroupList.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroupList.kt
index 53afebb9..b172f9f9 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroupList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvGroupList.kt
@@ -2,6 +2,9 @@ package top.yogiczy.mytv.data.entities
 
 import androidx.compose.runtime.Immutable
 
+/**
+ * 直播源分组列表
+ */
 @Immutable
 data class IptvGroupList(
     val value: List<IptvGroup> = emptyList(),
@@ -10,7 +13,7 @@ data class IptvGroupList(
         val EXAMPLE = IptvGroupList(List(5) { groupIdx ->
             IptvGroup(
                 name = "频道分组${groupIdx + 1}",
-                iptvs = IptvList(
+                iptvList = IptvList(
                     List(10) { idx ->
                         Iptv(
                             name = "频道${groupIdx + 1}-${idx + 1}",
@@ -23,9 +26,12 @@ data class IptvGroupList(
         })
 
         fun IptvGroupList.iptvGroupIdx(iptv: Iptv) =
-            this.indexOfFirst { group -> group.iptvs.any { it == iptv } }
+            this.indexOfFirst { group -> group.iptvList.any { it == iptv } }
 
         fun IptvGroupList.iptvIdx(iptv: Iptv) =
-            this.flatMap { it.iptvs }.indexOfFirst { it == iptv }
+            this.flatMap { it.iptvList }.indexOfFirst { it == iptv }
+
+        val IptvGroupList.iptvList: List<Iptv>
+            get() = this.flatMap { it.iptvList }
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvList.kt b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvList.kt
index fad47a08..e49b17c6 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/entities/IptvList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/entities/IptvList.kt
@@ -2,6 +2,9 @@ package top.yogiczy.mytv.data.entities
 
 import androidx.compose.runtime.Immutable
 
+/**
+ * 直播源列表
+ */
 @Immutable
 data class IptvList(
     val value: List<Iptv> = emptyList(),
diff --git a/app/src/main/java/top/yogiczy/mytv/data/models/IptvResponseItem.kt b/app/src/main/java/top/yogiczy/mytv/data/models/IptvResponseItem.kt
deleted file mode 100644
index 0c3d7af6..00000000
--- a/app/src/main/java/top/yogiczy/mytv/data/models/IptvResponseItem.kt
+++ /dev/null
@@ -1,23 +0,0 @@
-package top.yogiczy.mytv.data.models
-
-data class IptvResponseItem(
-    /**
-     * 直播源名称
-     */
-    val name: String,
-
-    /**
-     * 频道名称，用于查询节目单
-     */
-    val channelName: String,
-
-    /**
-     * 分组名称
-     */
-    val groupName: String,
-
-    /**
-     * 播放地址
-     */
-    val url: String,
-)
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/FileCacheRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/FileCacheRepository.kt
new file mode 100644
index 00000000..cedeed00
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/FileCacheRepository.kt
@@ -0,0 +1,55 @@
+package top.yogiczy.mytv.data.repositories
+
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import top.yogiczy.mytv.AppGlobal
+import java.io.File
+
+/**
+ * 用于将数据缓存至本地
+ */
+abstract class FileCacheRepository(
+    private val fileName: String,
+) {
+    protected fun getCacheFile() = File(AppGlobal.cacheDir, fileName)
+
+    private suspend fun getCacheData(): String? = withContext(Dispatchers.IO) {
+        val file = getCacheFile()
+        if (file.exists()) file.readText()
+        else null
+    }
+
+    private suspend fun setCacheData(data: String) = withContext(Dispatchers.IO) {
+        val file = getCacheFile()
+        file.writeText(data)
+    }
+
+    protected suspend fun getOrRefresh(cacheTime: Long, refreshOp: suspend () -> String): String {
+        return getOrRefresh(
+            { lastModified, _ -> System.currentTimeMillis() - lastModified >= cacheTime },
+            refreshOp,
+        )
+    }
+
+    suspend fun clearCache() {
+        getCacheFile().deleteOnExit()
+    }
+
+    protected suspend fun getOrRefresh(
+        isExpired: (lastModified: Long, cacheData: String?) -> Boolean,
+        refreshOp: suspend () -> String,
+    ): String {
+        var data = getCacheData()
+
+        if (isExpired(getCacheFile().lastModified(), data)) {
+            data = null
+        }
+
+        if (data.isNullOrBlank()) {
+            data = refreshOp()
+            setCacheData(data)
+        }
+
+        return data
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/GithubRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/GithubRepository.kt
deleted file mode 100644
index 5e07a6ce..00000000
--- a/app/src/main/java/top/yogiczy/mytv/data/repositories/GithubRepository.kt
+++ /dev/null
@@ -1,42 +0,0 @@
-package top.yogiczy.mytv.data.repositories
-
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.withContext
-import okhttp3.OkHttpClient
-import okhttp3.Request
-import org.json.JSONArray
-import org.json.JSONObject
-import top.yogiczy.mytv.data.entities.GithubRelease
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.utils.Loggable
-
-class GithubRepository : Loggable() {
-    suspend fun latestRelease() = withContext(Dispatchers.IO) {
-        log.d("获取最新release: ${Constants.GITHUB_RELEASE_LATEST_URL}")
-
-        val client = OkHttpClient()
-        val request = Request.Builder().url(Constants.GITHUB_RELEASE_LATEST_URL).build()
-
-        try {
-            return@withContext with(client.newCall(request).execute()) {
-                if (!isSuccessful) {
-                    throw Exception("获取最新release失败: $code")
-                }
-
-                val json = JSONObject(body!!.string())
-
-                val release = GithubRelease(
-                    tagName = json["tag_name"] as String,
-                    downloadUrl = (json["assets"] as JSONArray).getJSONObject(0)["browser_download_url"] as String,
-                    description = json["body"] as String
-                )
-                log.i("最新release: ${release.tagName}")
-
-                return@with release
-            }
-        } catch (e: Exception) {
-            log.e("获取最新release失败", e)
-            throw Exception("获取最新release失败，请检查网络连接", e.cause)
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/IptvRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/IptvRepository.kt
deleted file mode 100644
index c319630a..00000000
--- a/app/src/main/java/top/yogiczy/mytv/data/repositories/IptvRepository.kt
+++ /dev/null
@@ -1,168 +0,0 @@
-package top.yogiczy.mytv.data.repositories
-
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.withContext
-import okhttp3.OkHttpClient
-import okhttp3.Request
-import top.yogiczy.mytv.AppGlobal
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.data.entities.IptvGroup
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.data.models.IptvResponseItem
-import top.yogiczy.mytv.ui.utils.Loggable
-import top.yogiczy.mytv.ui.utils.SP
-import java.io.File
-
-class IptvRepository : Loggable() {
-    suspend fun getIptvGroups(): IptvGroupList {
-        val now = System.currentTimeMillis()
-
-        if (now - SP.iptvSourceCachedAt < SP.iptvSourceCacheTime) {
-            val cache = getCache()
-            if (cache.isNotBlank()) {
-                log.d("使用缓存直播源")
-                return parseSource(cache)
-            }
-        }
-
-        val data = fetchSource()
-        setCache(data)
-        SP.iptvSourceCachedAt = now
-
-        return parseSource(data)
-    }
-
-    private suspend fun fetchSource(): String = withContext(Dispatchers.IO) {
-        log.d("获取远程直播源: ${SP.iptvSourceUrl}")
-
-        val client = OkHttpClient()
-        val request = Request.Builder().url(SP.iptvSourceUrl).build()
-
-        try {
-            return@withContext with(client.newCall(request).execute()) {
-                if (!isSuccessful) {
-                    throw Exception("获取远程直播源: $code")
-                }
-
-                return@with body!!.string()
-            }
-        } catch (e: Exception) {
-            log.e("获取远程直播源失败", e)
-            throw Exception("获取远程直播源失败，请检查网络连接", e.cause)
-        }
-    }
-
-    private fun getCacheFile(): File {
-        return File(AppGlobal.cacheDir, "iptv.txt")
-    }
-
-    private suspend fun getCache() = withContext(Dispatchers.IO) {
-        if (getCacheFile().exists()) getCacheFile().readText() else ""
-    }
-
-    private suspend fun setCache(data: String) = withContext(Dispatchers.IO) {
-        getCacheFile().writeText(data)
-    }
-
-    private fun parseSourceM3u(data: String): IptvGroupList {
-        val lines = data.split("\n")
-        val iptvList = mutableListOf<IptvResponseItem>()
-
-        lines.forEachIndexed { index, line ->
-            if (!line.startsWith("#EXTINF")) return@forEachIndexed
-
-            val name = line.split(",").last()
-            val channelName = Regex("tvg-name=\"(.+?)\"").find(line)?.groupValues?.get(1) ?: name
-            val groupName = Regex("group-title=\"(.+?)\"").find(line)?.groupValues?.get(1) ?: "其他"
-
-            if (SP.iptvSourceSimplify) {
-                if (!name.lowercase().startsWith("cctv") && !name.lowercase()
-                        .endsWith("卫视")
-                ) return@forEachIndexed
-            }
-
-            iptvList.add(
-                IptvResponseItem(
-                    name = name,
-                    channelName = channelName,
-                    groupName = groupName,
-                    url = lines[index + 1]
-                )
-            )
-        }
-
-        return IptvGroupList(iptvList.groupBy { it.groupName }.map { groupEntry ->
-            IptvGroup(
-                name = groupEntry.key,
-                iptvs = IptvList(groupEntry.value.groupBy { it.name }.map { nameEntry ->
-                    Iptv(
-                        name = nameEntry.key,
-                        channelName = nameEntry.value.first().channelName,
-                        urlList = nameEntry.value.map { it.url },
-                    )
-                }),
-            )
-        }).also {
-            log.i(
-                "解析m3u完成: ${it.size}个分组, ${it.flatMap { group -> group.iptvs }.size}个频道"
-            )
-        }
-    }
-
-    private fun parseSourceTvbox(data: String): IptvGroupList {
-        val lines = data.split("\n")
-        val iptvList = mutableListOf<IptvResponseItem>()
-
-        var groupName: String? = null
-        lines.forEach { line ->
-            if (line.isBlank() || line.startsWith("#")) return@forEach
-
-            if (line.endsWith("#genre#")) {
-                groupName = line.split(",").first()
-            } else {
-                val res = line.replace("，", ",").split(",")
-                if (res.size < 2) return@forEach
-
-                iptvList.add(
-                    IptvResponseItem(
-                        name = res[0],
-                        channelName = res[0],
-                        url = res[1],
-                        groupName = groupName ?: "其他",
-                    )
-                )
-            }
-        }
-
-        return IptvGroupList(iptvList.groupBy { it.groupName }.map { groupEntry ->
-            IptvGroup(
-                name = groupEntry.key,
-                iptvs = IptvList(groupEntry.value.groupBy { it.name }.map { nameEntry ->
-                    Iptv(
-                        name = nameEntry.key,
-                        channelName = nameEntry.value.first().channelName,
-                        urlList = nameEntry.value.map { it.url },
-                    )
-                }),
-            )
-        }).also {
-            log.i(
-                "解析tvbox完成: ${it.size}个分组, ${it.flatMap { group -> group.iptvs }.size}个频道"
-            )
-        }
-    }
-
-    private fun parseSource(data: String): IptvGroupList {
-        try {
-            return if (data.startsWith("#EXTM3U")) {
-                parseSourceM3u(data)
-            } else {
-                parseSourceTvbox(data)
-            }
-        } catch (e: Exception) {
-            log.e("解析直播源失败，请检查直播源格式", e)
-            throw Exception("解析直播源失败，请检查直播源格式", e.cause)
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/EpgRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/EpgRepository.kt
similarity index 53%
rename from app/src/main/java/top/yogiczy/mytv/data/repositories/EpgRepository.kt
rename to app/src/main/java/top/yogiczy/mytv/data/repositories/epg/EpgRepository.kt
index bb4b06da..6718cbc5 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/repositories/EpgRepository.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/EpgRepository.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.data.repositories
+package top.yogiczy.mytv.data.repositories.epg
 
 import android.util.Xml
 import kotlinx.coroutines.Dispatchers
@@ -8,101 +8,28 @@ import kotlinx.serialization.json.Json
 import okhttp3.OkHttpClient
 import okhttp3.Request
 import org.xmlpull.v1.XmlPullParser
-import top.yogiczy.mytv.AppGlobal
 import top.yogiczy.mytv.data.entities.Epg
 import top.yogiczy.mytv.data.entities.EpgList
 import top.yogiczy.mytv.data.entities.EpgProgramme
 import top.yogiczy.mytv.data.entities.EpgProgrammeList
-import top.yogiczy.mytv.ui.utils.Loggable
-import top.yogiczy.mytv.ui.utils.SP
-import java.io.File
+import top.yogiczy.mytv.data.repositories.FileCacheRepository
+import top.yogiczy.mytv.data.repositories.epg.fetcher.EpgFetcher
+import top.yogiczy.mytv.ui.utils.Logger
 import java.io.StringReader
 import java.text.SimpleDateFormat
 import java.util.Calendar
 import java.util.Locale
 
-class EpgRepository : Loggable() {
-    suspend fun getEpgs(filteredChannels: List<String>): EpgList {
-        if (!SP.epgEnable) {
-            log.d("epg功能未开启，跳过")
-            return EpgList()
-        }
-
-        val xml = getXml()
-        val hashCode = filteredChannels.hashCode()
-
-        if (SP.epgCachedHash == hashCode) {
-            val cache = getCache()
-            if (cache != null) {
-                log.d("使用缓存epg")
-                return cache
-            }
-        }
-
-        val epgList = parseFromXml(xml, filteredChannels)
-        setCache(epgList)
-        SP.epgCachedHash = hashCode
-
-        return epgList
-    }
-
-    private suspend fun fetchXml(): String = withContext(Dispatchers.IO) {
-        log.d("获取远程xml: ${SP.epgXmlUrl}")
-
-        val client = OkHttpClient()
-        val request = Request.Builder().url(SP.epgXmlUrl).build()
-
-        try {
-            return@withContext with(client.newCall(request).execute()) {
-                if (!isSuccessful) {
-                    throw Exception("获取远程xml: $code")
-                }
-
-                return@with body!!.string()
-            }
-        } catch (e: Exception) {
-            log.e("获取远程xml失败", e.cause)
-            throw Exception("获取远程EPG失败，请检查网络连接", e.cause)
-        }
-    }
-
-    private fun getCacheXmlFile(): File {
-        return File(AppGlobal.cacheDir, "epg.xml")
-    }
-
-    private suspend fun getCacheXml() = withContext(Dispatchers.IO) {
-        val file = getCacheXmlFile()
-        if (file.exists()) file.readText() else ""
-    }
-
-    private suspend fun setCacheXml(xml: String) = withContext(Dispatchers.IO) {
-        getCacheXmlFile().writeText(xml)
-    }
-
-    private suspend fun getXml(): String {
-        val dateFormat = SimpleDateFormat("yyyy-MM-dd", Locale.getDefault())
-
-        if (dateFormat.format(System.currentTimeMillis()) == dateFormat.format(SP.epgXmlCachedAt)) {
-            val cache = getCacheXml()
-            if (cache.isNotBlank()) {
-                log.d("使用缓存xml")
-                return cache
-            }
-        } else {
-            if (Calendar.getInstance().get(Calendar.HOUR_OF_DAY) < SP.epgRefreshTimeThreshold) {
-                log.d("未到时间点，不刷新epg")
-                return "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"
-            }
-        }
-
-        val xml = fetchXml()
-        setCacheXml(xml)
-        SP.epgXmlCachedAt = System.currentTimeMillis()
-        SP.epgCachedHash = 0
-
-        return xml
-    }
+/**
+ * 节目单获取
+ */
+class EpgRepository : FileCacheRepository("epg.json") {
+    private val log = Logger.create(javaClass.simpleName)
+    private val epgXmlRepository = EpgXmlRepository()
 
+    /**
+     * 解析节目单xml
+     */
     private suspend fun parseFromXml(
         xmlString: String,
         filteredChannels: List<String> = emptyList(),
@@ -153,31 +80,94 @@ class EpgRepository : Loggable() {
                                 )
                             )
                         }
-
                     }
                 }
             }
             eventType = parser.next()
         }
 
-        log.i("解析epg完成，共${epgMap.size}个频道")
+        log.i("解析节目单完成，共${epgMap.size}个频道")
         return@withContext EpgList(epgMap.values.toList())
     }
 
-    private fun getCacheFile(): File {
-        return File(AppGlobal.cacheDir, "epg.json")
+    suspend fun getEpgList(
+        xmlUrl: String,
+        filteredChannels: List<String> = emptyList(),
+        refreshTimeThreshold: Int,
+    ) = withContext(Dispatchers.Default) {
+        try {
+            val xmlJson = getOrRefresh({ lastModified, cacheData ->
+                if (epgXmlRepository.cacheFileLastModified() > lastModified)
+                    return@getOrRefresh true
+
+//                if (!cacheData.isNullOrBlank()) {
+//                    val epgList = Json.decodeFromString<List<Epg>>(cacheData)
+//                    val oldHashCode = epgList.map { it.channel }.hashCode()
+//                    return@getOrRefresh oldHashCode != filteredChannels.hashCode()
+//                }
+
+//                true
+                false
+            }) {
+                val xmlString = epgXmlRepository.getEpgXml(xmlUrl, refreshTimeThreshold)
+                Json.encodeToString(parseFromXml(xmlString, filteredChannels).value)
+            }
+
+            EpgList(Json.decodeFromString<List<Epg>>(xmlJson))
+        } catch (ex: Exception) {
+            log.e("获取节目单失败", ex)
+            throw Exception(ex)
+        }
     }
+}
+
+/**
+ * 节目单xml获取
+ */
+private class EpgXmlRepository : FileCacheRepository("epg.xml") {
+    private val log = Logger.create(javaClass.simpleName)
+
+    /**
+     * 获取远程xml
+     */
+    private suspend fun fetchXml(url: String): String = withContext(Dispatchers.IO) {
+        log.d("获取远程节目单xml: $url")
 
-    private suspend fun getCache() = withContext(Dispatchers.IO) {
-        val file = getCacheFile()
-        if (file.exists()) {
-            EpgList(Json.decodeFromString<List<Epg>>(file.readText()))
-        } else {
-            null
+        val client = OkHttpClient()
+        val request = Request.Builder().url(url).build()
+
+        try {
+            with(client.newCall(request).execute()) {
+                if (!isSuccessful) {
+                    throw Exception("获取远程节目单xml失败: $code")
+                }
+
+                val fetcher = EpgFetcher.instances.first { it.isSupport(url) }
+
+                return@with fetcher.fetch(this)
+            }
+        } catch (ex: Exception) {
+            throw Exception("获取远程节目单xml失败，请检查网络连接", ex.cause)
         }
     }
 
-    private suspend fun setCache(epgList: EpgList) = withContext(Dispatchers.IO) {
-        getCacheFile().writeText(Json.encodeToString(epgList.value))
+    /**
+     * 获取xml
+     */
+    suspend fun getEpgXml(url: String, refreshTimeThreshold: Int): String {
+        if (Calendar.getInstance().get(Calendar.HOUR_OF_DAY) < refreshTimeThreshold) {
+            log.d("未到时间点，不刷新节目单")
+            return "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"
+        }
+
+        val dateFormat = SimpleDateFormat("yyyy-MM-dd", Locale.getDefault())
+
+        return getOrRefresh({ lastModified, _ ->
+            dateFormat.format(System.currentTimeMillis()) != dateFormat.format(lastModified)
+        }) {
+            fetchXml(url)
+        }
     }
-}
\ No newline at end of file
+
+    fun cacheFileLastModified() = getCacheFile().lastModified()
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/DefaultEpgFetcher.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/DefaultEpgFetcher.kt
new file mode 100644
index 00000000..50109a5c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/DefaultEpgFetcher.kt
@@ -0,0 +1,13 @@
+package top.yogiczy.mytv.data.repositories.epg.fetcher
+
+import okhttp3.Response
+
+class DefaultEpgFetcher : EpgFetcher {
+    override fun isSupport(url: String): Boolean {
+        return true
+    }
+
+    override fun fetch(response: Response): String {
+        return "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/EpgFetcher.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/EpgFetcher.kt
new file mode 100644
index 00000000..5dabfd57
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/EpgFetcher.kt
@@ -0,0 +1,26 @@
+package top.yogiczy.mytv.data.repositories.epg.fetcher
+
+import okhttp3.Response
+
+/**
+ * 节目单获取接口
+ */
+interface EpgFetcher {
+    /**
+     * 是否支持该格式
+     */
+    fun isSupport(url: String): Boolean
+
+    /**
+     * 获取节目单
+     */
+    fun fetch(response: Response): String
+
+    companion object {
+        val instances = listOf(
+            XmlEpgFetcher(),
+            XmlGzEpgFetcher(),
+            DefaultEpgFetcher(),
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlEpgFetcher.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlEpgFetcher.kt
new file mode 100644
index 00000000..a1ba66cd
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlEpgFetcher.kt
@@ -0,0 +1,13 @@
+package top.yogiczy.mytv.data.repositories.epg.fetcher
+
+import okhttp3.Response
+
+class XmlEpgFetcher : EpgFetcher {
+    override fun isSupport(url: String): Boolean {
+        return url.endsWith(".xml")
+    }
+
+    override fun fetch(response: Response): String {
+        return response.body!!.string()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlGzEpgFetcher.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlGzEpgFetcher.kt
new file mode 100644
index 00000000..33861747
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/epg/fetcher/XmlGzEpgFetcher.kt
@@ -0,0 +1,27 @@
+package top.yogiczy.mytv.data.repositories.epg.fetcher
+
+import okhttp3.Response
+import java.io.BufferedReader
+import java.io.ByteArrayInputStream
+import java.io.InputStreamReader
+import java.util.zip.GZIPInputStream
+
+class XmlGzEpgFetcher : EpgFetcher {
+    override fun isSupport(url: String): Boolean {
+        return url.endsWith(".gz")
+    }
+
+    override fun fetch(response: Response): String {
+        val gzData = response.body!!.bytes()
+        val stringBuilder = StringBuilder()
+        GZIPInputStream(ByteArrayInputStream(gzData)).use { gzipInputStream ->
+            BufferedReader(InputStreamReader(gzipInputStream)).use { reader ->
+                var line: String?
+                while (reader.readLine().also { line = it } != null) {
+                    stringBuilder.append(line).append("\n")
+                }
+            }
+        }
+        return stringBuilder.toString()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/git/GitRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/GitRepository.kt
new file mode 100644
index 00000000..74bf624e
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/GitRepository.kt
@@ -0,0 +1,32 @@
+package top.yogiczy.mytv.data.repositories.git
+
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import okhttp3.OkHttpClient
+import okhttp3.Request
+import top.yogiczy.mytv.data.repositories.git.parser.GitReleaseParser
+import top.yogiczy.mytv.ui.utils.Loggable
+
+class GitRepository : Loggable() {
+
+    suspend fun latestRelease(url: String) = withContext(Dispatchers.IO) {
+        log.d("获取最新发行版: $url")
+
+        val client = OkHttpClient()
+        val request = Request.Builder().url(url).build()
+
+        try {
+            with(client.newCall(request).execute()) {
+                if (!isSuccessful) {
+                    throw Exception("获取最新发行版失败: $code")
+                }
+
+                val parser = GitReleaseParser.instances.first { it.isSupport(url) }
+                return@with parser.parse(body!!.string())
+            }
+        } catch (ex: Exception) {
+            log.e("获取最新发行版失败", ex.cause)
+            throw Exception("获取最新发行版失败，请检查网络连接", ex.cause)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GitReleaseParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GitReleaseParser.kt
new file mode 100644
index 00000000..a84f02cd
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GitReleaseParser.kt
@@ -0,0 +1,25 @@
+package top.yogiczy.mytv.data.repositories.git.parser
+
+import top.yogiczy.mytv.data.entities.GitRelease
+
+/**
+ * git发行版解析
+ */
+interface GitReleaseParser {
+    /**
+     * 是否支持该格式
+     */
+    fun isSupport(url: String): Boolean
+
+    /**
+     * 解析数据
+     */
+    suspend fun parse(data: String): GitRelease
+
+    companion object {
+        val instances = listOf(
+            GithubGitReleaseParser(),
+            GiteeGitReleaseParser(),
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GiteeGitReleaseParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GiteeGitReleaseParser.kt
new file mode 100644
index 00000000..302cea24
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GiteeGitReleaseParser.kt
@@ -0,0 +1,23 @@
+package top.yogiczy.mytv.data.repositories.git.parser
+
+import kotlinx.serialization.json.Json
+import kotlinx.serialization.json.jsonArray
+import kotlinx.serialization.json.jsonObject
+import kotlinx.serialization.json.jsonPrimitive
+import top.yogiczy.mytv.data.entities.GitRelease
+
+class GiteeGitReleaseParser : GitReleaseParser {
+    override fun isSupport(url: String): Boolean {
+        return url.contains("gitee.com")
+    }
+
+    override suspend fun parse(data: String): GitRelease {
+        val json = Json.parseToJsonElement(data).jsonObject
+
+        return GitRelease(
+            version = json.getValue("tag_name").jsonPrimitive.content.substring(1),
+            downloadUrl = json.getValue("assets").jsonArray[0].jsonObject["browser_download_url"]!!.jsonPrimitive.content,
+            description = json.getValue("body").jsonPrimitive.content
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GithubGitReleaseParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GithubGitReleaseParser.kt
new file mode 100644
index 00000000..47e1c962
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/git/parser/GithubGitReleaseParser.kt
@@ -0,0 +1,24 @@
+package top.yogiczy.mytv.data.repositories.git.parser
+
+import kotlinx.serialization.json.Json
+import kotlinx.serialization.json.jsonArray
+import kotlinx.serialization.json.jsonObject
+import kotlinx.serialization.json.jsonPrimitive
+import top.yogiczy.mytv.data.entities.GitRelease
+import top.yogiczy.mytv.data.utils.Constants
+
+class GithubGitReleaseParser : GitReleaseParser {
+    override fun isSupport(url: String): Boolean {
+        return url.contains("github.com")
+    }
+
+    override suspend fun parse(data: String): GitRelease {
+        val json = Json.parseToJsonElement(data).jsonObject
+
+        return GitRelease(
+            version = json.getValue("tag_name").jsonPrimitive.content.substring(1),
+            downloadUrl = Constants.GITHUB_PROXY + json.getValue("assets").jsonArray[0].jsonObject["browser_download_url"]!!.jsonPrimitive.content,
+            description = json.getValue("body").jsonPrimitive.content
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/IptvRepository.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/IptvRepository.kt
new file mode 100644
index 00000000..5f9f7aa6
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/IptvRepository.kt
@@ -0,0 +1,84 @@
+package top.yogiczy.mytv.data.repositories.iptv
+
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import okhttp3.OkHttpClient
+import okhttp3.Request
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvList
+import top.yogiczy.mytv.data.repositories.FileCacheRepository
+import top.yogiczy.mytv.data.repositories.iptv.parser.IptvParser
+import top.yogiczy.mytv.ui.utils.Logger
+
+/**
+ * 直播源获取
+ */
+class IptvRepository : FileCacheRepository("iptv.txt") {
+    private val log = Logger.create(javaClass.simpleName)
+
+    /**
+     * 获取远程直播源数据
+     */
+    private suspend fun fetchSource(sourceUrl: String) = withContext(Dispatchers.IO) {
+        log.d("获取远程直播源: $sourceUrl")
+
+        val client = OkHttpClient()
+        val request = Request.Builder().url(sourceUrl).build()
+
+        try {
+            with(client.newCall(request).execute()) {
+                if (!isSuccessful) {
+                    throw Exception("获取远程直播源失败: $code")
+                }
+
+                return@with body!!.string()
+            }
+        } catch (ex: Exception) {
+            log.e("获取远程直播源失败", ex.cause)
+            throw Exception("获取远程直播源失败，请检查网络连接", ex.cause)
+        }
+    }
+
+    /**
+     * 简化规则
+     */
+    private fun simplifyTest(group: IptvGroup, iptv: Iptv): Boolean {
+        return iptv.name.lowercase().startsWith("cctv") || iptv.name.endsWith("卫视")
+    }
+
+    /**
+     * 获取直播源分组列表
+     */
+    suspend fun getIptvGroupList(
+        sourceUrl: String,
+        cacheTime: Long,
+        simplify: Boolean = false,
+    ): IptvGroupList {
+        try {
+            val sourceData = getOrRefresh(cacheTime) {
+                fetchSource(sourceUrl)
+            }
+
+            val parser = IptvParser.instances.first { it.isSupport(sourceUrl, sourceData) }
+            val groupList = parser.parse(sourceData)
+            log.i("解析直播源完成：${groupList.size}个分组，${groupList.flatMap { it.iptvList }.size}个频道")
+
+            if (simplify) {
+                return IptvGroupList(groupList.map { group ->
+                    IptvGroup(
+                        name = group.name, iptvList = IptvList(group.iptvList.filter { iptv ->
+                            simplifyTest(group, iptv)
+                        })
+                    )
+                }.filter { it.iptvList.isNotEmpty() })
+            }
+
+            return groupList
+        } catch (ex: Exception) {
+            log.e("获取直播源失败", ex.cause)
+            throw Exception(ex)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/DefaultIptvParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/DefaultIptvParser.kt
new file mode 100644
index 00000000..2556db69
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/DefaultIptvParser.kt
@@ -0,0 +1,29 @@
+package top.yogiczy.mytv.data.repositories.iptv.parser
+
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvList
+
+class DefaultIptvParser : IptvParser {
+
+    override fun isSupport(url: String, data: String): Boolean {
+        return true
+    }
+
+    override suspend fun parse(data: String): IptvGroupList {
+        return IptvGroupList(
+            listOf(
+                IptvGroup(
+                    name = "不支持当前直播源链接格式，请切换其他直播源链接；支持的直播源链接格式：m3u、tvbox",
+                    iptvList = IptvList(
+                        listOf(
+                            Iptv(name = "m3u", channelName = "m3u", urlList = listOf()),
+                            Iptv(name = "tvbox", channelName = "tvbox", urlList = listOf()),
+                        )
+                    )
+                )
+            )
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/IptvParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/IptvParser.kt
new file mode 100644
index 00000000..b372fb6a
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/IptvParser.kt
@@ -0,0 +1,26 @@
+package top.yogiczy.mytv.data.repositories.iptv.parser
+
+import top.yogiczy.mytv.data.entities.IptvGroupList
+
+/**
+ * 直播源数据解析接口
+ */
+interface IptvParser {
+    /**
+     * 是否支持该直播源格式
+     */
+    fun isSupport(url: String, data: String): Boolean
+
+    /**
+     * 解析直播源数据
+     */
+    suspend fun parse(data: String): IptvGroupList
+
+    companion object {
+        val instances = listOf(
+            M3uIptvParser(),
+            TvboxIptvParser(),
+            DefaultIptvParser(),
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/M3uIptvParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/M3uIptvParser.kt
new file mode 100644
index 00000000..09c1b27b
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/M3uIptvParser.kt
@@ -0,0 +1,55 @@
+package top.yogiczy.mytv.data.repositories.iptv.parser
+
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvList
+
+class M3uIptvParser : IptvParser {
+
+    override fun isSupport(url: String, data: String): Boolean {
+        return data.startsWith("#EXTM3U")
+    }
+
+    override suspend fun parse(data: String): IptvGroupList {
+        val lines = data.split("\r\n", "\n")
+        val iptvList = mutableListOf<IptvResponseItem>()
+
+        lines.forEachIndexed { index, line ->
+            if (!line.startsWith("#EXTINF")) return@forEachIndexed
+
+            val name = line.split(",").last()
+            val channelName = Regex("tvg-name=\"(.+?)\"").find(line)?.groupValues?.get(1) ?: name
+            val groupName = Regex("group-title=\"(.+?)\"").find(line)?.groupValues?.get(1) ?: "其他"
+
+            iptvList.add(
+                IptvResponseItem(
+                    name = name,
+                    channelName = channelName,
+                    groupName = groupName,
+                    url = lines[index + 1],
+                )
+            )
+        }
+
+        return IptvGroupList(iptvList.groupBy { it.groupName }.map { groupEntry ->
+            IptvGroup(
+                name = groupEntry.key,
+                iptvList = IptvList(groupEntry.value.groupBy { it.name }.map { nameEntry ->
+                    Iptv(
+                        name = nameEntry.key,
+                        channelName = nameEntry.value.first().channelName,
+                        urlList = nameEntry.value.map { it.url },
+                    )
+                })
+            )
+        })
+    }
+
+    private data class IptvResponseItem(
+        val name: String,
+        val channelName: String,
+        val groupName: String,
+        val url: String,
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/TvboxIptvParser.kt b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/TvboxIptvParser.kt
new file mode 100644
index 00000000..4347d365
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/data/repositories/iptv/parser/TvboxIptvParser.kt
@@ -0,0 +1,59 @@
+package top.yogiczy.mytv.data.repositories.iptv.parser
+
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvList
+
+class TvboxIptvParser : IptvParser {
+
+    override fun isSupport(url: String, data: String): Boolean {
+        return data.contains("#genre#")
+    }
+
+    override suspend fun parse(data: String): IptvGroupList {
+        val lines = data.split("\r\n", "\n")
+        val iptvList = mutableListOf<IptvResponseItem>()
+
+        var groupName: String? = null
+        lines.forEach { line ->
+            if (line.isBlank() || line.startsWith("#")) return@forEach
+
+            if (line.endsWith("#genre#")) {
+                groupName = line.split(",").first()
+            } else {
+                val res = line.replace("，", ",").split(",")
+                if (res.size < 2) return@forEach
+
+                iptvList.add(
+                    IptvResponseItem(
+                        name = res[0],
+                        channelName = res[0],
+                        groupName = groupName ?: "其他",
+                        url = res[1],
+                    )
+                )
+            }
+        }
+
+        return IptvGroupList(iptvList.groupBy { it.groupName }.map { groupEntry ->
+            IptvGroup(
+                name = groupEntry.key,
+                iptvList = IptvList(groupEntry.value.groupBy { it.name }.map { nameEntry ->
+                    Iptv(
+                        name = nameEntry.key,
+                        channelName = nameEntry.value.first().channelName,
+                        urlList = nameEntry.value.map { it.url },
+                    )
+                }),
+            )
+        })
+    }
+
+    private data class IptvResponseItem(
+        val name: String,
+        val channelName: String,
+        val groupName: String,
+        val url: String,
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/data/utils/Constants.kt b/app/src/main/java/top/yogiczy/mytv/data/utils/Constants.kt
index 3eab1040..1e391472 100644
--- a/app/src/main/java/top/yogiczy/mytv/data/utils/Constants.kt
+++ b/app/src/main/java/top/yogiczy/mytv/data/utils/Constants.kt
@@ -10,7 +10,7 @@ object Constants {
     const val APP_TITLE = "我的电视"
 
     /**
-     * 应用 代码repository
+     * 应用 代码仓库
      */
     const val APP_REPO = "https://github.com/yaoxieyoulei/mytv-android"
 
@@ -28,7 +28,7 @@ object Constants {
     /**
      * 节目单XML地址
      */
-    const val EPG_XML_URL = "https://epg.erw.cc/e.xml"
+    const val EPG_XML_URL = "http://epg.51zmt.top:8000/e.xml.gz"
 
     /**
      * 节目单刷新时间阈值（小时）
@@ -36,9 +36,9 @@ object Constants {
     const val EPG_REFRESH_TIME_THRESHOLD = 2 // 不到2点不刷新
 
     /**
-     * GitHub最新版本信息
+     * Git最新版本信息
      */
-    const val GITHUB_RELEASE_LATEST_URL =
+    const val GIT_RELEASE_LATEST_URL =
         "https://api.github.com/repos/yaoxieyoulei/mytv-android/releases/latest"
 
     /**
@@ -57,10 +57,15 @@ object Constants {
     const val HTTP_RETRY_INTERVAL = 3000L
 
     /**
-     * 播放器http userAgent
+     * 播放器 http userAgent
      */
     const val VIDEO_PLAYER_HTTP_USER_AGENT = "ExoPlayer"
 
+    /**
+     * 播放器加载超时
+     */
+    const val VIDEO_PLAYER_LOAD_TIMEOUT = 1000L * 15 // 15秒
+
     /**
      * 界面 超时未操作自动关闭选台界面
      */
@@ -70,4 +75,9 @@ object Constants {
      * 界面 时间显示前后范围
      */
     const val UI_TIME_SHOW_RANGE = 1000L * 30 // 前后30秒
+
+    /**
+     * 界面 临时面板界面显示时间
+     */
+    const val UI_TEMP_PANEL_SCREEN_SHOW_DURATION = 1500L // 1.5秒
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/material/LeanbackPadding.kt b/app/src/main/java/top/yogiczy/mytv/material/LeanbackPadding.kt
new file mode 100644
index 00000000..00ae8b32
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/material/LeanbackPadding.kt
@@ -0,0 +1,12 @@
+package top.yogiczy.mytv.material
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.ui.unit.Dp
+
+@Immutable
+data class LeanbackPadding(
+    val start: Dp,
+    val top: Dp,
+    val end: Dp,
+    val bottom: Dp,
+)
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/tvmaterial/Dialog.kt b/app/src/main/java/top/yogiczy/mytv/tvmaterial/Dialog.kt
deleted file mode 100644
index 9011883d..00000000
--- a/app/src/main/java/top/yogiczy/mytv/tvmaterial/Dialog.kt
+++ /dev/null
@@ -1,564 +0,0 @@
-package top.yogiczy.mytv.tvmaterial
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.focusGroup
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.BoxScope
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.heightIn
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.sizeIn
-import androidx.compose.foundation.layout.widthIn
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.ReadOnlyComposable
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.composed
-import androidx.compose.ui.draw.drawBehind
-import androidx.compose.ui.focus.FocusDirection
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusProperties
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.Shape
-import androidx.compose.ui.graphics.graphicsLayer
-import androidx.compose.ui.layout.Layout
-import androidx.compose.ui.layout.Placeable
-import androidx.compose.ui.platform.LocalFocusManager
-import androidx.compose.ui.platform.LocalLayoutDirection
-import androidx.compose.ui.semantics.dismiss
-import androidx.compose.ui.semantics.semantics
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.LayoutDirection
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.window.DialogProperties
-import androidx.tv.material3.ColorScheme
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.ProvideTextStyle
-import androidx.tv.material3.surfaceColorAtElevation
-import kotlin.math.max
-
-/**
- * Dialogs provide important prompts in a user flow. They can require an action, communicate
- * information, or help users accomplish a task.
- *
- * The dialog will position its buttons, typically FilledButtons, based on the available space.
- * By default it will try to place them horizontally next to each other and fallback to vertical
- * placement if not enough space is available.
- *
- * @param onDismissRequest called when the user tries to dismiss the Dialog by  pressing the back
- * button. This is not called when the dismiss button is clicked.
- * @param modifier the [Modifier] to be applied to this dialog
- * @param dismissButton button which is meant to dismiss the dialog. The dialog does not set up any
- * events for this button so they need to be set up by the caller.
- * @param confirmButton button which is meant to confirm a proposed action, thus resolving what
- * triggered the dialog. The dialog does not set up any events for this button so they need to be
- * set up by the caller.
- * @param icon optional icon that will appear above the [title] or above the [text], in case
- * a title was not provided.
- * @param title title which should specify the purpose of the dialog. The title is not mandatory,
- * because there may be sufficient information inside the [text].
- * @param text text which presents the details regarding the dialog's purpose.
- * @param shape defines the shape of this dialog's container
- * @param iconContentColor the content color used for the icon.
- * @param containerColor the color used for the background of this dialog. Use [Color.Transparent]
- * to have no color.
- * @param titleContentColor the content color used for the title.
- * @param textContentColor the content color used for the [text].
- * @param tonalElevation when [containerColor] is [ColorScheme.surface], a translucent primary color
- * overlay is applied on top of the container. A higher tonal elevation value will result in a
- * darker color in light theme and lighter color in dark theme..
- * @param properties typically platform specific properties to further configure the dialog.
- */
-@ExperimentalFoundationApi
-@ExperimentalComposeUiApi
-@ExperimentalTvMaterial3Api
-@Composable
-fun StandardDialog(
-    showDialog: Boolean,
-    onDismissRequest: () -> Unit,
-    modifier: Modifier = Modifier,
-    dismissButton: @Composable (() -> Unit)? = null,
-    icon: @Composable (() -> Unit)? = null,
-    title: @Composable (() -> Unit)? = null,
-    text: @Composable (() -> Unit)? = null,
-    shape: Shape = StandardDialogDefaults.shape,
-    containerColor: Color = StandardDialogDefaults.containerColor,
-    iconContentColor: Color = StandardDialogDefaults.iconContentColor,
-    titleContentColor: Color = StandardDialogDefaults.titleContentColor,
-    textContentColor: Color = StandardDialogDefaults.textContentColor,
-    tonalElevation: Dp = StandardDialogDefaults.TonalElevation,
-    properties: DialogProperties = DialogProperties(),
-    confirmButton: @Composable (() -> Unit)? = null,
-    content: @Composable (() -> Unit)? = null,
-) {
-    val elevatedContainerColor = MaterialTheme.colorScheme.applyTonalElevation(
-        backgroundColor = containerColor, elevation = tonalElevation
-    )
-
-    Dialog(
-        showDialog = showDialog, onDismissRequest = onDismissRequest, properties = properties
-    ) {
-        Column(modifier = Modifier
-            .padding(StandardDialogDefaults.DialogReservedPadding)
-            .widthIn(
-                min = StandardDialogDefaults.DialogMinWidth,
-                max = StandardDialogDefaults.DialogMaxWidth
-            )
-            .dialogFocusable()
-            .then(modifier)
-            .graphicsLayer {
-                this.clip = true
-                this.shape = shape
-            }
-            .drawBehind { drawRect(color = elevatedContainerColor) }
-            .padding(StandardDialogDefaults.DialogPadding)) {
-            icon?.let { nnIcon ->
-                CompositionLocalProvider(LocalContentColor provides iconContentColor, content = {
-                    nnIcon()
-                    Spacer(
-                        modifier = Modifier.padding(StandardDialogDefaults.IconBottomSpacing)
-                    )
-                })
-            }
-            title?.let { nnTitle ->
-                CompositionLocalProvider(LocalContentColor provides titleContentColor) {
-                    ProvideTextStyle(value = StandardDialogDefaults.titleTextStyle, content = {
-                        Box(
-                            modifier = Modifier.heightIn(
-                                max = StandardDialogDefaults.TitleMaxHeight
-                            )
-                        ) { nnTitle() }
-                    })
-                }
-            }
-            text?.let { nnText ->
-                CompositionLocalProvider(LocalContentColor provides textContentColor) {
-                    ProvideTextStyle(value = StandardDialogDefaults.textStyle, content = {
-                        Spacer(modifier = Modifier.padding(StandardDialogDefaults.TextPadding))
-                        Box(modifier = Modifier.weight(weight = 1f, fill = false)) {
-                            nnText()
-                        }
-                    })
-                }
-            }
-            Column(modifier = Modifier.sizeIn(maxHeight = StandardDialogDefaults.ContentMaxHeight)) {
-                content?.let { nnContent ->
-                    Spacer(modifier = Modifier.padding(StandardDialogDefaults.ContentPadding))
-                    nnContent()
-                }
-            }
-            confirmButton?.let { nnConfirmButton ->
-                Spacer(modifier = Modifier.padding(StandardDialogDefaults.ButtonsFlowRowPadding))
-                ProvideTextStyle(
-                    value = StandardDialogDefaults.buttonsTextStyle,
-                    content = {
-                        DialogFlowRow(
-                            mainAxisSpacing = StandardDialogDefaults.ButtonsMainAxisSpacing,
-                            crossAxisSpacing = StandardDialogDefaults.ButtonsCrossAxisSpacing
-                        ) {
-                            nnConfirmButton()
-                            dismissButton?.invoke()
-                        }
-                    },
-                )
-            }
-        }
-    }
-}
-
-/**
- * Full-screen dialogs fill the entire screen, containing actions that require a series of tasks to
- * complete. Because they take up the entire screen, full-screen dialogs are the only dialogs over
- * which other dialogs can appear.
- *
- * @param onDismissRequest called when the user tries to dismiss the Dialog by pressing the back
- * button. This is not called when the dismiss button is clicked.
- * @param modifier the [Modifier] to be applied to this dialog
- * @param dismissButton button which is meant to dismiss the dialog. The dialog does not set up any
- * events for this button so they need to be set up by the caller.
- * @param confirmButton button which is meant to confirm a proposed action, thus resolving what
- * triggered the dialog. The dialog does not set up any events for this button so they need to be
- * set up by the caller.
- * @param icon optional icon that will appear above the [title] or above the [text], in case
- * a title was not provided.
- * @param title title which should specify the purpose of the dialog. The title is not mandatory,
- * because there may be sufficient information inside the [text].
- * @param text text which presents the details regarding the dialog's purpose.
- * @param backgroundColor the color used for the background of this dialog. Use [Color.Transparent]
- * to have no color.
- * @param iconContentColor the content color used for the icon.
- * @param titleContentColor the content color used for the title.
- * @param textContentColor the content color used for the text.
- * @param properties typically platform specific properties to further configure the dialog.
- */
-@ExperimentalFoundationApi
-@ExperimentalComposeUiApi
-@ExperimentalTvMaterial3Api
-@Composable
-fun FullScreenDialog(
-    showDialog: Boolean,
-    onDismissRequest: () -> Unit,
-    modifier: Modifier = Modifier,
-    dismissButton: @Composable (() -> Unit)? = null,
-    icon: @Composable (() -> Unit)? = null,
-    title: @Composable (() -> Unit)? = null,
-    text: @Composable (() -> Unit)? = null,
-    backgroundColor: Color = FullScreenDialogDefaults.backgroundColor,
-    iconContentColor: Color = FullScreenDialogDefaults.iconContentColor,
-    titleContentColor: Color = FullScreenDialogDefaults.titleContentColor,
-    textContentColor: Color = FullScreenDialogDefaults.descriptionContentColor,
-    properties: DialogProperties = DialogProperties(),
-    confirmButton: @Composable () -> Unit,
-) {
-    Dialog(
-        showDialog = showDialog, onDismissRequest = onDismissRequest, properties = properties
-    ) {
-        Box(modifier = Modifier
-            .fillMaxSize()
-            .drawBehind { drawRect(color = backgroundColor) }
-            .dialogFocusable(), contentAlignment = Alignment.Center) {
-            Column(
-                modifier = Modifier
-                    .fillMaxWidth(FullScreenDialogDefaults.DialogMaxWidth)
-                    .then(modifier),
-                verticalArrangement = Arrangement.Center,
-                horizontalAlignment = Alignment.CenterHorizontally
-            ) {
-                CompositionLocalProvider(LocalContentColor provides iconContentColor, content = {
-                    icon?.let { nnIcon ->
-                        nnIcon()
-                        Spacer(
-                            modifier = Modifier.padding(FullScreenDialogDefaults.IconPadding)
-                        )
-                    }
-                })
-
-                CompositionLocalProvider(LocalContentColor provides titleContentColor, content = {
-                    title?.let { nnTitle ->
-                        ProvideTextStyle(
-                            value = FullScreenDialogDefaults.titleTextStyle
-                        ) {
-                            nnTitle()
-                            Spacer(
-                                modifier = Modifier.padding(
-                                    FullScreenDialogDefaults.TitlePadding
-                                )
-                            )
-                        }
-                    }
-                })
-
-                CompositionLocalProvider(LocalContentColor provides textContentColor, content = {
-                    text?.let { nnText ->
-                        ProvideTextStyle(FullScreenDialogDefaults.descriptionTextStyle) {
-                            Box(
-                                modifier = Modifier.weight(weight = 1f, fill = false)
-                            ) { nnText() }
-                            Spacer(
-                                modifier = Modifier.padding(
-                                    FullScreenDialogDefaults.DescriptionPadding
-                                )
-                            )
-                        }
-                    }
-                })
-
-                Row(
-                    modifier = Modifier.fillMaxWidth(),
-                    horizontalArrangement = Arrangement.spacedBy(
-                        space = FullScreenDialogDefaults.ButtonSpacing,
-                        alignment = Alignment.CenterHorizontally
-                    )
-                ) {
-                    ProvideTextStyle(value = FullScreenDialogDefaults.buttonsTextStyle) {
-                        confirmButton()
-                        dismissButton?.invoke()
-                    }
-                }
-            }
-        }
-    }
-}
-
-/**
- * [Dialog] displays a full-screen dialog, layered over any other content. It takes a single
- * composable slot, which is expected to be an opinionated TV dialog content, such as
- * [StandardDialog], [FullScreenDialog], etc.
-
- * @param showDialog Controls whether to display the [Dialog]. Set to true initially to trigger
- * an 'intro' animation and display the [Dialog]. Subsequently, setting to false triggers
- * an 'outro' animation, then [Dialog] calls [onDismissRequest] and hides itself.
- * @param onDismissRequest Executes when the user dismisses the dialog.
- * Must remove the dialog from the composition.
- * @param modifier Modifier to be applied to the dialog.
- * @param properties Typically platform specific properties to further configure the dialog.
- * @param content Slot for dialog content such as [StandardDialog], [FullScreenDialog], etc.
- */
-@ExperimentalComposeUiApi
-@ExperimentalTvMaterial3Api
-@Composable
-fun Dialog(
-    showDialog: Boolean,
-    onDismissRequest: () -> Unit,
-    modifier: Modifier = Modifier,
-    properties: DialogProperties = DialogProperties(),
-    content: @Composable BoxScope.() -> Unit,
-) {
-    if (showDialog) {
-        androidx.compose.ui.window.Dialog(
-            onDismissRequest = onDismissRequest,
-            properties = properties,
-        ) {
-            Box(modifier = Modifier
-                .semantics {
-                    dismiss {
-                        onDismissRequest()
-                        true
-                    }
-                }
-                .then(modifier), contentAlignment = Alignment.Center, content = content)
-        }
-    }
-}
-
-/**
- * Simple clone of FlowRow that arranges its children in a horizontal flow with limited
- * customization.
- */
-@Composable
-internal fun DialogFlowRow(
-    mainAxisSpacing: Dp,
-    crossAxisSpacing: Dp,
-    content: @Composable () -> Unit,
-) {
-    val isRtl = LocalLayoutDirection.current == LayoutDirection.Rtl
-    Layout(content) { measurables, constraints ->
-        val sequences = mutableListOf<List<Placeable>>()
-        val crossAxisSizes = mutableListOf<Int>()
-        val crossAxisPositions = mutableListOf<Int>()
-
-        var mainAxisSpace = 0
-        var crossAxisSpace = 0
-
-        val currentSequence = mutableListOf<Placeable>()
-        var currentMainAxisSize = 0
-        var currentCrossAxisSize = 0
-
-        // Return whether the placeable can be added to the current sequence.
-        fun canAddToCurrentSequence(placeable: Placeable) =
-            currentSequence.isEmpty() || currentMainAxisSize + mainAxisSpacing.roundToPx() + placeable.width <= constraints.maxWidth
-
-        // Store current sequence information and start a new sequence.
-        fun startNewSequence() {
-            if (sequences.isNotEmpty()) {
-                crossAxisSpace += crossAxisSpacing.roundToPx()
-            }
-            sequences += currentSequence.toList()
-            crossAxisSizes += currentCrossAxisSize
-            crossAxisPositions += crossAxisSpace
-
-            crossAxisSpace += currentCrossAxisSize
-            mainAxisSpace = max(mainAxisSpace, currentMainAxisSize)
-
-            currentSequence.clear()
-            currentMainAxisSize = 0
-            currentCrossAxisSize = 0
-        }
-
-        val measurablesList = if (isRtl) measurables.reversed() else measurables
-
-        for (measurable in measurablesList) {
-            // Ask the child for its preferred size.
-            val placeable = measurable.measure(constraints)
-
-            // Start a new sequence if there is not enough space.
-            if (!canAddToCurrentSequence(placeable)) startNewSequence()
-
-            // Add the child to the current sequence.
-            if (currentSequence.isNotEmpty()) {
-                currentMainAxisSize += mainAxisSpacing.roundToPx()
-            }
-            currentSequence.add(placeable)
-            currentMainAxisSize += placeable.width
-            currentCrossAxisSize = max(currentCrossAxisSize, placeable.height)
-        }
-
-        if (currentSequence.isNotEmpty()) startNewSequence()
-
-        val mainAxisLayoutSize = max(mainAxisSpace, constraints.minWidth)
-
-        val crossAxisLayoutSize = max(crossAxisSpace, constraints.minHeight)
-
-        layout(mainAxisLayoutSize, crossAxisLayoutSize) {
-            sequences.forEachIndexed { i, placeables ->
-                val childrenMainAxisSizes = IntArray(placeables.size) { j ->
-                    placeables[j].width + if (j < placeables.lastIndex) mainAxisSpacing.roundToPx() else 0
-                }
-                val arrangement = Arrangement.Bottom
-                // Handle vertical direction
-                val mainAxisPositions = IntArray(childrenMainAxisSizes.size) { 0 }
-                with(arrangement) {
-                    arrange(mainAxisLayoutSize, childrenMainAxisSizes, mainAxisPositions)
-                }
-                placeables.forEachIndexed { j, placeable ->
-                    placeable.place(
-                        x = mainAxisPositions[j], y = crossAxisPositions[i]
-                    )
-                }
-            }
-        }
-    }
-}
-
-/**
- * Makes the current dialog a focus group with a [FocusRequester] and restricts the focus from
- * exiting its bounds while it's visible.
- */
-@ExperimentalComposeUiApi
-@ExperimentalFoundationApi
-private fun Modifier.dialogFocusable() = composed {
-    val focusRequester = remember { FocusRequester() }
-    val focusManager = LocalFocusManager.current
-
-    LaunchedEffect(Unit) {
-        focusRequester.requestFocus()
-        focusManager.moveFocus(FocusDirection.Enter)
-    }
-    this.then(Modifier
-        .focusRequester(focusRequester)
-        .focusProperties { exit = { FocusRequester.Cancel } }
-        .focusGroup())
-}
-
-@ExperimentalTvMaterial3Api
-object StandardDialogDefaults {
-    internal val DialogMinWidth = 280.dp
-    internal val DialogMaxWidth = 560.dp
-
-    internal val TitleMaxHeight = 56.dp
-    internal val ContentMaxHeight = 260.dp
-    internal val ButtonsMainAxisSpacing = 16.dp
-    internal val ButtonsCrossAxisSpacing = 16.dp
-
-    internal val DialogReservedPadding = PaddingValues(vertical = 24.dp)
-    internal val DialogPadding = PaddingValues(all = 24.dp)
-    internal val IconBottomSpacing = PaddingValues(top = 32.dp)
-    internal val TextPadding = PaddingValues(top = 20.dp)
-    internal val ContentPadding = PaddingValues(top = 20.dp)
-    internal val ButtonsFlowRowPadding = PaddingValues(top = 24.dp)
-    private const val TextColorOpacity = 0.8f
-
-    /** The default shape for StandardDialogs */
-    val shape: Shape = RoundedCornerShape(28.0.dp)
-
-    /** The default container color for StandardDialogs */
-    val containerColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.surface
-
-    /** The default icon color for StandardDialogs */
-    val iconContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.secondary
-
-    /** The default title color for StandardDialogs */
-    val titleContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.onSurface
-
-    /** The default [TextStyle] for StandardDialogs' title */
-    val titleTextStyle: TextStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.headlineMedium
-
-    /** The default [TextStyle] for StandardDialogs' buttons */
-    val buttonsTextStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.labelLarge
-
-    /** The default text color for StandardDialogs */
-    val textContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.onSurface
-
-    /** The default text style for StandardDialogs */
-    val textStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.bodyLarge.copy(
-            color = LocalContentColor.current.copy(
-                alpha = TextColorOpacity
-            )
-        )
-
-    /** The default tonal elevation for StandardDialogs */
-    val TonalElevation: Dp = Elevation.Level0
-}
-
-@ExperimentalTvMaterial3Api
-object FullScreenDialogDefaults {
-    internal val ButtonSpacing = 16.dp
-    internal val DescriptionPadding = PaddingValues(top = 48.dp)
-    internal val TitlePadding = PaddingValues(top = 20.dp)
-    internal val IconPadding = PaddingValues(top = 32.dp)
-    internal const val DialogMaxWidth = .5f
-    private const val DescriptionColorOpacity = 0.8f
-
-    /** The default background color for FullScreenDialogs */
-    val backgroundColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.background
-
-    /** The default icon color for FullScreenDialogs */
-    val iconContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.onSurface
-
-    /** The default title color for FullScreenDialogs */
-    val titleContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.onSurface
-
-    /** The default title text style for FullScreenDialogs */
-    val titleTextStyle: TextStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.headlineMedium.copy(
-            textAlign = TextAlign.Center
-        )
-
-    /** The default buttons text style for FullScreenDialogs */
-    val buttonsTextStyle: TextStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.labelLarge
-
-    /** The default description text color for FullScreenDialogs */
-    val descriptionContentColor: Color
-        @ReadOnlyComposable @Composable get() = MaterialTheme.colorScheme.onSurface
-
-    /** The default description text style for FullScreenDialogs */
-    val descriptionTextStyle: TextStyle
-        @ReadOnlyComposable @Composable get() = MaterialTheme.typography.bodyLarge.copy(
-            textAlign = TextAlign.Center,
-            color = LocalContentColor.current.copy(alpha = DescriptionColorOpacity)
-        )
-}
-
-private object Elevation {
-    val Level0 = 0.0.dp
-    val Level1 = 1.0.dp
-    val Level2 = 3.0.dp
-    val Level3 = 6.0.dp
-    val Level4 = 8.0.dp
-    val Level5 = 12.0.dp
-}
-
-private fun ColorScheme.applyTonalElevation(backgroundColor: Color, elevation: Dp): Color {
-    return if (backgroundColor == surface) {
-        surfaceColorAtElevation(elevation)
-    } else {
-        backgroundColor
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/tvmaterial/Shapes.kt b/app/src/main/java/top/yogiczy/mytv/tvmaterial/Shapes.kt
deleted file mode 100644
index efe5bfcf..00000000
--- a/app/src/main/java/top/yogiczy/mytv/tvmaterial/Shapes.kt
+++ /dev/null
@@ -1,18 +0,0 @@
-package top.yogiczy.mytv.tvmaterial
-
-import androidx.compose.foundation.shape.CornerBasedShape
-import androidx.compose.foundation.shape.CornerSize
-import androidx.compose.ui.unit.dp
-
-
-internal fun CornerBasedShape.top(): CornerBasedShape {
-    return copy(bottomStart = CornerSize(0.0.dp), bottomEnd = CornerSize(0.0.dp))
-}
-
-internal fun CornerBasedShape.bottom(): CornerBasedShape {
-    return copy(topStart = CornerSize(0.0.dp), topEnd = CornerSize(0.0.dp))
-}
-
-internal fun CornerBasedShape.end(): CornerBasedShape {
-    return copy(topStart = CornerSize(0.0.dp), bottomStart = CornerSize(0.0.dp))
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/App.kt b/app/src/main/java/top/yogiczy/mytv/ui/LeanbackApp.kt
similarity index 58%
rename from app/src/main/java/top/yogiczy/mytv/ui/App.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/LeanbackApp.kt
index c6fbf4a3..431c12d4 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/App.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/LeanbackApp.kt
@@ -11,6 +11,7 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.unit.LayoutDirection
@@ -19,30 +20,21 @@ import kotlinx.coroutines.FlowPreview
 import kotlinx.coroutines.channels.Channel
 import kotlinx.coroutines.flow.consumeAsFlow
 import kotlinx.coroutines.flow.debounce
-import top.yogiczy.mytv.ui.screens.home.HomeScreen
-import top.yogiczy.mytv.ui.screens.toast.ToastScreen
-import top.yogiczy.mytv.ui.utils.Padding
-
-val ParentPadding = PaddingValues(vertical = 12.dp, horizontal = 24.dp)
+import top.yogiczy.mytv.material.LeanbackPadding
+import top.yogiczy.mytv.ui.screens.leanback.main.LeanbackMainScreen
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastScreen
 
 @Composable
-fun rememberChildPadding(direction: LayoutDirection = LocalLayoutDirection.current): Padding {
-    return remember {
-        Padding(
-            start = ParentPadding.calculateStartPadding(direction) + 8.dp,
-            top = ParentPadding.calculateTopPadding(),
-            end = ParentPadding.calculateEndPadding(direction) + 8.dp,
-            bottom = ParentPadding.calculateBottomPadding()
-        )
-    }
-}
-
-@Composable
-fun App(onBackPressed: () -> Unit = {}) {
+fun LeanbackApp(
+    modifier: Modifier = Modifier,
+    onBackPressed: () -> Unit = {},
+) {
     val context = LocalContext.current
-    val doubleBackPressedExitState = rememberDoubleBackPressedExitState()
+    val doubleBackPressedExitState = rememberLeanbackDoubleBackPressedExitState()
 
-    HomeScreen(
+    LeanbackToastScreen()
+    LeanbackMainScreen(
+        modifier = modifier,
         onBackPressed = {
             if (doubleBackPressedExitState.allowExit) {
                 onBackPressed()
@@ -52,11 +44,13 @@ fun App(onBackPressed: () -> Unit = {}) {
             }
         },
     )
-
-    ToastScreen()
 }
 
-class DoubleBackPressedExitState internal constructor(
+
+/**
+ * 退出应用二次确认
+ */
+class LeanbackDoubleBackPressedExitState internal constructor(
     @IntRange(from = 0)
     private val resetSeconds: Int,
 ) {
@@ -78,7 +72,23 @@ class DoubleBackPressedExitState internal constructor(
     }
 }
 
+/**
+ * 退出应用二次确认状态
+ */
 @Composable
-fun rememberDoubleBackPressedExitState(@IntRange(from = 0) resetSeconds: Int = 2) =
-    remember { DoubleBackPressedExitState(resetSeconds = resetSeconds) }
+fun rememberLeanbackDoubleBackPressedExitState(@IntRange(from = 0) resetSeconds: Int = 2) =
+    remember { LeanbackDoubleBackPressedExitState(resetSeconds = resetSeconds) }
         .also { LaunchedEffect(it) { it.observe() } }
+
+val LeanbackParentPadding = PaddingValues(vertical = 12.dp, horizontal = 24.dp)
+
+@Composable
+fun rememberLeanbackChildPadding(direction: LayoutDirection = LocalLayoutDirection.current) =
+    remember {
+        LeanbackPadding(
+            start = LeanbackParentPadding.calculateStartPadding(direction) + 8.dp,
+            top = LeanbackParentPadding.calculateTopPadding(),
+            end = LeanbackParentPadding.calculateEndPadding(direction) + 8.dp,
+            bottom = LeanbackParentPadding.calculateBottomPadding()
+        )
+    }
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/ClassicPanelScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/ClassicPanelScreen.kt
deleted file mode 100644
index 54437fc0..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/ClassicPanelScreen.kt
+++ /dev/null
@@ -1,173 +0,0 @@
-package top.yogiczy.mytv.ui.screens.classicpanel
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.rememberTvLazyListState
-import androidx.tv.material3.MaterialTheme
-import top.yogiczy.mytv.data.entities.EpgList
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.data.entities.IptvGroup
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvGroupIdx
-import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.tvmaterial.end
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.classicpanel.components.ClassicPanelEpgList
-import top.yogiczy.mytv.ui.screens.classicpanel.components.ClassicPanelIptvGroupList
-import top.yogiczy.mytv.ui.screens.classicpanel.components.ClassicPanelIptvList
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.screens.toast.ToastState
-import top.yogiczy.mytv.ui.screens.video.PlayerState
-import top.yogiczy.mytv.ui.screens.video.rememberPlayerState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import kotlin.math.max
-
-@Composable
-fun ClassicPanelScreen(
-    modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
-    currentIptvUrlIdx: Int = 0,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    epgList: EpgList = EpgList(),
-    onIptvSelected: (Iptv) -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-    playerState: PlayerState = rememberPlayerState(),
-    onClose: () -> Unit = {},
-) {
-    val childPadding = rememberChildPadding()
-    val focusRequester = remember { FocusRequester() }
-    LaunchedEffect(Unit) { focusRequester.requestFocus() }
-
-    var favoriteKey by remember { mutableIntStateOf(0) }
-    val iptvGroupListWithFavorite = remember(favoriteKey) {
-        val favoriteList = IptvList(iptvGroupList.flatMap { it.iptvs }
-            .filter { settingsState.iptvChannelFavoriteList.contains(it.channelName) })
-
-        if (favoriteList.isNotEmpty()) IptvGroupList(
-            listOf(IptvGroup(name = "收藏", iptvs = favoriteList)) + iptvGroupList
-        )
-        else iptvGroupList
-    }
-
-    val currentIptvGroup = remember {
-        iptvGroupListWithFavorite[max(0, iptvGroupListWithFavorite.iptvGroupIdx(currentIptv))]
-    }
-    var focusedIptvGroup by remember { mutableStateOf(currentIptvGroup) }
-    val focusedIptvGroupIdx = max(0, iptvGroupListWithFavorite.indexOf(focusedIptvGroup))
-
-    var focusedIptv by remember { mutableStateOf(currentIptv) }
-    var focusedIptvFocusRequester by remember { mutableStateOf(FocusRequester.Default) }
-    val focusedIptvIdx = max(0, focusedIptvGroup.iptvs.indexOf(focusedIptv))
-
-    val iptvListState = rememberTvLazyListState(focusedIptvIdx)
-
-    var isFirst by remember { mutableStateOf(true) }
-    LaunchedEffect(focusedIptvGroupIdx) {
-        if (isFirst) {
-            isFirst = false
-            return@LaunchedEffect
-        }
-        focusedIptv = focusedIptvGroup.iptvs[0]
-        iptvListState.scrollToItem(0)
-    }
-
-    var inIptvGroupTab by remember { mutableStateOf(false) }
-
-    Box(
-        modifier = modifier
-            .fillMaxSize()
-            .focusRequester(focusRequester)
-            .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) },
-    ) {
-        Box(
-            modifier = Modifier
-                .align(Alignment.TopStart)
-                .fillMaxHeight()
-                .background(
-                    MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
-                    shape = MaterialTheme.shapes.small.end(),
-                )
-                .padding(
-                    top = childPadding.top,
-                    start = childPadding.start,
-                    end = childPadding.end,
-                ),
-        ) {
-            Row(horizontalArrangement = Arrangement.spacedBy(10.dp)) {
-                ClassicPanelIptvGroupList(
-                    iptvGroupList = iptvGroupListWithFavorite,
-                    currentIptvGroup = focusedIptvGroup,
-                    onChangeFocused = { focusedIptvGroup = it },
-                    exitFocusRequester = focusedIptvFocusRequester,
-                    onEnter = { inIptvGroupTab = true },
-                    onExit = { inIptvGroupTab = false },
-                )
-
-                ClassicPanelIptvList(
-                    iptvList = iptvGroupListWithFavorite[focusedIptvGroupIdx].iptvs,
-                    currentIptv = focusedIptv,
-                    onChangeFocused = { iptv, focusRequester ->
-                        focusedIptv = iptv
-                        focusedIptvFocusRequester = focusRequester
-                    },
-                    onIptvSelected = onIptvSelected,
-                    epgList = epgList,
-                    state = iptvListState,
-                    onIptvFavoriteToggle = {
-                        if (settingsState.iptvChannelFavoriteList.contains(it.channelName)) {
-                            settingsState.iptvChannelFavoriteList -= it.channelName
-                            ToastState.I.showToast("取消收藏: ${it.channelName}")
-                        } else {
-                            settingsState.iptvChannelFavoriteList += it.channelName
-                            ToastState.I.showToast("已收藏: ${it.channelName}")
-                        }
-                        favoriteKey++
-                    },
-                    showProgrammeProgress = settingsState.uiShowEpgProgrammeProgress,
-                )
-
-                val epg = epgList.firstOrNull { it.channel == focusedIptv.channelName }
-                if (!inIptvGroupTab && epg != null) {
-                    ClassicPanelEpgList(
-                        epg = epg,
-                        exitFocusRequester = focusedIptvFocusRequester,
-                    )
-                }
-            }
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun ClassicPanelScreenPreview() {
-    MyTVTheme {
-        ClassicPanelScreen(
-            currentIptv = Iptv.EXAMPLE,
-            iptvGroupList = IptvGroupList.EXAMPLE,
-            settingsState = SettingsState(),
-            playerState = PlayerState(),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelEpgList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelEpgList.kt
deleted file mode 100644
index 37ebd3b0..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelEpgList.kt
+++ /dev/null
@@ -1,125 +0,0 @@
-package top.yogiczy.mytv.ui.screens.classicpanel.components
-
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.width
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.PlayArrow
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusProperties
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.TvLazyListState
-import androidx.tv.foundation.lazy.list.items
-import androidx.tv.foundation.lazy.list.rememberTvLazyListState
-import androidx.tv.material3.Icon
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.entities.Epg
-import top.yogiczy.mytv.data.entities.EpgProgramme
-import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.isLive
-import top.yogiczy.mytv.data.entities.EpgProgrammeList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import java.text.SimpleDateFormat
-import java.util.Locale
-import kotlin.math.max
-
-@OptIn(ExperimentalComposeUiApi::class)
-@Composable
-fun ClassicPanelEpgList(
-    modifier: Modifier = Modifier,
-    epg: Epg = Epg.EMPTY,
-    currentIdx: Int = max(0, epg.programmes.indexOfFirst { it.isLive() }),
-    state: TvLazyListState = rememberTvLazyListState(currentIdx),
-    exitFocusRequester: FocusRequester = FocusRequester.Default,
-) {
-    val childPadding = rememberChildPadding()
-    val timeFormat = SimpleDateFormat("HH:mm", Locale.getDefault())
-
-    LaunchedEffect(currentIdx) { state.scrollToItem(currentIdx) }
-
-    Column(
-        modifier = modifier.width(260.dp),
-        verticalArrangement = Arrangement.spacedBy(8.dp),
-    ) {
-        Text(text = "节目单", style = MaterialTheme.typography.titleMedium)
-
-        TvLazyColumn(
-            state = state,
-            modifier = Modifier.focusProperties { exit = { exitFocusRequester } },
-            contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
-        ) {
-            items(epg.programmes) { programme ->
-                var isFocused by remember { mutableStateOf(false) }
-
-                ListItem(
-                    modifier = Modifier
-                        .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
-                        .handleDPadKeyEvents(),
-                    selected = programme.isLive(),
-                    onClick = { },
-                    headlineContent = {
-                        Text(
-                            text = programme.title,
-                            maxLines = if (isFocused) Int.MAX_VALUE else 2,
-                        )
-                    },
-                    overlineContent = {
-                        val start = timeFormat.format(programme.startAt)
-                        val end = timeFormat.format(programme.endAt)
-                        Text(text = "$start  ~ $end")
-                    },
-                    trailingContent = {
-                        if (programme.isLive()) {
-                            Icon(Icons.Default.PlayArrow, contentDescription = "playing")
-                        }
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun ClassicPanelEpgPreview() {
-    MyTVTheme {
-        ClassicPanelEpgList(
-            epg = Epg(
-                channel = "CCTV1", programmes = EpgProgrammeList(
-                    listOf(
-                        EpgProgramme(
-                            title = "节目1".repeat(10),
-                            startAt = System.currentTimeMillis(),
-                            endAt = System.currentTimeMillis() + 3600_000,
-                        ),
-                        EpgProgramme(
-                            title = "节目2",
-                            startAt = System.currentTimeMillis() + 3600_000,
-                            endAt = System.currentTimeMillis() + 7200_000,
-                        ),
-                        EpgProgramme(
-                            title = "节目3",
-                            startAt = System.currentTimeMillis() + 7200_000,
-                            endAt = System.currentTimeMillis() + 10800_000,
-                        ),
-                    )
-                )
-            )
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvGroupList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvGroupList.kt
deleted file mode 100644
index 00afa778..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvGroupList.kt
+++ /dev/null
@@ -1,105 +0,0 @@
-package top.yogiczy.mytv.ui.screens.classicpanel.components
-
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusProperties
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.TvLazyListState
-import androidx.tv.foundation.lazy.list.itemsIndexed
-import androidx.tv.foundation.lazy.list.rememberTvLazyListState
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.entities.IptvGroup
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.focusOnInitSaveable
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import kotlin.math.max
-
-@OptIn(ExperimentalComposeUiApi::class)
-@Composable
-fun ClassicPanelIptvGroupList(
-    modifier: Modifier = Modifier,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    currentIptvGroup: IptvGroup = IptvGroup.EMPTY,
-    currentIptvGroupIdx: Int = max(0, iptvGroupList.indexOf(currentIptvGroup)),
-    onChangeFocused: (IptvGroup) -> Unit = {},
-    state: TvLazyListState = rememberTvLazyListState(currentIptvGroupIdx),
-    exitFocusRequester: FocusRequester = FocusRequester.Cancel,
-    onEnter: () -> Unit = {},
-    onExit: () -> Unit = {},
-) {
-    val childPadding = rememberChildPadding()
-    val focusRequester = remember { FocusRequester() }
-
-    Column(
-        modifier = modifier.width(200.dp),
-        verticalArrangement = Arrangement.spacedBy(8.dp),
-    ) {
-        Text(text = "频道分类", style = MaterialTheme.typography.titleMedium)
-
-        TvLazyColumn(
-            state = state,
-            contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
-            modifier = Modifier
-                .focusRequester(focusRequester)
-                .focusProperties {
-                    exit = {
-                        onExit()
-                        focusRequester.saveFocusedChild()
-                        exitFocusRequester
-                    }
-                    enter = {
-                        onEnter()
-                        if (focusRequester.restoreFocusedChild()) FocusRequester.Cancel
-                        else FocusRequester.Default
-                    }
-                },
-        ) {
-            itemsIndexed(iptvGroupList) { index, group ->
-                val itemFocusRequester = remember { FocusRequester() }
-
-                ListItem(
-                    modifier = Modifier
-                        .focusRequester(itemFocusRequester)
-                        .focusOnInitSaveable(index == currentIptvGroupIdx)
-                        .onFocusChanged { if (it.isFocused || it.hasFocus) onChangeFocused(group) }
-                        .handleDPadKeyEvents(onSelect = {
-                            itemFocusRequester.requestFocus()
-                        }),
-                    selected = index == currentIptvGroupIdx,
-                    onClick = { },
-                    headlineContent = { Text(text = group.name, maxLines = 2) },
-                    trailingContent = {
-                        Text(
-                            text = "${group.iptvs.size}个频道",
-                            color = LocalContentColor.current.copy(0.8f),
-                        )
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun ClassicPanelIptvGroupListPreview() {
-    MyTVTheme {
-        ClassicPanelIptvGroupList(iptvGroupList = IptvGroupList.EXAMPLE)
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvList.kt
deleted file mode 100644
index a54be589..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/classicpanel/components/ClassicPanelIptvList.kt
+++ /dev/null
@@ -1,151 +0,0 @@
-package top.yogiczy.mytv.ui.screens.classicpanel.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.TvLazyListState
-import androidx.tv.foundation.lazy.list.itemsIndexed
-import androidx.tv.foundation.lazy.list.rememberTvLazyListState
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.ListItemDefaults
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.entities.EpgList
-import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import kotlin.math.max
-
-@Composable
-fun ClassicPanelIptvList(
-    modifier: Modifier = Modifier,
-    iptvList: IptvList = IptvList(),
-    currentIptv: Iptv = Iptv.EMPTY,
-    currentIptvIdx: Int = max(0, iptvList.indexOf(currentIptv)),
-    onChangeFocused: (Iptv, FocusRequester) -> Unit = { _, _ -> },
-    onIptvSelected: (Iptv) -> Unit = {},
-    epgList: EpgList = EpgList(),
-    state: TvLazyListState = rememberTvLazyListState(currentIptvIdx),
-    focusRequesterList: List<FocusRequester> = remember(iptvList) {
-        List(iptvList.size) { FocusRequester() }
-    },
-    onIptvFavoriteToggle: (Iptv) -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-) {
-    val childPadding = rememberChildPadding()
-
-    var hasFocused by remember { mutableStateOf(false) }
-    LaunchedEffect(iptvList) {
-        onChangeFocused(iptvList.first(), focusRequesterList.first())
-    }
-
-    Column(
-        modifier = modifier.width(220.dp),
-        verticalArrangement = Arrangement.spacedBy(8.dp),
-    ) {
-        Text(text = "频道列表", style = MaterialTheme.typography.titleMedium)
-
-        TvLazyColumn(
-            state = state,
-            contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
-            verticalArrangement = Arrangement.spacedBy(4.dp),
-        ) {
-            itemsIndexed(iptvList) { index, iptv ->
-                var isFocused by remember { mutableStateOf(false) }
-                val focusRequester = focusRequesterList[index]
-
-                val currentProgramme = epgList.currentProgrammes(iptv)?.now
-
-                LaunchedEffect(Unit) {
-                    if (index == currentIptvIdx && !hasFocused) {
-                        hasFocused = true
-                        focusRequester.requestFocus()
-                    }
-                }
-
-                Box(
-                    modifier = Modifier.clip(ListItemDefaults.shape().shape),
-                ) {
-                    ListItem(
-                        modifier = Modifier
-                            .focusRequester(focusRequester)
-                            .onFocusChanged {
-                                isFocused = it.isFocused || it.hasFocus
-                                if (it.isFocused || it.hasFocus) {
-                                    onChangeFocused(iptv, focusRequester)
-                                }
-                            }
-                            .handleDPadKeyEvents(
-                                key = iptv.hashCode(),
-                                onSelect = {
-                                    if (isFocused) onIptvSelected(iptv)
-                                    else focusRequester.requestFocus()
-                                },
-                                onLongSelect = {
-                                    if (isFocused) onIptvFavoriteToggle(iptv)
-                                    else focusRequester.requestFocus()
-                                },
-                            ),
-                        selected = index == currentIptvIdx,
-                        onClick = { },
-                        headlineContent = { Text(text = iptv.name, maxLines = 2) },
-                        supportingContent = {
-                            Text(
-                                text = currentProgramme?.title ?: "无节目",
-                                maxLines = 1,
-                            )
-                        },
-                    )
-
-                    if (showProgrammeProgress && currentProgramme != null) {
-                        Box(
-                            modifier = Modifier
-                                .align(Alignment.BottomStart)
-                                .fillMaxWidth(0.6f)
-                                .height(3.dp)
-                                .background(
-                                    if (isFocused) MaterialTheme.colorScheme.surface.copy(alpha = 0.9f)
-                                    else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.9f),
-                                ),
-                        )
-                    }
-                }
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun ClassicPanelIptvListPreview() {
-    MyTVTheme {
-        ClassicPanelIptvList(
-            modifier = Modifier.padding(10.dp),
-            iptvList = IptvList.EXAMPLE,
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreen.kt
deleted file mode 100644
index 510079ed..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreen.kt
+++ /dev/null
@@ -1,142 +0,0 @@
-package top.yogiczy.mytv.ui.screens.home
-
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.sizeIn
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.collectAsState
-import androidx.compose.runtime.getValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.Density
-import androidx.compose.ui.unit.dp
-import androidx.lifecycle.viewmodel.compose.viewModel
-import androidx.media3.common.util.UnstableApi
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.home.components.HomeContent
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@androidx.annotation.OptIn(UnstableApi::class)
-@Composable
-fun HomeScreen(
-    modifier: Modifier = Modifier,
-    onBackPressed: () -> Unit = {},
-    homeScreeViewModel: HomeScreeViewModel = viewModel(),
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    val uiState by homeScreeViewModel.uiState.collectAsState()
-
-    CompositionLocalProvider(
-        LocalDensity provides Density(
-            density = LocalDensity.current.density * settingsState.uiDensityScaleRatio,
-            fontScale = LocalDensity.current.fontScale * settingsState.uiFontScaleRatio,
-        )
-    ) {
-        when (val s = uiState) {
-            is HomeScreenUiState.Ready -> {
-                HomeContent(
-                    modifier = modifier,
-                    iptvGroupList = s.iptvGroupList,
-                    epgList = s.epgList,
-                    onBackPressed = onBackPressed,
-                    settingsState = settingsState,
-                )
-            }
-
-            is HomeScreenUiState.Loading -> HomeScreenLoading(s.message)
-            is HomeScreenUiState.Error -> HomeScreenError(s.message)
-        }
-    }
-}
-
-@Composable
-private fun HomeScreenLoading(message: String?) {
-    val childPadding = rememberChildPadding()
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        Column(
-            modifier = Modifier
-                .align(Alignment.BottomStart)
-                .padding(start = childPadding.start, bottom = childPadding.bottom),
-        ) {
-            Text(
-                text = "加载中...",
-                style = MaterialTheme.typography.headlineSmall,
-                color = MaterialTheme.colorScheme.onBackground,
-            )
-
-            if (message != null) {
-                Text(
-                    text = message,
-                    style = MaterialTheme.typography.bodySmall,
-                    color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
-                    modifier = Modifier.sizeIn(maxWidth = 500.dp),
-                )
-            }
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun HomeScreenLoadingPreview() {
-    MyTVTheme {
-        HomeScreenLoading("获取远程直播源(2/10)...")
-    }
-}
-
-@Composable
-private fun HomeScreenError(message: String?) {
-    val childPadding = rememberChildPadding()
-
-    Box(modifier = Modifier.fillMaxSize()) {
-        Column(
-            modifier = Modifier
-                .align(Alignment.BottomStart)
-                .padding(start = childPadding.start, bottom = childPadding.bottom),
-        ) {
-            Text(
-                text = "加载失败",
-                style = MaterialTheme.typography.headlineSmall,
-                color = MaterialTheme.colorScheme.error,
-            )
-
-            if (message != null) {
-                Text(
-                    text = message,
-                    style = MaterialTheme.typography.bodySmall,
-                    color = MaterialTheme.colorScheme.error.copy(alpha = 0.8f),
-                    modifier = Modifier.sizeIn(maxWidth = 500.dp),
-                )
-            }
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun HomeScreenErrorPreview() {
-    MyTVTheme {
-        HomeScreenError("获取远程直播源失败，请检查网络连接")
-    }
-}
-
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun HomeScreenErrorLongPreview() {
-    MyTVTheme {
-        HomeScreenError(
-            "Caused by: androidx.media3.datasource.HttpDataSource\$HttpDataSourceException:" + " java.io.IOException: unexpected end of stream on com.android.okhttp.Address@2f10c24d"
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreenViewModel.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreenViewModel.kt
deleted file mode 100644
index 64f23e00..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/HomeScreenViewModel.kt
+++ /dev/null
@@ -1,83 +0,0 @@
-package top.yogiczy.mytv.ui.screens.home
-
-import androidx.lifecycle.ViewModel
-import androidx.lifecycle.viewModelScope
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.flow.asStateFlow
-import kotlinx.coroutines.flow.catch
-import kotlinx.coroutines.flow.collect
-import kotlinx.coroutines.flow.flow
-import kotlinx.coroutines.flow.map
-import kotlinx.coroutines.flow.retry
-import kotlinx.coroutines.flow.retryWhen
-import kotlinx.coroutines.launch
-import top.yogiczy.mytv.data.entities.EpgList
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.data.repositories.EpgRepository
-import top.yogiczy.mytv.data.repositories.IptvRepository
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.utils.SP
-
-class HomeScreeViewModel : ViewModel() {
-    private val iptvRepository = IptvRepository()
-    private val epgRepository = EpgRepository()
-
-    private val _uiState = MutableStateFlow<HomeScreenUiState>(HomeScreenUiState.Loading(""))
-    val uiState: StateFlow<HomeScreenUiState> = _uiState.asStateFlow()
-
-    init {
-        viewModelScope.launch {
-            // 获取直播源
-            flow { emit(iptvRepository.getIptvGroups()) }
-                .retryWhen { _, attempt ->
-                    if (attempt >= Constants.HTTP_RETRY_COUNT) return@retryWhen false
-
-                    _uiState.value =
-                        HomeScreenUiState.Loading("获取远程直播源(${attempt + 1}/${Constants.HTTP_RETRY_COUNT})...")
-                    delay(Constants.HTTP_RETRY_INTERVAL)
-                    true
-                }
-                .catch {
-                    _uiState.value = HomeScreenUiState.Error(it.message)
-                    SP.iptvSourceUrlHistoryList -= SP.iptvSourceUrl
-                }
-                .map {
-                    _uiState.value = HomeScreenUiState.Ready(iptvGroupList = it)
-                    SP.iptvSourceUrlHistoryList += SP.iptvSourceUrl
-                    it
-                }
-                .collect()
-
-            // 开始获取epg
-            if (_uiState.value is HomeScreenUiState.Ready) {
-                val channels = (_uiState.value as HomeScreenUiState.Ready)
-                    .iptvGroupList.flatMap { it.iptvs }
-                    .map { iptv -> iptv.channelName }
-
-                flow { emit(epgRepository.getEpgs(channels)) }
-                    .retry(Constants.HTTP_RETRY_COUNT) { delay(Constants.HTTP_RETRY_INTERVAL); true }
-                    .catch {
-                        emit(EpgList())
-                        SP.epgXmlUrlHistoryList -= SP.epgXmlUrl
-                    }
-                    .map { epgList ->
-                        _uiState.value =
-                            (_uiState.value as HomeScreenUiState.Ready).copy(epgList = epgList)
-                        SP.epgXmlUrlHistoryList += SP.epgXmlUrl
-                    }
-                    .collect()
-            }
-        }
-    }
-}
-
-sealed interface HomeScreenUiState {
-    data class Loading(val message: String?) : HomeScreenUiState
-    data class Error(val message: String?) : HomeScreenUiState
-    data class Ready(
-        val iptvGroupList: IptvGroupList = IptvGroupList(),
-        val epgList: EpgList = EpgList(),
-    ) : HomeScreenUiState
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/components/HomeContent.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/home/components/HomeContent.kt
deleted file mode 100644
index 677b69e4..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/home/components/HomeContent.kt
+++ /dev/null
@@ -1,486 +0,0 @@
-package top.yogiczy.mytv.ui.screens.home.components
-
-import android.content.Context
-import android.net.Uri
-import androidx.annotation.OptIn
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.fadeIn
-import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.focusable
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.BoxScope
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.derivedStateOf
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.input.key.Key
-import androidx.compose.ui.input.key.KeyEventType
-import androidx.compose.ui.input.key.key
-import androidx.compose.ui.input.key.onPreviewKeyEvent
-import androidx.compose.ui.input.key.type
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.platform.LocalLifecycleOwner
-import androidx.lifecycle.Lifecycle
-import androidx.lifecycle.LifecycleEventObserver
-import androidx.media3.common.C
-import androidx.media3.common.MediaItem
-import androidx.media3.common.PlaybackException
-import androidx.media3.common.Player
-import androidx.media3.common.util.UnstableApi
-import androidx.media3.common.util.Util
-import androidx.media3.datasource.DataSource
-import androidx.media3.datasource.DefaultDataSource
-import androidx.media3.datasource.DefaultHttpDataSource
-import androidx.media3.exoplayer.ExoPlayer
-import androidx.media3.exoplayer.hls.HlsMediaSource
-import androidx.media3.exoplayer.source.MediaSource
-import androidx.media3.exoplayer.source.ProgressiveMediaSource
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.launch
-import top.yogiczy.mytv.data.entities.EpgList
-import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvIdx
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.screens.classicpanel.ClassicPanelScreen
-import top.yogiczy.mytv.ui.screens.monitor.MonitorScreen
-import top.yogiczy.mytv.ui.screens.panel.DigitChannelSelectState
-import top.yogiczy.mytv.ui.screens.panel.PanelDigitChannelSelectScreen
-import top.yogiczy.mytv.ui.screens.panel.PanelScreen
-import top.yogiczy.mytv.ui.screens.panel.PanelTempScreen
-import top.yogiczy.mytv.ui.screens.panel.PanelTimeScreen
-import top.yogiczy.mytv.ui.screens.panel.rememberDigitChannelSelectState
-import top.yogiczy.mytv.ui.screens.settings.SettingsScreen
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.components.SettingsUpdaterDialog
-import top.yogiczy.mytv.ui.screens.settings.components.UpdateState
-import top.yogiczy.mytv.ui.screens.settings.components.rememberUpdateState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.screens.video.PlayerState
-import top.yogiczy.mytv.ui.screens.video.VideoScreen
-import top.yogiczy.mytv.ui.screens.video.rememberPlayerState
-import top.yogiczy.mytv.ui.utils.Loggable
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import top.yogiczy.mytv.ui.utils.handleDragGestures
-import kotlin.math.max
-
-@OptIn(UnstableApi::class)
-@Composable
-fun HomeContent(
-    modifier: Modifier = Modifier,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    epgList: EpgList = EpgList(),
-    onBackPressed: () -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-    updateState: UpdateState = rememberUpdateState(forceRemind = settingsState.updateForceRemind),
-    homeState: HomeContentState = rememberHomeContentState(
-        iptvGroupList = iptvGroupList,
-        settingsState = settingsState,
-    ),
-    playerState: PlayerState = rememberPlayerState(homeState.exoPlayer),
-    digitChannelSelectState: DigitChannelSelectState = rememberDigitChannelSelectState { channelNo ->
-        if (channelNo.toInt() - 1 in 0..<iptvGroupList.flatMap { it.iptvs }.size) {
-            homeState.changeCurrentIptv(iptvGroupList.flatMap { it.iptvs }[channelNo.toInt() - 1])
-        }
-    },
-) {
-    val lifecycleOwner = LocalLifecycleOwner.current
-    val focusRequester = remember { FocusRequester() }
-
-    LaunchedEffect(Unit) {
-        delay(3000)
-        updateState.checkUpdate()
-    }
-
-    LaunchedEffect(homeState.isPanelVisible, homeState.isSettingsVisible) {
-        if (!homeState.isPanelVisible && !homeState.isSettingsVisible) {
-            focusRequester.requestFocus()
-            delay(1)
-            focusRequester.requestFocus()
-        }
-    }
-
-    DisposableEffect(lifecycleOwner) {
-        val observer = LifecycleEventObserver { _, event ->
-            if (event == Lifecycle.Event.ON_RESUME) {
-                homeState.exoPlayer.play()
-            } else if (event == Lifecycle.Event.ON_STOP) {
-                homeState.exoPlayer.pause()
-            }
-        }
-
-        lifecycleOwner.lifecycle.addObserver(observer)
-
-        onDispose {
-            lifecycleOwner.lifecycle.removeObserver(observer)
-        }
-    }
-
-    BackPressHandledArea(
-        modifier = modifier,
-        onBackPressed = {
-            if (homeState.isPanelVisible) homeState.changePanelVisible(false)
-            else if (homeState.isSettingsVisible) homeState.changeSettingsVisible(false)
-            else onBackPressed()
-        },
-    ) {
-        VideoScreen(
-            modifier = Modifier
-                .handleDPadKeyEvents(
-                    onUp = {
-                        if (settingsState.iptvChannelChangeFlip) homeState.changeCurrentIptvToNext()
-                        else homeState.changeCurrentIptvToPrev()
-                    },
-                    onDown = {
-                        if (settingsState.iptvChannelChangeFlip) homeState.changeCurrentIptvToPrev()
-                        else homeState.changeCurrentIptvToNext()
-                    },
-                    onLeft = {
-                        if (homeState.currentIptv.urlList.size > 1) {
-                            homeState.changeCurrentIptv(
-                                homeState.currentIptv, homeState.currentIptvUrlIdx - 1
-                            )
-                        }
-                    },
-                    onRight = {
-                        if (homeState.currentIptv.urlList.size > 1) {
-                            homeState.changeCurrentIptv(
-                                homeState.currentIptv, homeState.currentIptvUrlIdx + 1
-                            )
-                        }
-                    },
-                    onSelect = { homeState.changePanelVisible(true) },
-                    onLongSelect = { homeState.changeSettingsVisible(true) },
-                    onSettings = { homeState.changeSettingsVisible(true) },
-                    onNumber = { digitChannelSelectState.input(it) },
-                )
-                .handleDragGestures(
-                    onSwipeDown = {
-                        if (settingsState.iptvChannelChangeFlip) homeState.changeCurrentIptvToNext()
-                        else homeState.changeCurrentIptvToPrev()
-                    },
-                    onSwipeUp = {
-                        if (settingsState.iptvChannelChangeFlip) homeState.changeCurrentIptvToPrev()
-                        else homeState.changeCurrentIptvToNext()
-                    },
-                    onSwipeRight = {
-                        if (homeState.currentIptv.urlList.size > 1) {
-                            homeState.changeCurrentIptv(
-                                homeState.currentIptv, homeState.currentIptvUrlIdx - 1
-                            )
-                        }
-                    },
-                    onSwipeLeft = {
-                        if (homeState.currentIptv.urlList.size > 1) {
-                            homeState.changeCurrentIptv(
-                                homeState.currentIptv, homeState.currentIptvUrlIdx + 1
-                            )
-                        }
-                    },
-                )
-                .focusRequester(focusRequester)
-                .focusable(),
-            exoPlayer = homeState.exoPlayer,
-            state = playerState,
-            showPlayerInfo = settingsState.debugShowPlayerInfo,
-        )
-
-        if (homeState.isTimePanelVisible && digitChannelSelectState.channelNo.isEmpty()) {
-            PanelTimeScreen(showMode = settingsState.uiTimeShowMode)
-        }
-
-        if (homeState.isTempPanelVisible && !homeState.isSettingsVisible && !homeState.isPanelVisible && digitChannelSelectState.channelNo.isEmpty()) {
-            PanelTempScreen(
-                channelNo = iptvGroupList.iptvIdx(homeState.currentIptv) + 1,
-                currentIptv = homeState.currentIptv,
-                currentIptvUrlIdx = homeState.currentIptvUrlIdx,
-                playerError = playerState.error,
-                currentProgrammes = epgList.currentProgrammes(homeState.currentIptv),
-                showProgrammeProgress = settingsState.uiShowEpgProgrammeProgress,
-            )
-        }
-
-        PanelDigitChannelSelectScreen(state = digitChannelSelectState)
-
-        var showFavoriteList by remember { mutableStateOf(false) }
-        AnimatedVisibility(homeState.isPanelVisible, enter = fadeIn(), exit = fadeOut()) {
-            if (settingsState.uiUseClassicPanelScreen) {
-                ClassicPanelScreen(
-                    currentIptv = homeState.currentIptv,
-                    currentIptvUrlIdx = homeState.currentIptvUrlIdx,
-                    iptvGroupList = iptvGroupList,
-                    epgList = epgList,
-                    onIptvSelected = { homeState.changeCurrentIptv(it) },
-                    settingsState = settingsState,
-                    playerState = playerState,
-                    onClose = { homeState.changePanelVisible(false) },
-                )
-            } else {
-                PanelScreen(
-                    currentIptv = homeState.currentIptv,
-                    currentIptvUrlIdx = homeState.currentIptvUrlIdx,
-                    iptvGroupList = iptvGroupList,
-                    epgList = epgList,
-                    onIptvSelected = { homeState.changeCurrentIptv(it) },
-                    showFavoriteList = showFavoriteList,
-                    onChangeShowFavoriteList = { showFavoriteList = it },
-                    settingsState = settingsState,
-                    playerState = playerState,
-                    onClose = { homeState.changePanelVisible(false) },
-                )
-            }
-        }
-
-        AnimatedVisibility(homeState.isSettingsVisible, enter = fadeIn(), exit = fadeOut()) {
-            SettingsScreen(
-                settingsState = settingsState,
-                updateState = updateState,
-                onClose = { homeState.changeSettingsVisible(false) },
-            )
-        }
-
-        if (settingsState.debugShowFps) {
-            MonitorScreen()
-        }
-    }
-
-    val coroutineScope = rememberCoroutineScope()
-    SettingsUpdaterDialog(
-        showDialog = updateState.showDialog,
-        onDismissRequest = { updateState.showDialog = false },
-        release = updateState.latestRelease,
-        onUpdateAndInstall = {
-            updateState.showDialog = false
-            coroutineScope.launch(Dispatchers.IO) {
-                updateState.downloadAndUpdate()
-            }
-        },
-    )
-}
-
-@Composable
-private fun BackPressHandledArea(
-    onBackPressed: () -> Unit,
-    modifier: Modifier = Modifier,
-    content: @Composable BoxScope.() -> Unit,
-) = Box(
-    modifier = Modifier
-        .onPreviewKeyEvent {
-            if (it.key == Key.Back && it.type == KeyEventType.KeyUp) {
-                onBackPressed()
-                true
-            } else {
-                false
-            }
-        }
-        .then(modifier),
-    content = content,
-)
-
-@UnstableApi
-class HomeContentState(
-    context: Context,
-    coroutineScope: CoroutineScope,
-    private val iptvGroupList: IptvGroupList,
-    private val settingsState: SettingsState,
-) : Loggable() {
-    private var _currentIptv by mutableStateOf(Iptv.EMPTY)
-    val currentIptv get() = _currentIptv
-
-    private var _currentIptvUrlIdx by mutableIntStateOf(0)
-    val currentIptvUrlIdx get() = _currentIptvUrlIdx
-
-    private var _isPanelVisible by mutableStateOf(false)
-    val isPanelVisible get() = _isPanelVisible
-
-    private var _isSettingsVisible by mutableStateOf(false)
-    val isSettingsVisible get() = _isSettingsVisible
-
-    private var _isTempPanelVisible by mutableStateOf(false)
-    val isTempPanelVisible get() = _isTempPanelVisible
-
-    val isTimePanelVisible by derivedStateOf { !_isSettingsVisible && !_isPanelVisible && !_isTempPanelVisible }
-
-    private var _exoPlayer = ExoPlayer.Builder(context).build().apply {
-        playWhenReady = true
-    }
-    val exoPlayer get() = _exoPlayer
-
-    private val dataSourceFactory: DataSource.Factory =
-        DefaultDataSource.Factory(context, DefaultHttpDataSource.Factory().apply {
-            setUserAgent(Constants.VIDEO_PLAYER_HTTP_USER_AGENT)
-            setConnectTimeoutMs(5_000)
-            setReadTimeoutMs(5_000)
-            setKeepPostFor302Redirects(true)
-            setAllowCrossProtocolRedirects(true)
-        })
-
-    init {
-        if (settingsState.iptvLastIptvIdx in 0..<iptvGroupList.flatMap { it.iptvs }.size) {
-            changeCurrentIptv(iptvGroupList.flatMap { it.iptvs }[settingsState.iptvLastIptvIdx])
-        } else {
-            changeCurrentIptv(iptvGroupList.firstOrNull()?.iptvs?.firstOrNull() ?: Iptv.EMPTY)
-        }
-
-        _exoPlayer.addListener(object : Player.Listener {
-            override fun onPlaybackStateChanged(playbackState: Int) {
-                if (playbackState == Player.STATE_READY) {
-                    coroutineScope.launch {
-                        val name = currentIptv.name
-                        delay(1000)
-                        if (name == currentIptv.name) {
-                            _isTempPanelVisible = false
-                        }
-                    }
-
-                    // 记忆可播放的域名
-                    settingsState.iptvPlayableHostList += Uri.parse(_currentIptv.urlList[_currentIptvUrlIdx]).host
-                        ?: ""
-                }
-            }
-
-            override fun onPlayerError(error: PlaybackException) {
-                if (_currentIptvUrlIdx < _currentIptv.urlList.size - 1) {
-                    changeCurrentIptv(_currentIptv, _currentIptvUrlIdx + 1)
-                }
-
-                // 从记忆中删除不可播放的域名
-                settingsState.iptvPlayableHostList -= Uri.parse(_currentIptv.urlList[_currentIptvUrlIdx]).host
-                    ?: ""
-
-                // 当解析容器不支持时，尝试使用 HLS 解析
-                if (error.errorCode == PlaybackException.ERROR_CODE_PARSING_CONTAINER_UNSUPPORTED) {
-                    val uri = _exoPlayer.currentMediaItem?.localConfiguration?.uri
-                    if (uri != null) {
-                        log.w("尝试使用 HLS 解析：$uri")
-                        val contentType = Util.inferContentType(uri)
-                        if (contentType == C.CONTENT_TYPE_OTHER) {
-                            exoPlayer.setMediaSource(
-                                getExoPlayerMediaSource(
-                                    uri,
-                                    dataSourceFactory,
-                                    C.CONTENT_TYPE_HLS,
-                                )
-                            )
-                            exoPlayer.prepare()
-                        }
-                    }
-                }
-            }
-        })
-    }
-
-    fun changePanelVisible(visible: Boolean) {
-        _isPanelVisible = visible
-    }
-
-    fun changeSettingsVisible(visible: Boolean) {
-        _isSettingsVisible = visible
-    }
-
-    private fun getPrevIptv(): Iptv {
-        val currentIndex = iptvGroupList.iptvIdx(_currentIptv)
-        return if (currentIndex > 0) {
-            iptvGroupList.flatMap { it.iptvs }[currentIndex - 1]
-        } else {
-            iptvGroupList.lastOrNull()?.iptvs?.lastOrNull() ?: Iptv.EMPTY
-        }
-    }
-
-    private fun getNextIptv(): Iptv {
-        val currentIndex = iptvGroupList.iptvIdx(_currentIptv)
-        return if (currentIndex < iptvGroupList.flatMap { it.iptvs }.size - 1) {
-            iptvGroupList.flatMap { it.iptvs }[currentIndex + 1]
-        } else {
-            iptvGroupList.firstOrNull()?.iptvs?.firstOrNull() ?: Iptv.EMPTY
-        }
-    }
-
-    fun changeCurrentIptv(iptv: Iptv, urlIdx: Int? = null) {
-        _isPanelVisible = false
-
-        if (iptv == _currentIptv && urlIdx == null) return
-
-        _currentIptv = iptv
-        settingsState.iptvLastIptvIdx = iptvGroupList.iptvIdx(iptv)
-        _isTempPanelVisible = true
-
-        _currentIptvUrlIdx = if (urlIdx == null) {
-            // 优先从记忆中选择可播放的域名
-            max(0, _currentIptv.urlList.indexOfLast {
-                settingsState.iptvPlayableHostList.contains(Uri.parse(it).host ?: "")
-            })
-        } else {
-            (urlIdx + _currentIptv.urlList.size) % _currentIptv.urlList.size
-        }
-
-        val url = iptv.urlList[_currentIptvUrlIdx]
-        log.d("播放（${_currentIptvUrlIdx + 1}/${_currentIptv.urlList.size}）: $url")
-
-        exoPlayer.setMediaSource(getExoPlayerMediaSource(Uri.parse(url), dataSourceFactory))
-        exoPlayer.prepare()
-    }
-
-    fun changeCurrentIptvToPrev() {
-        changeCurrentIptv(getPrevIptv())
-    }
-
-    fun changeCurrentIptvToNext() {
-        changeCurrentIptv(getNextIptv())
-    }
-}
-
-@OptIn(UnstableApi::class)
-@Composable
-fun rememberHomeContentState(
-    context: Context = LocalContext.current,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    coroutineScope: CoroutineScope = rememberCoroutineScope(),
-    settingsState: SettingsState = rememberSettingsState(),
-): HomeContentState {
-    val state = remember {
-        HomeContentState(
-            context = context,
-            coroutineScope = coroutineScope,
-            iptvGroupList = iptvGroupList,
-            settingsState = settingsState,
-        )
-    }
-
-    return state
-}
-
-@OptIn(UnstableApi::class)
-fun getExoPlayerMediaSource(
-    uri: Uri,
-    dataSourceFactory: DataSource.Factory,
-    contentType: Int? = null,
-): MediaSource {
-    val mediaItem = MediaItem.fromUri(uri)
-
-    return when (contentType ?: Util.inferContentType(uri)) {
-        C.CONTENT_TYPE_HLS -> {
-            HlsMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
-        }
-
-        C.CONTENT_TYPE_OTHER -> {
-            ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
-        }
-
-        else -> {
-            HlsMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/ClassicPanelScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/ClassicPanelScreen.kt
new file mode 100644
index 00000000..3592e7d9
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/ClassicPanelScreen.kt
@@ -0,0 +1,279 @@
+package top.yogiczy.mytv.ui.screens.leanback.classicpanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusDirection
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import top.yogiczy.mytv.data.entities.EpgList
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvGroupIdx
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvList
+import top.yogiczy.mytv.data.entities.IptvList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.classicpanel.components.LeanbackClassicPanelEpgList
+import top.yogiczy.mytv.ui.screens.leanback.classicpanel.components.LeanbackClassicPanelIptvGroupList
+import top.yogiczy.mytv.ui.screens.leanback.classicpanel.components.LeanbackClassicPanelIptvList
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import kotlin.math.max
+
+@Composable
+fun LeanbackClassicPanelScreen(
+    modifier: Modifier = Modifier,
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    iptvFavoriteListProvider: () -> ImmutableList<String> = { persistentListOf() },
+    iptvFavoriteListVisibleProvider: () -> Boolean = { false },
+    onIptvFavoriteListVisibleChange: (Boolean) -> Unit = {},
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+    onClose: () -> Unit = {},
+) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) },
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxHeight()
+                .background(
+                    color = MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
+                    shape = MaterialTheme.shapes.medium.copy(
+                        topStart = CornerSize(0.0.dp),
+                        bottomStart = CornerSize(0.0.dp),
+                    ),
+                )
+                .padding(
+                    top = childPadding.top,
+                    start = childPadding.start / 2,
+                    end = childPadding.end,
+                ),
+        ) {
+            var favoriteListVisible by remember { mutableStateOf(iptvFavoriteListVisibleProvider()) }
+
+            if (favoriteListVisible)
+                LeanbackClassicPanelFavoriteIptv(
+                    iptvListProvider = {
+                        IptvList(iptvGroupList.iptvList
+                            .filter { iptvFavoriteListProvider().contains(it.channelName) })
+                    },
+                    epgList = epgList,
+                    currentIptvProvider = currentIptvProvider,
+                    showProgrammeProgressProvider = showProgrammeProgressProvider,
+                    onIptvSelected = onIptvSelected,
+                    onIptvFavoriteToggle = onIptvFavoriteToggle,
+                    onClose = {
+                        favoriteListVisible = false
+                        onIptvFavoriteListVisibleChange(false)
+                    },
+                )
+            else
+                LeanbackClassicPanelIptvGroup(
+                    iptvGroupList = iptvGroupList,
+                    epgList = epgList,
+                    currentIptvProvider = currentIptvProvider,
+                    showProgrammeProgressProvider = showProgrammeProgressProvider,
+                    onIptvSelected = onIptvSelected,
+                    onIptvFavoriteToggle = onIptvFavoriteToggle,
+                    onToFavorite = {
+                        val favoriteList = iptvGroupList.iptvList
+                            .filter { iptvFavoriteListProvider().contains(it.channelName) }
+
+                        if (favoriteList.isNotEmpty()) {
+                            favoriteListVisible = true
+                            onIptvFavoriteListVisibleChange(true)
+                        } else {
+                            LeanbackToastState.I.showToast("没有收藏的频道")
+                        }
+                    },
+                )
+        }
+    }
+}
+
+@Composable
+private fun LeanbackClassicPanelIptvGroup(
+    modifier: Modifier = Modifier,
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+    onToFavorite: () -> Unit = {},
+) {
+    var focusedIptvGroup by remember {
+        mutableStateOf(
+            iptvGroupList[max(0, iptvGroupList.iptvGroupIdx(currentIptvProvider()))]
+        )
+    }
+
+    var focusedIptv by remember { mutableStateOf(currentIptvProvider()) }
+    var focusedIptvFocusRequester by remember { mutableStateOf(FocusRequester.Default) }
+
+    var inIptvGroupTab by remember { mutableStateOf(true) }
+
+    Row(modifier = modifier, horizontalArrangement = Arrangement.spacedBy(10.dp)) {
+        Column(
+            modifier = Modifier
+                .fillMaxHeight(),
+            verticalArrangement = Arrangement.Center,
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            "向左查看收藏列表".map {
+                Text(text = it.toString(), style = MaterialTheme.typography.labelSmall)
+            }
+        }
+
+        LeanbackClassicPanelIptvGroupList(
+            modifier = Modifier.handleLeanbackKeyEvents(
+                onLeft = onToFavorite,
+            ),
+            iptvGroupListProvider = { iptvGroupList },
+            initialIptvGroupProvider = {
+                iptvGroupList.find { it.iptvList.contains(currentIptvProvider()) }
+                    ?: IptvGroup()
+            },
+            onIptvGroupFocused = { focusedIptvGroup = it },
+            exitFocusRequesterProvider = { focusedIptvFocusRequester },
+            onFocusEnter = { inIptvGroupTab = true },
+            onFocusExit = { inIptvGroupTab = false },
+        )
+
+        LeanbackClassicPanelIptvList(
+            iptvListProvider = { focusedIptvGroup.iptvList },
+            epgListProvider = { epgList },
+            initialIptvProvider = currentIptvProvider,
+            onIptvSelected = onIptvSelected,
+            onIptvFavoriteToggle = onIptvFavoriteToggle,
+            onIptvFocused = { iptv, focusRequester ->
+                focusedIptv = iptv
+                focusedIptvFocusRequester = focusRequester
+            },
+            showProgrammeProgressProvider = showProgrammeProgressProvider,
+        )
+
+        LeanbackClassicPanelEpgList(
+            epgProvider = {
+                if (inIptvGroupTab) null
+                else epgList.firstOrNull { it.channel == focusedIptv.channelName }
+            },
+            exitFocusRequesterProvider = { focusedIptvFocusRequester },
+        )
+    }
+}
+
+@Composable
+fun LeanbackClassicPanelFavoriteIptv(
+    modifier: Modifier = Modifier,
+    iptvListProvider: () -> IptvList = { IptvList() },
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+    onClose: () -> Unit = {},
+) {
+    var key by remember { mutableIntStateOf(0) }
+    val iptvList = remember(key) { iptvListProvider() }
+    var focusedIptv by remember { mutableStateOf(currentIptvProvider()) }
+    var focusedIptvFocusRequester by remember { mutableStateOf(FocusRequester.Default) }
+    val focusManager = LocalFocusManager.current
+
+    LaunchedEffect(iptvList) {
+        if (iptvList.isEmpty()) onClose()
+    }
+
+    Row(modifier = modifier, horizontalArrangement = Arrangement.spacedBy(10.dp)) {
+        Column(
+            modifier = Modifier
+                .fillMaxHeight(),
+            verticalArrangement = Arrangement.Center,
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            "向左查看全部列表".map {
+                Text(text = it.toString(), style = MaterialTheme.typography.labelSmall)
+            }
+        }
+
+        LeanbackClassicPanelIptvList(
+            modifier = Modifier.handleLeanbackKeyEvents(
+                onLeft = onClose,
+            ),
+            iptvListProvider = { iptvList },
+            epgListProvider = { epgList },
+            initialIptvProvider = {
+                val currentIptv = currentIptvProvider()
+                if (iptvList.contains(currentIptv)) currentIptv else iptvList.first()
+            },
+            onIptvSelected = onIptvSelected,
+            onIptvFavoriteToggle = {
+                if (iptvList.size == 1) {
+                    onIptvFavoriteToggle(it)
+                    onClose()
+                } else {
+                    if (iptvList.indexOf(it) < iptvList.size - 1) {
+                        focusManager.moveFocus(FocusDirection.Down)
+                    } else {
+                        focusManager.moveFocus(FocusDirection.Up)
+                    }
+                    key++
+                    onIptvFavoriteToggle(it)
+                }
+            },
+            onIptvFocused = { iptv, focusRequester ->
+                focusedIptv = iptv
+                focusedIptvFocusRequester = focusRequester
+            },
+            showProgrammeProgressProvider = showProgrammeProgressProvider,
+        )
+
+        LeanbackClassicPanelEpgList(
+            epgProvider = { epgList.firstOrNull { it.channel == focusedIptv.channelName } },
+            exitFocusRequesterProvider = { focusedIptvFocusRequester },
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackClassicPanelScreenPreview() {
+    LeanbackTheme {
+        LeanbackClassicPanelScreen(
+            iptvGroupList = IptvGroupList.EXAMPLE,
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelEpgList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelEpgList.kt
new file mode 100644
index 00000000..db908bb6
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelEpgList.kt
@@ -0,0 +1,169 @@
+package top.yogiczy.mytv.ui.screens.leanback.classicpanel.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.width
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.PlayArrow
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusProperties
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.TvLazyListState
+import androidx.tv.foundation.lazy.list.items
+import androidx.tv.material3.ListItemDefaults
+import top.yogiczy.mytv.data.entities.Epg
+import top.yogiczy.mytv.data.entities.EpgProgramme
+import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.isLive
+import top.yogiczy.mytv.data.entities.EpgProgrammeList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import java.text.SimpleDateFormat
+import java.util.Locale
+import kotlin.math.max
+
+@OptIn(ExperimentalComposeUiApi::class)
+@Composable
+fun LeanbackClassicPanelEpgList(
+    modifier: Modifier = Modifier,
+    epgProvider: () -> Epg? = { Epg() },
+    exitFocusRequesterProvider: () -> FocusRequester = { FocusRequester.Default },
+) {
+    val epg = epgProvider()
+
+    val childPadding = rememberLeanbackChildPadding()
+
+    if (epg != null) {
+        val listState = remember(epg) {
+            TvLazyListState(max(0, epg.programmes.indexOfFirst { it.isLive() } - 2))
+        }
+
+        Column(
+            modifier = modifier.width(240.dp),
+            verticalArrangement = Arrangement.spacedBy(8.dp),
+        ) {
+            Text(text = "节目单", style = MaterialTheme.typography.titleMedium)
+
+            TvLazyColumn(
+                state = listState,
+                contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
+                verticalArrangement = Arrangement.spacedBy(8.dp),
+                modifier = Modifier
+                    .focusProperties {
+                        exit = {
+                            exitFocusRequesterProvider()
+                        }
+                    },
+            ) {
+                items(epg.programmes) { programme ->
+                    LeanbackClassicPanelEpgItem(
+                        epgProgrammeProvider = { programme },
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun LeanbackClassicPanelEpgItem(
+    modifier: Modifier = Modifier,
+    epgProgrammeProvider: () -> EpgProgramme = { EpgProgramme() },
+) {
+    val programme = epgProgrammeProvider()
+    val timeFormat = SimpleDateFormat("HH:mm", Locale.getDefault())
+
+    val focusRequester = remember { FocusRequester() }
+    var isFocused by remember { mutableStateOf(false) }
+
+    CompositionLocalProvider(
+        LocalContentColor provides if (isFocused) MaterialTheme.colorScheme.background
+        else MaterialTheme.colorScheme.onBackground
+    ) {
+        androidx.tv.material3.ListItem(
+            modifier = modifier
+                .focusRequester(focusRequester)
+                .onFocusChanged {
+                    isFocused = it.isFocused || it.hasFocus
+                }
+                .handleLeanbackKeyEvents(
+                    onSelect = {
+                        focusRequester.requestFocus()
+                    },
+                ),
+            colors = ListItemDefaults.colors(
+                focusedContainerColor = MaterialTheme.colorScheme.onBackground,
+                selectedContainerColor = MaterialTheme.colorScheme.surfaceVariant.copy(
+                    alpha = 0.5f
+                ),
+            ),
+            selected = programme.isLive(),
+            onClick = { },
+            headlineContent = {
+                Text(
+                    text = programme.title,
+                    maxLines = if (isFocused) Int.MAX_VALUE else 1,
+                )
+            },
+            overlineContent = {
+                val start = timeFormat.format(programme.startAt)
+                val end = timeFormat.format(programme.endAt)
+                Text(text = "$start  ~ $end")
+            },
+            trailingContent = {
+                if (programme.isLive()) {
+                    Icon(Icons.Default.PlayArrow, contentDescription = "playing")
+                }
+            },
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackClassicPanelEpgListPreview() {
+    LeanbackTheme {
+        LeanbackClassicPanelEpgList(
+            epgProvider = {
+                Epg(
+                    channel = "CCTV1", programmes = EpgProgrammeList(
+                        listOf(
+                            EpgProgramme(
+                                title = "节目1".repeat(10),
+                                startAt = System.currentTimeMillis(),
+                                endAt = System.currentTimeMillis() + 3600_000,
+                            ),
+                            EpgProgramme(
+                                title = "节目2",
+                                startAt = System.currentTimeMillis() + 3600_000,
+                                endAt = System.currentTimeMillis() + 7200_000,
+                            ),
+                            EpgProgramme(
+                                title = "节目3",
+                                startAt = System.currentTimeMillis() + 7200_000,
+                                endAt = System.currentTimeMillis() + 10800_000,
+                            ),
+                        )
+                    )
+                )
+            }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvGroupList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvGroupList.kt
new file mode 100644
index 00000000..23e64774
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvGroupList.kt
@@ -0,0 +1,181 @@
+package top.yogiczy.mytv.ui.screens.leanback.classicpanel.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusProperties
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.items
+import androidx.tv.foundation.lazy.list.rememberTvLazyListState
+import androidx.tv.material3.ListItemDefaults
+import top.yogiczy.mytv.data.entities.IptvGroup
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import kotlin.math.max
+
+@OptIn(ExperimentalComposeUiApi::class)
+@Composable
+fun LeanbackClassicPanelIptvGroupList(
+    modifier: Modifier = Modifier,
+    iptvGroupListProvider: () -> IptvGroupList = { IptvGroupList() },
+    initialIptvGroupProvider: () -> IptvGroup = { IptvGroup() },
+    exitFocusRequesterProvider: () -> FocusRequester = { FocusRequester.Default },
+    onIptvGroupFocused: (IptvGroup) -> Unit = {},
+    onFocusEnter: () -> Unit = {},
+    onFocusExit: () -> Unit = {},
+) {
+    val iptvGroupList = iptvGroupListProvider()
+    val initialIptvGroup = initialIptvGroupProvider()
+
+    val childPadding = rememberLeanbackChildPadding()
+    val focusRequester = remember { FocusRequester() }
+    var hasFocused by remember { mutableStateOf(false) }
+    var focusedIptvGroup by remember { mutableStateOf(initialIptvGroup) }
+
+    val listState =
+        rememberTvLazyListState(
+            max(0, iptvGroupList.indexOf(initialIptvGroup) - 2)
+        )
+
+    Column(
+        modifier = modifier.width(200.dp),
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        Text(text = "频道分类", style = MaterialTheme.typography.titleMedium)
+
+        TvLazyColumn(
+            state = listState,
+            contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
+            verticalArrangement = Arrangement.spacedBy(8.dp),
+            modifier = Modifier
+                .focusRequester(focusRequester)
+                .focusProperties {
+                    exit = {
+                        onFocusExit()
+                        focusRequester.saveFocusedChild()
+                        exitFocusRequesterProvider()
+                    }
+                    enter = {
+                        onFocusEnter()
+                        if (focusRequester.restoreFocusedChild()) FocusRequester.Cancel
+                        else FocusRequester.Default
+                    }
+                },
+        ) {
+            items(iptvGroupList) { iptvGroup ->
+                val isSelected by remember { derivedStateOf { iptvGroup == focusedIptvGroup } }
+                val initialFocused by remember {
+                    derivedStateOf { !hasFocused && iptvGroup == initialIptvGroup }
+                }
+
+                LeanbackClassicPanelIptvGroupItem(
+                    iptvGroupProvider = { iptvGroup },
+                    isSelectedProvider = { isSelected },
+                    initialFocusedProvider = { initialFocused },
+                    onInitialFocused = { hasFocused = true },
+                    onFocused = {
+                        focusedIptvGroup = it
+                        onIptvGroupFocused(it)
+                    },
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun LeanbackClassicPanelIptvGroupItem(
+    modifier: Modifier = Modifier,
+    iptvGroupProvider: () -> IptvGroup = { IptvGroup() },
+    isSelectedProvider: () -> Boolean = { false },
+    initialFocusedProvider: () -> Boolean = { false },
+    onInitialFocused: () -> Unit = {},
+    onFocused: (IptvGroup) -> Unit = {},
+) {
+    val iptvGroup = iptvGroupProvider()
+
+    val focusRequester = remember { FocusRequester() }
+    var isFocused by remember { mutableStateOf(false) }
+
+    LaunchedEffect(Unit) {
+        if (initialFocusedProvider()) {
+            onInitialFocused()
+            focusRequester.requestFocus()
+        }
+    }
+
+    CompositionLocalProvider(
+        LocalContentColor provides if (isFocused) MaterialTheme.colorScheme.background
+        else MaterialTheme.colorScheme.onBackground
+    ) {
+        androidx.tv.material3.ListItem(
+            modifier = modifier
+                .focusRequester(focusRequester)
+                .onFocusChanged {
+                    isFocused = it.isFocused || it.hasFocus
+
+                    if (isFocused) {
+                        onFocused(iptvGroup)
+                    }
+                }
+                .handleLeanbackKeyEvents(
+                    onSelect = {
+                        focusRequester.requestFocus()
+                    },
+                ),
+            colors = ListItemDefaults.colors(
+                focusedContainerColor = MaterialTheme.colorScheme.onBackground,
+                selectedContainerColor = MaterialTheme.colorScheme.surfaceVariant.copy(
+                    alpha = 0.5f
+                ),
+            ),
+            selected = isSelectedProvider(),
+            onClick = { },
+            headlineContent = {
+                Text(
+                    text = iptvGroup.name,
+                    maxLines = 2
+                )
+            },
+            trailingContent = {
+                Text(
+                    text = "${iptvGroup.iptvList.size}个频道",
+                    color = LocalContentColor.current.copy(0.8f),
+                )
+            },
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackClassicPanelIptvGroupListPreview() {
+    LeanbackTheme {
+        LeanbackClassicPanelIptvGroupList(
+            modifier = Modifier.padding(20.dp),
+            iptvGroupListProvider = { IptvGroupList.EXAMPLE },
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvList.kt
new file mode 100644
index 00000000..79bc4bb7
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/classicpanel/components/ClassicPanelIptvList.kt
@@ -0,0 +1,222 @@
+package top.yogiczy.mytv.ui.screens.leanback.classicpanel.components
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.TvLazyListState
+import androidx.tv.foundation.lazy.list.itemsIndexed
+import androidx.tv.material3.ListItemDefaults
+import top.yogiczy.mytv.data.entities.EpgList
+import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
+import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.progress
+import top.yogiczy.mytv.data.entities.EpgProgrammeCurrent
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import kotlin.math.max
+
+@Composable
+fun LeanbackClassicPanelIptvList(
+    modifier: Modifier = Modifier,
+    iptvListProvider: () -> IptvList = { IptvList() },
+    epgListProvider: () -> EpgList = { EpgList() },
+    initialIptvProvider: () -> Iptv = { Iptv() },
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+    onIptvFocused: (Iptv, FocusRequester) -> Unit = { _, _ -> },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+) {
+    val iptvList = iptvListProvider()
+    val initialIptv = initialIptvProvider()
+
+    val childPadding = rememberLeanbackChildPadding()
+    var hasFocused by remember(iptvList) { mutableStateOf(false) }
+    val itemFocusRequesterList = remember(iptvList) {
+        List(iptvList.size) { FocusRequester() }
+    }
+    var focusedIptv by remember(iptvList) { mutableStateOf(initialIptv) }
+
+    LaunchedEffect(itemFocusRequesterList) {
+        if (hasFocused) {
+            onIptvFocused(iptvList[0], itemFocusRequesterList[0])
+        } else {
+            onIptvFocused(
+                initialIptv,
+                itemFocusRequesterList[max(0, iptvList.indexOf(initialIptv))],
+            )
+        }
+    }
+
+    val listState = remember(iptvList) {
+        TvLazyListState(
+            if (hasFocused) 0
+            else max(0, iptvList.indexOf(initialIptv) - 2)
+        )
+    }
+
+    Column(
+        modifier = modifier.width(220.dp),
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        Text(text = "频道列表", style = MaterialTheme.typography.titleMedium)
+
+        TvLazyColumn(
+            state = listState,
+            contentPadding = PaddingValues(top = 8.dp, bottom = childPadding.bottom),
+            verticalArrangement = Arrangement.spacedBy(8.dp),
+        ) {
+            itemsIndexed(iptvList, key = { _, iptv -> iptv.hashCode() }) { index, iptv ->
+                val isSelected by remember { derivedStateOf { iptv == focusedIptv } }
+                val initialFocused by remember {
+                    derivedStateOf { !hasFocused && iptv == initialIptv }
+                }
+
+                LeanbackClassicPanelIptvItem(
+                    iptvProvider = { iptv },
+                    epgProgrammeCurrentProvider = { epgListProvider().currentProgrammes(iptv) },
+                    focusRequesterProvider = { itemFocusRequesterList[index] },
+                    isSelectedProvider = { isSelected },
+                    initialFocusedProvider = { initialFocused },
+                    onInitialFocused = { hasFocused = true },
+                    onFocused = {
+                        focusedIptv = iptv
+                        onIptvFocused(iptv, itemFocusRequesterList[index])
+                    },
+                    onSelected = { onIptvSelected(iptv) },
+                    onFavoriteToggle = { onIptvFavoriteToggle(iptv) },
+                    showProgrammeProgressProvider = showProgrammeProgressProvider,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+private fun LeanbackClassicPanelIptvItem(
+    modifier: Modifier = Modifier,
+    iptvProvider: () -> Iptv = { Iptv() },
+    epgProgrammeCurrentProvider: () -> EpgProgrammeCurrent? = { null },
+    focusRequesterProvider: () -> FocusRequester = { FocusRequester() },
+    isSelectedProvider: () -> Boolean = { false },
+    initialFocusedProvider: () -> Boolean = { false },
+    onInitialFocused: () -> Unit = {},
+    onFocused: () -> Unit = {},
+    onSelected: () -> Unit = {},
+    onFavoriteToggle: () -> Unit = {},
+    showProgrammeProgressProvider: () -> Boolean = { false },
+) {
+    val iptv = iptvProvider()
+    val focusRequester = focusRequesterProvider()
+    val currentProgramme = epgProgrammeCurrentProvider()?.now
+
+    var isFocused by remember { mutableStateOf(false) }
+
+    LaunchedEffect(Unit) {
+        if (initialFocusedProvider()) {
+            onInitialFocused()
+            focusRequester.requestFocus()
+        }
+    }
+
+    CompositionLocalProvider(
+        LocalContentColor provides if (isFocused) MaterialTheme.colorScheme.background
+        else MaterialTheme.colorScheme.onBackground
+    ) {
+        Box(
+            modifier = Modifier.clip(ListItemDefaults.shape().shape),
+        ) {
+            androidx.tv.material3.ListItem(
+                modifier = modifier
+                    .focusRequester(focusRequester)
+                    .onFocusChanged {
+                        isFocused = it.isFocused || it.hasFocus
+
+                        if (isFocused) {
+                            onFocused()
+                        }
+                    }
+                    .handleLeanbackKeyEvents(
+                        key = iptv.hashCode(),
+                        onSelect = {
+                            if (isFocused) onSelected()
+                            else focusRequester.requestFocus()
+                        },
+                        onLongSelect = {
+                            if (isFocused) onFavoriteToggle()
+                            else focusRequester.requestFocus()
+                        },
+                    ),
+                colors = ListItemDefaults.colors(
+                    focusedContainerColor = MaterialTheme.colorScheme.onBackground,
+                    selectedContainerColor = MaterialTheme.colorScheme.surfaceVariant.copy(
+                        alpha = 0.5f
+                    ),
+                ),
+                selected = isSelectedProvider(),
+                onClick = { },
+                headlineContent = {
+                    Text(
+                        text = iptv.name, maxLines = 2
+                    )
+                },
+                supportingContent = {
+                    Text(
+                        text = currentProgramme?.title ?: "无节目",
+                        maxLines = 1,
+                    )
+                },
+            )
+
+            if (showProgrammeProgressProvider() && currentProgramme != null) {
+                Box(
+                    modifier = Modifier
+                        .align(Alignment.BottomStart)
+                        .fillMaxWidth(currentProgramme.progress())
+                        .height(3.dp)
+                        .background(
+                            MaterialTheme.colorScheme.onSurface.copy(alpha = 0.9f),
+                        ),
+                )
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackClassicPanelIptvListPreview() {
+    LeanbackTheme {
+        LeanbackClassicPanelIptvList(
+            modifier = Modifier.padding(20.dp),
+            iptvListProvider = { IptvList.EXAMPLE },
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/components/Visible.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/components/Visible.kt
new file mode 100644
index 00000000..b2efb51f
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/components/Visible.kt
@@ -0,0 +1,13 @@
+package top.yogiczy.mytv.ui.screens.leanback.components
+
+import androidx.compose.runtime.Composable
+
+@Composable
+fun LeanbackVisible(
+    visibleProvider: () -> Boolean = { false },
+    content: @Composable () -> Unit
+) {
+    if (visibleProvider()) {
+        content()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainScreen.kt
new file mode 100644
index 00000000..3239cc61
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainScreen.kt
@@ -0,0 +1,169 @@
+package top.yogiczy.mytv.ui.screens.leanback.main
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.sizeIn
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import io.github.alexzhirkevich.qrose.options.QrBallShape
+import io.github.alexzhirkevich.qrose.options.QrFrameShape
+import io.github.alexzhirkevich.qrose.options.QrPixelShape
+import io.github.alexzhirkevich.qrose.options.QrShapes
+import io.github.alexzhirkevich.qrose.options.circle
+import io.github.alexzhirkevich.qrose.options.roundCorners
+import io.github.alexzhirkevich.qrose.rememberQrCodePainter
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.main.components.LeanbackMainContent
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.HttpServer
+
+@Composable
+fun LeanbackMainScreen(
+    modifier: Modifier = Modifier,
+    onBackPressed: () -> Unit = {},
+    mainViewModel: LeanbackMainViewModel = viewModel(),
+) {
+    val uiState by mainViewModel.uiState.collectAsState()
+
+    when (val s = uiState) {
+        is LeanbackMainUiState.Ready -> {
+            LeanbackMainContent(
+                modifier = modifier,
+                iptvGroupList = s.iptvGroupList,
+                epgList = s.epgList,
+                onBackPressed = onBackPressed,
+            )
+        }
+
+        is LeanbackMainUiState.Loading -> LeanbackMainScreenLoading(s.message)
+        is LeanbackMainUiState.Error -> LeanbackMainScreenError(s.message)
+    }
+}
+
+@Composable
+private fun LeanbackMainScreenLoading(message: String?) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(modifier = Modifier.fillMaxSize()) {
+        Column(
+            modifier = Modifier
+                .align(Alignment.BottomStart)
+                .padding(start = childPadding.start, bottom = childPadding.bottom),
+        ) {
+            Text(
+                text = "加载中...",
+                style = MaterialTheme.typography.headlineSmall,
+                color = MaterialTheme.colorScheme.onBackground,
+            )
+
+            if (message != null) {
+                Text(
+                    text = message,
+                    style = MaterialTheme.typography.bodySmall,
+                    color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
+                    modifier = Modifier.sizeIn(maxWidth = 500.dp),
+                )
+            }
+        }
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackMainScreenLoadingPreview() {
+    LeanbackTheme {
+        LeanbackMainScreenLoading("获取远程直播源(2/10)...")
+    }
+}
+
+@Composable
+private fun LeanbackMainScreenError(message: String?, serverUrl: String = HttpServer.serverUrl) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(modifier = Modifier.fillMaxSize()) {
+        Column(
+            modifier = Modifier
+                .align(Alignment.BottomStart)
+                .padding(start = childPadding.start, bottom = childPadding.bottom),
+        ) {
+            Text(
+                text = "加载失败",
+                style = MaterialTheme.typography.headlineSmall,
+                color = MaterialTheme.colorScheme.error,
+            )
+
+            if (message != null) {
+                Text(
+                    text = message,
+                    style = MaterialTheme.typography.bodySmall,
+                    color = MaterialTheme.colorScheme.error.copy(alpha = 0.8f),
+                    modifier = Modifier.sizeIn(maxWidth = 500.dp),
+                )
+            }
+        }
+
+        Box(
+            modifier = Modifier
+                .align(Alignment.BottomEnd)
+                .padding(end = childPadding.end, bottom = childPadding.bottom)
+                .width(100.dp)
+                .height(100.dp)
+                .background(
+                    androidx.tv.material3.MaterialTheme.colorScheme.onBackground,
+                    androidx.tv.material3.MaterialTheme.shapes.medium,
+                ),
+        ) {
+            Image(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(6.dp),
+                painter = rememberQrCodePainter(
+                    data = serverUrl,
+                    shapes = QrShapes(
+                        ball = QrBallShape.circle(),
+                        darkPixel = QrPixelShape.roundCorners(),
+                        frame = QrFrameShape.roundCorners(.25f),
+                    ),
+                ),
+                contentDescription = serverUrl,
+            )
+        }
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackMainScreenErrorPreview() {
+    LeanbackTheme {
+        LeanbackMainScreenError(
+            "获取远程直播源失败，请检查网络连接",
+            "http://244.178.44.111:8080",
+        )
+    }
+}
+
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackMainScreenErrorLongPreview() {
+    LeanbackTheme {
+        LeanbackMainScreenError(
+            "Caused by: androidx.media3.datasource.HttpDataSource\$HttpDataSourceException:" + " java.io.IOException: unexpected end of stream on com.android.okhttp.Address@2f10c24d",
+            "http://244.178.44.111:8080",
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainViewModel.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainViewModel.kt
new file mode 100644
index 00000000..cbce0b78
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/MainViewModel.kt
@@ -0,0 +1,103 @@
+package top.yogiczy.mytv.ui.screens.leanback.main
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.catch
+import kotlinx.coroutines.flow.collect
+import kotlinx.coroutines.flow.flow
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.flow.retry
+import kotlinx.coroutines.flow.retryWhen
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.data.entities.EpgList
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvList
+import top.yogiczy.mytv.data.repositories.epg.EpgRepository
+import top.yogiczy.mytv.data.repositories.iptv.IptvRepository
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.utils.SP
+
+class LeanbackMainViewModel : ViewModel() {
+    private val iptvRepository = IptvRepository()
+    private val epgRepository = EpgRepository()
+
+    private val _uiState = MutableStateFlow<LeanbackMainUiState>(LeanbackMainUiState.Loading())
+    val uiState: StateFlow<LeanbackMainUiState> = _uiState.asStateFlow()
+
+    init {
+        viewModelScope.launch {
+            refreshIptv()
+            refreshEpg()
+        }
+    }
+
+    private suspend fun refreshIptv() {
+        flow {
+            emit(
+                iptvRepository.getIptvGroupList(
+                    sourceUrl = SP.iptvSourceUrl,
+                    cacheTime = SP.iptvSourceCacheTime,
+                    simplify = SP.iptvSourceSimplify,
+                )
+            )
+        }
+            .retryWhen { _, attempt ->
+                if (attempt >= Constants.HTTP_RETRY_COUNT) return@retryWhen false
+
+                _uiState.value =
+                    LeanbackMainUiState.Loading("获取远程直播源(${attempt + 1}/${Constants.HTTP_RETRY_COUNT})...")
+                delay(Constants.HTTP_RETRY_INTERVAL)
+                true
+            }
+            .catch {
+                _uiState.value = LeanbackMainUiState.Error(it.message)
+                SP.iptvSourceUrlHistoryList -= SP.iptvSourceUrl
+            }
+            .map {
+                _uiState.value = LeanbackMainUiState.Ready(iptvGroupList = it)
+                SP.iptvSourceUrlHistoryList += SP.iptvSourceUrl
+                it
+            }
+            .collect()
+    }
+
+    private suspend fun refreshEpg() {
+        if (_uiState.value is LeanbackMainUiState.Ready) {
+            val iptvGroupList = (_uiState.value as LeanbackMainUiState.Ready).iptvGroupList
+
+            flow {
+                emit(
+                    epgRepository.getEpgList(
+                        xmlUrl = SP.epgXmlUrl,
+                        filteredChannels = iptvGroupList.iptvList.map { it.channelName },
+                        refreshTimeThreshold = SP.epgRefreshTimeThreshold,
+                    )
+                )
+            }
+                .retry(Constants.HTTP_RETRY_COUNT) { delay(Constants.HTTP_RETRY_INTERVAL); true }
+                .catch {
+                    emit(EpgList())
+                    SP.epgXmlUrlHistoryList -= SP.epgXmlUrl
+                }
+                .map { epgList ->
+                    _uiState.value =
+                        (_uiState.value as LeanbackMainUiState.Ready).copy(epgList = epgList)
+                    SP.epgXmlUrlHistoryList += SP.epgXmlUrl
+                }
+                .collect()
+        }
+    }
+}
+
+sealed interface LeanbackMainUiState {
+    data class Loading(val message: String? = null) : LeanbackMainUiState
+    data class Error(val message: String? = null) : LeanbackMainUiState
+    data class Ready(
+        val iptvGroupList: IptvGroupList = IptvGroupList(),
+        val epgList: EpgList = EpgList(),
+    ) : LeanbackMainUiState
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContent.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContent.kt
new file mode 100644
index 00000000..4d83e05e
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContent.kt
@@ -0,0 +1,313 @@
+package top.yogiczy.mytv.ui.screens.leanback.main.components
+
+import androidx.compose.foundation.focusable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxScope
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.input.key.Key
+import androidx.compose.ui.input.key.KeyEventType
+import androidx.compose.ui.input.key.key
+import androidx.compose.ui.input.key.onPreviewKeyEvent
+import androidx.compose.ui.input.key.type
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.Density
+import androidx.lifecycle.viewmodel.compose.viewModel
+import kotlinx.collections.immutable.toImmutableList
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.AppGlobal
+import top.yogiczy.mytv.data.entities.EpgList
+import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvIdx
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvList
+import top.yogiczy.mytv.ui.screens.leanback.classicpanel.LeanbackClassicPanelScreen
+import top.yogiczy.mytv.ui.screens.leanback.components.LeanbackVisible
+import top.yogiczy.mytv.ui.screens.leanback.monitor.LeanbackMonitorScreen
+import top.yogiczy.mytv.ui.screens.leanback.panel.LeanbackPanelChannelNoSelectScreen
+import top.yogiczy.mytv.ui.screens.leanback.panel.LeanbackPanelChannelNoSelectState
+import top.yogiczy.mytv.ui.screens.leanback.panel.LeanbackPanelDateTimeScreen
+import top.yogiczy.mytv.ui.screens.leanback.panel.LeanbackPanelScreen
+import top.yogiczy.mytv.ui.screens.leanback.panel.LeanbackPanelTempScreen
+import top.yogiczy.mytv.ui.screens.leanback.panel.rememberLeanbackPanelChannelNoSelectState
+import top.yogiczy.mytv.ui.screens.leanback.quickpanel.LeanbackQuickPanelScreen
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsScreen
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.screens.leanback.update.LeanbackUpdateScreen
+import top.yogiczy.mytv.ui.screens.leanback.video.LeanbackVideoPlayerState
+import top.yogiczy.mytv.ui.screens.leanback.video.LeanbackVideoScreen
+import top.yogiczy.mytv.ui.screens.leanback.video.rememberLeanbackVideoPlayerState
+import top.yogiczy.mytv.ui.utils.handleLeanbackDragGestures
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+
+@Composable
+fun LeanbackMainContent(
+    modifier: Modifier = Modifier,
+    onBackPressed: () -> Unit = {},
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    videoPlayerState: LeanbackVideoPlayerState = rememberLeanbackVideoPlayerState(),
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+    mainContentState: LeanbackMainContentState = rememberLeanbackMainContentState(
+        videoPlayerState = videoPlayerState,
+        iptvGroupList = iptvGroupList,
+    ),
+    panelChannelNoSelectState: LeanbackPanelChannelNoSelectState = rememberLeanbackPanelChannelNoSelectState(
+        onChannelNoConfirm = {
+            val channelNo = it.toInt() - 1
+
+            if (channelNo in iptvGroupList.iptvList.indices) {
+                mainContentState.changeCurrentIptv(iptvGroupList.iptvList[channelNo])
+            }
+        }
+    ),
+) {
+    val coroutineScope = rememberCoroutineScope()
+    val focusRequester = remember { FocusRequester() }
+    LaunchedEffect(Unit) {
+        // 防止切换到其他界面时焦点丢失
+        // TODO 换一个更好的解决方案
+        while (true) {
+            if (!mainContentState.isPanelVisible
+                && !mainContentState.isSettingsVisible
+                && !mainContentState.isQuickPanelVisible
+            ) {
+                focusRequester.requestFocus()
+            }
+            delay(100)
+        }
+    }
+
+    LeanbackBackPressHandledArea(
+        modifier = modifier,
+        onBackPressed = {
+            if (mainContentState.isPanelVisible) mainContentState.isPanelVisible = false
+            else if (mainContentState.isSettingsVisible) mainContentState.isSettingsVisible = false
+            else if (mainContentState.isQuickPanelVisible) mainContentState.isQuickPanelVisible =
+                false
+            else onBackPressed()
+        },
+    ) {
+        LeanbackVideoScreen(
+            state = videoPlayerState,
+            showMetadataProvider = { settingsViewModel.debugShowVideoPlayerMetadata },
+            modifier = Modifier
+                .focusRequester(focusRequester)
+                .focusable()
+                .handleLeanbackKeyEvents(
+                    onUp = {
+                        if (settingsViewModel.iptvChannelChangeFlip) mainContentState.changeCurrentIptvToNext()
+                        else mainContentState.changeCurrentIptvToPrev()
+                    },
+                    onDown = {
+                        if (settingsViewModel.iptvChannelChangeFlip) mainContentState.changeCurrentIptvToPrev()
+                        else mainContentState.changeCurrentIptvToNext()
+                    },
+                    onLeft = {
+                        if (mainContentState.currentIptv.urlList.size > 1) {
+                            mainContentState.changeCurrentIptv(
+                                iptv = mainContentState.currentIptv,
+                                urlIdx = mainContentState.currentIptvUrlIdx - 1,
+                            )
+                        }
+                    },
+                    onRight = {
+                        if (mainContentState.currentIptv.urlList.size > 1) {
+                            mainContentState.changeCurrentIptv(
+                                iptv = mainContentState.currentIptv,
+                                urlIdx = mainContentState.currentIptvUrlIdx + 1,
+                            )
+                        }
+                    },
+                    onSelect = { mainContentState.isPanelVisible = true },
+                    onLongSelect = { mainContentState.isQuickPanelVisible = true },
+                    onSettings = { mainContentState.isQuickPanelVisible = true },
+                    onNumber = {
+                        if (settingsViewModel.iptvChannelNoSelectEnable) {
+                            panelChannelNoSelectState.input(it)
+                        }
+                    },
+                    onLongDown = { mainContentState.isQuickPanelVisible = true },
+                )
+                .handleLeanbackDragGestures(
+                    onSwipeDown = {
+                        if (settingsViewModel.iptvChannelChangeFlip) mainContentState.changeCurrentIptvToNext()
+                        else mainContentState.changeCurrentIptvToPrev()
+                    },
+                    onSwipeUp = {
+                        if (settingsViewModel.iptvChannelChangeFlip) mainContentState.changeCurrentIptvToPrev()
+                        else mainContentState.changeCurrentIptvToNext()
+                    },
+                    onSwipeRight = {
+                        if (mainContentState.currentIptv.urlList.size > 1) {
+                            mainContentState.changeCurrentIptv(
+                                iptv = mainContentState.currentIptv,
+                                urlIdx = mainContentState.currentIptvUrlIdx - 1,
+                            )
+                        }
+                    },
+                    onSwipeLeft = {
+                        if (mainContentState.currentIptv.urlList.size > 1) {
+                            mainContentState.changeCurrentIptv(
+                                iptv = mainContentState.currentIptv,
+                                urlIdx = mainContentState.currentIptvUrlIdx + 1,
+                            )
+                        }
+                    },
+                ),
+        )
+
+        CompositionLocalProvider(
+            LocalDensity provides Density(
+                density = LocalDensity.current.density * settingsViewModel.uiDensityScaleRatio,
+                fontScale = LocalDensity.current.fontScale * settingsViewModel.uiFontScaleRatio,
+            )
+        ) {
+            LeanbackVisible({
+                !mainContentState.isTempPanelVisible
+                        && !mainContentState.isSettingsVisible
+                        && !mainContentState.isPanelVisible
+                        && panelChannelNoSelectState.channelNo.isEmpty()
+            }) {
+                LeanbackPanelDateTimeScreen(
+                    showModeProvider = { settingsViewModel.uiTimeShowMode }
+                )
+            }
+
+            LeanbackPanelChannelNoSelectScreen(
+                channelNoProvider = { panelChannelNoSelectState.channelNo }
+            )
+
+            LeanbackVisible({
+                mainContentState.isTempPanelVisible
+                        && !mainContentState.isSettingsVisible
+                        && !mainContentState.isPanelVisible
+                        && !mainContentState.isQuickPanelVisible
+                        && panelChannelNoSelectState.channelNo.isEmpty()
+            }) {
+                LeanbackPanelTempScreen(
+                    channelNoProvider = { iptvGroupList.iptvIdx(mainContentState.currentIptv) + 1 },
+                    currentIptvProvider = { mainContentState.currentIptv },
+                    currentIptvUrlIdxProvider = { mainContentState.currentIptvUrlIdx },
+                    currentProgrammesProvider = { epgList.currentProgrammes(mainContentState.currentIptv) },
+                    showProgrammeProgressProvider = { settingsViewModel.uiShowEpgProgrammeProgress },
+                )
+            }
+
+            LeanbackVisible({ !settingsViewModel.uiUseClassicPanelScreen && mainContentState.isPanelVisible }) {
+                LeanbackPanelScreen(
+                    iptvGroupList = iptvGroupList,
+                    epgList = epgList,
+                    currentIptvProvider = { mainContentState.currentIptv },
+                    currentIptvUrlIdxProvider = { mainContentState.currentIptvUrlIdx },
+                    videoPlayerMetadataProvider = { videoPlayerState.metadata },
+                    showProgrammeProgressProvider = { settingsViewModel.uiShowEpgProgrammeProgress },
+                    onIptvSelected = { mainContentState.changeCurrentIptv(it) },
+                    onIptvFavoriteToggle = {
+                        if (!settingsViewModel.iptvChannelFavoriteEnable) return@LeanbackPanelScreen
+
+                        if (settingsViewModel.iptvChannelFavoriteList.contains(it.channelName)) {
+                            settingsViewModel.iptvChannelFavoriteList -= it.channelName
+                            LeanbackToastState.I.showToast("取消收藏: ${it.channelName}")
+                        } else {
+                            settingsViewModel.iptvChannelFavoriteList += it.channelName
+                            LeanbackToastState.I.showToast("已收藏: ${it.channelName}")
+                        }
+                    },
+                    iptvFavoriteListProvider = { settingsViewModel.iptvChannelFavoriteList.toImmutableList() },
+                    iptvFavoriteListVisibleProvider = { settingsViewModel.iptvChannelFavoriteListVisible },
+                    onIptvFavoriteListVisibleChange = {
+                        settingsViewModel.iptvChannelFavoriteListVisible = it
+                    },
+                    onClose = { mainContentState.isPanelVisible = false },
+                )
+            }
+
+            LeanbackVisible({ settingsViewModel.uiUseClassicPanelScreen && mainContentState.isPanelVisible }) {
+                LeanbackClassicPanelScreen(
+                    iptvGroupList = iptvGroupList,
+                    epgList = epgList,
+                    currentIptvProvider = { mainContentState.currentIptv },
+                    showProgrammeProgressProvider = { settingsViewModel.uiShowEpgProgrammeProgress },
+                    onIptvSelected = { mainContentState.changeCurrentIptv(it) },
+                    onIptvFavoriteToggle = {
+                        if (!settingsViewModel.iptvChannelFavoriteEnable) return@LeanbackClassicPanelScreen
+
+                        if (settingsViewModel.iptvChannelFavoriteList.contains(it.channelName)) {
+                            settingsViewModel.iptvChannelFavoriteList -= it.channelName
+                            LeanbackToastState.I.showToast("取消收藏: ${it.channelName}")
+                        } else {
+                            settingsViewModel.iptvChannelFavoriteList += it.channelName
+                            LeanbackToastState.I.showToast("已收藏: ${it.channelName}")
+                        }
+                    },
+                    iptvFavoriteListProvider = { settingsViewModel.iptvChannelFavoriteList.toImmutableList() },
+                    iptvFavoriteListVisibleProvider = { settingsViewModel.iptvChannelFavoriteListVisible },
+                    onIptvFavoriteListVisibleChange = {
+                        settingsViewModel.iptvChannelFavoriteListVisible = it
+                    },
+                    onClose = { mainContentState.isPanelVisible = false },
+                )
+            }
+        }
+
+        LeanbackVisible({ mainContentState.isQuickPanelVisible && !mainContentState.isSettingsVisible }) {
+            LeanbackQuickPanelScreen(
+                currentIptvProvider = { mainContentState.currentIptv },
+                currentIptvUrlIdxProvider = { mainContentState.currentIptvUrlIdx },
+                currentProgrammesProvider = { epgList.currentProgrammes(mainContentState.currentIptv) },
+                videoPlayerMetadataProvider = { videoPlayerState.metadata },
+                videoPlayerAspectRatioProvider = { videoPlayerState.aspectRatio },
+                onChangeVideoPlayerAspectRatio = { videoPlayerState.aspectRatio = it },
+                onClearCache = {
+                    settingsViewModel.iptvPlayableHostList = emptySet()
+                    coroutineScope.launch {
+                        AppGlobal.cacheDir.deleteRecursively()
+                    }
+                    LeanbackToastState.I.showToast("缓存已清除，请重启应用")
+                },
+                onMoreSettings = { mainContentState.isSettingsVisible = true },
+                onClose = { mainContentState.isQuickPanelVisible = false },
+            )
+        }
+
+        LeanbackVisible({ mainContentState.isSettingsVisible }) {
+            LeanbackSettingsScreen(
+                onClose = { mainContentState.isSettingsVisible = false },
+            )
+        }
+
+        LeanbackVisible({ settingsViewModel.debugShowFps }) {
+            LeanbackMonitorScreen()
+        }
+
+        LeanbackUpdateScreen()
+    }
+}
+
+@Composable
+private fun LeanbackBackPressHandledArea(
+    onBackPressed: () -> Unit,
+    modifier: Modifier = Modifier,
+    content: @Composable BoxScope.() -> Unit,
+) = Box(
+    modifier = Modifier
+        .onPreviewKeyEvent {
+            if (it.key == Key.Back && it.type == KeyEventType.KeyUp) {
+                onBackPressed()
+                true
+            } else {
+                false
+            }
+        }
+        .then(modifier),
+    content = content,
+)
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContentState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContentState.kt
new file mode 100644
index 00000000..529503ee
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/main/components/MainContentState.kt
@@ -0,0 +1,157 @@
+package top.yogiczy.mytv.ui.screens.leanback.main.components
+
+import android.net.Uri
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvIdx
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvList
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.screens.leanback.video.LeanbackVideoPlayerState
+import top.yogiczy.mytv.ui.screens.leanback.video.rememberLeanbackVideoPlayerState
+import top.yogiczy.mytv.ui.utils.Loggable
+import top.yogiczy.mytv.ui.utils.SP
+import kotlin.math.max
+
+@Stable
+class LeanbackMainContentState(
+    coroutineScope: CoroutineScope,
+    private val videoPlayerState: LeanbackVideoPlayerState,
+    private val iptvGroupList: IptvGroupList,
+) : Loggable() {
+    private var _currentIptv by mutableStateOf(Iptv())
+    val currentIptv get() = _currentIptv
+
+    private var _currentIptvUrlIdx by mutableIntStateOf(0)
+    val currentIptvUrlIdx get() = _currentIptvUrlIdx
+
+    private var _isPanelVisible by mutableStateOf(false)
+    var isPanelVisible
+        get() = _isPanelVisible
+        set(value) {
+            _isPanelVisible = value
+        }
+
+    private var _isSettingsVisible by mutableStateOf(false)
+    var isSettingsVisible
+        get() = _isSettingsVisible
+        set(value) {
+            _isSettingsVisible = value
+        }
+
+    private var _isTempPanelVisible by mutableStateOf(false)
+    var isTempPanelVisible
+        get() = _isTempPanelVisible
+        set(value) {
+            _isTempPanelVisible = value
+        }
+
+    private var _isQuickPanelVisible by mutableStateOf(false)
+    var isQuickPanelVisible
+        get() = _isQuickPanelVisible
+        set(value) {
+            _isQuickPanelVisible = value
+        }
+
+    init {
+        changeCurrentIptv(iptvGroupList.iptvList.getOrElse(SP.iptvLastIptvIdx) {
+            iptvGroupList.firstOrNull()?.iptvList?.firstOrNull() ?: Iptv()
+        })
+
+        videoPlayerState.onReady {
+            coroutineScope.launch {
+                val name = _currentIptv.name
+                val urlIdx = _currentIptvUrlIdx
+                delay(Constants.UI_TEMP_PANEL_SCREEN_SHOW_DURATION)
+                if (name == _currentIptv.name && urlIdx == _currentIptvUrlIdx) {
+                    _isTempPanelVisible = false
+                }
+            }
+
+            // 记忆可播放的域名
+            SP.iptvPlayableHostList += Uri.parse(_currentIptv.urlList[_currentIptvUrlIdx]).host
+                ?: ""
+        }
+
+        videoPlayerState.onError {
+            if (_currentIptvUrlIdx < _currentIptv.urlList.size - 1) {
+                changeCurrentIptv(_currentIptv, _currentIptvUrlIdx + 1)
+            }
+
+            // 从记忆中删除不可播放的域名
+            SP.iptvPlayableHostList -= Uri.parse(_currentIptv.urlList[_currentIptvUrlIdx]).host
+                ?: ""
+        }
+    }
+
+    private fun getPrevIptv(): Iptv {
+        val currentIndex = iptvGroupList.iptvIdx(_currentIptv)
+        return iptvGroupList.iptvList.getOrElse(currentIndex - 1) {
+            iptvGroupList.lastOrNull()?.iptvList?.lastOrNull() ?: Iptv()
+        }
+    }
+
+    private fun getNextIptv(): Iptv {
+        val currentIndex = iptvGroupList.iptvIdx(_currentIptv)
+        return iptvGroupList.iptvList.getOrElse(currentIndex + 1) {
+            iptvGroupList.firstOrNull()?.iptvList?.firstOrNull() ?: Iptv()
+        }
+    }
+
+    fun changeCurrentIptv(iptv: Iptv, urlIdx: Int? = null) {
+        _isPanelVisible = false
+        _isSettingsVisible = false
+
+        if (iptv == _currentIptv && urlIdx == null) return
+
+        _isTempPanelVisible = true
+
+        _currentIptv = iptv
+        SP.iptvLastIptvIdx = iptvGroupList.iptvIdx(_currentIptv)
+
+        _currentIptvUrlIdx = if (urlIdx == null) {
+            // 优先从记忆中选择可播放的域名
+            max(0, _currentIptv.urlList.indexOfLast {
+                SP.iptvPlayableHostList.contains(Uri.parse(it).host ?: "")
+            })
+        } else {
+            (urlIdx + _currentIptv.urlList.size) % _currentIptv.urlList.size
+        }
+
+        val url = iptv.urlList[_currentIptvUrlIdx]
+        log.d("播放${iptv.name}（${_currentIptvUrlIdx + 1}/${_currentIptv.urlList.size}）: $url")
+
+        videoPlayerState.prepare(url)
+    }
+
+    fun changeCurrentIptvToPrev() {
+        changeCurrentIptv(getPrevIptv())
+    }
+
+    fun changeCurrentIptvToNext() {
+        changeCurrentIptv(getNextIptv())
+    }
+}
+
+@Composable
+fun rememberLeanbackMainContentState(
+    coroutineScope: CoroutineScope = rememberCoroutineScope(),
+    videoPlayerState: LeanbackVideoPlayerState = rememberLeanbackVideoPlayerState(),
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+) = remember {
+    LeanbackMainContentState(
+        coroutineScope = coroutineScope,
+        videoPlayerState = videoPlayerState,
+        iptvGroupList = iptvGroupList,
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/monitor/MonitorScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/monitor/MonitorScreen.kt
similarity index 64%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/monitor/MonitorScreen.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/monitor/MonitorScreen.kt
index 66116cf2..2749b0f6 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/monitor/MonitorScreen.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/monitor/MonitorScreen.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.ui.screens.monitor
+package top.yogiczy.mytv.ui.screens.leanback.monitor
 
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.background
@@ -9,6 +9,8 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
@@ -24,46 +26,47 @@ import androidx.compose.ui.geometry.Rect
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import kotlinx.collections.immutable.toImmutableList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 
 @Composable
-fun MonitorScreen(
+fun LeanbackMonitorScreen(
     modifier: Modifier = Modifier,
 ) {
-    val childPadding = rememberChildPadding()
+    val childPadding = rememberLeanbackChildPadding()
     val fpsState = rememberFpsState()
 
     Box(
         modifier = modifier
             .fillMaxSize()
-            .padding(start = childPadding.start, top = childPadding.top)
+            .padding(start = childPadding.start, top = childPadding.top),
     ) {
         Column(
             modifier = Modifier
                 .align(Alignment.TopStart)
                 .background(
-                    color = MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
-                    shape = MaterialTheme.shapes.extraSmall,
+                    color = androidx.tv.material3.MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
+                    shape = androidx.tv.material3.MaterialTheme.shapes.extraSmall,
                 )
                 .padding(horizontal = 8.dp, vertical = 4.dp),
         ) {
-            MonitorFps(fps = fpsState.current)
+            LeanbackMonitorFps(fpsProvider = { fpsState.current })
             Spacer(modifier = Modifier.height(4.dp))
-            MonitorFpsBar(fpsList = fpsState.history)
+            LeanbackMonitorFpsBar(fpsListProvider = { fpsState.history })
         }
     }
 }
 
 data class FpsState(
     val current: Int = 0,
-    val history: List<Int> = emptyList(),
+    val history: ImmutableList<Int> = persistentListOf(),
 )
 
 @Composable
-fun rememberFpsState(): FpsState {
+private fun rememberFpsState(): FpsState {
     var state by remember { mutableStateOf(FpsState()) }
 
     var fpsCount by remember { mutableIntStateOf(0) }
@@ -75,7 +78,10 @@ fun rememberFpsState(): FpsState {
                 fpsCount++
                 if (fpsCount == 5) {
                     val fps = (5_000 / (ms - lastUpdate)).toInt()
-                    state = state.copy(current = fps, history = state.history.takeLast(30) + fps)
+                    state = state.copy(
+                        current = fps,
+                        history = (state.history.takeLast(30) + fps).toImmutableList(),
+                    )
                     lastUpdate = ms
                     fpsCount = 0
                 }
@@ -87,20 +93,36 @@ fun rememberFpsState(): FpsState {
 }
 
 @Composable
-fun MonitorFps(modifier: Modifier = Modifier, fps: Int = 0) {
+private fun LeanbackMonitorFps(
+    modifier: Modifier = Modifier,
+    fpsProvider: () -> Int = { 0 },
+) {
+    val fps = fpsProvider()
+
     Text(
         modifier = modifier,
         text = "FPS: $fps",
         style = MaterialTheme.typography.bodyLarge,
-        color = MaterialTheme.colorScheme.onBackground,
     )
 }
 
+@Preview
+@Composable
+private fun LeanbackMonitorFpsPreview() {
+    LeanbackTheme {
+        LeanbackMonitorFps(
+            fpsProvider = { 60 }
+        )
+    }
+}
+
 @Composable
-fun MonitorFpsBar(
+private fun LeanbackMonitorFpsBar(
     modifier: Modifier = Modifier,
-    fpsList: List<Int> = emptyList(),
+    fpsListProvider: () -> ImmutableList<Int> = { persistentListOf() },
 ) {
+    val fpsList = fpsListProvider()
+
     Canvas(
         modifier = modifier
             .width(140.dp)
@@ -133,16 +155,20 @@ fun MonitorFpsBar(
 
 @Preview
 @Composable
-private fun MonitorFpsBarPreview() {
-    MyTVTheme {
-        MonitorFpsBar(fpsList = List(30) { it * 2 })
+private fun LeanbackMonitorFpsBarPreview() {
+    LeanbackTheme {
+        LeanbackMonitorFpsBar(
+            fpsListProvider = {
+                List(30) { it * 2 }.toImmutableList()
+            }
+        )
     }
 }
 
 @Preview
 @Composable
-private fun MonitorScreenPreview() {
-    MyTVTheme {
-        MonitorScreen()
+private fun LeanbackMonitorScreenPreview() {
+    LeanbackTheme {
+        LeanbackMonitorScreen()
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelDigitChannelSelectScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelChannelNoSelectScreen.kt
similarity index 63%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelDigitChannelSelectScreen.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelChannelNoSelectScreen.kt
index 9a220dc1..532a6f73 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelDigitChannelSelectScreen.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelChannelNoSelectScreen.kt
@@ -1,10 +1,11 @@
-package top.yogiczy.mytv.ui.screens.panel
+package top.yogiczy.mytv.ui.screens.leanback.panel
 
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.Stable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -16,20 +17,20 @@ import kotlinx.coroutines.FlowPreview
 import kotlinx.coroutines.channels.Channel
 import kotlinx.coroutines.flow.consumeAsFlow
 import kotlinx.coroutines.flow.debounce
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.panel.components.PanelChannelNo
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelChannelNo
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 
 @Composable
-fun PanelDigitChannelSelectScreen(
+fun LeanbackPanelChannelNoSelectScreen(
     modifier: Modifier = Modifier,
-    state: DigitChannelSelectState = rememberDigitChannelSelectState(),
+    channelNoProvider: () -> String = { "" },
 ) {
-    val childPadding = rememberChildPadding()
+    val childPadding = rememberLeanbackChildPadding()
 
     Box(modifier = modifier.fillMaxSize()) {
-        PanelChannelNo(
-            channelNo = state.channelNo,
+        LeanbackPanelChannelNo(
+            channelNoProvider = channelNoProvider,
             modifier = Modifier
                 .padding(top = childPadding.top, end = childPadding.end)
                 .align(Alignment.TopEnd),
@@ -39,15 +40,16 @@ fun PanelDigitChannelSelectScreen(
 
 @Preview(device = "id:Android TV (720p)")
 @Composable
-private fun PanelDigitChannelSelectPreview() {
-    MyTVTheme {
-        PanelDigitChannelSelectScreen(
-            state = DigitChannelSelectState(initialChannelNo = "123")
+private fun LeanbackPanelChannelNoSelectScreenPreview() {
+    LeanbackTheme {
+        LeanbackPanelChannelNoSelectScreen(
+            channelNoProvider = { "01" }
         )
     }
 }
 
-class DigitChannelSelectState internal constructor(
+@Stable
+class LeanbackPanelChannelNoSelectState(
     private val onChannelNoConfirm: (String) -> Unit = {},
     initialChannelNo: String = "",
 ) {
@@ -71,5 +73,8 @@ class DigitChannelSelectState internal constructor(
 }
 
 @Composable
-fun rememberDigitChannelSelectState(onChannelNoConfirm: (String) -> Unit = {}) =
-    remember { DigitChannelSelectState(onChannelNoConfirm) }.also { LaunchedEffect(it) { it.observe() } }
+fun rememberLeanbackPanelChannelNoSelectState(
+    onChannelNoConfirm: (String) -> Unit = {},
+) = remember {
+    LeanbackPanelChannelNoSelectState(onChannelNoConfirm)
+}.also { LaunchedEffect(it) { it.observe() } }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelDateTimeScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelDateTimeScreen.kt
new file mode 100644
index 00000000..b38f2546
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelDateTimeScreen.kt
@@ -0,0 +1,103 @@
+package top.yogiczy.mytv.ui.screens.leanback.panel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableLongStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.delay
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.SP
+import java.text.SimpleDateFormat
+import java.util.Locale
+
+@Composable
+fun LeanbackPanelDateTimeScreen(
+    modifier: Modifier = Modifier,
+    showModeProvider: () -> SP.UiTimeShowMode = { SP.UiTimeShowMode.HIDDEN },
+) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    var timeText by remember { mutableStateOf("") }
+    var visible by remember { mutableStateOf(false) }
+    LaunchedEffect(Unit) {
+        while (true) {
+            val timestamp = System.currentTimeMillis()
+
+            visible = when (showModeProvider()) {
+                SP.UiTimeShowMode.HIDDEN -> false
+                SP.UiTimeShowMode.ALWAYS -> true
+
+                SP.UiTimeShowMode.EVERY_HOUR -> {
+                    timestamp % 3600000 <= Constants.UI_TIME_SHOW_RANGE || timestamp % 3600000 >= 3600000 - Constants.UI_TIME_SHOW_RANGE
+                }
+
+                SP.UiTimeShowMode.HALF_HOUR -> {
+                    timestamp % 1800000 <= Constants.UI_TIME_SHOW_RANGE || timestamp % 1800000 >= 1800000 - Constants.UI_TIME_SHOW_RANGE
+                }
+            }
+
+            if (visible) {
+                timeText = when (showModeProvider()) {
+                    SP.UiTimeShowMode.ALWAYS -> SimpleDateFormat("HH:mm", Locale.getDefault())
+                    else -> SimpleDateFormat("HH:mm:ss", Locale.getDefault())
+                }.format(timestamp)
+            }
+
+            delay(1000)
+        }
+    }
+
+    Box(modifier = modifier.fillMaxSize()) {
+        if (visible) {
+            Text(
+                text = timeText,
+                style = MaterialTheme.typography.titleLarge,
+                modifier = Modifier
+                    .align(Alignment.TopEnd)
+                    .padding(top = childPadding.top, end = childPadding.end)
+                    .background(
+                        color = MaterialTheme.colorScheme.surface.copy(0.5f),
+                        shape = MaterialTheme.shapes.small,
+                    )
+                    .padding(horizontal = 8.dp, vertical = 4.dp),
+            )
+        }
+    }
+}
+
+@Composable
+private fun rememberTimestamp(): Long {
+    var timestamp by remember { mutableLongStateOf(System.currentTimeMillis()) }
+
+    LaunchedEffect(Unit) {
+        while (true) {
+            delay(1000)
+            timestamp = System.currentTimeMillis()
+        }
+    }
+
+    return timestamp
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackPanelDateTimeScreenPreview() {
+    LeanbackTheme {
+        LeanbackPanelDateTimeScreen(showModeProvider = { SP.UiTimeShowMode.ALWAYS })
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelScreen.kt
new file mode 100644
index 00000000..c2065eed
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelScreen.kt
@@ -0,0 +1,262 @@
+package top.yogiczy.mytv.ui.screens.leanback.panel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import top.yogiczy.mytv.data.entities.EpgList
+import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.data.entities.IptvGroupList
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvIdx
+import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvList
+import top.yogiczy.mytv.data.entities.IptvList
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelChannelNo
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelDateTime
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelIptvFavoriteList
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelIptvGroupList
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelIptvInfo
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelPlayerInfo
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackVideoPlayer
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackPanelScreen(
+    modifier: Modifier = Modifier,
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    currentIptvUrlIdxProvider: () -> Int = { 0 },
+    videoPlayerMetadataProvider: () -> LeanbackVideoPlayer.Metadata = { LeanbackVideoPlayer.Metadata() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    iptvFavoriteListProvider: () -> ImmutableList<String> = { persistentListOf() },
+    iptvFavoriteListVisibleProvider: () -> Boolean = { false },
+    onIptvFavoriteListVisibleChange: (Boolean) -> Unit = {},
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+    onClose: () -> Unit = {},
+) {
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .background(MaterialTheme.colorScheme.background.copy(alpha = 0.5f))
+            .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) },
+    ) {
+
+        LeanbackPanelScreenTopRight(
+            channelNoProvider = {
+                (iptvGroupList.iptvIdx(currentIptvProvider()) + 1).toString().padStart(2, '0')
+            }
+        )
+
+        LeanbackPanelScreenBottom(
+            iptvGroupList = iptvGroupList,
+            epgList = epgList,
+            currentIptvProvider = currentIptvProvider,
+            currentIptvUrlIdxProvider = currentIptvUrlIdxProvider,
+            videoPlayerMetadataProvider = videoPlayerMetadataProvider,
+            showProgrammeProgressProvider = showProgrammeProgressProvider,
+            iptvFavoriteListProvider = iptvFavoriteListProvider,
+            iptvFavoriteListVisibleProvider = iptvFavoriteListVisibleProvider,
+            onIptvFavoriteListVisibleChange = onIptvFavoriteListVisibleChange,
+            onIptvSelected = onIptvSelected,
+            onIptvFavoriteToggle = onIptvFavoriteToggle,
+        )
+    }
+}
+
+@Composable
+private fun LeanbackPanelScreenTopRight(
+    modifier: Modifier = Modifier,
+    channelNoProvider: () -> String = { "" },
+) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .padding(top = childPadding.top, end = childPadding.end),
+    ) {
+        Row(
+            modifier = Modifier.align(Alignment.TopEnd),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            LeanbackPanelChannelNo(channelNoProvider = channelNoProvider)
+
+            Box(modifier = Modifier.padding(horizontal = 8.dp)) {
+                Spacer(
+                    modifier = Modifier
+                        .background(Color.White)
+                        .width(2.dp)
+                        .height(30.dp),
+                )
+            }
+
+            LeanbackPanelDateTime()
+        }
+    }
+}
+
+@Composable
+private fun LeanbackPanelScreenBottom(
+    modifier: Modifier = Modifier,
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    currentIptvUrlIdxProvider: () -> Int = { 0 },
+    videoPlayerMetadataProvider: () -> LeanbackVideoPlayer.Metadata = { LeanbackVideoPlayer.Metadata() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    iptvFavoriteListProvider: () -> ImmutableList<String> = { persistentListOf() },
+    iptvFavoriteListVisibleProvider: () -> Boolean = { false },
+    onIptvFavoriteListVisibleChange: (Boolean) -> Unit = {},
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(modifier = modifier.fillMaxSize()) {
+        Column(
+            modifier = Modifier.align(Alignment.BottomStart),
+            verticalArrangement = Arrangement.spacedBy(20.dp),
+        ) {
+            LeanbackPanelIptvInfo(
+                modifier = Modifier
+                    .padding(start = childPadding.start),
+                iptvProvider = currentIptvProvider,
+                iptvUrlIdxProvider = currentIptvUrlIdxProvider,
+                currentProgrammesProvider = {
+                    epgList.currentProgrammes(currentIptvProvider())
+                }
+            )
+
+            LeanbackPanelPlayerInfo(
+                modifier = Modifier.padding(start = childPadding.start),
+                metadataProvider = videoPlayerMetadataProvider
+            )
+
+            LeanbackPanelScreenBottomIptvList(
+                iptvGroupList = iptvGroupList,
+                epgList = epgList,
+                currentIptvProvider = currentIptvProvider,
+                showProgrammeProgressProvider = showProgrammeProgressProvider,
+                iptvFavoriteListProvider = iptvFavoriteListProvider,
+                iptvFavoriteListVisibleProvider = iptvFavoriteListVisibleProvider,
+                onIptvFavoriteListVisibleChange = onIptvFavoriteListVisibleChange,
+                onIptvSelected = onIptvSelected,
+                onIptvFavoriteToggle = onIptvFavoriteToggle,
+            )
+        }
+    }
+}
+
+@Composable
+fun LeanbackPanelScreenBottomIptvList(
+    modifier: Modifier = Modifier,
+    iptvGroupList: IptvGroupList = IptvGroupList(),
+    epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    iptvFavoriteListProvider: () -> ImmutableList<String> = { persistentListOf() },
+    iptvFavoriteListVisibleProvider: () -> Boolean = { false },
+    onIptvFavoriteListVisibleChange: (Boolean) -> Unit = {},
+    onIptvSelected: (Iptv) -> Unit = {},
+    onIptvFavoriteToggle: (Iptv) -> Unit = {},
+) {
+    var favoriteListVisible by remember { mutableStateOf(iptvFavoriteListVisibleProvider()) }
+
+    Box(modifier = modifier.height(150.dp)) {
+        if (favoriteListVisible)
+            LeanbackPanelIptvFavoriteList(
+                iptvListProvider = {
+                    IptvList(iptvGroupList.iptvList
+                        .filter { iptvFavoriteListProvider().contains(it.channelName) })
+                },
+                epgList = epgList,
+                currentIptvProvider = currentIptvProvider,
+                showProgrammeProgressProvider = showProgrammeProgressProvider,
+                onIptvSelected = onIptvSelected,
+                onIptvFavoriteToggle = onIptvFavoriteToggle,
+                onClose = {
+                    favoriteListVisible = false
+                    onIptvFavoriteListVisibleChange(false)
+                },
+            )
+        else
+            LeanbackPanelIptvGroupList(
+                iptvGroupList = iptvGroupList,
+                epgList = epgList,
+                currentIptvProvider = currentIptvProvider,
+                showProgrammeProgressProvider = showProgrammeProgressProvider,
+                onIptvSelected = onIptvSelected,
+                onIptvFavoriteToggle = onIptvFavoriteToggle,
+                onToFavorite = {
+                    val favoriteList = iptvGroupList.iptvList
+                        .filter { iptvFavoriteListProvider().contains(it.channelName) }
+
+                    if (favoriteList.isNotEmpty()) {
+                        favoriteListVisible = true
+                        onIptvFavoriteListVisibleChange(true)
+                    } else {
+                        LeanbackToastState.I.showToast("没有收藏的频道")
+                    }
+                },
+            )
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackPanelScreenTopRightPreview() {
+    LeanbackTheme {
+        LeanbackPanelScreenTopRight(
+            channelNoProvider = { "01" },
+        )
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackPanelScreenBottomPreview() {
+    LeanbackTheme {
+        LeanbackPanelScreenBottom(
+            currentIptvProvider = { Iptv.EXAMPLE },
+            currentIptvUrlIdxProvider = { 0 },
+            iptvGroupList = IptvGroupList.EXAMPLE,
+        )
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackPanelScreenPreview() {
+    LeanbackTheme {
+        LeanbackPanelScreen(
+            currentIptvProvider = { Iptv.EXAMPLE },
+            currentIptvUrlIdxProvider = { 0 },
+            iptvGroupList = IptvGroupList.EXAMPLE,
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTempScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelTempScreen.kt
similarity index 54%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTempScreen.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelTempScreen.kt
index 73d7428b..48cf55e5 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTempScreen.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/PanelTempScreen.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.ui.screens.panel
+package top.yogiczy.mytv.ui.screens.leanback.panel
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -7,6 +7,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.sizeIn
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -16,31 +17,29 @@ import androidx.compose.ui.layout.layoutId
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Constraints
 import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
 import top.yogiczy.mytv.data.entities.EpgProgramme
 import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.progress
 import top.yogiczy.mytv.data.entities.EpgProgrammeCurrent
 import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.panel.components.PanelChannelNo
-import top.yogiczy.mytv.ui.screens.panel.components.PanelIptvInfo
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelChannelNo
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelIptvInfo
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 
 @Composable
-fun PanelTempScreen(
+fun LeanbackPanelTempScreen(
     modifier: Modifier = Modifier,
-    channelNo: Int = 0,
-    currentIptv: Iptv = Iptv.EMPTY,
-    currentIptvUrlIdx: Int = 0,
-    playerError: Boolean = false,
-    currentProgrammes: EpgProgrammeCurrent? = null,
-    showProgrammeProgress: Boolean = false,
+    channelNoProvider: () -> Int = { 0 },
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    currentIptvUrlIdxProvider: () -> Int = { 0 },
+    currentProgrammesProvider: () -> EpgProgrammeCurrent? = { null },
+    showProgrammeProgressProvider: () -> Boolean = { false },
 ) {
-    val childPadding = rememberChildPadding()
+    val childPadding = rememberLeanbackChildPadding()
 
     Box(modifier = modifier.fillMaxSize()) {
-        PanelChannelNo(
-            channelNo = channelNo.toString().padStart(2, '0'),
+        LeanbackPanelChannelNo(
+            channelNoProvider = { channelNoProvider().toString().padStart(2, '0') },
             modifier = Modifier
                 .padding(top = childPadding.top, end = childPadding.end)
                 .align(Alignment.TopEnd),
@@ -48,18 +47,18 @@ fun PanelTempScreen(
 
         Layout(
             content = {
-                PanelIptvInfo(
+                LeanbackPanelIptvInfo(
                     modifier = Modifier
                         .layoutId("info")
                         .padding(horizontal = 16.dp, vertical = 8.dp)
-                        .sizeIn(maxWidth = 500.dp),
-                    iptv = currentIptv,
-                    iptvUrlIdx = currentIptvUrlIdx,
-                    currentProgrammes = currentProgrammes,
-                    playerError = playerError,
+                        .sizeIn(maxWidth = 400.dp),
+                    iptvProvider = currentIptvProvider,
+                    iptvUrlIdxProvider = currentIptvUrlIdxProvider,
+                    currentProgrammesProvider = currentProgrammesProvider,
                 )
 
-                if (showProgrammeProgress && currentProgrammes?.now != null) {
+                val currentProgrammes = currentProgrammesProvider()
+                if (showProgrammeProgressProvider() && currentProgrammes?.now != null) {
                     Box(
                         modifier = Modifier
                             .layoutId("progress")
@@ -71,7 +70,9 @@ fun PanelTempScreen(
                 }
             },
             modifier = Modifier
-                .padding(start = childPadding.start, bottom = childPadding.bottom)
+                .padding(
+                    start = childPadding.start, bottom = childPadding.bottom
+                )
                 .align(Alignment.BottomStart)
                 .background(
                     MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
@@ -80,9 +81,8 @@ fun PanelTempScreen(
                 .clip(MaterialTheme.shapes.medium),
         ) { measurables, constraints ->
             val infoPlaceable = measurables.find { it.layoutId == "info" }?.measure(constraints)
-            val progressPlaceable =
-                measurables.find { it.layoutId == "progress" }
-                    ?.measure(Constraints(maxWidth = infoPlaceable?.width ?: 0))
+            val progressPlaceable = measurables.find { it.layoutId == "progress" }
+                ?.measure(Constraints(maxWidth = infoPlaceable?.width ?: 0))
 
             layout(infoPlaceable?.width ?: 0, infoPlaceable?.height ?: 0) {
                 infoPlaceable?.placeRelative(0, 0)
@@ -97,21 +97,22 @@ fun PanelTempScreen(
 
 @Preview(device = "id:Android TV (720p)")
 @Composable
-private fun IptvTempPanelPreview() {
-    MyTVTheme {
-        PanelTempScreen(
-            channelNo = 1,
-            currentIptv = Iptv.EXAMPLE,
-            playerError = true,
-            currentProgrammes = EpgProgrammeCurrent(
-                now = EpgProgramme(
-                    startAt = System.currentTimeMillis() - 100000,
-                    endAt = System.currentTimeMillis() + 200000,
-                    title = "实况录像-2023/"
-                ),
-                next = null,
-            ),
-            showProgrammeProgress = true,
+private fun LeanbackPanelTempScreenPreview() {
+    LeanbackTheme {
+        LeanbackPanelTempScreen(
+            channelNoProvider = { 1 },
+            currentIptvProvider = { Iptv.EXAMPLE },
+            currentProgrammesProvider = {
+                EpgProgrammeCurrent(
+                    now = EpgProgramme(
+                        startAt = System.currentTimeMillis() - 100000,
+                        endAt = System.currentTimeMillis() + 200000,
+                        title = "实况录像-2023/"
+                    ),
+                    next = null,
+                )
+            },
+            showProgrammeProgressProvider = { true },
         )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelChannelNo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelChannelNo.kt
new file mode 100644
index 00000000..88bdec62
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelChannelNo.kt
@@ -0,0 +1,31 @@
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackPanelChannelNo(
+    modifier: Modifier = Modifier,
+    channelNoProvider: () -> String = { "" },
+) {
+    Text(
+        modifier = modifier,
+        text = channelNoProvider(),
+        style = MaterialTheme.typography.displayMedium,
+        color = MaterialTheme.colorScheme.onBackground,
+    )
+}
+
+@Preview
+@Composable
+private fun LeanbackPanelChannelNoPreview() {
+    LeanbackTheme {
+        LeanbackPanelChannelNo(
+            channelNoProvider = { "01" }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelDateTime.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelDateTime.kt
similarity index 78%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelDateTime.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelDateTime.kt
index 0b1c607a..283541ba 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelDateTime.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelDateTime.kt
@@ -1,6 +1,8 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
@@ -10,22 +12,19 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
 import kotlinx.coroutines.delay
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 import java.text.SimpleDateFormat
 import java.util.Locale
 
 @Composable
-fun PanelDateTime(
+fun LeanbackPanelDateTime(
     modifier: Modifier = Modifier,
+    timestamp: Long = rememberTimestamp(),
 ) {
     val timeFormat = SimpleDateFormat("HH:mm:ss", Locale.getDefault())
     val dateFormat = SimpleDateFormat("MM/dd EEE", Locale.getDefault())
 
-    val timestamp = rememberTimestamp()
-
     Column(
         modifier = modifier,
         horizontalAlignment = Alignment.CenterHorizontally,
@@ -43,8 +42,16 @@ fun PanelDateTime(
     }
 }
 
+@Preview
+@Composable
+private fun LeanbackPanelDateTimePreview() {
+    LeanbackTheme {
+        LeanbackPanelDateTime()
+    }
+}
+
 @Composable
-fun rememberTimestamp(): Long {
+private fun rememberTimestamp(): Long {
     var timestamp by remember { mutableLongStateOf(System.currentTimeMillis()) }
 
     LaunchedEffect(Unit) {
@@ -55,12 +62,4 @@ fun rememberTimestamp(): Long {
     }
 
     return timestamp
-}
-
-@Preview
-@Composable
-private fun PanelDateTimePreview() {
-    MyTVTheme {
-        PanelDateTime()
-    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvEpg.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvEpg.kt
new file mode 100644
index 00000000..97679954
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvEpg.kt
@@ -0,0 +1,192 @@
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
+
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.PlayArrow
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.TvLazyListState
+import androidx.tv.foundation.lazy.list.items
+import androidx.tv.material3.ListItemDefaults
+import top.yogiczy.mytv.data.entities.Epg
+import top.yogiczy.mytv.data.entities.EpgProgramme
+import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.isLive
+import top.yogiczy.mytv.data.entities.EpgProgrammeList
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import java.text.SimpleDateFormat
+import java.util.Locale
+import kotlin.math.max
+
+@Composable
+fun LeanbackPanelIptvEpgDialog(
+    modifier: Modifier = Modifier,
+    showDialogProvider: () -> Boolean = { false },
+    onDismissRequest: () -> Unit = {},
+    iptvProvider: () -> Iptv = { Iptv() },
+    epgProvider: () -> Epg = { Epg() },
+) {
+    if (showDialogProvider()) {
+        val iptv = iptvProvider()
+        val epg = epgProvider()
+
+        AlertDialog(
+            modifier = modifier,
+            onDismissRequest = onDismissRequest,
+            confirmButton = { Text(text = "左右切换频道") },
+            title = { Text(iptv.channelName) },
+            text = {
+                val timeFormat = SimpleDateFormat("HH:mm", Locale.getDefault())
+                var hasFocused by remember(iptv) { mutableStateOf(false) }
+
+                TvLazyColumn(
+                    state = TvLazyListState(
+                        max(
+                            0,
+                            epg.programmes.indexOfFirst { it.isLive() } - 2)),
+                    contentPadding = PaddingValues(vertical = 4.dp),
+                ) {
+                    if (epg.programmes.isNotEmpty()) {
+                        items(epg.programmes, key = { it.hashCode() }) { programme ->
+                            var isFocused by remember { mutableStateOf(false) }
+                            val focusRequester = remember { FocusRequester() }
+
+                            LaunchedEffect(Unit) {
+                                if (programme.isLive() && !hasFocused) {
+                                    hasFocused = true
+                                    focusRequester.requestFocus()
+                                }
+                            }
+
+                            CompositionLocalProvider(
+                                LocalContentColor provides if (isFocused) MaterialTheme.colorScheme.background
+                                else MaterialTheme.colorScheme.onBackground
+                            ) {
+                                androidx.tv.material3.ListItem(
+                                    modifier = Modifier
+                                        .focusRequester(focusRequester)
+                                        .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
+                                        .handleLeanbackKeyEvents(
+                                            onSelect = { focusRequester.requestFocus() },
+                                        ),
+                                    colors = ListItemDefaults.colors(
+                                        containerColor = Color.Transparent,
+                                        focusedContainerColor = MaterialTheme.colorScheme.onBackground,
+                                        selectedContainerColor = Color.Transparent,
+                                    ),
+                                    selected = programme.isLive(),
+                                    onClick = { },
+                                    headlineContent = {
+                                        Text(
+                                            text = programme.title,
+                                            maxLines = if (isFocused) Int.MAX_VALUE else 1,
+                                        )
+                                    },
+                                    overlineContent = {
+                                        val start = timeFormat.format(programme.startAt)
+                                        val end = timeFormat.format(programme.endAt)
+                                        Text(text = "$start  ~ $end")
+                                    },
+                                    trailingContent = {
+                                        if (programme.isLive()) {
+                                            Icon(
+                                                Icons.Default.PlayArrow,
+                                                contentDescription = "playing",
+                                            )
+                                        }
+                                    },
+                                )
+                            }
+                        }
+                    } else {
+                        item {
+                            var isFocused by remember { mutableStateOf(false) }
+                            val focusRequester = remember { FocusRequester() }
+                            LaunchedEffect(Unit) {
+                                focusRequester.requestFocus()
+                            }
+
+                            CompositionLocalProvider(
+                                LocalContentColor provides if (isFocused) MaterialTheme.colorScheme.background
+                                else MaterialTheme.colorScheme.onBackground
+                            ) {
+                                androidx.tv.material3.ListItem(
+                                    modifier = Modifier
+                                        .focusRequester(focusRequester)
+                                        .onFocusChanged { isFocused = it.isFocused || it.hasFocus },
+                                    colors = ListItemDefaults.colors(
+                                        containerColor = Color.Transparent,
+                                        focusedContainerColor = MaterialTheme.colorScheme.onBackground,
+                                        selectedContainerColor = Color.Transparent,
+                                    ),
+                                    selected = true,
+                                    onClick = { },
+                                    headlineContent = {
+                                        Text(
+                                            text = "当前频道暂无节目",
+                                            maxLines = 1,
+                                        )
+                                    },
+                                )
+                            }
+                        }
+                    }
+                }
+            }
+        )
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackIptvEpgDialogPreview() {
+    LeanbackTheme {
+        LeanbackPanelIptvEpgDialog(
+            showDialogProvider = { true },
+            iptvProvider = { Iptv.EXAMPLE },
+            epgProvider = {
+                Epg(
+                    "CCTV1",
+                    EpgProgrammeList(
+                        listOf(
+                            EpgProgramme(
+                                startAt = System.currentTimeMillis() - 2000000,
+                                endAt = System.currentTimeMillis() - 1000000,
+                                title = "新闻联播"
+                            ),
+                            EpgProgramme(
+                                startAt = System.currentTimeMillis() - 1000000,
+                                endAt = System.currentTimeMillis() + 1000000,
+                                title = "新闻联播1"
+                            ),
+                            EpgProgramme(
+                                startAt = System.currentTimeMillis() + 1000000,
+                                endAt = System.currentTimeMillis() + 2000000,
+                                title = "新闻联播2"
+                            ),
+                        )
+                    ),
+                )
+            },
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvFavoriteList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvFavoriteList.kt
similarity index 53%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvFavoriteList.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvFavoriteList.kt
index 3d9ed331..ddcd785e 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvFavoriteList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvFavoriteList.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -7,9 +7,15 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
@@ -17,52 +23,49 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.tv.foundation.lazy.grid.TvGridCells
-import androidx.tv.foundation.lazy.grid.TvLazyGridState
 import androidx.tv.foundation.lazy.grid.TvLazyVerticalGrid
 import androidx.tv.foundation.lazy.grid.itemsIndexed
 import androidx.tv.foundation.lazy.grid.rememberTvLazyGridState
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.LocalTextStyle
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
 import top.yogiczy.mytv.data.entities.Epg
+import top.yogiczy.mytv.data.entities.Epg.Companion.currentProgrammes
 import top.yogiczy.mytv.data.entities.EpgList
 import top.yogiczy.mytv.data.entities.Iptv
 import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
 import kotlin.math.max
 import kotlin.math.min
 
 @Composable
-fun PanelIptvFavoriteList(
+fun LeanbackPanelIptvFavoriteList(
     modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
-    iptvList: IptvList = IptvList(),
+    iptvListProvider: () -> IptvList = { IptvList() },
     epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
     onIptvSelected: (Iptv) -> Unit = {},
     onIptvFavoriteToggle: (Iptv) -> Unit = {},
     onClose: () -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-    state: TvLazyGridState = rememberTvLazyGridState(max(0, iptvList.indexOf(currentIptv))),
 ) {
     val favoriteListSize = 6
-    val childPadding = rememberChildPadding()
+    val childPadding = rememberLeanbackChildPadding()
+
+    var key by remember { mutableIntStateOf(0) }
+    val iptvList = remember(key) { iptvListProvider() }
+    val listState = rememberTvLazyGridState(max(0, iptvList.indexOf(currentIptvProvider())))
 
     var showEpgDialog by remember { mutableStateOf(false) }
-    var currentShowEpgIptv by remember { mutableStateOf(Iptv.EMPTY) }
-    val currentEpg = remember(currentShowEpgIptv) {
-        epgList.firstOrNull { epg ->
-            epg.channel == currentShowEpgIptv.channelName
-        }
+    var currentShowEpgIptv by remember { mutableStateOf(Iptv()) }
+
+    LaunchedEffect(iptvList) {
+        if (iptvList.isEmpty()) onClose()
     }
 
     Column(modifier = modifier) {
         Row(modifier = Modifier.padding(start = childPadding.start)) {
             CompositionLocalProvider(
                 LocalTextStyle provides MaterialTheme.typography.labelMedium,
-                LocalContentColor provides MaterialTheme.colorScheme.onBackground,
             ) {
                 Text(text = "收藏")
                 Spacer(modifier = Modifier.width(6.dp))
@@ -74,9 +77,9 @@ fun PanelIptvFavoriteList(
         }
 
         TvLazyVerticalGrid(
-            state = state,
+            state = listState,
             columns = TvGridCells.Fixed(favoriteListSize),
-            horizontalArrangement = Arrangement.spacedBy(10.dp),
+            horizontalArrangement = Arrangement.spacedBy(14.dp),
             verticalArrangement = Arrangement.spacedBy(10.dp),
             contentPadding = PaddingValues(
                 top = 6.dp,
@@ -85,33 +88,46 @@ fun PanelIptvFavoriteList(
                 bottom = childPadding.bottom,
             ),
         ) {
-            itemsIndexed(iptvList) { index, it ->
-                PanelIptvItem(
+            itemsIndexed(iptvList) { index, iptv ->
+                LeanbackPanelIptvItem(
                     modifier = if (index < favoriteListSize) {
-                        Modifier.handleDPadKeyEvents(onUp = { onClose() })
+                        Modifier.handleLeanbackKeyEvents(onUp = { onClose() })
                     } else Modifier,
-                    iptv = it,
-                    onIptvSelected = { onIptvSelected(it) },
-                    epg = epgList.firstOrNull { epg -> epg.channel == it.channelName },
-                    onIptvFavoriteToggle = { onIptvFavoriteToggle(it) },
-                    showProgrammeProgress = showProgrammeProgress,
-                    initialFocused = if (index == 0 && !iptvList.contains(currentIptv)) true else it == currentIptv,
+                    iptvProvider = { iptv },
+                    currentProgrammeProvider = {
+                        epgList.firstOrNull { epg -> epg.channel == iptv.channelName }
+                            ?.currentProgrammes()?.now
+                    },
+                    showProgrammeProgressProvider = { showProgrammeProgressProvider() },
+                    onIptvSelected = { onIptvSelected(iptv) },
+                    onIptvFavoriteToggle = {
+                        key++
+                        onIptvFavoriteToggle(iptv)
+                    },
                     onShowEpg = {
-                        currentShowEpgIptv = it
+                        currentShowEpgIptv = iptv
                         showEpgDialog = true
-                    }
+                    },
+                    initialFocusedProvider = {
+                        if (index == 0 && !iptvList.contains(currentIptvProvider())) true
+                        else iptv == currentIptvProvider()
+                    },
                 )
             }
         }
     }
 
-    PanelIptvItemEpgDialog(
-        showDialog = showEpgDialog,
+    LeanbackPanelIptvEpgDialog(
+        showDialogProvider = { showEpgDialog },
         onDismissRequest = { showEpgDialog = false },
-        iptv = currentShowEpgIptv,
-        epg = currentEpg ?: Epg.EMPTY,
+        iptvProvider = { currentShowEpgIptv },
+        epgProvider = {
+            epgList.firstOrNull { epg ->
+                epg.channel == currentShowEpgIptv.channelName
+            } ?: Epg()
+        },
         modifier = Modifier
-            .handleDPadKeyEvents(
+            .handleLeanbackKeyEvents(
                 onLeft = {
                     currentShowEpgIptv = iptvList[max(0, iptvList.indexOf(currentShowEpgIptv) - 1)]
                 },
@@ -125,10 +141,10 @@ fun PanelIptvFavoriteList(
 
 @Preview(device = "id:Android TV (720p)")
 @Composable
-private fun PanelIptvFavoriteListPreview() {
-    MyTVTheme {
-        PanelIptvFavoriteList(
-            iptvList = IptvList.EXAMPLE,
+private fun LeanbackPanelIptvFavoriteListPreview() {
+    LeanbackTheme {
+        LeanbackPanelIptvFavoriteList(
+            iptvListProvider = { IptvList.EXAMPLE },
         )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvGroupList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvGroupList.kt
similarity index 57%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvGroupList.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvGroupList.kt
index ed506888..ebf26fed 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvGroupList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvGroupList.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -7,61 +7,59 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.TvLazyListState
 import androidx.tv.foundation.lazy.list.itemsIndexed
 import androidx.tv.foundation.lazy.list.rememberTvLazyListState
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.LocalTextStyle
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
 import top.yogiczy.mytv.data.entities.EpgList
 import top.yogiczy.mytv.data.entities.Iptv
 import top.yogiczy.mytv.data.entities.IptvGroupList
 import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvGroupIdx
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
 import kotlin.math.max
 
 @Composable
-fun PanelIptvGroupList(
+fun LeanbackPanelIptvGroupList(
     modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
     iptvGroupList: IptvGroupList = IptvGroupList(),
     epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
     onIptvSelected: (Iptv) -> Unit = {},
     onIptvFavoriteToggle: (Iptv) -> Unit = {},
-    onChangeToFavoriteList: () -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-    state: TvLazyListState = rememberTvLazyListState(
-        max(0, iptvGroupList.iptvGroupIdx(currentIptv))
-    ),
+    onToFavorite: () -> Unit = {},
 ) {
-    val childPadding = rememberChildPadding()
+    val listState =
+        rememberTvLazyListState(max(0, iptvGroupList.iptvGroupIdx(currentIptvProvider())))
+    val childPadding = rememberLeanbackChildPadding()
 
     TvLazyColumn(
-        state = state,
         modifier = modifier,
+        state = listState,
         verticalArrangement = Arrangement.spacedBy(14.dp),
         contentPadding = PaddingValues(bottom = childPadding.bottom),
     ) {
-        itemsIndexed(iptvGroupList) { index, it ->
-            Row(modifier = Modifier.padding(start = childPadding.start)) {
+        itemsIndexed(iptvGroupList) { index, iptvGroup ->
+            Row(
+                modifier = Modifier.padding(start = childPadding.start),
+                horizontalArrangement = Arrangement.spacedBy(6.dp),
+            ) {
                 CompositionLocalProvider(
                     LocalTextStyle provides MaterialTheme.typography.labelMedium,
-                    LocalContentColor provides MaterialTheme.colorScheme.onBackground,
                 ) {
-                    Text(text = it.name)
-                    Spacer(modifier = Modifier.width(6.dp))
+                    Text(text = iptvGroup.name)
                     Text(
-                        text = "${it.iptvs.size}个频道",
+                        text = "${iptvGroup.iptvList.size}个频道",
                         color = LocalContentColor.current.copy(alpha = 0.8f),
                     )
                 }
@@ -69,16 +67,16 @@ fun PanelIptvGroupList(
 
             Spacer(modifier = Modifier.height(6.dp))
 
-            PanelIptvList(
+            LeanbackPanelIptvList(
                 modifier = if (index == 0) {
-                    Modifier.handleDPadKeyEvents(onUp = { onChangeToFavoriteList() })
+                    Modifier.handleLeanbackKeyEvents(onUp = { onToFavorite() })
                 } else Modifier,
-                currentIptv = currentIptv,
-                iptvList = it.iptvs,
+                iptvList = iptvGroup.iptvList,
                 epgList = epgList,
+                currentIptvProvider = currentIptvProvider,
+                showProgrammeProgressProvider = showProgrammeProgressProvider,
                 onIptvSelected = onIptvSelected,
                 onIptvFavoriteToggle = onIptvFavoriteToggle,
-                showProgrammeProgress = showProgrammeProgress,
             )
         }
     }
@@ -86,12 +84,12 @@ fun PanelIptvGroupList(
 
 @Preview(device = "id:Android TV (720p)")
 @Composable
-private fun PanelIptvGroupListPreview() {
-    MyTVTheme {
+private fun LeanbackPanelIptvGroupListPreview() {
+    LeanbackTheme {
         Box(modifier = Modifier.height(150.dp)) {
-            PanelIptvGroupList(
+            LeanbackPanelIptvGroupList(
                 iptvGroupList = IptvGroupList.EXAMPLE,
-                currentIptv = Iptv.EXAMPLE,
+                currentIptvProvider = { Iptv.EXAMPLE },
             )
         }
     }
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvInfo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvInfo.kt
similarity index 61%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvInfo.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvInfo.kt
index 452bf704..56a60aba 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvInfo.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvInfo.kt
@@ -1,7 +1,6 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import android.net.Uri
-import android.util.Log
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -9,6 +8,10 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.LaunchedEffect
@@ -20,46 +23,32 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.LocalTextStyle
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.withContext
 import top.yogiczy.mytv.data.entities.EpgProgrammeCurrent
 import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 import java.net.Inet6Address
 import java.net.InetAddress
 
 @Composable
-fun PanelIptvInfo(
+fun LeanbackPanelIptvInfo(
     modifier: Modifier = Modifier,
-    iptv: Iptv = Iptv.EMPTY,
-    iptvUrlIdx: Int = 0,
-    currentProgrammes: EpgProgrammeCurrent? = null,
-    playerError: Boolean = false,
+    iptvProvider: () -> Iptv = { Iptv() },
+    iptvUrlIdxProvider: () -> Int = { 0 },
+    currentProgrammesProvider: () -> EpgProgrammeCurrent? = { null },
 ) {
-    var isUrlIpv6 by remember { mutableStateOf<Boolean?>(null) }
+    val iptv = iptvProvider()
+    val iptvUrlIdx = iptvUrlIdxProvider()
+    val currentProgrammes = currentProgrammesProvider()
 
-    LaunchedEffect(iptv, iptvUrlIdx) {
-        withContext(Dispatchers.IO) {
-            isUrlIpv6 = null
-            try {
-                val uri = Uri.parse(iptv.urlList[iptvUrlIdx])
-                isUrlIpv6 = InetAddress.getByName(uri.host) is Inet6Address
-            } catch (ex: Exception) {
-                Log.e("PanelIptvInfo", ex.message, ex)
-            }
-        }
-    }
+    val urlType = rememberUrlType(iptv.urlList[iptvUrlIdx])
 
     Column(modifier = modifier) {
         Row(verticalAlignment = Alignment.Bottom) {
             Text(
                 text = iptv.name,
                 style = MaterialTheme.typography.headlineLarge,
-                color = MaterialTheme.colorScheme.onBackground,
                 modifier = Modifier.alignByBaseline(),
                 maxLines = 1,
             )
@@ -73,11 +62,11 @@ fun PanelIptvInfo(
             ) {
                 CompositionLocalProvider(
                     LocalTextStyle provides MaterialTheme.typography.labelMedium,
-                    LocalContentColor provides MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
+                    LocalContentColor provides LocalContentColor.current.copy(alpha = 0.8f),
                 ) {
                     val textModifier = Modifier
                         .background(
-                            MaterialTheme.colorScheme.onBackground.copy(alpha = 0.3f),
+                            LocalContentColor.current.copy(alpha = 0.3f),
                             MaterialTheme.shapes.extraSmall,
                         )
                         .padding(vertical = 2.dp, horizontal = 4.dp)
@@ -91,31 +80,19 @@ fun PanelIptvInfo(
                     }
 
                     // ipv4、iptv6标识
-                    if (isUrlIpv6 != null) {
+                    if (urlType != UrlType.UNKNOWN) {
                         Text(
-                            text = if (isUrlIpv6 == true) "IPV6" else "IPV4",
+                            text = if (urlType == UrlType.IPV6) "IPV6" else "IPV4",
                             modifier = textModifier,
                         )
                     }
                 }
             }
-
-            Spacer(modifier = Modifier.width(16.dp))
-
-            if (playerError) {
-                Text(
-                    text = "播放失败",
-                    style = MaterialTheme.typography.headlineSmall,
-                    color = MaterialTheme.colorScheme.error,
-                    modifier = Modifier.alignByBaseline(),
-                    softWrap = false,
-                )
-            }
         }
 
         CompositionLocalProvider(
             LocalTextStyle provides MaterialTheme.typography.bodyLarge,
-            LocalContentColor provides MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
+            LocalContentColor provides LocalContentColor.current.copy(alpha = 0.8f),
         ) {
             Text(
                 text = "正在播放：${currentProgrammes?.now?.title ?: "无节目"}",
@@ -129,14 +106,39 @@ fun PanelIptvInfo(
     }
 }
 
-@Preview(device = "id:Android TV (720p)")
 @Composable
-private fun PanelIptvInfoPreview() {
-    MyTVTheme {
-        PanelIptvInfo(
-            iptv = Iptv.EXAMPLE,
-            currentProgrammes = EpgProgrammeCurrent.EXAMPLE,
-            playerError = true,
+private fun rememberUrlType(url: String): UrlType {
+    var urlType by remember { mutableStateOf(UrlType.UNKNOWN) }
+
+    LaunchedEffect(url) {
+        withContext(Dispatchers.IO) {
+            urlType = UrlType.UNKNOWN
+            try {
+                val uri = Uri.parse(url)
+                urlType =
+                    if (InetAddress.getByName(uri.host) is Inet6Address) UrlType.IPV6
+                    else UrlType.IPV4
+            } catch (_: Exception) {
+            }
+        }
+    }
+
+    return urlType
+}
+
+private enum class UrlType {
+    UNKNOWN,
+    IPV4,
+    IPV6;
+}
+
+@Preview
+@Composable
+private fun LeanbackPanelIptvInfoPreview() {
+    LeanbackTheme {
+        LeanbackPanelIptvInfo(
+            iptvProvider = { Iptv.EXAMPLE },
+            currentProgrammesProvider = { EpgProgrammeCurrent.EXAMPLE },
         )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvItem.kt
new file mode 100644
index 00000000..cdb8d8c7
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvItem.kt
@@ -0,0 +1,175 @@
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.saveable.rememberSaveable
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.material3.Border
+import androidx.tv.material3.CardDefaults
+import top.yogiczy.mytv.data.entities.EpgProgramme
+import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.progress
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+
+@Composable
+fun LeanbackPanelIptvItem(
+    modifier: Modifier = Modifier,
+    iptvProvider: () -> Iptv = { Iptv() },
+    currentProgrammeProvider: () -> EpgProgramme? = { null },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    onIptvSelected: () -> Unit = {},
+    onIptvFavoriteToggle: () -> Unit = {},
+    onShowEpg: () -> Unit = {},
+    initialFocusedProvider: () -> Boolean = { false },
+    onFocused: () -> Unit = {},
+) {
+    var hasFocused by rememberSaveable { mutableStateOf(false) }
+    var isFocused by remember { mutableStateOf(false) }
+    val focusRequester = remember { FocusRequester() }
+
+    val iptv = iptvProvider()
+    val currentProgramme = currentProgrammeProvider()
+    val showProgrammeProgress = showProgrammeProgressProvider()
+
+    LaunchedEffect(Unit) {
+        if (initialFocusedProvider() && !hasFocused) {
+            hasFocused = true
+            focusRequester.requestFocus()
+        }
+    }
+
+    androidx.tv.material3.Card(
+        onClick = { },
+        modifier = modifier
+            .width(130.dp)
+            .height(54.dp)
+            .focusRequester(focusRequester)
+            .onFocusChanged {
+                isFocused = it.isFocused || it.hasFocus
+                if (isFocused) onFocused()
+            }
+            .handleLeanbackKeyEvents(
+                onSelect = {
+                    if (isFocused) onIptvSelected()
+                    else focusRequester.requestFocus()
+                },
+                onLongSelect = {
+                    if (isFocused) onIptvFavoriteToggle()
+                    else focusRequester.requestFocus()
+                },
+                onSettings = {
+                    if (isFocused) onShowEpg()
+                    else focusRequester.requestFocus()
+                }
+            ),
+        colors = CardDefaults.colors(
+            containerColor = Color.Transparent,
+        ),
+        border = CardDefaults.border(
+            focusedBorder = Border(
+                border = BorderStroke(width = 1.dp, color = MaterialTheme.colorScheme.onBackground),
+            ),
+        ),
+    ) {
+        Box(
+            modifier = Modifier.background(
+                color = if (isFocused) MaterialTheme.colorScheme.onBackground
+                else MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
+            ),
+        ) {
+            Column(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .padding(horizontal = 8.dp, vertical = 4.dp),
+                verticalArrangement = Arrangement.SpaceAround,
+            ) {
+                Text(
+                    text = iptv.name,
+                    style = MaterialTheme.typography.bodyLarge,
+                    maxLines = 1,
+                    color = if (isFocused) MaterialTheme.colorScheme.background
+                    else MaterialTheme.colorScheme.onBackground,
+                )
+
+                Text(
+                    text = currentProgramme?.title ?: "",
+                    style = MaterialTheme.typography.labelSmall,
+                    maxLines = 1,
+                    modifier = Modifier.alpha(0.8f),
+                    color = if (isFocused) MaterialTheme.colorScheme.background
+                    else MaterialTheme.colorScheme.onBackground,
+                )
+            }
+
+            // 节目进度条
+            if (showProgrammeProgress && currentProgramme != null) {
+                Box(
+                    modifier = Modifier
+                        .align(Alignment.BottomStart)
+                        .fillMaxWidth(currentProgramme.progress())
+                        .height(3.dp)
+                        .background(
+                            if (isFocused) MaterialTheme.colorScheme.surface.copy(alpha = 0.9f)
+                            else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.9f)
+                        ),
+                )
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackPanelIptvItemPreview() {
+    LeanbackTheme {
+        Column(
+            modifier = Modifier.padding(20.dp),
+            verticalArrangement = Arrangement.spacedBy(20.dp),
+        ) {
+            LeanbackPanelIptvItem(
+                iptvProvider = { Iptv.EXAMPLE },
+                currentProgrammeProvider = {
+                    EpgProgramme(
+                        startAt = System.currentTimeMillis() - 100000,
+                        endAt = System.currentTimeMillis() + 200000,
+                        title = "新闻联播",
+                    )
+                },
+                showProgrammeProgressProvider = { true },
+            )
+
+            LeanbackPanelIptvItem(iptvProvider = { Iptv.EXAMPLE }, currentProgrammeProvider = {
+                EpgProgramme(
+                    startAt = System.currentTimeMillis() - 100000,
+                    endAt = System.currentTimeMillis() + 200000,
+                    title = "新闻联播",
+                )
+            }, showProgrammeProgressProvider = { true }, initialFocusedProvider = { true })
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvList.kt
similarity index 54%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvList.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvList.kt
index 44d530d2..e9108a12 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvList.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelIptvList.kt
@@ -1,7 +1,8 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
@@ -10,73 +11,75 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyListState
 import androidx.tv.foundation.lazy.list.TvLazyRow
 import androidx.tv.foundation.lazy.list.items
 import androidx.tv.foundation.lazy.list.rememberTvLazyListState
 import top.yogiczy.mytv.data.entities.Epg
+import top.yogiczy.mytv.data.entities.Epg.Companion.currentProgrammes
 import top.yogiczy.mytv.data.entities.EpgList
 import top.yogiczy.mytv.data.entities.Iptv
 import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
 import kotlin.math.max
 import kotlin.math.min
 
 @Composable
-fun PanelIptvList(
+fun LeanbackPanelIptvList(
     modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
     iptvList: IptvList = IptvList(),
-    onIptvSelected: (Iptv) -> Unit = {},
     epgList: EpgList = EpgList(),
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    showProgrammeProgressProvider: () -> Boolean = { false },
+    onIptvSelected: (Iptv) -> Unit = {},
     onIptvFavoriteToggle: (Iptv) -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-    state: TvLazyListState = rememberTvLazyListState(max(0, iptvList.indexOf(currentIptv))),
 ) {
-    val childPadding = rememberChildPadding()
+    val listState = rememberTvLazyListState(max(0, iptvList.indexOf(currentIptvProvider()) - 2))
+    val childPadding = rememberLeanbackChildPadding()
 
     var showEpgDialog by remember { mutableStateOf(false) }
-    var currentShowEpgIptv by remember { mutableStateOf(Iptv.EMPTY) }
-    val currentEpg = remember(currentShowEpgIptv) {
-        epgList.firstOrNull { epg ->
-            epg.channel == currentShowEpgIptv.channelName
-        }
-    }
+    var currentShowEpgIptv by remember { mutableStateOf(Iptv()) }
 
     TvLazyRow(
-        state = state,
+        state = listState,
         modifier = modifier,
-        horizontalArrangement = Arrangement.spacedBy(10.dp),
+        horizontalArrangement = Arrangement.spacedBy(14.dp),
         contentPadding = PaddingValues(
             start = childPadding.start,
             end = childPadding.end,
         ),
     ) {
         items(iptvList) { iptv ->
-            PanelIptvItem(
-                iptv = iptv,
-                epg = epgList.firstOrNull { epg -> epg.channel == iptv.channelName },
+            LeanbackPanelIptvItem(
+                iptvProvider = { iptv },
+                currentProgrammeProvider = {
+                    epgList.firstOrNull { epg -> epg.channel == iptv.channelName }
+                        ?.currentProgrammes()?.now
+                },
+                showProgrammeProgressProvider = { showProgrammeProgressProvider() },
                 onIptvSelected = { onIptvSelected(iptv) },
                 onIptvFavoriteToggle = { onIptvFavoriteToggle(iptv) },
-                showProgrammeProgress = showProgrammeProgress,
                 onShowEpg = {
                     currentShowEpgIptv = iptv
                     showEpgDialog = true
                 },
-                initialFocused = iptv == currentIptv,
+                initialFocusedProvider = { iptv == currentIptvProvider() },
             )
         }
     }
 
-    PanelIptvItemEpgDialog(
-        showDialog = showEpgDialog,
+    LeanbackPanelIptvEpgDialog(
+        showDialogProvider = { showEpgDialog },
         onDismissRequest = { showEpgDialog = false },
-        iptv = currentShowEpgIptv,
-        epg = currentEpg ?: Epg.EMPTY,
+        iptvProvider = { currentShowEpgIptv },
+        epgProvider = {
+            epgList.firstOrNull { epg ->
+                epg.channel == currentShowEpgIptv.channelName
+            } ?: Epg()
+        },
         modifier = Modifier
-            .handleDPadKeyEvents(
+            .handleLeanbackKeyEvents(
                 onLeft = {
                     currentShowEpgIptv = iptvList[max(0, iptvList.indexOf(currentShowEpgIptv) - 1)]
                 },
@@ -88,13 +91,14 @@ fun PanelIptvList(
     )
 }
 
-@Preview(device = "id:Android TV (720p)")
+@Preview
 @Composable
-private fun PanelIptvListPreview() {
-    MyTVTheme {
-        PanelIptvList(
+private fun LeanbackPanelIptvListPreview() {
+    LeanbackTheme {
+        LeanbackPanelIptvList(
+            modifier = Modifier.padding(20.dp),
             iptvList = IptvList.EXAMPLE,
-            currentIptv = Iptv.EXAMPLE,
+            currentIptvProvider = { Iptv.EXAMPLE },
         )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelPlayerInfo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelPlayerInfo.kt
similarity index 57%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelPlayerInfo.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelPlayerInfo.kt
index 69b329b1..845fc713 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelPlayerInfo.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/panel/components/PanelPlayerInfo.kt
@@ -1,8 +1,13 @@
-package top.yogiczy.mytv.ui.screens.panel.components
+package top.yogiczy.mytv.ui.screens.leanback.panel.components
 
 import android.net.TrafficStats
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.LaunchedEffect
@@ -13,39 +18,40 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.LocalTextStyle
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
 import kotlinx.coroutines.delay
-import top.yogiczy.mytv.ui.screens.video.PlayerState
-import top.yogiczy.mytv.ui.screens.video.rememberPlayerState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackVideoPlayer
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 import java.text.DecimalFormat
 
 @Composable
-fun PanelPlayerInfo(
+fun LeanbackPanelPlayerInfo(
     modifier: Modifier = Modifier,
-    playerState: PlayerState = rememberPlayerState(),
-    netSpeed: Long = rememberNetSpeed()
+    metadataProvider: () -> LeanbackVideoPlayer.Metadata = { LeanbackVideoPlayer.Metadata() },
 ) {
     CompositionLocalProvider(
         LocalTextStyle provides MaterialTheme.typography.bodyLarge,
         LocalContentColor provides MaterialTheme.colorScheme.onBackground
     ) {
         Row(modifier = modifier, horizontalArrangement = Arrangement.spacedBy(16.dp)) {
-            PanelPlayerInfoResolution(playerState.resolution)
+            PanelPlayerInfoResolution(
+                resolutionProvider = {
+                    val metadata = metadataProvider()
+                    metadata.videoWidth to metadata.videoHeight
+                }
+            )
 
-            PanelPlayerInfoNetSpeed(netSpeed = netSpeed)
+            PanelPlayerInfoNetSpeed()
         }
     }
 }
 
 @Composable
-fun PanelPlayerInfoResolution(
-    resolution: Pair<Int, Int>,
+private fun PanelPlayerInfoResolution(
     modifier: Modifier = Modifier,
+    resolutionProvider: () -> Pair<Int, Int> = { 0 to 0 },
 ) {
+    val resolution = resolutionProvider()
+
     Text(
         text = "分辨率：${resolution.first}×${resolution.second}",
         modifier = modifier,
@@ -53,7 +59,7 @@ fun PanelPlayerInfoResolution(
 }
 
 @Composable
-fun PanelPlayerInfoNetSpeed(
+private fun PanelPlayerInfoNetSpeed(
     modifier: Modifier = Modifier,
     netSpeed: Long = rememberNetSpeed(),
 ) {
@@ -87,15 +93,29 @@ private fun rememberNetSpeed(): Long {
     return netSpeed
 }
 
-@Preview(device = "id:Android TV (720p)")
+@Preview
 @Composable
-private fun PanelPlayerInfoPreview() {
-    MyTVTheme {
-        PanelPlayerInfo(
-            playerState = PlayerState().apply {
-                resolution = Pair(1920, 1080)
+private fun LeanbackPanelPlayerInfoPreview() {
+    LeanbackTheme {
+        LeanbackPanelPlayerInfo(
+            metadataProvider = {
+                LeanbackVideoPlayer.Metadata(
+                    videoWidth = 1920,
+                    videoHeight = 1080,
+                )
             },
-            netSpeed = 242313,
         )
     }
+}
+
+@Preview
+@Composable
+private fun LeanbackPanelPlayerInfoNetSpeedPreview() {
+    LeanbackTheme {
+        Column(verticalArrangement = Arrangement.spacedBy(4.dp)) {
+            PanelPlayerInfoNetSpeed()
+            PanelPlayerInfoNetSpeed(netSpeed = 54321)
+            PanelPlayerInfoNetSpeed(netSpeed = 1222 * 1222)
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/quickpanel/QuickPanelScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/quickpanel/QuickPanelScreen.kt
new file mode 100644
index 00000000..e7b08fdd
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/quickpanel/QuickPanelScreen.kt
@@ -0,0 +1,182 @@
+package top.yogiczy.mytv.ui.screens.leanback.quickpanel
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.material3.ButtonDefaults
+import top.yogiczy.mytv.data.entities.EpgProgrammeCurrent
+import top.yogiczy.mytv.data.entities.Iptv
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelIptvInfo
+import top.yogiczy.mytv.ui.screens.leanback.panel.components.LeanbackPanelPlayerInfo
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackVideoPlayer
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+
+@Composable
+fun LeanbackQuickPanelScreen(
+    modifier: Modifier = Modifier,
+    currentIptvProvider: () -> Iptv = { Iptv() },
+    currentIptvUrlIdxProvider: () -> Int = { 0 },
+    currentProgrammesProvider: () -> EpgProgrammeCurrent? = { null },
+    videoPlayerMetadataProvider: () -> LeanbackVideoPlayer.Metadata = { LeanbackVideoPlayer.Metadata() },
+    videoPlayerAspectRatioProvider: () -> Float = { 16f / 9f },
+    onChangeVideoPlayerAspectRatio: (Float) -> Unit = {},
+    onClearCache: () -> Unit = {},
+    onMoreSettings: () -> Unit = {},
+    onClose: () -> Unit = {},
+) {
+    val childPadding = rememberLeanbackChildPadding()
+    val focusRequester = remember { FocusRequester() }
+
+    LaunchedEffect(Unit) {
+        focusRequester.requestFocus()
+    }
+
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .focusRequester(focusRequester)
+            .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) },
+    ) {
+        Box(
+            modifier = Modifier
+                .align(Alignment.BottomStart)
+                .fillMaxWidth()
+                .background(
+                    color = MaterialTheme.colorScheme.surface.copy(alpha = 0.9f),
+                    shape = MaterialTheme.shapes.large.copy(
+                        bottomStart = CornerSize(0.0.dp),
+                        bottomEnd = CornerSize(0.0.dp),
+                    ),
+                )
+                .padding(
+                    start = childPadding.start,
+                    bottom = childPadding.bottom,
+                    top = 20.dp,
+                ),
+        ) {
+            Column(
+                verticalArrangement = Arrangement.spacedBy(20.dp)
+            ) {
+                LeanbackPanelIptvInfo(
+                    iptvProvider = currentIptvProvider,
+                    iptvUrlIdxProvider = currentIptvUrlIdxProvider,
+                    currentProgrammesProvider = currentProgrammesProvider,
+                )
+
+                LeanbackPanelPlayerInfo(
+                    metadataProvider = videoPlayerMetadataProvider,
+                )
+
+                Row(
+                    horizontalArrangement = Arrangement.spacedBy(14.dp),
+                ) {
+                    LeanbackQuickPanelButton(
+                        titleProvider = { "清除缓存" },
+                        onSelect = onClearCache,
+                    )
+
+                    val configuration = LocalConfiguration.current
+                    val screenAspectRatio =
+                        configuration.screenWidthDp.toFloat() / configuration.screenHeightDp.toFloat()
+                    LeanbackQuickPanelButton(
+                        titleProvider = {
+                            "画面模式 " + when (videoPlayerAspectRatioProvider()) {
+                                16f / 9f -> "16:9"
+                                4f / 3f -> "4:3"
+                                screenAspectRatio -> "自动拉伸"
+                                else -> "其他"
+                            }
+                        },
+                        onSelect = {
+                            onChangeVideoPlayerAspectRatio(
+                                when (videoPlayerAspectRatioProvider()) {
+                                    16f / 9f -> 4f / 3f
+                                    4f / 3f -> screenAspectRatio
+                                    screenAspectRatio -> 16f / 9f
+                                    else -> 16f / 9f
+                                }
+                            )
+                        },
+                    )
+
+                    LeanbackQuickPanelButton(
+                        titleProvider = { "更多设置" },
+                        onSelect = onMoreSettings,
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Composable
+private fun LeanbackQuickPanelButton(
+    modifier: Modifier = Modifier,
+    titleProvider: () -> String,
+    onSelect: () -> Unit = {},
+) {
+    val focusRequester = remember { FocusRequester() }
+    var isFocused by remember { mutableStateOf(false) }
+
+    androidx.tv.material3.Button(
+        onClick = { },
+        shape = ButtonDefaults.shape(
+            shape = MaterialTheme.shapes.small,
+        ),
+        modifier = modifier
+            .focusRequester(focusRequester)
+            .onFocusChanged {
+                isFocused = it.isFocused || it.hasFocus
+            }
+            .handleLeanbackKeyEvents(
+                onSelect = {
+                    if (isFocused) onSelect()
+                    else focusRequester.requestFocus()
+                },
+            ),
+    ) {
+        androidx.tv.material3.Text(text = titleProvider())
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackQuickPanelScreenPreview() {
+    LeanbackTheme {
+        LeanbackQuickPanelScreen(
+            currentIptvProvider = { Iptv.EXAMPLE },
+            currentProgrammesProvider = { EpgProgrammeCurrent.EXAMPLE },
+            videoPlayerMetadataProvider = {
+                LeanbackVideoPlayer.Metadata(
+                    videoWidth = 1920,
+                    videoHeight = 1080,
+                )
+            }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsCategories.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsCategories.kt
new file mode 100644
index 00000000..1ffb653e
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsCategories.kt
@@ -0,0 +1,28 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.BugReport
+import androidx.compose.material.icons.filled.DisplaySettings
+import androidx.compose.material.icons.filled.Info
+import androidx.compose.material.icons.filled.LiveTv
+import androidx.compose.material.icons.filled.Menu
+import androidx.compose.material.icons.filled.MoreHoriz
+import androidx.compose.material.icons.filled.Settings
+import androidx.compose.material.icons.filled.Star
+import androidx.compose.material.icons.filled.Update
+import androidx.compose.ui.graphics.vector.ImageVector
+
+enum class LeanbackSettingsCategories(
+    val icon: ImageVector,
+    val title: String
+) {
+    ABOUT(Icons.Default.Info, "关于"),
+    APP(Icons.Default.Settings, "应用"),
+    IPTV(Icons.Default.LiveTv, "直播源"),
+    EPG(Icons.Default.Menu, "节目单"),
+    UI(Icons.Default.DisplaySettings, "界面"),
+    FAVORITE(Icons.Default.Star, "收藏"),
+    UPDATE(Icons.Default.Update, "更新"),
+    DEBUG(Icons.Default.BugReport, "调试"),
+    MORE(Icons.Default.MoreHoriz, "更多设置"),
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsScreen.kt
new file mode 100644
index 00000000..4098f2f5
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsScreen.kt
@@ -0,0 +1,77 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.gestures.detectTapGestures
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.input.pointer.pointerInput
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.settings.components.LeanbackSettingsCategoryContent
+import top.yogiczy.mytv.ui.screens.leanback.settings.components.LeanbackSettingsCategoryList
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsScreen(
+    modifier: Modifier = Modifier,
+    onClose: () -> Unit = {},
+) {
+    val childPadding = rememberLeanbackChildPadding()
+    val focusRequester = remember { FocusRequester() }
+    LaunchedEffect(Unit) {
+        focusRequester.requestFocus()
+    }
+
+    var focusedCategory by remember { mutableStateOf(LeanbackSettingsCategories.entries.first()) }
+
+    Box(
+        modifier = modifier
+            .fillMaxSize()
+            .focusRequester(focusRequester)
+            .background(MaterialTheme.colorScheme.surface)
+            .padding(
+                top = childPadding.top + 20.dp,
+                bottom = childPadding.bottom,
+                start = childPadding.start,
+                end = childPadding.end,
+            )
+            .pointerInput(Unit) { detectTapGestures(onTap = { }) },
+    ) {
+        Row(
+            horizontalArrangement = Arrangement.spacedBy(40.dp),
+        ) {
+            LeanbackSettingsCategoryList(
+                modifier = Modifier.width(200.dp),
+                focusedCategoryProvider = { focusedCategory },
+                onFocused = { focusedCategory = it },
+            )
+
+            LeanbackSettingsCategoryContent(
+                focusedCategoryProvider = { focusedCategory },
+            )
+        }
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackSettingsScreenPreview() {
+    LeanbackTheme {
+        LeanbackSettingsScreen()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsViewModel.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsViewModel.kt
new file mode 100644
index 00000000..cc5603b4
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/SettingsViewModel.kt
@@ -0,0 +1,219 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings
+
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.lifecycle.ViewModel
+import top.yogiczy.mytv.ui.utils.SP
+
+class LeanbackSettingsViewModel : ViewModel() {
+    private var _appBootLaunch by mutableStateOf(SP.appBootLaunch)
+    var appBootLaunch: Boolean
+        get() = _appBootLaunch
+        set(value) {
+            _appBootLaunch = value
+            SP.appBootLaunch = value
+        }
+
+    private var _appLastLatestVersion by mutableStateOf(SP.appLastLatestVersion)
+    var appLastLatestVersion: String
+        get() = _appLastLatestVersion
+        set(value) {
+            _appLastLatestVersion = value
+            SP.appLastLatestVersion = value
+        }
+
+    private var _appDeviceDisplayType by mutableStateOf(SP.appDeviceDisplayType)
+    var appDeviceDisplayType: SP.AppDeviceDisplayType
+        get() = _appDeviceDisplayType
+        set(value) {
+            _appDeviceDisplayType = value
+            SP.appDeviceDisplayType = value
+        }
+
+    private var _debugShowFps by mutableStateOf(SP.debugShowFps)
+    var debugShowFps: Boolean
+        get() = _debugShowFps
+        set(value) {
+            _debugShowFps = value
+            SP.debugShowFps = value
+        }
+
+    private var _debugShowVideoPlayerMetadata by mutableStateOf(SP.debugShowVideoPlayerMetadata)
+    var debugShowVideoPlayerMetadata: Boolean
+        get() = _debugShowVideoPlayerMetadata
+        set(value) {
+            _debugShowVideoPlayerMetadata = value
+            SP.debugShowVideoPlayerMetadata = value
+        }
+
+    private var _iptvLastIptvIdx by mutableIntStateOf(SP.iptvLastIptvIdx)
+    var iptvLastIptvIdx: Int
+        get() = _iptvLastIptvIdx
+        set(value) {
+            _iptvLastIptvIdx = value
+            SP.iptvLastIptvIdx = value
+        }
+
+    private var _iptvChannelChangeFlip by mutableStateOf(SP.iptvChannelChangeFlip)
+    var iptvChannelChangeFlip: Boolean
+        get() = _iptvChannelChangeFlip
+        set(value) {
+            _iptvChannelChangeFlip = value
+            SP.iptvChannelChangeFlip = value
+        }
+
+    private var _iptvSourceSimplify by mutableStateOf(SP.iptvSourceSimplify)
+    var iptvSourceSimplify: Boolean
+        get() = _iptvSourceSimplify
+        set(value) {
+            _iptvSourceSimplify = value
+            SP.iptvSourceSimplify = value
+        }
+
+    private var _iptvSourceCacheTime by mutableStateOf(SP.iptvSourceCacheTime)
+    var iptvSourceCacheTime: Long
+        get() = _iptvSourceCacheTime
+        set(value) {
+            _iptvSourceCacheTime = value
+            SP.iptvSourceCacheTime = value
+        }
+
+    private var _iptvSourceUrl by mutableStateOf(SP.iptvSourceUrl)
+    var iptvSourceUrl: String
+        get() = _iptvSourceUrl
+        set(value) {
+            _iptvSourceUrl = value
+            SP.iptvSourceUrl = value
+        }
+
+    private var _iptvPlayableHostList by mutableStateOf(SP.iptvPlayableHostList)
+    var iptvPlayableHostList: Set<String>
+        get() = _iptvPlayableHostList
+        set(value) {
+            _iptvPlayableHostList = value
+            SP.iptvPlayableHostList = value
+        }
+
+    private var _iptvChannelNoSelectEnable by mutableStateOf(SP.iptvChannelNoSelectEnable)
+    var iptvChannelNoSelectEnable: Boolean
+        get() = _iptvChannelNoSelectEnable
+        set(value) {
+            _iptvChannelNoSelectEnable = value
+            SP.iptvChannelNoSelectEnable = value
+        }
+
+    private var _iptvSourceUrlHistoryList by mutableStateOf(SP.iptvSourceUrlHistoryList)
+    var iptvSourceUrlHistoryList: Set<String>
+        get() = _iptvSourceUrlHistoryList
+        set(value) {
+            _iptvSourceUrlHistoryList = value
+            SP.iptvSourceUrlHistoryList = value
+        }
+
+    private var _iptvChannelFavoriteEnable by mutableStateOf(SP.iptvChannelFavoriteEnable)
+    var iptvChannelFavoriteEnable: Boolean
+        get() = _iptvChannelFavoriteEnable
+        set(value) {
+            _iptvChannelFavoriteEnable = value
+            SP.iptvChannelFavoriteEnable = value
+        }
+
+    private var _iptvChannelFavoriteListVisible by mutableStateOf(SP.iptvChannelFavoriteListVisible)
+    var iptvChannelFavoriteListVisible: Boolean
+        get() = _iptvChannelFavoriteListVisible
+        set(value) {
+            _iptvChannelFavoriteListVisible = value
+            SP.iptvChannelFavoriteListVisible = value
+        }
+
+    private var _iptvChannelFavoriteList by mutableStateOf(SP.iptvChannelFavoriteList)
+    var iptvChannelFavoriteList: Set<String>
+        get() = _iptvChannelFavoriteList
+        set(value) {
+            _iptvChannelFavoriteList = value
+            SP.iptvChannelFavoriteList = value
+        }
+
+    private var _epgEnable by mutableStateOf(SP.epgEnable)
+    var epgEnable: Boolean
+        get() = _epgEnable
+        set(value) {
+            _epgEnable = value
+            SP.epgEnable = value
+        }
+
+    private var _epgXmlUrl by mutableStateOf(SP.epgXmlUrl)
+    var epgXmlUrl: String
+        get() = _epgXmlUrl
+        set(value) {
+            _epgXmlUrl = value
+            SP.epgXmlUrl = value
+        }
+
+    private var _epgRefreshTimeThreshold by mutableIntStateOf(SP.epgRefreshTimeThreshold)
+    var epgRefreshTimeThreshold: Int
+        get() = _epgRefreshTimeThreshold
+        set(value) {
+            _epgRefreshTimeThreshold = value
+            SP.epgRefreshTimeThreshold = value
+        }
+
+    private var _epgXmlUrlHistoryList by mutableStateOf(SP.epgXmlUrlHistoryList)
+    var epgXmlUrlHistoryList: Set<String>
+        get() = _epgXmlUrlHistoryList
+        set(value) {
+            _epgXmlUrlHistoryList = value
+            SP.epgXmlUrlHistoryList = value
+        }
+
+    private var _uiShowEpgProgrammeProgress by mutableStateOf(SP.uiShowEpgProgrammeProgress)
+    var uiShowEpgProgrammeProgress: Boolean
+        get() = _uiShowEpgProgrammeProgress
+        set(value) {
+            _uiShowEpgProgrammeProgress = value
+            SP.uiShowEpgProgrammeProgress = value
+        }
+
+    private var _uiUseClassicPanelScreen by mutableStateOf(SP.uiUseClassicPanelScreen)
+    var uiUseClassicPanelScreen: Boolean
+        get() = _uiUseClassicPanelScreen
+        set(value) {
+            _uiUseClassicPanelScreen = value
+            SP.uiUseClassicPanelScreen = value
+        }
+
+    private var _uiDensityScaleRatio by mutableFloatStateOf(SP.uiDensityScaleRatio)
+    var uiDensityScaleRatio: Float
+        get() = _uiDensityScaleRatio
+        set(value) {
+            _uiDensityScaleRatio = value
+            SP.uiDensityScaleRatio = value
+        }
+
+    private var _uiFontScaleRatio by mutableFloatStateOf(SP.uiFontScaleRatio)
+    var uiFontScaleRatio: Float
+        get() = _uiFontScaleRatio
+        set(value) {
+            _uiFontScaleRatio = value
+            SP.uiFontScaleRatio = value
+        }
+
+    private var _uiTimeShowMode by mutableStateOf(SP.uiTimeShowMode)
+    var uiTimeShowMode: SP.UiTimeShowMode
+        get() = _uiTimeShowMode
+        set(value) {
+            _uiTimeShowMode = value
+            SP.uiTimeShowMode = value
+        }
+
+    private var _updateForceRemind by mutableStateOf(SP.updateForceRemind)
+    var updateForceRemind: Boolean
+        get() = _updateForceRemind
+        set(value) {
+            _updateForceRemind = value
+            SP.updateForceRemind = value
+        }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryAbout.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryAbout.kt
new file mode 100644
index 00000000..2a245e38
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryAbout.kt
@@ -0,0 +1,63 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import android.content.Context
+import android.content.pm.PackageInfo
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsCategoryAbout(
+    modifier: Modifier = Modifier,
+    packageInfo: PackageInfo = rememberPackageInfo(),
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "应用名称",
+                trailingContent = Constants.APP_TITLE,
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "应用版本",
+                trailingContent = packageInfo.versionName,
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "代码仓库",
+                trailingContent = Constants.APP_REPO,
+            )
+        }
+    }
+}
+
+@Composable
+private fun rememberPackageInfo(context: Context = LocalContext.current): PackageInfo =
+    context.packageManager.getPackageInfo(context.packageName, 0)
+
+@Preview
+@Composable
+private fun LeanbackSettingsAboutPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryAbout(
+            packageInfo = PackageInfo().apply {
+                versionName = "1.0.0"
+            }
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryApp.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryApp.kt
new file mode 100644
index 00000000..00cd26b3
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryApp.kt
@@ -0,0 +1,64 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.screens.leanback.update.LeanBackUpdateViewModel
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsCategoryApp(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+    updateViewModel: LeanBackUpdateViewModel = viewModel(),
+) {
+
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "开机自启",
+                supportingContent = "请确保当前设备支持该功能",
+                trailingContent = {
+                    Switch(checked = settingsViewModel.appBootLaunch, onCheckedChange = null)
+                },
+                onSelected = {
+                    settingsViewModel.appBootLaunch = !settingsViewModel.appBootLaunch
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "应用更新",
+                supportingContent = "最新版本：v${updateViewModel.latestRelease.version}",
+                trailingContent = if (updateViewModel.isUpdateAvailable) "发现新版本" else "无更新",
+                onSelected = {
+                    updateViewModel.showDialog = true
+                },
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryAppPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryApp(
+            modifier = Modifier.padding(20.dp),
+            settingsViewModel = LeanbackSettingsViewModel(),
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryContent.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryContent.kt
new file mode 100644
index 00000000..75bb79b1
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryContent.kt
@@ -0,0 +1,37 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsCategories
+
+@Composable
+fun LeanbackSettingsCategoryContent(
+    modifier: Modifier = Modifier,
+    focusedCategoryProvider: () -> LeanbackSettingsCategories = { LeanbackSettingsCategories.entries.first() },
+) {
+    val focusedCategory = focusedCategoryProvider()
+
+    Column(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(16.dp),
+    ) {
+        Text(text = focusedCategory.title, style = MaterialTheme.typography.headlineSmall)
+
+        when (focusedCategory) {
+            LeanbackSettingsCategories.ABOUT -> LeanbackSettingsCategoryAbout()
+            LeanbackSettingsCategories.APP -> LeanbackSettingsCategoryApp()
+            LeanbackSettingsCategories.IPTV -> LeanbackSettingsCategoryIptv()
+            LeanbackSettingsCategories.EPG -> LeanbackSettingsCategoryEpg()
+            LeanbackSettingsCategories.UI -> LeanbackSettingsCategoryUI()
+            LeanbackSettingsCategories.FAVORITE -> LeanbackSettingsCategoryFavorite()
+            LeanbackSettingsCategories.UPDATE -> LeanbackSettingsCategoryUpdate()
+            LeanbackSettingsCategories.DEBUG -> LeanbackSettingsCategoryDebug()
+            LeanbackSettingsCategories.MORE -> LeanbackSettingsCategoryMore()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryDebug.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryDebug.kt
new file mode 100644
index 00000000..d24cf5d8
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryDebug.kt
@@ -0,0 +1,66 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsCategoryDebug(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "显示FPS",
+                supportingContent = "在屏幕左上角显示fps和柱状图",
+                trailingContent = {
+                    Switch(checked = settingsViewModel.debugShowFps, onCheckedChange = null)
+                },
+                onSelected = {
+                    settingsViewModel.debugShowFps = !settingsViewModel.debugShowFps
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "显示播放器信息",
+                supportingContent = "显示播放器详细信息（编码、解码器、采样率等）",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.debugShowVideoPlayerMetadata,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.debugShowVideoPlayerMetadata =
+                        !settingsViewModel.debugShowVideoPlayerMetadata
+                },
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryDebugPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryDebug(
+            modifier = Modifier.padding(20.dp)
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryEpg.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryEpg.kt
new file mode 100644
index 00000000..c55e7ee2
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryEpg.kt
@@ -0,0 +1,221 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Switch
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.TvLazyListState
+import androidx.tv.foundation.lazy.list.items
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import kotlinx.collections.immutable.toImmutableList
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.data.repositories.epg.EpgRepository
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import kotlin.math.max
+
+@Composable
+fun LeanbackSettingsCategoryEpg(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    val coroutineScope = rememberCoroutineScope()
+
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "节目单启用",
+                supportingContent = "首次加载时可能会有跳帧风险",
+                trailingContent = {
+                    Switch(checked = settingsViewModel.epgEnable, onCheckedChange = null)
+                },
+                onSelected = {
+                    settingsViewModel.epgEnable = !settingsViewModel.epgEnable
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "节目单刷新时间阈值",
+                supportingContent = "短按增加1小时，长按设为0小时；时间不到${settingsViewModel.epgRefreshTimeThreshold}:00节目单将不会刷新",
+                trailingContent = "${settingsViewModel.epgRefreshTimeThreshold}小时",
+                onSelected = {
+                    settingsViewModel.epgRefreshTimeThreshold =
+                        (settingsViewModel.epgRefreshTimeThreshold + 1) % 12
+                },
+                onLongSelected = {
+                    settingsViewModel.epgRefreshTimeThreshold = 0
+                },
+            )
+        }
+
+        item {
+            var showDialog by remember { mutableStateOf(false) }
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "自定义节目单",
+                supportingContent = if (settingsViewModel.epgXmlUrl != Constants.EPG_XML_URL)
+                    settingsViewModel.epgXmlUrl else null,
+                trailingContent = if (settingsViewModel.epgXmlUrl != Constants.EPG_XML_URL) "已启用" else "未启用",
+                onSelected = { showDialog = true },
+            )
+
+            LeanbackSettingsEpgSourceHistoryDialog(
+                showDialogProvider = { showDialog },
+                onDismissRequest = { showDialog = false },
+                epgXmlUrlHistoryProvider = {
+                    settingsViewModel.epgXmlUrlHistoryList.filter {
+                        it != Constants.EPG_XML_URL
+                    }.toImmutableList()
+                },
+                currentEpgXmlUrlProvider = { settingsViewModel.epgXmlUrl },
+                onSelected = {
+                    showDialog = false
+                    if (settingsViewModel.epgXmlUrl != it) {
+                        settingsViewModel.epgXmlUrl = it
+                        coroutineScope.launch { EpgRepository().clearCache() }
+                    }
+                },
+                onDeleted = {
+                    settingsViewModel.epgXmlUrlHistoryList -= it
+                }
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "清除缓存",
+                supportingContent = "短按清除节目单缓存文件",
+                onSelected = {
+                    coroutineScope.launch { EpgRepository().clearCache() }
+                    LeanbackToastState.I.showToast("清除缓存成功")
+                },
+            )
+        }
+    }
+}
+
+@Composable
+private fun LeanbackSettingsEpgSourceHistoryDialog(
+    modifier: Modifier = Modifier,
+    showDialogProvider: () -> Boolean = { false },
+    onDismissRequest: () -> Unit = {},
+    epgXmlUrlHistoryProvider: () -> ImmutableList<String> = { persistentListOf() },
+    currentEpgXmlUrlProvider: () -> String = { Constants.EPG_XML_URL },
+    onSelected: (String) -> Unit = {},
+    onDeleted: (String) -> Unit = {},
+) {
+    val epgXmlUrlHistory = listOf(Constants.EPG_XML_URL) + epgXmlUrlHistoryProvider()
+    val currentEpgXmlUrl = currentEpgXmlUrlProvider()
+
+    if (showDialogProvider()) {
+        AlertDialog(
+            modifier = modifier,
+            onDismissRequest = onDismissRequest,
+            confirmButton = { Text(text = "短按切换；长按删除历史记录") },
+            title = { Text("历史节目单") },
+            text = {
+                var hasFocused by remember { mutableStateOf(false) }
+
+                TvLazyColumn(
+                    state = TvLazyListState(
+                        max(0, epgXmlUrlHistory.indexOf(currentEpgXmlUrl) - 2),
+                    ),
+                    contentPadding = PaddingValues(vertical = 4.dp),
+                ) {
+                    items(epgXmlUrlHistory) { url ->
+                        val focusRequester = remember { FocusRequester() }
+                        var isFocused by remember { mutableStateOf(false) }
+
+                        LaunchedEffect(Unit) {
+                            if (url == currentEpgXmlUrl && !hasFocused) {
+                                hasFocused = true
+                                focusRequester.requestFocus()
+                            }
+                        }
+
+                        androidx.tv.material3.ListItem(
+                            modifier = Modifier
+                                .focusRequester(focusRequester)
+                                .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
+                                .handleLeanbackKeyEvents(
+                                    onSelect = {
+                                        if (isFocused) onSelected(url)
+                                        else focusRequester.requestFocus()
+                                    },
+                                    onLongSelect = {
+                                        if (isFocused) onDeleted(url)
+                                        else focusRequester.requestFocus()
+                                    }
+                                ),
+                            selected = currentEpgXmlUrl == url,
+                            onClick = { },
+                            headlineContent = {
+                                androidx.tv.material3.Text(
+                                    text = if (url == Constants.EPG_XML_URL) "默认节目单" else url,
+                                    modifier = Modifier.fillMaxWidth(),
+                                    maxLines = if (isFocused) Int.MAX_VALUE else 2,
+                                )
+                            },
+                            trailingContent = {
+                                if (currentEpgXmlUrl == url) {
+                                    androidx.tv.material3.Icon(
+                                        Icons.Default.CheckCircle,
+                                        contentDescription = "checked",
+                                    )
+                                }
+                            },
+                        )
+                    }
+                }
+            }
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryEpgPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryEpg(
+            modifier = Modifier.padding(20.dp),
+            settingsViewModel = LeanbackSettingsViewModel().apply {
+                epgXmlUrl = "https://iptv-org.github.io/epg.xml"
+                epgXmlUrlHistoryList = setOf(
+                    "https://iptv-org.github.io/epg.xml",
+                    "https://iptv-org.github.io/epg2.xml",
+                    "https://iptv-org.github.io/epg3.xml",
+                )
+            }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryFavorite.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryFavorite.kt
new file mode 100644
index 00000000..b65e5ddd
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryFavorite.kt
@@ -0,0 +1,73 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsCategoryFavorite(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "收藏启用",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.iptvChannelFavoriteEnable,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.iptvChannelFavoriteEnable =
+                        !settingsViewModel.iptvChannelFavoriteEnable
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "当前已收藏",
+                supportingContent = "包括不存在直播源中的频道",
+                trailingContent = "${settingsViewModel.iptvChannelFavoriteList.size}个频道",
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "清空全部收藏",
+                supportingContent = "短按立即清空全部收藏",
+                onSelected = {
+                    settingsViewModel.iptvChannelFavoriteList = emptySet()
+                }
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryFavoritePreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryFavorite(
+            modifier = Modifier.padding(20.dp),
+            settingsViewModel = LeanbackSettingsViewModel().apply {
+                iptvChannelFavoriteList = setOf("CCTV-1", "CCTV-2", "CCTV-3")
+            }
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryIptv.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryIptv.kt
new file mode 100644
index 00000000..a116fd0b
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryIptv.kt
@@ -0,0 +1,258 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.Switch
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.TvLazyListState
+import androidx.tv.foundation.lazy.list.items
+import kotlinx.collections.immutable.ImmutableList
+import kotlinx.collections.immutable.persistentListOf
+import kotlinx.collections.immutable.toImmutableList
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.data.repositories.iptv.IptvRepository
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+import kotlin.math.max
+
+@Composable
+fun LeanbackSettingsCategoryIptv(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    val coroutineScope = rememberCoroutineScope()
+
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "数字选台",
+                supportingContent = "通过数字选择频道",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.iptvChannelNoSelectEnable,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.iptvChannelNoSelectEnable =
+                        !settingsViewModel.iptvChannelNoSelectEnable
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "换台反转",
+                supportingContent = if (settingsViewModel.iptvChannelChangeFlip) "方向键上：下一个频道；方向键下：上一个频道"
+                else "方向键上：上一个频道；方向键下：下一个频道",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.iptvChannelChangeFlip,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.iptvChannelChangeFlip =
+                        !settingsViewModel.iptvChannelChangeFlip
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "直播源精简",
+                supportingContent = if (settingsViewModel.iptvSourceSimplify) "显示精简直播源(仅央视、地方卫视)" else "显示完整直播源",
+                trailingContent = {
+                    Switch(checked = settingsViewModel.iptvSourceSimplify, onCheckedChange = null)
+                },
+                onSelected = {
+                    settingsViewModel.iptvSourceSimplify = !settingsViewModel.iptvSourceSimplify
+                },
+            )
+        }
+
+        item {
+            fun formatDuration(ms: Long): String {
+                return when (ms) {
+                    in 0..<60_000 -> "${ms / 1000}秒"
+                    in 60_000..<3_600_000 -> "${ms / 60_000}分钟"
+                    else -> "${ms / 3_600_000}小时"
+                }
+            }
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "直播源缓存时间",
+                supportingContent = "短按增加1小时，长按设为0小时",
+                trailingContent = formatDuration(settingsViewModel.iptvSourceCacheTime),
+                onSelected = {
+                    settingsViewModel.iptvSourceCacheTime =
+                        (settingsViewModel.iptvSourceCacheTime + 1 * 1000 * 60 * 60) % (1000 * 60 * 60 * 24)
+                },
+                onLongSelected = {
+                    settingsViewModel.iptvSourceCacheTime = 0
+                },
+            )
+        }
+
+        item {
+            var showDialog by remember { mutableStateOf(false) }
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "自定义直播源",
+                supportingContent = if (settingsViewModel.iptvSourceUrl != Constants.IPTV_SOURCE_URL) settingsViewModel.iptvSourceUrl else null,
+                trailingContent = if (settingsViewModel.iptvSourceUrl != Constants.IPTV_SOURCE_URL) "已启用" else "未启用",
+                onSelected = { showDialog = true },
+            )
+
+            LeanbackSettingsIptvSourceHistoryDialog(showDialogProvider = { showDialog },
+                onDismissRequest = { showDialog = false },
+                iptvSourceHistoryProvider = {
+                    settingsViewModel.iptvSourceUrlHistoryList.filter {
+                        it != Constants.IPTV_SOURCE_URL
+                    }.toImmutableList()
+                },
+                currentIptvSourceProvider = { settingsViewModel.iptvSourceUrl },
+                onSelected = {
+                    showDialog = false
+                    if (settingsViewModel.iptvSourceUrl != it) {
+                        settingsViewModel.iptvSourceUrl = it
+                        coroutineScope.launch { IptvRepository().clearCache() }
+                    }
+                },
+                onDeleted = {
+                    settingsViewModel.iptvSourceUrlHistoryList -= it
+                })
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "清除缓存",
+                supportingContent = "短按清除直播源缓存文件、可播放域名列表",
+                onSelected = {
+                    settingsViewModel.iptvPlayableHostList = emptySet()
+                    coroutineScope.launch { IptvRepository().clearCache() }
+                    LeanbackToastState.I.showToast("清除缓存成功")
+                },
+            )
+        }
+    }
+}
+
+@Composable
+private fun LeanbackSettingsIptvSourceHistoryDialog(
+    modifier: Modifier = Modifier,
+    showDialogProvider: () -> Boolean = { false },
+    onDismissRequest: () -> Unit = {},
+    iptvSourceHistoryProvider: () -> ImmutableList<String> = { persistentListOf() },
+    currentIptvSourceProvider: () -> String = { Constants.IPTV_SOURCE_URL },
+    onSelected: (String) -> Unit = {},
+    onDeleted: (String) -> Unit = {},
+) {
+    val iptvSourceHistory = listOf(Constants.IPTV_SOURCE_URL) + iptvSourceHistoryProvider()
+    val currentIptvSource = currentIptvSourceProvider()
+
+    if (showDialogProvider()) {
+        AlertDialog(modifier = modifier,
+            onDismissRequest = onDismissRequest,
+            confirmButton = { Text(text = "短按切换；长按删除历史记录") },
+            title = { Text("历史直播源") },
+            text = {
+                var hasFocused by remember { mutableStateOf(false) }
+
+                TvLazyColumn(
+                    state = TvLazyListState(
+                        max(0, iptvSourceHistory.indexOf(currentIptvSource) - 2),
+                    ),
+                    contentPadding = PaddingValues(vertical = 4.dp),
+                ) {
+                    items(iptvSourceHistory) { source ->
+                        val focusRequester = remember { FocusRequester() }
+                        var isFocused by remember { mutableStateOf(false) }
+
+                        LaunchedEffect(Unit) {
+                            if (source == currentIptvSource && !hasFocused) {
+                                hasFocused = true
+                                focusRequester.requestFocus()
+                            }
+                        }
+
+                        androidx.tv.material3.ListItem(
+                            modifier = Modifier
+                                .focusRequester(focusRequester)
+                                .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
+                                .handleLeanbackKeyEvents(onSelect = {
+                                    if (isFocused) onSelected(source)
+                                    else focusRequester.requestFocus()
+                                }, onLongSelect = {
+                                    if (isFocused) onDeleted(source)
+                                    else focusRequester.requestFocus()
+                                }),
+                            selected = currentIptvSource == source,
+                            onClick = { },
+                            headlineContent = {
+                                androidx.tv.material3.Text(
+                                    text = if (source == Constants.IPTV_SOURCE_URL) "默认直播源（网络需要支持ipv6）" else source,
+                                    modifier = Modifier.fillMaxWidth(),
+                                    maxLines = if (isFocused) Int.MAX_VALUE else 2,
+                                )
+                            },
+                            trailingContent = {
+                                if (currentIptvSource == source) {
+                                    androidx.tv.material3.Icon(
+                                        Icons.Default.CheckCircle,
+                                        contentDescription = "checked",
+                                    )
+                                }
+                            },
+                        )
+                    }
+                }
+            })
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryIptvPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryIptv(
+            modifier = Modifier.padding(20.dp),
+            settingsViewModel = LeanbackSettingsViewModel().apply {
+                iptvSourceCacheTime = 3_600_000
+                iptvSourceUrl = "https://iptv-org.github.io/iptv/iptv.m3u"
+                iptvSourceUrlHistoryList = setOf(
+                    "https://iptv-org.github.io/iptv/iptv.m3u",
+                    "https://iptv-org.github.io/iptv/iptv2.m3u",
+                    "https://iptv-org.github.io/iptv/iptv3.m3u",
+                )
+            },
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryList.kt
new file mode 100644
index 00000000..c8a4271b
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryList.kt
@@ -0,0 +1,112 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusDirection
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.focusRestorer
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.foundation.lazy.list.items
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsCategories
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+
+@OptIn(ExperimentalComposeUiApi::class)
+@Composable
+fun LeanbackSettingsCategoryList(
+    modifier: Modifier = Modifier,
+    focusedCategoryProvider: () -> LeanbackSettingsCategories = { LeanbackSettingsCategories.entries.first() },
+    onFocused: (LeanbackSettingsCategories) -> Unit = {},
+) {
+    TvLazyColumn(
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        modifier = modifier.focusRestorer()
+    ) {
+        items(LeanbackSettingsCategories.entries) {
+            val isSelected by remember { derivedStateOf { focusedCategoryProvider() == it } }
+            LeanbackSettingsCategoryItem(
+                icon = it.icon,
+                title = it.title,
+                isSelectedProvider = { isSelected },
+                onFocused = { onFocused(it) },
+            )
+        }
+    }
+}
+
+@Composable
+private fun LeanbackSettingsCategoryItem(
+    modifier: Modifier = Modifier,
+    icon: ImageVector,
+    title: String,
+    isSelectedProvider: () -> Boolean = { false },
+    onFocused: () -> Unit = {},
+) {
+    val focusManager = LocalFocusManager.current
+    val focusRequester = remember { FocusRequester() }
+    var isFocused by remember { mutableStateOf(false) }
+
+    androidx.tv.material3.ListItem(
+        selected = isSelectedProvider(),
+        onClick = { },
+        leadingContent = { androidx.tv.material3.Icon(icon, title) },
+        headlineContent = { androidx.tv.material3.Text(text = title) },
+        modifier = modifier
+            .focusRequester(focusRequester)
+            .onFocusChanged {
+                isFocused = it.isFocused || it.hasFocus
+                if (isFocused) {
+                    onFocused()
+                }
+            }
+            .handleLeanbackKeyEvents(
+                onSelect = {
+                    if (isFocused) focusManager.moveFocus(FocusDirection.Right)
+                    else focusRequester.requestFocus()
+                }
+            ),
+    )
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryItemPreview() {
+    LeanbackTheme {
+        Column(
+            verticalArrangement = Arrangement.spacedBy(10.dp)
+        ) {
+            LeanbackSettingsCategoryItem(
+                icon = LeanbackSettingsCategories.ABOUT.icon,
+                title = LeanbackSettingsCategories.ABOUT.title,
+            )
+
+            LeanbackSettingsCategoryItem(
+                icon = LeanbackSettingsCategories.ABOUT.icon,
+                title = LeanbackSettingsCategories.ABOUT.title,
+                isSelectedProvider = { true },
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryListPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryList()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryListItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryListItem.kt
new file mode 100644
index 00000000..4bc3a22c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryListItem.kt
@@ -0,0 +1,74 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.surfaceColorAtElevation
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.unit.dp
+import androidx.tv.material3.ListItemDefaults
+import top.yogiczy.mytv.ui.utils.handleLeanbackKeyEvents
+
+@Composable
+fun LeanbackSettingsCategoryListItem(
+    modifier: Modifier = Modifier,
+    headlineContent: String,
+    supportingContent: String? = null,
+    trailingContent: @Composable () -> Unit = {},
+    onSelected: () -> Unit = {},
+    onLongSelected: () -> Unit = {},
+) {
+    val focusRequester = remember { FocusRequester() }
+    var isFocused by remember { mutableStateOf(false) }
+
+    androidx.tv.material3.ListItem(
+        selected = false,
+        onClick = { },
+        colors = ListItemDefaults.colors(
+            containerColor = MaterialTheme.colorScheme.surfaceColorAtElevation(4.dp),
+        ),
+        headlineContent = {
+            androidx.tv.material3.Text(text = headlineContent)
+        },
+        trailingContent = trailingContent,
+        supportingContent = { supportingContent?.let { androidx.tv.material3.Text(it) } },
+        modifier = modifier
+            .focusRequester(focusRequester)
+            .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
+            .handleLeanbackKeyEvents(
+                onSelect = {
+                    if (isFocused) onSelected()
+                    else focusRequester.requestFocus()
+                },
+                onLongSelect = {
+                    if (isFocused) onLongSelected()
+                    else focusRequester.requestFocus()
+                },
+            ),
+    )
+}
+
+@Composable
+fun LeanbackSettingsCategoryListItem(
+    modifier: Modifier = Modifier,
+    headlineContent: String,
+    supportingContent: String? = null,
+    trailingContent: String,
+    onSelected: () -> Unit = {},
+    onLongSelected: () -> Unit = {},
+) {
+    LeanbackSettingsCategoryListItem(
+        modifier = modifier,
+        headlineContent = headlineContent,
+        supportingContent = supportingContent,
+        trailingContent = { androidx.tv.material3.Text(trailingContent) },
+        onSelected = onSelected,
+        onLongSelected = onLongSelected,
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryMore.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryMore.kt
new file mode 100644
index 00000000..0b9688fe
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryMore.kt
@@ -0,0 +1,88 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import androidx.tv.material3.MaterialTheme
+import io.github.alexzhirkevich.qrose.options.QrBallShape
+import io.github.alexzhirkevich.qrose.options.QrFrameShape
+import io.github.alexzhirkevich.qrose.options.QrPixelShape
+import io.github.alexzhirkevich.qrose.options.QrShapes
+import io.github.alexzhirkevich.qrose.options.circle
+import io.github.alexzhirkevich.qrose.options.roundCorners
+import io.github.alexzhirkevich.qrose.rememberQrCodePainter
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.HttpServer
+
+@Composable
+fun LeanbackSettingsCategoryMore(
+    modifier: Modifier = Modifier,
+    serverUrl: String = HttpServer.serverUrl,
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "设置网址",
+                trailingContent = serverUrl,
+            )
+        }
+
+        item {
+            Row(
+                horizontalArrangement = Arrangement.End,
+                modifier = Modifier.fillMaxWidth(),
+            ) {
+                Box(
+                    modifier = Modifier
+                        .width(200.dp)
+                        .height(200.dp)
+                        .background(
+                            MaterialTheme.colorScheme.onBackground,
+                            MaterialTheme.shapes.medium,
+                        )
+                        .padding(10.dp),
+                ) {
+                    Image(
+                        modifier = modifier.fillMaxSize(),
+                        painter = rememberQrCodePainter(
+                            data = serverUrl,
+                            shapes = QrShapes(
+                                ball = QrBallShape.circle(),
+                                darkPixel = QrPixelShape.roundCorners(),
+                                frame = QrFrameShape.roundCorners(.25f),
+                            ),
+                        ),
+                        contentDescription = serverUrl,
+                    )
+                }
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsMorePreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryMore(
+            serverUrl = "http://127.0.0.1:10481",
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUI.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUI.kt
new file mode 100644
index 00000000..af96dc9c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUI.kt
@@ -0,0 +1,150 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+import top.yogiczy.mytv.ui.utils.SP
+import java.text.DecimalFormat
+
+@Composable
+fun LeanbackSettingsCategoryUI(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "节目进度",
+                supportingContent = "在频道项底部显示当前节目进度条",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.uiShowEpgProgrammeProgress,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.uiShowEpgProgrammeProgress =
+                        !settingsViewModel.uiShowEpgProgrammeProgress
+                },
+            )
+        }
+
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "经典选台界面",
+                supportingContent = "将选台界面替换为经典三段式结构",
+                trailingContent = {
+                    Switch(
+                        checked = settingsViewModel.uiUseClassicPanelScreen,
+                        onCheckedChange = null
+                    )
+                },
+                onSelected = {
+                    settingsViewModel.uiUseClassicPanelScreen =
+                        !settingsViewModel.uiUseClassicPanelScreen
+                },
+            )
+        }
+
+        item {
+            val timeShowRangeSeconds = Constants.UI_TIME_SHOW_RANGE / 1000
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "时间显示",
+                supportingContent = when (settingsViewModel.uiTimeShowMode) {
+                    SP.UiTimeShowMode.HIDDEN -> "不显示时间"
+                    SP.UiTimeShowMode.ALWAYS -> "总是显示时间"
+                    SP.UiTimeShowMode.EVERY_HOUR -> "整点前后${timeShowRangeSeconds}s显示时间"
+                    SP.UiTimeShowMode.HALF_HOUR -> "半点前后${timeShowRangeSeconds}s显示时间"
+                },
+                trailingContent = when (settingsViewModel.uiTimeShowMode) {
+                    SP.UiTimeShowMode.HIDDEN -> "隐藏"
+                    SP.UiTimeShowMode.ALWAYS -> "常显"
+                    SP.UiTimeShowMode.EVERY_HOUR -> "整点"
+                    SP.UiTimeShowMode.HALF_HOUR -> "半点"
+                },
+                onSelected = {
+                    settingsViewModel.uiTimeShowMode =
+                        SP.UiTimeShowMode.entries.let { it[(it.indexOf(settingsViewModel.uiTimeShowMode) + 1) % it.size] }
+                },
+            )
+        }
+
+        item {
+            val defaultScale = 1f
+            val minScale = 1f
+            val maxScale = 2f
+            val stepScale = 0.1f
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "界面整体缩放比例",
+                supportingContent = "短按切换缩放比例，长按恢复默认；部分界面受影响",
+                trailingContent = "×${DecimalFormat("#.#").format(settingsViewModel.uiDensityScaleRatio)}",
+                onSelected = {
+                    if (settingsViewModel.uiDensityScaleRatio >= maxScale) {
+                        settingsViewModel.uiDensityScaleRatio = minScale
+                    } else {
+                        settingsViewModel.uiDensityScaleRatio =
+                            (settingsViewModel.uiDensityScaleRatio + stepScale).coerceIn(
+                                minScale, maxScale
+                            )
+                    }
+                },
+                onLongSelected = {
+                    settingsViewModel.uiDensityScaleRatio = defaultScale
+                },
+            )
+        }
+
+        item {
+            val defaultScale = 1f
+            val minScale = 1f
+            val maxScale = 2f
+            val stepScale = 0.1f
+
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "界面字体缩放比例",
+                supportingContent = "短按切换缩放比例，长按恢复默认；部分界面受影响",
+                trailingContent = "×${DecimalFormat("#.#").format(settingsViewModel.uiFontScaleRatio)}",
+                onSelected = {
+                    if (settingsViewModel.uiFontScaleRatio >= maxScale) {
+                        settingsViewModel.uiFontScaleRatio = minScale
+                    } else {
+                        settingsViewModel.uiFontScaleRatio =
+                            (settingsViewModel.uiFontScaleRatio + stepScale).coerceIn(
+                                minScale, maxScale
+                            )
+                    }
+                },
+                onLongSelected = {
+                    settingsViewModel.uiFontScaleRatio = defaultScale
+                },
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryUIPreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryUI(
+            modifier = Modifier.padding(20.dp),
+            settingsViewModel = LeanbackSettingsViewModel(),
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUpdate.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUpdate.kt
new file mode 100644
index 00000000..0f4afa2c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/settings/components/SettingsCategoryUpdate.kt
@@ -0,0 +1,50 @@
+package top.yogiczy.mytv.ui.screens.leanback.settings.components
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Switch
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.tv.foundation.lazy.list.TvLazyColumn
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackSettingsCategoryUpdate(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+) {
+    TvLazyColumn(
+        modifier = modifier,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        contentPadding = PaddingValues(vertical = 10.dp),
+    ) {
+        item {
+            LeanbackSettingsCategoryListItem(
+                headlineContent = "更新强提醒",
+                supportingContent = if (settingsViewModel.updateForceRemind) "检测到新版本时会弹窗提醒"
+                else "检测到新版本时仅在左上角提示",
+                trailingContent = {
+                    Switch(checked = settingsViewModel.updateForceRemind, onCheckedChange = null)
+                },
+                onSelected = {
+                    settingsViewModel.updateForceRemind = !settingsViewModel.updateForceRemind
+                },
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun LeanbackSettingsCategoryUpdatePreview() {
+    LeanbackTheme {
+        LeanbackSettingsCategoryUpdate(
+            modifier = Modifier.padding(20.dp),
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastScreen.kt
new file mode 100644
index 00000000..231fa0e1
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastScreen.kt
@@ -0,0 +1,88 @@
+package top.yogiczy.mytv.ui.screens.leanback.toast
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.Popup
+import kotlinx.coroutines.delay
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackToastScreen(
+    modifier: Modifier = Modifier,
+    state: LeanbackToastState = rememberLeanbackToastState(),
+) {
+    val childPadding = rememberLeanbackChildPadding()
+
+    Box(modifier = modifier.fillMaxSize()) {
+        Popup(
+            offset = IntOffset(
+                x = with(LocalDensity.current) { childPadding.start.toPx().toInt() },
+                y = with(LocalDensity.current) { childPadding.top.toPx().toInt() },
+            ),
+        ) {
+            AnimatedVisibility(visible = state.visible) {
+                LeanbackToastItem(property = state.current)
+            }
+        }
+    }
+}
+
+@Composable
+fun LeanbackToastItem(
+    modifier: Modifier = Modifier,
+    property: LeanbackToastProperty = LeanbackToastProperty(),
+) {
+    Box(
+        modifier = modifier
+            .background(
+                color = MaterialTheme.colorScheme.background.copy(alpha = 0.9f),
+                shape = MaterialTheme.shapes.small,
+            )
+            .padding(horizontal = 20.dp, vertical = 10.dp)
+    ) {
+        Text(text = property.message)
+    }
+}
+
+@Preview(device = "id:Android TV (720p)", showBackground = true)
+@Composable
+private fun LeanbackToastScreenAnimationPreview() {
+    LeanbackTheme {
+        val state = rememberLeanbackToastState()
+
+        LaunchedEffect(Unit) {
+            while (true) {
+                state.showToast("新版本: v1.2.2")
+                delay(1000)
+                state.showToast("新版本: v9.9.9")
+                delay(5000)
+            }
+        }
+
+        LeanbackToastScreen(state = state)
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun LeanbackToastScreenPreview() {
+    LeanbackTheme {
+        LeanbackToastItem(
+            modifier = Modifier.padding(16.dp),
+            property = LeanbackToastProperty(message = "新版本: v1.2.2"),
+        )
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastState.kt
new file mode 100644
index 00000000..a4dbe2b6
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/toast/ToastState.kt
@@ -0,0 +1,72 @@
+package top.yogiczy.mytv.ui.screens.leanback.toast
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import kotlinx.coroutines.FlowPreview
+import kotlinx.coroutines.channels.Channel
+import kotlinx.coroutines.flow.consumeAsFlow
+import kotlinx.coroutines.flow.debounce
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastProperty.Companion.toMs
+
+@Stable
+class LeanbackToastState {
+    private var _visible by mutableStateOf(false)
+    val visible get() = _visible
+
+    private var _current by mutableStateOf(LeanbackToastProperty())
+    val current get() = _current
+
+    private fun showToast(toast: LeanbackToastProperty) {
+        // TODO 消息变化较生硬
+        _current = toast
+        _visible = true
+        channel.trySend(toast.duration.toMs())
+    }
+
+    fun showToast(
+        message: String,
+        duration: LeanbackToastProperty.Duration = LeanbackToastProperty.Duration.Default,
+    ) {
+        showToast(LeanbackToastProperty(message = message, duration = duration))
+    }
+
+    private val channel = Channel<Int>(Channel.CONFLATED)
+
+    @OptIn(FlowPreview::class)
+    suspend fun observe() {
+        channel.consumeAsFlow().debounce { it.toLong() }.collect { _visible = false }
+    }
+
+    companion object {
+        // TODO 这种方法可能违反了 Compose 的规则
+        lateinit var I: LeanbackToastState
+    }
+}
+
+@Composable
+fun rememberLeanbackToastState() = remember { LeanbackToastState() }.also {
+    LeanbackToastState.I = it
+    LaunchedEffect(it) { it.observe() }
+}
+
+data class LeanbackToastProperty(
+    val message: String = "",
+    val duration: Duration = Duration.Default,
+) {
+    sealed interface Duration {
+        data object Default : Duration
+        data class Custom(val duration: Int) : Duration
+    }
+
+    companion object {
+        fun Duration.toMs(): Int = when (val it = this) {
+            is Duration.Default -> 2300
+            is Duration.Custom -> it.duration
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateScreen.kt
new file mode 100644
index 00000000..b65a5bd6
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateScreen.kt
@@ -0,0 +1,99 @@
+package top.yogiczy.mytv.ui.screens.leanback.update
+
+import android.content.Context
+import android.content.Intent
+import android.content.pm.PackageInfo
+import android.os.Build
+import android.provider.Settings
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.lifecycle.viewmodel.compose.viewModel
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import top.yogiczy.mytv.AppGlobal
+import top.yogiczy.mytv.ui.screens.leanback.settings.LeanbackSettingsViewModel
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.screens.leanback.update.components.LeanbackUpdateDialog
+import top.yogiczy.mytv.ui.utils.ApkInstaller
+import java.io.File
+
+@Composable
+fun LeanbackUpdateScreen(
+    modifier: Modifier = Modifier,
+    settingsViewModel: LeanbackSettingsViewModel = viewModel(),
+    updateViewModel: LeanBackUpdateViewModel = viewModel(),
+) {
+    val context = LocalContext.current
+    val coroutineScope = rememberCoroutineScope()
+    val packageInfo = rememberPackageInfo()
+    val latestFile = remember { File(AppGlobal.cacheDir, "latest.apk") }
+
+    LaunchedEffect(Unit) {
+        delay(3000)
+        updateViewModel.checkUpdate(packageInfo.versionName)
+
+        val latestRelease = updateViewModel.latestRelease
+        if (
+            updateViewModel.isUpdateAvailable &&
+            latestRelease.version != settingsViewModel.appLastLatestVersion
+        ) {
+            settingsViewModel.appLastLatestVersion = latestRelease.version
+
+            if (settingsViewModel.updateForceRemind) {
+                updateViewModel.showDialog = true
+            } else {
+                LeanbackToastState.I.showToast("新版本: v${latestRelease.version}")
+            }
+        }
+    }
+
+    val launcher =
+        rememberLauncherForActivityResult(ActivityResultContracts.StartActivityForResult()) {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                if (context.packageManager.canRequestPackageInstalls()) {
+                    ApkInstaller.installApk(context, latestFile.path)
+                } else {
+                    LeanbackToastState.I.showToast("未授予安装权限")
+                }
+            }
+        }
+
+    LaunchedEffect(updateViewModel.updateDownloaded) {
+        if (!updateViewModel.updateDownloaded) return@LaunchedEffect
+
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
+            ApkInstaller.installApk(context, latestFile.path)
+        } else {
+            if (context.packageManager.canRequestPackageInstalls()) {
+                ApkInstaller.installApk(context, latestFile.path)
+            } else {
+                val intent = Intent(Settings.ACTION_MANAGE_UNKNOWN_APP_SOURCES)
+                launcher.launch(intent)
+            }
+        }
+    }
+
+    LeanbackUpdateDialog(
+        modifier = modifier,
+        showDialogProvider = { updateViewModel.showDialog },
+        onDismissRequest = { updateViewModel.showDialog = false },
+        releaseProvider = { updateViewModel.latestRelease },
+        onUpdateAndInstall = {
+            updateViewModel.showDialog = false
+            coroutineScope.launch(Dispatchers.IO) {
+                updateViewModel.downloadAndUpdate(latestFile)
+            }
+        },
+    )
+}
+
+@Composable
+private fun rememberPackageInfo(context: Context = LocalContext.current): PackageInfo =
+    context.packageManager.getPackageInfo(context.packageName, 0)
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateViewModel.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateViewModel.kt
new file mode 100644
index 00000000..968c1be8
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/UpdateViewModel.kt
@@ -0,0 +1,73 @@
+package top.yogiczy.mytv.ui.screens.leanback.update
+
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.lifecycle.ViewModel
+import top.yogiczy.mytv.data.entities.GitRelease
+import top.yogiczy.mytv.data.repositories.git.GitRepository
+import top.yogiczy.mytv.data.utils.Constants
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastProperty
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
+import top.yogiczy.mytv.ui.utils.DownloadUtil
+import top.yogiczy.mytv.ui.utils.VersionUtil.compareVersion
+import java.io.File
+
+class LeanBackUpdateViewModel : ViewModel() {
+    private var _isChecking = false
+    private var _isUpdating = false
+
+    private var _isUpdateAvailable by mutableStateOf(false)
+    val isUpdateAvailable get() = _isUpdateAvailable
+
+    private var _updateDownloaded by mutableStateOf(false)
+    val updateDownloaded get() = _updateDownloaded
+
+    private var _latestRelease by mutableStateOf(GitRelease())
+    val latestRelease get() = _latestRelease
+
+    var showDialog by mutableStateOf(false)
+
+    suspend fun checkUpdate(currentVersion: String) {
+        if (_isChecking) return
+        if (_isUpdateAvailable) return
+
+        try {
+            _isChecking = true
+            _latestRelease = GitRepository().latestRelease(Constants.GIT_RELEASE_LATEST_URL)
+            _isUpdateAvailable = compareVersion(_latestRelease.version, currentVersion) > 0
+        } catch (e: Exception) {
+            LeanbackToastState.I.showToast("检查更新失败")
+        } finally {
+            _isChecking = false
+        }
+    }
+
+    suspend fun downloadAndUpdate(latestFile: File) {
+        if (!_isUpdateAvailable) return
+        if (_isUpdating) return
+
+        _isUpdating = true
+        _updateDownloaded = false
+        LeanbackToastState.I.showToast(
+            "开始下载更新",
+            LeanbackToastProperty.Duration.Custom(10_000),
+        )
+
+        try {
+            DownloadUtil.downloadTo(_latestRelease.downloadUrl, latestFile.path) {
+                LeanbackToastState.I.showToast(
+                    "正在下载更新: $it%",
+                    LeanbackToastProperty.Duration.Custom(10_000),
+                )
+            }
+
+            _updateDownloaded = true
+            LeanbackToastState.I.showToast("下载更新成功")
+        } catch (ex: Exception) {
+            LeanbackToastState.I.showToast("下载更新失败")
+        } finally {
+            _isUpdating = false
+        }
+    }
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/components/UpdateDialog.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/components/UpdateDialog.kt
new file mode 100644
index 00000000..1e12317f
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/update/components/UpdateDialog.kt
@@ -0,0 +1,75 @@
+package top.yogiczy.mytv.ui.screens.leanback.update.components
+
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.material3.AlertDialog
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.tooling.preview.Preview
+import top.yogiczy.mytv.data.entities.GitRelease
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackUpdateDialog(
+    modifier: Modifier = Modifier,
+    showDialogProvider: () -> Boolean = { false },
+    onDismissRequest: () -> Unit = {},
+    releaseProvider: () -> GitRelease = { GitRelease() },
+    onUpdateAndInstall: () -> Unit = {},
+) {
+    if (showDialogProvider()) {
+        val release = releaseProvider()
+        val focusRequester = remember { FocusRequester() }
+
+        LaunchedEffect(Unit) {
+            focusRequester.requestFocus()
+        }
+
+        AlertDialog(
+            modifier = modifier,
+            onDismissRequest = onDismissRequest,
+            confirmButton = {
+                androidx.tv.material3.Button(
+                    onClick = onUpdateAndInstall,
+                    modifier = Modifier.focusRequester(focusRequester),
+                ) {
+                    androidx.tv.material3.Text(text = "立即更新")
+                }
+            },
+            dismissButton = {
+                androidx.tv.material3.Button(onClick = onDismissRequest) {
+                    androidx.tv.material3.Text(text = "忽略")
+                }
+            },
+            title = {
+                androidx.tv.material3.Text(text = "新版本：v${release.version}")
+            },
+            text = {
+                LazyColumn {
+                    item {
+                        androidx.tv.material3.Text(text = release.description)
+                    }
+                }
+            }
+        )
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackUpdateDialogPreview() {
+    LeanbackTheme {
+        LeanbackUpdateDialog(
+            showDialogProvider = { true },
+            releaseProvider = {
+                GitRelease(
+                    version = "1.0.0",
+                    description = "版本更新日志".repeat(100),
+                )
+            }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerErrorScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerErrorScreen.kt
new file mode 100644
index 00000000..74c263ec
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerErrorScreen.kt
@@ -0,0 +1,60 @@
+package top.yogiczy.mytv.ui.screens.leanback.video
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
+
+@Composable
+fun LeanbackVideoPlayerErrorScreen(
+    modifier: Modifier = Modifier,
+    errorProvider: () -> String? = { null },
+) {
+    Box(modifier = modifier.fillMaxSize()) {
+        val error = errorProvider()
+        if (error != null) {
+            Column(
+                modifier = Modifier
+                    .align(Alignment.Center)
+                    .background(
+                        color = MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
+                        shape = MaterialTheme.shapes.medium,
+                    )
+                    .padding(horizontal = 20.dp, vertical = 10.dp),
+                horizontalAlignment = Alignment.CenterHorizontally,
+            ) {
+                Text(
+                    text = "播放失败",
+                    style = MaterialTheme.typography.headlineSmall,
+                    color = MaterialTheme.colorScheme.error,
+                )
+
+                Text(
+                    text = error,
+                    style = MaterialTheme.typography.bodySmall,
+                    color = LocalContentColor.current.copy(alpha = 0.8f),
+                )
+            }
+        }
+    }
+}
+
+@Preview(device = "id:Android TV (720p)")
+@Composable
+private fun LeanbackVideoPlayerErrorScreenPreview() {
+    LeanbackTheme {
+        LeanbackVideoPlayerErrorScreen(
+            errorProvider = { "ERROR_CODE_BEHIND_LIVE_WINDOW" }
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerState.kt
new file mode 100644
index 00000000..31cabf67
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoPlayerState.kt
@@ -0,0 +1,128 @@
+package top.yogiczy.mytv.ui.screens.leanback.video
+
+import android.view.SurfaceView
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalLifecycleOwner
+import androidx.lifecycle.Lifecycle
+import androidx.lifecycle.LifecycleEventObserver
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackMedia3VideoPlayer
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackVideoPlayer
+
+/**
+ * 播放器状态
+ */
+@Stable
+class LeanbackVideoPlayerState(private val instance: LeanbackVideoPlayer) {
+    /** 视频宽高比 */
+    var aspectRatio by mutableFloatStateOf(16f / 9f)
+
+    /** 错误 */
+    var error by mutableStateOf<String?>(null)
+
+    /** 元数据 */
+    var metadata by mutableStateOf(LeanbackVideoPlayer.Metadata())
+
+    fun prepare(url: String) {
+        error = null
+        instance.prepare(url)
+    }
+
+    fun play() {
+        instance.play()
+    }
+
+    fun pause() {
+        instance.pause()
+    }
+
+    fun setVideoSurfaceView(surfaceView: SurfaceView) {
+        instance.setVideoSurfaceView(surfaceView)
+    }
+
+    private val onReadyListeners = mutableListOf<() -> Unit>()
+    private val onErrorListeners = mutableListOf<() -> Unit>()
+
+    fun onReady(listener: () -> Unit) {
+        onReadyListeners.add(listener)
+    }
+
+    fun onError(listener: () -> Unit) {
+        onErrorListeners.add(listener)
+    }
+
+    fun initialize() {
+        instance.initialize()
+        instance.onResolution { width, height ->
+            if (width > 0 && height > 0) {
+                aspectRatio = width.toFloat() / height
+            }
+        }
+        instance.onError { ex ->
+            error = if (ex != null) "${ex.errorCodeName}(${ex.errorCode})"
+            else null
+
+            if (error != null) {
+                onErrorListeners.forEach { it.invoke() }
+            }
+        }
+        instance.onReady {
+            onReadyListeners.forEach { it.invoke() }
+        }
+        instance.onBuffering {
+            if (it) {
+                error = null
+            }
+        }
+        instance.onPrepared { }
+        instance.onMetadata { metadata = it }
+    }
+
+    fun release() {
+        onReadyListeners.clear()
+        onErrorListeners.clear()
+        instance.release()
+    }
+}
+
+@Composable
+fun rememberLeanbackVideoPlayerState(): LeanbackVideoPlayerState {
+    val context = LocalContext.current
+    val lifecycleOwner = LocalLifecycleOwner.current
+    val state = remember {
+        LeanbackVideoPlayerState(LeanbackMedia3VideoPlayer(context))
+    }
+
+    DisposableEffect(Unit) {
+        state.initialize()
+
+        onDispose {
+            state.release()
+        }
+    }
+
+    DisposableEffect(lifecycleOwner) {
+        val observer = LifecycleEventObserver { _, event ->
+            if (event == Lifecycle.Event.ON_RESUME) {
+                state.play()
+            } else if (event == Lifecycle.Event.ON_STOP) {
+                state.pause()
+            }
+        }
+
+        lifecycleOwner.lifecycle.addObserver(observer)
+
+        onDispose {
+            lifecycleOwner.lifecycle.removeObserver(observer)
+        }
+    }
+
+    return state
+}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/VideoScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoScreen.kt
similarity index 61%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/video/VideoScreen.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoScreen.kt
index 7e9d7f17..7b8e160d 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/VideoScreen.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/VideoScreen.kt
@@ -1,4 +1,4 @@
-package top.yogiczy.mytv.ui.screens.video
+package top.yogiczy.mytv.ui.screens.leanback.video
 
 import android.view.SurfaceView
 import androidx.compose.foundation.layout.Box
@@ -10,19 +10,17 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.viewinterop.AndroidView
-import androidx.media3.exoplayer.ExoPlayer
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.video.components.VideoDetailInfo
+import top.yogiczy.mytv.ui.rememberLeanbackChildPadding
+import top.yogiczy.mytv.ui.screens.leanback.video.components.LeanbackVideoPlayerMetadata
 
 @Composable
-fun VideoScreen(
+fun LeanbackVideoScreen(
     modifier: Modifier = Modifier,
-    exoPlayer: ExoPlayer,
-    state: PlayerState = rememberPlayerState(exoPlayer),
-    showPlayerInfo: Boolean = false,
+    state: LeanbackVideoPlayerState = rememberLeanbackVideoPlayerState(),
+    showMetadataProvider: () -> Boolean = { false },
 ) {
     val context = LocalContext.current
-    val childPadding = rememberChildPadding()
+    val childPadding = rememberLeanbackChildPadding()
 
     Box(modifier = modifier.fillMaxSize()) {
         AndroidView(
@@ -34,14 +32,18 @@ fun VideoScreen(
                 SurfaceView(context)
             },
             update = { surfaceView ->
-                exoPlayer.setVideoSurfaceView(surfaceView)
+                state.setVideoSurfaceView(surfaceView)
             },
         )
 
-        if (showPlayerInfo) {
-            VideoDetailInfo(
+        LeanbackVideoPlayerErrorScreen(
+            errorProvider = { state.error },
+        )
+
+        if (showMetadataProvider()) {
+            LeanbackVideoPlayerMetadata(
                 modifier = Modifier.padding(start = childPadding.start, top = childPadding.top),
-                playerState = state,
+                metadata = state.metadata,
             )
         }
     }
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/components/VideoDetailInfo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/components/VideoPlayerMetadata.kt
similarity index 58%
rename from app/src/main/java/top/yogiczy/mytv/ui/screens/video/components/VideoDetailInfo.kt
rename to app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/components/VideoPlayerMetadata.kt
index 905f6e98..1ad6397f 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/components/VideoDetailInfo.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/components/VideoPlayerMetadata.kt
@@ -1,26 +1,25 @@
-package top.yogiczy.mytv.ui.screens.video.components
+package top.yogiczy.mytv.ui.screens.leanback.video.components
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.LocalTextStyle
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.LocalTextStyle
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.screens.video.PlayerState
-import top.yogiczy.mytv.ui.screens.video.rememberPlayerState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
+import top.yogiczy.mytv.ui.screens.leanback.video.player.LeanbackVideoPlayer
+import top.yogiczy.mytv.ui.theme.LeanbackTheme
 
 @Composable
-fun VideoDetailInfo(
+fun LeanbackVideoPlayerMetadata(
     modifier: Modifier = Modifier,
-    playerState: PlayerState = rememberPlayerState(),
+    metadata: LeanbackVideoPlayer.Metadata,
 ) {
     CompositionLocalProvider(
         LocalTextStyle provides MaterialTheme.typography.labelMedium,
@@ -38,22 +37,22 @@ fun VideoDetailInfo(
             Column {
                 Text("视频", style = MaterialTheme.typography.bodyMedium)
                 Column(modifier = Modifier.padding(start = 10.dp)) {
-                    Text("编码: ${playerState.metadata.videoMimeType}")
-                    Text("解码器: ${playerState.metadata.videoDecoder}")
-                    Text("分辨率: ${playerState.metadata.videoWidth}x${playerState.metadata.videoHeight}")
-                    Text("色彩: ${playerState.metadata.videoColor}")
-                    Text("帧率: ${playerState.metadata.videoFrameRate}")
-                    Text("比特率: ${playerState.metadata.videoBitrate / 1024} kbps")
+                    Text("编码: ${metadata.videoMimeType}")
+                    Text("解码器: ${metadata.videoDecoder}")
+                    Text("分辨率: ${metadata.videoWidth}x${metadata.videoHeight}")
+                    Text("色彩: ${metadata.videoColor}")
+                    Text("帧率: ${metadata.videoFrameRate}")
+                    Text("比特率: ${metadata.videoBitrate / 1024} kbps")
                 }
             }
 
             Column {
                 Text("音频", style = MaterialTheme.typography.bodyMedium)
                 Column(modifier = Modifier.padding(start = 10.dp)) {
-                    Text("编码: ${playerState.metadata.audioMimeType}")
-                    Text("解码器: ${playerState.metadata.audioDecoder}")
-                    Text("声道数: ${playerState.metadata.audioChannels}")
-                    Text("采样率: ${playerState.metadata.audioSampleRate} Hz")
+                    Text("编码: ${metadata.audioMimeType}")
+                    Text("解码器: ${metadata.audioDecoder}")
+                    Text("声道数: ${metadata.audioChannels}")
+                    Text("采样率: ${metadata.audioSampleRate} Hz")
                 }
             }
         }
@@ -62,10 +61,10 @@ fun VideoDetailInfo(
 
 @Preview
 @Composable
-private fun VideoDetailInfoPreview() {
-    MyTVTheme {
-        VideoDetailInfo(playerState = PlayerState().apply {
-            metadata = PlayerState.Metadata(
+private fun LeanbackVideoMetadataPreview() {
+    LeanbackTheme {
+        LeanbackVideoPlayerMetadata(
+            metadata = LeanbackVideoPlayer.Metadata(
                 videoWidth = 1920,
                 videoHeight = 1080,
                 videoMimeType = "video/hevc",
@@ -79,6 +78,6 @@ private fun VideoDetailInfoPreview() {
                 audioSampleRate = 32000,
                 audioDecoder = "c2.android.aac.decoder",
             )
-        })
+        )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/Media3VideoPlayer.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/Media3VideoPlayer.kt
new file mode 100644
index 00000000..62db5924
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/Media3VideoPlayer.kt
@@ -0,0 +1,207 @@
+package top.yogiczy.mytv.ui.screens.leanback.video.player
+
+import android.content.Context
+import android.net.Uri
+import android.view.SurfaceView
+import androidx.annotation.OptIn
+import androidx.media3.common.C
+import androidx.media3.common.Format
+import androidx.media3.common.MediaItem
+import androidx.media3.common.Player
+import androidx.media3.common.VideoSize
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.common.util.Util
+import androidx.media3.datasource.DefaultDataSource
+import androidx.media3.datasource.DefaultHttpDataSource
+import androidx.media3.exoplayer.DecoderReuseEvaluation
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.exoplayer.analytics.AnalyticsListener
+import androidx.media3.exoplayer.hls.HlsMediaSource
+import androidx.media3.exoplayer.source.ProgressiveMediaSource
+import androidx.media3.exoplayer.util.EventLogger
+import top.yogiczy.mytv.data.utils.Constants
+import androidx.media3.common.PlaybackException as Media3PlaybackException
+
+class LeanbackMedia3VideoPlayer(
+    private val context: Context,
+) : LeanbackVideoPlayer() {
+    private val videoPlayer = ExoPlayer.Builder(context).build().apply {
+        playWhenReady = true
+    }
+
+    private val contentTypeAttempts = mutableMapOf<Int, Boolean>()
+
+    @OptIn(UnstableApi::class)
+    private fun prepare(uri: Uri, contentType: Int? = null) {
+        val dataSourceFactory =
+            DefaultDataSource.Factory(context, DefaultHttpDataSource.Factory().apply {
+                setUserAgent(Constants.VIDEO_PLAYER_HTTP_USER_AGENT)
+                setConnectTimeoutMs(Constants.VIDEO_PLAYER_LOAD_TIMEOUT.toInt())
+                setReadTimeoutMs(Constants.VIDEO_PLAYER_LOAD_TIMEOUT.toInt())
+                setKeepPostFor302Redirects(true)
+                setAllowCrossProtocolRedirects(true)
+            })
+
+        val mediaItem = MediaItem.fromUri(uri)
+
+        val mediaSource = when (val type = contentType ?: Util.inferContentType(uri)) {
+            C.CONTENT_TYPE_HLS -> {
+                HlsMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
+            }
+
+            C.CONTENT_TYPE_OTHER -> {
+                ProgressiveMediaSource.Factory(dataSourceFactory).createMediaSource(mediaItem)
+            }
+
+            else -> {
+                triggerError(
+                    PlaybackException.UNSUPPORTED_TYPE.copy(
+                        errorCodeName = "${PlaybackException.UNSUPPORTED_TYPE.message}_$type"
+                    )
+                )
+                null
+            }
+        }
+
+        if (mediaSource != null) {
+            contentTypeAttempts[contentType ?: Util.inferContentType(uri)] = true
+            videoPlayer.setMediaSource(mediaSource)
+            videoPlayer.prepare()
+            triggerPrepared()
+        }
+    }
+
+    private val playerListener = object : Player.Listener {
+        override fun onVideoSizeChanged(videoSize: VideoSize) {
+            triggerResolution(videoSize.width, videoSize.height)
+        }
+
+        override fun onPlayerError(ex: Media3PlaybackException) {
+            // 如果是直播加载位置错误，尝试重新播放
+            if (ex.errorCode == Media3PlaybackException.ERROR_CODE_BEHIND_LIVE_WINDOW) {
+                videoPlayer.seekToDefaultPosition()
+                videoPlayer.prepare()
+            }
+            // 当解析容器不支持时，尝试使用其他解析容器
+            else if (ex.errorCode == Media3PlaybackException.ERROR_CODE_PARSING_CONTAINER_UNSUPPORTED) {
+                val uri = videoPlayer.currentMediaItem?.localConfiguration?.uri
+                if (uri != null) {
+                    if (contentTypeAttempts[C.CONTENT_TYPE_HLS] != true) {
+                        prepare(uri, C.CONTENT_TYPE_HLS)
+                    } else if (contentTypeAttempts[C.CONTENT_TYPE_OTHER] != true) {
+                        prepare(uri, C.CONTENT_TYPE_OTHER)
+                    } else {
+                        triggerError(PlaybackException.UNSUPPORTED_TYPE)
+                    }
+                }
+            } else {
+                triggerError(
+                    PlaybackException(
+                        ex.errorCodeName.replace("ERROR_CODE_", ""),
+                        ex.errorCode,
+                    )
+                )
+            }
+        }
+
+        override fun onPlaybackStateChanged(playbackState: Int) {
+            if (playbackState == Player.STATE_BUFFERING) {
+                triggerError(null)
+                triggerBuffering(true)
+            } else if (playbackState == Player.STATE_READY) {
+                triggerReady()
+            }
+
+            if (playbackState != Player.STATE_BUFFERING) {
+                triggerBuffering(false)
+            }
+        }
+    }
+
+    private val metadataListener = @UnstableApi object : AnalyticsListener {
+        override fun onVideoInputFormatChanged(
+            eventTime: AnalyticsListener.EventTime,
+            format: Format,
+            decoderReuseEvaluation: DecoderReuseEvaluation?,
+        ) {
+            metadata = metadata.copy(
+                videoMimeType = format.sampleMimeType ?: "",
+                videoWidth = format.width,
+                videoHeight = format.height,
+                videoColor = format.colorInfo?.toLogString() ?: "",
+                // TODO 帧率、比特率目前是从tag中获取，有的返回空，后续需要实时计算
+                videoFrameRate = format.frameRate,
+                videoBitrate = format.bitrate,
+            )
+            triggerMetadata(metadata)
+        }
+
+        override fun onVideoDecoderInitialized(
+            eventTime: AnalyticsListener.EventTime,
+            decoderName: String,
+            initializedTimestampMs: Long,
+            initializationDurationMs: Long,
+        ) {
+            metadata = metadata.copy(videoDecoder = decoderName)
+            triggerMetadata(metadata)
+        }
+
+        override fun onAudioInputFormatChanged(
+            eventTime: AnalyticsListener.EventTime,
+            format: Format,
+            decoderReuseEvaluation: DecoderReuseEvaluation?,
+        ) {
+            metadata = metadata.copy(
+                audioMimeType = format.sampleMimeType ?: "",
+                audioChannels = format.channelCount,
+                audioSampleRate = format.sampleRate,
+            )
+            triggerMetadata(metadata)
+        }
+
+        override fun onAudioDecoderInitialized(
+            eventTime: AnalyticsListener.EventTime,
+            decoderName: String,
+            initializedTimestampMs: Long,
+            initializationDurationMs: Long,
+        ) {
+            metadata = metadata.copy(audioDecoder = decoderName)
+            triggerMetadata(metadata)
+        }
+    }
+
+    private val eventLogger = EventLogger()
+
+    override fun initialize() {
+        super.initialize()
+        videoPlayer.addListener(playerListener)
+        videoPlayer.addAnalyticsListener(metadataListener)
+        videoPlayer.addAnalyticsListener(eventLogger)
+    }
+
+    override fun release() {
+        videoPlayer.removeListener(playerListener)
+        videoPlayer.removeAnalyticsListener(metadataListener)
+        videoPlayer.removeAnalyticsListener(eventLogger)
+        videoPlayer.release()
+        super.release()
+    }
+
+    @UnstableApi
+    override fun prepare(url: String) {
+        contentTypeAttempts.clear()
+        prepare(Uri.parse(url))
+    }
+
+    override fun play() {
+        videoPlayer.play()
+    }
+
+    override fun pause() {
+        videoPlayer.pause()
+    }
+
+    override fun setVideoSurfaceView(surfaceView: SurfaceView) {
+        videoPlayer.setVideoSurfaceView(surfaceView)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/VideoPlayer.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/VideoPlayer.kt
new file mode 100644
index 00000000..67ede157
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/screens/leanback/video/player/VideoPlayer.kt
@@ -0,0 +1,125 @@
+package top.yogiczy.mytv.ui.screens.leanback.video.player
+
+import android.view.SurfaceView
+
+abstract class LeanbackVideoPlayer {
+    protected var metadata = Metadata()
+
+    open fun initialize() {
+        clearAllListeners()
+    }
+
+    open fun release() {
+        clearAllListeners()
+    }
+
+    abstract fun prepare(url: String)
+
+    abstract fun play()
+
+    abstract fun pause()
+
+    abstract fun setVideoSurfaceView(surfaceView: SurfaceView)
+
+    private val onResolutionListeners = mutableListOf<(width: Int, height: Int) -> Unit>()
+    private val onErrorListeners = mutableListOf<(error: PlaybackException?) -> Unit>()
+    private val onReadyListeners = mutableListOf<() -> Unit>()
+    private val onBufferingListeners = mutableListOf<(buffering: Boolean) -> Unit>()
+    private val onPreparedListeners = mutableListOf<() -> Unit>()
+    private val onMetadataListeners =
+        mutableListOf<(metadata: Metadata) -> Unit>()
+
+    private fun clearAllListeners() {
+        onResolutionListeners.clear()
+        onErrorListeners.clear()
+        onReadyListeners.clear()
+        onBufferingListeners.clear()
+        onPreparedListeners.clear()
+        onMetadataListeners.clear()
+    }
+
+    protected fun triggerResolution(width: Int, height: Int) {
+        onResolutionListeners.forEach { it(width, height) }
+    }
+
+    protected fun triggerError(error: PlaybackException?) {
+        onErrorListeners.forEach { it(error) }
+    }
+
+    protected fun triggerReady() {
+        onReadyListeners.forEach { it() }
+    }
+
+    protected fun triggerBuffering(buffering: Boolean) {
+        onBufferingListeners.forEach { it(buffering) }
+    }
+
+    protected fun triggerPrepared() {
+        onPreparedListeners.forEach { it() }
+    }
+
+    protected fun triggerMetadata(metadata: Metadata) {
+        onMetadataListeners.forEach { it(metadata) }
+    }
+
+    fun onResolution(listener: (width: Int, height: Int) -> Unit) {
+        onResolutionListeners.add(listener)
+    }
+
+    fun onError(listener: (error: PlaybackException?) -> Unit) {
+        onErrorListeners.add(listener)
+    }
+
+    fun onReady(listener: () -> Unit) {
+        onReadyListeners.add(listener)
+    }
+
+    fun onBuffering(listener: (buffering: Boolean) -> Unit) {
+        onBufferingListeners.add(listener)
+    }
+
+    fun onPrepared(listener: () -> Unit) {
+        onPreparedListeners.add(listener)
+    }
+
+    fun onMetadata(listener: (metadata: Metadata) -> Unit) {
+        onMetadataListeners.add(listener)
+    }
+
+    data class PlaybackException(
+        val errorCodeName: String,
+        val errorCode: Int,
+    ) : Exception(errorCodeName) {
+        companion object {
+            val UNSUPPORTED_TYPE =
+                PlaybackException("UNSUPPORTED_TYPE", 10002)
+        }
+    }
+
+    /** 元数据 */
+    data class Metadata(
+        /** 视频编码 */
+        val videoMimeType: String = "",
+        /** 视频宽度 */
+        val videoWidth: Int = 0,
+        /** 视频高度 */
+        val videoHeight: Int = 0,
+        /** 视频颜色 */
+        val videoColor: String = "",
+        /** 视频帧率 */
+        val videoFrameRate: Float = 0f,
+        /** 视频比特率 */
+        val videoBitrate: Int = 0,
+        /** 视频解码器 */
+        val videoDecoder: String = "",
+
+        /** 音频编码 */
+        val audioMimeType: String = "",
+        /** 音频通道 */
+        val audioChannels: Int = 0,
+        /** 音频采样率 */
+        val audioSampleRate: Int = 0,
+        /** 音频解码器 */
+        val audioDecoder: String = "",
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelScreen.kt
deleted file mode 100644
index 6b13cc74..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelScreen.kt
+++ /dev/null
@@ -1,256 +0,0 @@
-package top.yogiczy.mytv.ui.screens.panel
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import top.yogiczy.mytv.data.entities.EpgList
-import top.yogiczy.mytv.data.entities.EpgList.Companion.currentProgrammes
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.data.entities.IptvGroupList
-import top.yogiczy.mytv.data.entities.IptvGroupList.Companion.iptvIdx
-import top.yogiczy.mytv.data.entities.IptvList
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.panel.components.PanelChannelNo
-import top.yogiczy.mytv.ui.screens.panel.components.PanelDateTime
-import top.yogiczy.mytv.ui.screens.panel.components.PanelIptvFavoriteList
-import top.yogiczy.mytv.ui.screens.panel.components.PanelIptvGroupList
-import top.yogiczy.mytv.ui.screens.panel.components.PanelIptvInfo
-import top.yogiczy.mytv.ui.screens.panel.components.PanelPlayerInfo
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.screens.toast.ToastState
-import top.yogiczy.mytv.ui.screens.video.PlayerState
-import top.yogiczy.mytv.ui.screens.video.rememberPlayerState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun PanelScreen(
-    modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
-    currentIptvUrlIdx: Int = 0,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    epgList: EpgList = EpgList(),
-    onIptvSelected: (Iptv) -> Unit = {},
-    showFavoriteList: Boolean = false,
-    onChangeShowFavoriteList: (Boolean) -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-    playerState: PlayerState = rememberPlayerState(),
-    onClose: () -> Unit = {},
-) {
-    val focusRequester = remember { FocusRequester() }
-    LaunchedEffect(Unit) { focusRequester.requestFocus() }
-
-    Box(modifier = modifier
-        .fillMaxSize()
-        .background(MaterialTheme.colorScheme.background.copy(alpha = 0.5f))
-        .focusRequester(focusRequester)
-        .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) }) {
-
-        PanelTopRight(
-            channelNo = (iptvGroupList.iptvIdx(currentIptv) + 1).toString().padStart(2, '0'),
-        )
-
-        PanelBottom(
-            currentIptv = currentIptv,
-            currentIptvUrlIdx = currentIptvUrlIdx,
-            iptvGroupList = iptvGroupList,
-            epgList = epgList,
-            iptvChannelFavoriteList = settingsState.iptvChannelFavoriteList,
-            onIptvSelected = onIptvSelected,
-            showFavoriteList = showFavoriteList,
-            onChangeShowFavoriteList = onChangeShowFavoriteList,
-            showProgrammeProgress = settingsState.uiShowEpgProgrammeProgress,
-            playerState = playerState,
-            onIptvFavoriteToggle = {
-                if (settingsState.iptvChannelFavoriteList.contains(it.channelName)) {
-                    settingsState.iptvChannelFavoriteList -= it.channelName
-                    ToastState.I.showToast("取消收藏: ${it.channelName}")
-                } else {
-                    settingsState.iptvChannelFavoriteList += it.channelName
-                    ToastState.I.showToast("已收藏: ${it.channelName}")
-                }
-            },
-        )
-    }
-}
-
-@Composable
-fun PanelTopRight(
-    modifier: Modifier = Modifier,
-    channelNo: String = "",
-) {
-    val childPadding = rememberChildPadding()
-
-    Box(
-        modifier = modifier
-            .fillMaxSize()
-            .padding(top = childPadding.top, end = childPadding.end),
-    ) {
-        Row(
-            modifier = Modifier.align(Alignment.TopEnd),
-            verticalAlignment = Alignment.CenterVertically,
-        ) {
-            PanelChannelNo(channelNo = channelNo)
-
-            Box(modifier = Modifier.padding(horizontal = 8.dp)) {
-                Spacer(
-                    modifier = Modifier
-                        .background(Color.White)
-                        .width(2.dp)
-                        .height(30.dp),
-                )
-            }
-
-            PanelDateTime()
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun PanelTopRightPreview() {
-    MyTVTheme {
-        PanelTopRight(channelNo = "01")
-    }
-}
-
-@Composable
-fun PanelBottom(
-    modifier: Modifier = Modifier,
-    currentIptv: Iptv = Iptv.EMPTY,
-    currentIptvUrlIdx: Int = 0,
-    iptvGroupList: IptvGroupList = IptvGroupList(),
-    epgList: EpgList = EpgList(),
-    iptvChannelFavoriteList: Set<String> = emptySet(),
-    onIptvSelected: (Iptv) -> Unit = {},
-    showFavoriteList: Boolean = false,
-    onChangeShowFavoriteList: (Boolean) -> Unit = {},
-    onIptvFavoriteToggle: (Iptv) -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-    playerState: PlayerState = rememberPlayerState(),
-) {
-    val childPadding = rememberChildPadding()
-
-    Box(modifier = modifier.fillMaxSize()) {
-        Column(
-            modifier = Modifier.align(Alignment.BottomStart),
-            verticalArrangement = Arrangement.spacedBy(20.dp),
-        ) {
-            PanelIptvInfo(
-                iptv = currentIptv,
-                iptvUrlIdx = currentIptvUrlIdx,
-                currentProgrammes = epgList.currentProgrammes(currentIptv),
-                playerError = playerState.error,
-                modifier = Modifier
-                    .padding(start = childPadding.start)
-                    .pointerInput(showFavoriteList) {
-                        detectTapGestures(onLongPress = {
-                            onChangeShowFavoriteList(!showFavoriteList)
-                        })
-                    },
-            )
-
-            PanelPlayerInfo(
-                modifier = Modifier.padding(start = childPadding.start),
-                playerState = playerState,
-            )
-
-            Box(modifier = Modifier.height(150.dp)) {
-                var key by remember { mutableIntStateOf(0) }
-                val favoriteList by remember(key) {
-                    mutableStateOf(iptvGroupList.flatMap { it.iptvs }
-                        .filter { iptvChannelFavoriteList.contains(it.channelName) })
-                }
-
-                LaunchedEffect(favoriteList) {
-                    if (favoriteList.isEmpty()) {
-                        onChangeShowFavoriteList(false)
-                    }
-                }
-
-                if (showFavoriteList) {
-                    PanelIptvFavoriteList(
-                        currentIptv = currentIptv,
-                        iptvList = IptvList(favoriteList),
-                        epgList = epgList,
-                        onIptvSelected = onIptvSelected,
-                        onIptvFavoriteToggle = {
-                            onIptvFavoriteToggle(it)
-                            key++
-                        },
-                        showProgrammeProgress = showProgrammeProgress,
-                        onClose = { onChangeShowFavoriteList(false) },
-                    )
-                } else {
-                    PanelIptvGroupList(
-                        currentIptv = currentIptv,
-                        iptvGroupList = iptvGroupList,
-                        epgList = epgList,
-                        onIptvSelected = onIptvSelected,
-                        onIptvFavoriteToggle = {
-                            onIptvFavoriteToggle(it)
-                            key++
-                        },
-                        showProgrammeProgress = showProgrammeProgress,
-                        onChangeToFavoriteList = {
-                            if (favoriteList.isNotEmpty()) {
-                                onChangeShowFavoriteList(true)
-                            } else {
-                                ToastState.I.showToast("没有收藏的频道")
-                            }
-                        },
-                    )
-                }
-            }
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun PanelBottomPreview() {
-    MyTVTheme {
-        PanelBottom(
-            currentIptv = Iptv.EXAMPLE,
-            iptvGroupList = IptvGroupList.EXAMPLE,
-            playerState = PlayerState(),
-        )
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun PanelScreenPreview() {
-    MyTVTheme {
-        PanelScreen(
-            currentIptv = Iptv.EXAMPLE,
-            iptvGroupList = IptvGroupList.EXAMPLE,
-            settingsState = SettingsState(),
-            playerState = PlayerState(),
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTimeScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTimeScreen.kt
deleted file mode 100644
index 0b00ce0e..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/PanelTimeScreen.kt
+++ /dev/null
@@ -1,84 +0,0 @@
-package top.yogiczy.mytv.ui.screens.panel
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.panel.components.rememberTimestamp
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.SP
-import java.text.SimpleDateFormat
-import java.util.Locale
-
-@Composable
-fun PanelTimeScreen(
-    modifier: Modifier = Modifier,
-    showMode: SP.UiTimeShowMode = SP.UiTimeShowMode.HIDDEN,
-) {
-    val childPadding = rememberChildPadding()
-    var timeFormat = SimpleDateFormat("HH:mm:ss", Locale.getDefault())
-    val timestamp = rememberTimestamp()
-
-    var visible by remember { mutableStateOf(false) }
-    when (showMode) {
-        SP.UiTimeShowMode.HIDDEN -> visible = false
-        SP.UiTimeShowMode.ALWAYS -> {
-            timeFormat = SimpleDateFormat("HH:mm", Locale.getDefault())
-            visible = true
-        }
-
-        SP.UiTimeShowMode.EVERY_HOUR -> {
-            LaunchedEffect(timestamp) {
-                visible = timestamp % 3600000 <= Constants.UI_TIME_SHOW_RANGE
-                        || timestamp % 3600000 >= 3600000 - Constants.UI_TIME_SHOW_RANGE
-            }
-        }
-
-        SP.UiTimeShowMode.HALF_HOUR -> {
-            LaunchedEffect(timestamp) {
-                visible = timestamp % 1800000 <= Constants.UI_TIME_SHOW_RANGE
-                        || timestamp % 1800000 >= 1800000 - Constants.UI_TIME_SHOW_RANGE
-            }
-        }
-    }
-
-    if (visible) {
-        Box(modifier = modifier.fillMaxSize()) {
-            Text(
-                text = timeFormat.format(timestamp),
-                style = MaterialTheme.typography.titleLarge,
-                color = MaterialTheme.colorScheme.onBackground,
-                modifier = Modifier
-                    .align(Alignment.TopEnd)
-                    .padding(top = childPadding.top, end = childPadding.end)
-                    .background(
-                        color = MaterialTheme.colorScheme.surface.copy(0.5f),
-                        shape = MaterialTheme.shapes.small,
-                    )
-                    .padding(horizontal = 8.dp, vertical = 4.dp),
-            )
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun PanelTimeScreenPreview() {
-    MyTVTheme {
-        PanelTimeScreen()
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelChannelNo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelChannelNo.kt
deleted file mode 100644
index 497f22f3..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelChannelNo.kt
+++ /dev/null
@@ -1,29 +0,0 @@
-package top.yogiczy.mytv.ui.screens.panel.components
-
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun PanelChannelNo(
-    modifier: Modifier = Modifier,
-    channelNo: String = "",
-) {
-    Text(
-        modifier = modifier,
-        text = channelNo,
-        style = MaterialTheme.typography.displayMedium,
-        color = MaterialTheme.colorScheme.onBackground,
-    )
-}
-
-@Preview
-@Composable
-private fun PanelChannelNoPreview() {
-    MyTVTheme {
-        PanelChannelNo(channelNo = "01")
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvItem.kt
deleted file mode 100644
index bc3f2bc6..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/panel/components/PanelIptvItem.kt
+++ /dev/null
@@ -1,279 +0,0 @@
-package top.yogiczy.mytv.ui.screens.panel.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.PlayArrow
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.alpha
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.TvLazyListState
-import androidx.tv.foundation.lazy.list.items
-import androidx.tv.material3.Card
-import androidx.tv.material3.CardDefaults
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.Icon
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.entities.Epg
-import top.yogiczy.mytv.data.entities.Epg.Companion.currentProgrammes
-import top.yogiczy.mytv.data.entities.EpgProgramme
-import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.isLive
-import top.yogiczy.mytv.data.entities.EpgProgramme.Companion.progress
-import top.yogiczy.mytv.data.entities.EpgProgrammeList
-import top.yogiczy.mytv.data.entities.Iptv
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.focusOnInit
-import top.yogiczy.mytv.ui.utils.focusOnInitSaveable
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import java.text.SimpleDateFormat
-import java.util.Locale
-import kotlin.math.max
-
-@Composable
-fun PanelIptvItem(
-    modifier: Modifier = Modifier,
-    iptv: Iptv = Iptv.EMPTY,
-    onIptvSelected: () -> Unit = {},
-    epg: Epg? = null,
-    currentProgramme: EpgProgramme? = epg?.currentProgrammes()?.now,
-    onIptvFavoriteToggle: () -> Unit = {},
-    showProgrammeProgress: Boolean = false,
-    onShowEpg: () -> Unit = {},
-    initialFocused: Boolean = false,
-) {
-    var isFocused by remember { mutableStateOf(false) }
-    val focusRequester = remember { FocusRequester() }
-
-    Card(
-        onClick = { },
-        modifier = modifier
-            .width(130.dp)
-            .height(54.dp)
-            .focusRequester(focusRequester)
-            .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
-            .handleDPadKeyEvents(
-                onSelect = {
-                    focusRequester.requestFocus()
-                    onIptvSelected()
-                },
-                onLongSelect = {
-                    focusRequester.requestFocus()
-                    onIptvFavoriteToggle()
-                },
-                onSettings = {
-                    focusRequester.requestFocus()
-                    if (epg != null) onShowEpg()
-                },
-            )
-            .focusOnInitSaveable(initialFocused),
-        colors = CardDefaults.colors(
-            containerColor = MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
-            contentColor = MaterialTheme.colorScheme.onBackground,
-            focusedContainerColor = MaterialTheme.colorScheme.onBackground,
-            focusedContentColor = MaterialTheme.colorScheme.background,
-            pressedContentColor = MaterialTheme.colorScheme.background,
-        ),
-    ) {
-        Box {
-            Column(
-                modifier = Modifier
-                    .fillMaxSize()
-                    .padding(horizontal = 8.dp, vertical = 4.dp),
-                verticalArrangement = Arrangement.SpaceAround
-            ) {
-                Text(
-                    text = iptv.name,
-                    style = MaterialTheme.typography.bodyLarge,
-                    maxLines = 1,
-                )
-
-                Text(
-                    text = currentProgramme?.title ?: "",
-                    style = MaterialTheme.typography.labelSmall,
-                    maxLines = 1,
-                    modifier = Modifier.alpha(0.8f),
-                )
-
-            }
-
-            // 节目进度条
-            if (showProgrammeProgress && currentProgramme != null) {
-                Box(
-                    modifier = Modifier
-                        .align(Alignment.BottomStart)
-                        .fillMaxWidth(currentProgramme.progress())
-                        .height(3.dp)
-                        .background(
-                            if (isFocused) MaterialTheme.colorScheme.surface.copy(alpha = 0.9f)
-                            else MaterialTheme.colorScheme.onSurface.copy(alpha = 0.9f)
-                        ),
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun PanelIptvItemPreview() {
-    MyTVTheme {
-        Column(
-            modifier = Modifier.padding(10.dp), verticalArrangement = Arrangement.spacedBy(10.dp)
-        ) {
-            PanelIptvItem(
-                iptv = Iptv.EXAMPLE,
-                currentProgramme = EpgProgramme(
-                    startAt = System.currentTimeMillis() - 100000,
-                    endAt = System.currentTimeMillis() + 200000,
-                    title = "新闻联播",
-                ),
-                showProgrammeProgress = true,
-            )
-
-            PanelIptvItem(
-                iptv = Iptv.EXAMPLE,
-                currentProgramme = EpgProgramme(
-                    startAt = System.currentTimeMillis() - 100000,
-                    endAt = System.currentTimeMillis() + 200000,
-                    title = "新闻联播",
-                ),
-                showProgrammeProgress = true,
-                initialFocused = true,
-            )
-        }
-    }
-}
-
-@OptIn(
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class,
-    ExperimentalTvMaterial3Api::class
-)
-@Composable
-fun PanelIptvItemEpgDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    iptv: Iptv = Iptv.EMPTY,
-    epg: Epg = Epg.EMPTY,
-) {
-    val timeFormat = SimpleDateFormat("HH:mm", Locale.getDefault())
-
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = iptv.channelName) },
-        confirmButton = { Text(text = "左右切换频道") },
-    ) {
-        val listState = remember(iptv) {
-            TvLazyListState(
-                max(0, epg.programmes.indexOfFirst { it.isLive() })
-            )
-        }
-
-        TvLazyColumn(
-            modifier = modifier,
-            state = listState,
-            contentPadding = PaddingValues(vertical = 4.dp),
-        ) {
-            if (epg.programmes.isNotEmpty()) {
-                items(epg.programmes, key = { it.hashCode() }) { programme ->
-                    ListItem(
-                        modifier = Modifier.focusOnInit(programme.isLive()),
-                        selected = programme.isLive(),
-                        onClick = { },
-                        headlineContent = {
-                            Text(
-                                text = programme.title,
-                                modifier = Modifier.fillMaxWidth(),
-                                maxLines = 1,
-                            )
-                        },
-                        overlineContent = {
-                            Text(
-                                text = timeFormat.format(programme.startAt) + " ~ " + timeFormat.format(
-                                    programme.endAt
-                                )
-                            )
-                        },
-                        trailingContent = {
-                            if (programme.isLive()) {
-                                Icon(Icons.Default.PlayArrow, contentDescription = "playing")
-                            }
-                        },
-                    )
-                }
-            } else {
-                item {
-                    ListItem(
-                        modifier = Modifier.focusOnInit(true),
-                        selected = false,
-                        onClick = { },
-                        headlineContent = {
-                            Text(
-                                text = "当前频道暂无节目",
-                                modifier = Modifier.fillMaxWidth(),
-                                maxLines = 1,
-                            )
-                        },
-                    )
-                }
-            }
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun PanelIptvItemEpgDialogPreview() {
-    MyTVTheme {
-        PanelIptvItemEpgDialog(
-            showDialog = true, epg = Epg(
-                "CCTV1",
-                EpgProgrammeList(
-                    listOf(
-                        EpgProgramme(
-                            startAt = System.currentTimeMillis() - 2000000,
-                            endAt = System.currentTimeMillis() - 1000000,
-                            title = "新闻联播"
-                        ),
-                        EpgProgramme(
-                            startAt = System.currentTimeMillis() - 1000000,
-                            endAt = System.currentTimeMillis() + 1000000,
-                            title = "新闻联播1"
-                        ),
-                        EpgProgramme(
-                            startAt = System.currentTimeMillis() + 1000000,
-                            endAt = System.currentTimeMillis() + 2000000,
-                            title = "新闻联播2"
-                        ),
-                    )
-                ),
-            )
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsScreen.kt
deleted file mode 100644
index f9ca1ddd..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsScreen.kt
+++ /dev/null
@@ -1,78 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings
-
-import android.content.pm.PackageInfo
-import androidx.compose.foundation.background
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.settings.components.SettingsAppInfo
-import top.yogiczy.mytv.ui.screens.settings.components.SettingsMain
-import top.yogiczy.mytv.ui.screens.settings.components.UpdateState
-import top.yogiczy.mytv.ui.screens.settings.components.rememberPackageInfo
-import top.yogiczy.mytv.ui.screens.settings.components.rememberUpdateState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun SettingsScreen(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-    updateState: UpdateState = rememberUpdateState(),
-    packageInfo: PackageInfo = rememberPackageInfo(),
-    onClose: () -> Unit = {},
-) {
-    val childPadding = rememberChildPadding()
-    val focusRequester = remember { FocusRequester() }
-
-    LaunchedEffect(Unit) { focusRequester.requestFocus() }
-
-    Box(
-        modifier = modifier
-            .fillMaxSize()
-            .background(MaterialTheme.colorScheme.background.copy(alpha = 0.5f))
-            .focusRequester(focusRequester)
-            .pointerInput(Unit) { detectTapGestures(onTap = { onClose() }) },
-    ) {
-        Column(modifier = Modifier.align(Alignment.BottomStart)) {
-            SettingsAppInfo(
-                modifier = Modifier.padding(start = childPadding.start),
-                packageInfo = packageInfo,
-            )
-            Spacer(modifier = Modifier.height(20.dp))
-            SettingsMain(settingsState = settingsState, updateState = updateState)
-        }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun SettingsScreenPreview() {
-    MyTVTheme {
-        SettingsScreen(
-            settingsState = SettingsState(),
-            updateState = UpdateState(
-                context = LocalContext.current,
-                packageInfo = PackageInfo(),
-                coroutineScope = rememberCoroutineScope(),
-            ),
-            packageInfo = PackageInfo().apply { versionName = "1.0.0" }
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsState.kt
deleted file mode 100644
index 70495f12..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/SettingsState.kt
+++ /dev/null
@@ -1,165 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings
-
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableFloatStateOf
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.mutableLongStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import top.yogiczy.mytv.ui.utils.SP
-
-class SettingsState(
-    appBootLaunch: Boolean = false,
-    appLastLatestVersion: String = "",
-
-    debugShowFps: Boolean = false,
-    debugShowPlayerInfo: Boolean = false,
-
-    iptvLastIptvIdx: Int = 0,
-    iptvChannelChangeFlip: Boolean = false,
-    iptvSourceSimplify: Boolean = false,
-    iptvSourceCachedAt: Long = 0,
-    iptvSourceCacheTime: Long = 0,
-    iptvSourceUrl: String = "",
-    iptvPlayableHostList: Set<String> = emptySet(),
-    iptvSourceUrlHistoryList: Set<String> = emptySet(),
-    iptvChannelFavoriteList: Set<String> = emptySet(),
-
-    epgEnable: Boolean = false,
-    epgXmlCachedAt: Long = 0,
-    epgCachedHash: Int = 0,
-    epgXmlUrl: String = "",
-    epgRefreshTimeThreshold: Int = 0,
-    epgXmlUrlHistoryList: Set<String> = emptySet(),
-
-    uiShowEpgProgrammeProgress: Boolean = false,
-    uiUseClassicPanelScreen: Boolean = false,
-    uiDensityScaleRatio: Float = 1f,
-    uiFontScaleRatio: Float = 1f,
-    uiTimeShowMode: SP.UiTimeShowMode = SP.UiTimeShowMode.HIDDEN,
-
-    updateForceRemind: Boolean = false
-) {
-    var appBootLaunch by mutableStateOf(appBootLaunch)
-    var appLastLatestVersion by mutableStateOf(appLastLatestVersion)
-
-    var debugShowFps by mutableStateOf(debugShowFps)
-    var debugShowPlayerInfo by mutableStateOf(debugShowPlayerInfo)
-
-    var iptvLastIptvIdx by mutableIntStateOf(iptvLastIptvIdx)
-    var iptvChannelChangeFlip by mutableStateOf(iptvChannelChangeFlip)
-    var iptvSourceSimplify by mutableStateOf(iptvSourceSimplify)
-    var iptvSourceCachedAt by mutableLongStateOf(iptvSourceCachedAt)
-    var iptvSourceCacheTime by mutableLongStateOf(iptvSourceCacheTime)
-    var iptvSourceUrl by mutableStateOf(iptvSourceUrl)
-    var iptvPlayableHostList by mutableStateOf(iptvPlayableHostList)
-    var iptvSourceUrlHistoryList by mutableStateOf(iptvSourceUrlHistoryList)
-    var iptvChannelFavoriteList by mutableStateOf(iptvChannelFavoriteList)
-
-    var epgEnable by mutableStateOf(epgEnable)
-    var epgXmlCachedAt by mutableLongStateOf(epgXmlCachedAt)
-    var epgCachedHash by mutableIntStateOf(epgCachedHash)
-    var epgXmlUrl by mutableStateOf(epgXmlUrl)
-    var epgRefreshTimeThreshold by mutableIntStateOf(epgRefreshTimeThreshold)
-    var epgXmlUrlHistoryList by mutableStateOf(epgXmlUrlHistoryList)
-
-    var uiShowEpgProgrammeProgress by mutableStateOf(uiShowEpgProgrammeProgress)
-    var uiUseClassicPanelScreen by mutableStateOf(uiUseClassicPanelScreen)
-    var uiDensityScaleRatio by mutableFloatStateOf(uiDensityScaleRatio)
-    var uiFontScaleRatio by mutableFloatStateOf(uiFontScaleRatio)
-    var uiTimeShowMode by mutableStateOf(uiTimeShowMode)
-
-    var updateForceRemind by mutableStateOf(updateForceRemind)
-}
-
-@Composable
-fun rememberSettingsState(): SettingsState {
-    val state = remember {
-        SettingsState(
-            appBootLaunch = SP.appBootLaunch,
-            appLastLatestVersion = SP.appLastLatestVersion,
-
-            debugShowFps = SP.debugShowFps,
-            debugShowPlayerInfo = SP.debugShowPlayerInfo,
-
-            iptvLastIptvIdx = SP.iptvLastIptvIdx,
-            iptvChannelChangeFlip = SP.iptvChannelChangeFlip,
-            iptvSourceSimplify = SP.iptvSourceSimplify,
-            iptvSourceCachedAt = SP.iptvSourceCachedAt,
-            iptvSourceCacheTime = SP.iptvSourceCacheTime,
-            iptvSourceUrl = SP.iptvSourceUrl,
-            iptvPlayableHostList = SP.iptvPlayableHostList,
-            iptvSourceUrlHistoryList = SP.iptvSourceUrlHistoryList,
-            iptvChannelFavoriteList = SP.iptvChannelFavoriteList,
-
-            epgEnable = SP.epgEnable,
-            epgXmlCachedAt = SP.epgXmlCachedAt,
-            epgCachedHash = SP.epgCachedHash,
-            epgXmlUrl = SP.epgXmlUrl,
-            epgRefreshTimeThreshold = SP.epgRefreshTimeThreshold,
-            epgXmlUrlHistoryList = SP.epgXmlUrlHistoryList,
-
-            uiShowEpgProgrammeProgress = SP.uiShowEpgProgrammeProgress,
-            uiUseClassicPanelScreen = SP.uiUseClassicPanelScreen,
-            uiDensityScaleRatio = SP.uiDensityScaleRatio,
-            uiFontScaleRatio = SP.uiFontScaleRatio,
-            uiTimeShowMode = SP.uiTimeShowMode,
-
-            updateForceRemind = SP.updateForceRemind
-        )
-    }
-
-    LaunchedEffect(state.appBootLaunch) { SP.appBootLaunch = state.appBootLaunch }
-    LaunchedEffect(state.appLastLatestVersion) {
-        SP.appLastLatestVersion = state.appLastLatestVersion
-    }
-
-    LaunchedEffect(state.debugShowFps) { SP.debugShowFps = state.debugShowFps }
-    LaunchedEffect(state.debugShowPlayerInfo) { SP.debugShowPlayerInfo = state.debugShowPlayerInfo }
-
-    LaunchedEffect(state.iptvLastIptvIdx) { SP.iptvLastIptvIdx = state.iptvLastIptvIdx }
-    LaunchedEffect(state.iptvChannelChangeFlip) {
-        SP.iptvChannelChangeFlip = state.iptvChannelChangeFlip
-    }
-    LaunchedEffect(state.iptvSourceSimplify) { SP.iptvSourceSimplify = state.iptvSourceSimplify }
-    LaunchedEffect(state.iptvSourceCachedAt) { SP.iptvSourceCachedAt = state.iptvSourceCachedAt }
-    LaunchedEffect(state.iptvSourceCacheTime) { SP.iptvSourceCacheTime = state.iptvSourceCacheTime }
-    LaunchedEffect(state.iptvSourceUrl) { SP.iptvSourceUrl = state.iptvSourceUrl }
-    LaunchedEffect(state.iptvPlayableHostList) {
-        SP.iptvPlayableHostList = state.iptvPlayableHostList
-    }
-    LaunchedEffect(state.iptvSourceUrlHistoryList) {
-        SP.iptvSourceUrlHistoryList = state.iptvSourceUrlHistoryList
-    }
-    LaunchedEffect(state.iptvChannelFavoriteList) {
-        SP.iptvChannelFavoriteList = state.iptvChannelFavoriteList
-    }
-
-    LaunchedEffect(state.epgEnable) { SP.epgEnable = state.epgEnable }
-    LaunchedEffect(state.epgXmlCachedAt) { SP.epgXmlCachedAt = state.epgXmlCachedAt }
-    LaunchedEffect(state.epgCachedHash) { SP.epgCachedHash = state.epgCachedHash }
-    LaunchedEffect(state.epgXmlUrl) { SP.epgXmlUrl = state.epgXmlUrl }
-    LaunchedEffect(state.epgRefreshTimeThreshold) {
-        SP.epgRefreshTimeThreshold = state.epgRefreshTimeThreshold
-    }
-    LaunchedEffect(state.epgXmlUrlHistoryList) {
-        SP.epgXmlUrlHistoryList = state.epgXmlUrlHistoryList
-    }
-
-    LaunchedEffect(state.uiShowEpgProgrammeProgress) {
-        SP.uiShowEpgProgrammeProgress = state.uiShowEpgProgrammeProgress
-    }
-    LaunchedEffect(state.uiUseClassicPanelScreen) {
-        SP.uiUseClassicPanelScreen = state.uiUseClassicPanelScreen
-    }
-    LaunchedEffect(state.uiDensityScaleRatio) { SP.uiDensityScaleRatio = state.uiDensityScaleRatio }
-    LaunchedEffect(state.uiFontScaleRatio) { SP.uiFontScaleRatio = state.uiFontScaleRatio }
-    LaunchedEffect(state.uiTimeShowMode) { SP.uiTimeShowMode = state.uiTimeShowMode }
-
-    LaunchedEffect(state.updateForceRemind) { SP.updateForceRemind = state.updateForceRemind }
-
-    return state
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsAppInfo.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsAppInfo.kt
deleted file mode 100644
index d20ad176..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsAppInfo.kt
+++ /dev/null
@@ -1,62 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import android.content.Context
-import android.content.pm.PackageInfo
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun SettingsAppInfo(
-    modifier: Modifier = Modifier,
-    packageInfo: PackageInfo = rememberPackageInfo(),
-) {
-    Column(modifier = modifier) {
-        Row {
-            Text(
-                text = Constants.APP_TITLE,
-                style = MaterialTheme.typography.headlineLarge,
-                color = MaterialTheme.colorScheme.onBackground,
-                modifier = Modifier.alignByBaseline(),
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(
-                text = "v${packageInfo.versionName}",
-                style = MaterialTheme.typography.bodyLarge,
-                color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
-                modifier = Modifier.alignByBaseline(),
-            )
-        }
-        Text(
-            text = Constants.APP_REPO,
-            style = MaterialTheme.typography.bodyLarge,
-            color = MaterialTheme.colorScheme.onBackground.copy(alpha = 0.8f),
-        )
-    }
-}
-
-@Composable
-fun rememberPackageInfo(context: Context = LocalContext.current): PackageInfo =
-    context.packageManager.getPackageInfo(context.packageName, 0)
-
-@Preview
-@Composable
-private fun SettingsAppInfoPreview() {
-    MyTVTheme {
-        SettingsAppInfo(
-            packageInfo = PackageInfo().apply {
-                versionName = "1.0.0"
-            }
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomEpgItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomEpgItem.kt
deleted file mode 100644
index 98d05b74..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomEpgItem.kt
+++ /dev/null
@@ -1,141 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.CheckCircle
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.text.style.TextOverflow
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.items
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.Icon
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsCustomEpgItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "自定义节目单",
-        value = if (settingsState.epgXmlUrl != Constants.EPG_XML_URL) "已启用" else "未启用",
-        description = "点按查看历史节目单",
-        onClick = { showDialog = true },
-    )
-
-    SettingsEpgHistoryDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        currentEpgXmlUrl = settingsState.epgXmlUrl,
-        defaultEpgXmlUrl = Constants.EPG_XML_URL,
-        epgXmlUrlList = settingsState.epgXmlUrlHistoryList.toList(),
-        onSelected = {
-            if (settingsState.epgXmlUrl != it) {
-                settingsState.epgXmlCachedAt = 0
-                settingsState.epgCachedHash = 0
-                settingsState.epgXmlUrl = it
-            }
-            showDialog = false
-        },
-        onDeleted = {
-            if (it != Constants.EPG_XML_URL) {
-                settingsState.epgXmlUrlHistoryList -= it
-            }
-        },
-    )
-}
-
-@OptIn(
-    ExperimentalTvMaterial3Api::class,
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class
-)
-@Composable
-private fun SettingsEpgHistoryDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    currentEpgXmlUrl: String = "",
-    defaultEpgXmlUrl: String = Constants.EPG_XML_URL,
-    epgXmlUrlList: List<String> = emptyList(),
-    onSelected: (String) -> Unit = {},
-    onDeleted: (String) -> Unit = {},
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "历史节目单") },
-        confirmButton = { Text(text = "点按切换；长按删除历史记录") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            // 保证默认节目单始终在最前
-            val filteredEpgXmlUrlList =
-                listOf(defaultEpgXmlUrl) + epgXmlUrlList.filter { it != defaultEpgXmlUrl }
-
-            items(filteredEpgXmlUrlList) { source ->
-                var isFocused by remember { mutableStateOf(false) }
-
-                ListItem(
-                    modifier = modifier
-                        .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
-                        .handleDPadKeyEvents(
-                            onSelect = { onSelected(source) },
-                            onLongSelect = { onDeleted(source) },
-                        ),
-                    selected = source == currentEpgXmlUrl,
-                    onClick = { },
-                    headlineContent = {
-                        Text(
-                            text = if (source == defaultEpgXmlUrl) "默认节目单" else source,
-                            modifier = Modifier.fillMaxWidth(),
-                            maxLines = if (isFocused) Int.MAX_VALUE else 2,
-                            overflow = TextOverflow.Ellipsis
-                        )
-                    },
-                    trailingContent = {
-                        if (currentEpgXmlUrl == source) {
-                            Icon(Icons.Default.CheckCircle, contentDescription = "checked")
-                        }
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsEpgHistoryDialogPreview() {
-    MyTVTheme {
-        SettingsEpgHistoryDialog(
-            showDialog = true,
-            epgXmlUrlList = listOf(
-                "http://epg.51zmt.top:8000/e.xml",
-                Constants.EPG_XML_URL,
-                "https://live.fanmingming.com/e.xml"
-            ),
-            currentEpgXmlUrl = "http://epg.51zmt.top:8000/e.xml",
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomIptvItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomIptvItem.kt
deleted file mode 100644
index 8747031f..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsCustomIptvItem.kt
+++ /dev/null
@@ -1,141 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.CheckCircle
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.onFocusChanged
-import androidx.compose.ui.text.style.TextOverflow
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.foundation.lazy.list.items
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.Icon
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsCustomIptvItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "自定义直播源",
-        value = if (settingsState.iptvSourceUrl != Constants.IPTV_SOURCE_URL) "已启用" else "未启用",
-        description = "点按查看历史直播源",
-        onClick = { showDialog = true },
-    )
-
-    SettingsIptvSourceHistoryDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        currentIptvSourceUrl = settingsState.iptvSourceUrl,
-        defaultIptvSourceUrl = Constants.IPTV_SOURCE_URL,
-        iptvSourceUrlList = settingsState.iptvSourceUrlHistoryList.toList(),
-        onSelected = {
-            if (settingsState.iptvSourceUrl != it) {
-                settingsState.iptvLastIptvIdx = 0
-                settingsState.iptvSourceCachedAt = 0
-                settingsState.iptvPlayableHostList = emptySet()
-                settingsState.iptvSourceUrl = it
-            }
-            showDialog = false
-        },
-        onDeleted = {
-            if (it != Constants.IPTV_SOURCE_URL) {
-                settingsState.iptvSourceUrlHistoryList -= it
-            }
-        },
-    )
-}
-
-@OptIn(
-    ExperimentalTvMaterial3Api::class,
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class
-)
-@Composable
-private fun SettingsIptvSourceHistoryDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    currentIptvSourceUrl: String = "",
-    defaultIptvSourceUrl: String = Constants.IPTV_SOURCE_URL,
-    iptvSourceUrlList: List<String> = emptyList(),
-    onSelected: (String) -> Unit = {},
-    onDeleted: (String) -> Unit = {},
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "历史直播源") },
-        confirmButton = { Text(text = "点按切换；长按删除历史记录") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            val filteredIptvSourceUrlList =
-                listOf(defaultIptvSourceUrl) + iptvSourceUrlList.filter { it != defaultIptvSourceUrl }
-
-            items(filteredIptvSourceUrlList) { source ->
-                var isFocused by remember { mutableStateOf(false) }
-
-                ListItem(
-                    modifier = Modifier
-                        .onFocusChanged { isFocused = it.isFocused || it.hasFocus }
-                        .handleDPadKeyEvents(
-                            onSelect = { onSelected(source) },
-                            onLongSelect = { onDeleted(source) },
-                        ),
-                    selected = source == currentIptvSourceUrl,
-                    onClick = { },
-                    headlineContent = {
-                        Text(
-                            text = if (source == defaultIptvSourceUrl) "默认直播源（网络需要支持ipv6）" else source,
-                            modifier = Modifier.fillMaxWidth(),
-                            maxLines = if (isFocused) Int.MAX_VALUE else 2,
-                            overflow = TextOverflow.Ellipsis
-                        )
-                    },
-                    trailingContent = {
-                        if (currentIptvSourceUrl == source) {
-                            Icon(Icons.Default.CheckCircle, contentDescription = "checked")
-                        }
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsIptvSourceHistoryDialogPreview() {
-    MyTVTheme {
-        SettingsIptvSourceHistoryDialog(
-            showDialog = true,
-            iptvSourceUrlList = listOf(
-                "https://mirror.ghproxy.com/https://raw.githubusercontent.com/joevess/IPTV/main/home.m3u8",
-                Constants.IPTV_SOURCE_URL,
-                "http://127.0.0.1:8080/iptv.m3u"
-            ),
-            currentIptvSourceUrl = "https://mirror.ghproxy.com/https://raw.githubusercontent.com/joevess/IPTV/main/home.m3u8",
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsDebugItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsDebugItem.kt
deleted file mode 100644
index 8462f403..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsDebugItem.kt
+++ /dev/null
@@ -1,116 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Switch
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsDebugItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "调试",
-        value = "",
-        description = "调试相关设置",
-        onClick = { showDialog = true },
-    )
-
-    SettingsDebugDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        settingsState = settingsState,
-    )
-}
-
-@OptIn(
-    ExperimentalFoundationApi::class, ExperimentalComposeUiApi::class,
-    ExperimentalTvMaterial3Api::class
-)
-@Composable
-fun SettingsDebugDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "调试") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            settingsState.debugShowFps = !settingsState.debugShowFps
-                        }
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "显示FPS") },
-                    supportingContent = { Text(text = "在屏幕左上角显示fps和柱状图") },
-                    trailingContent = {
-                        Switch(
-                            checked = settingsState.debugShowFps,
-                            onCheckedChange = null,
-                        )
-                    },
-                )
-            }
-
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            settingsState.debugShowPlayerInfo = !settingsState.debugShowPlayerInfo
-                        }
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "显示播放器信息") },
-                    supportingContent = { Text(text = "显示播放器详细信息（编码、解码器、采样率等）") },
-                    trailingContent = {
-                        Switch(
-                            checked = settingsState.debugShowPlayerInfo,
-                            onCheckedChange = null,
-                        )
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsDebugDialogPreview() {
-    MyTVTheme {
-        SettingsDebugDialog(
-            showDialog = true,
-            settingsState = SettingsState(),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsFavoriteItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsFavoriteItem.kt
deleted file mode 100644
index 6a4fb357..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsFavoriteItem.kt
+++ /dev/null
@@ -1,98 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsFavoriteItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "收藏",
-        value = "",
-        description = "收藏相关设置",
-        onClick = { showDialog = true },
-    )
-
-    SettingsFavoriteDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        settingsState = settingsState,
-    )
-}
-
-@OptIn(
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class,
-    ExperimentalTvMaterial3Api::class
-)
-@Composable
-fun SettingsFavoriteDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "收藏") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            item {
-                ListItem(
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "当前已收藏") },
-                    supportingContent = { Text(text = "包括不存在直播源中的频道") },
-                    trailingContent = { Text(text = "${settingsState.iptvChannelFavoriteList.size}个频道") },
-                )
-            }
-
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(onSelect = {
-                        settingsState.iptvChannelFavoriteList = emptySet()
-                    }),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "清空全部收藏") },
-                    supportingContent = { Text(text = "点按立即清空全部收藏") },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsFavoriteDialogPreview() {
-    MyTVTheme {
-        SettingsFavoriteDialog(
-            showDialog = true,
-            settingsState = SettingsState(),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsItem.kt
deleted file mode 100644
index 0c6b7a56..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsItem.kt
+++ /dev/null
@@ -1,115 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusRequester
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.Card
-import androidx.tv.material3.CardDefaults
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsItem(
-    modifier: Modifier = Modifier,
-    title: String = "",
-    value: String = "",
-    description: String = "",
-    onClick: () -> Unit = {},
-    onLongClick: () -> Unit = {},
-    focusRequester: FocusRequester = remember { FocusRequester() },
-) {
-    Card(
-        modifier = modifier
-            .width(190.dp)
-            .height(90.dp)
-            .focusRequester(focusRequester)
-            .handleDPadKeyEvents(
-                onSelect = {
-                    focusRequester.requestFocus()
-                    onClick()
-                },
-                onLongSelect = {
-                    focusRequester.requestFocus()
-                    onLongClick()
-                },
-            ),
-        colors = CardDefaults.colors(
-            containerColor = MaterialTheme.colorScheme.background.copy(alpha = 0.8f),
-            contentColor = MaterialTheme.colorScheme.onBackground,
-            focusedContainerColor = MaterialTheme.colorScheme.onBackground,
-            focusedContentColor = MaterialTheme.colorScheme.background,
-            pressedContentColor = MaterialTheme.colorScheme.background,
-        ),
-        onClick = {}
-    ) {
-        Column(
-            modifier = Modifier
-                .fillMaxSize()
-                .padding(horizontal = 16.dp, vertical = 12.dp),
-            verticalArrangement = Arrangement.SpaceBetween,
-        ) {
-            Row(
-                modifier = Modifier.fillMaxWidth(),
-                horizontalArrangement = Arrangement.SpaceBetween,
-            ) {
-                Text(
-                    text = title,
-                    style = MaterialTheme.typography.titleSmall,
-                )
-
-                Text(
-                    text = value,
-                    style = MaterialTheme.typography.titleSmall,
-                )
-            }
-
-            Text(
-                text = description,
-                style = MaterialTheme.typography.labelMedium,
-                maxLines = 2,
-            )
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsItemPreview() {
-    MyTVTheme {
-        Column(
-            modifier = Modifier.padding(20.dp),
-            verticalArrangement = Arrangement.spacedBy(10.dp),
-        ) {
-            val focusRequester = remember { FocusRequester() }
-            LaunchedEffect(Unit) { focusRequester.requestFocus() }
-
-            SettingsItem(
-                title = "开机自启",
-                value = "启用",
-                description = "App will launch on boot App will launch on bootl launch on boot",
-            )
-
-            SettingsItem(
-                title = "开机自启",
-                value = "启用",
-                description = "App will launch on boot App will launch on boot",
-                focusRequester = focusRequester,
-            )
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsList.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsList.kt
deleted file mode 100644
index 26e0b5a2..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsList.kt
+++ /dev/null
@@ -1,144 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import android.content.pm.PackageInfo
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyRow
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun SettingsList(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-    updateState: UpdateState = rememberUpdateState(),
-) {
-    val childPadding = rememberChildPadding()
-
-    TvLazyRow(
-        modifier = modifier,
-        contentPadding = PaddingValues(
-            start = childPadding.start,
-            end = childPadding.end,
-            bottom = childPadding.bottom,
-        ),
-        horizontalArrangement = Arrangement.spacedBy(10.dp),
-    ) {
-        item {
-            SettingsItem(
-                modifier = modifier,
-                title = "应用更新",
-                value = if (updateState.isUpdateAvailable) "新版本" else "无更新",
-                description = "最新版本：${updateState.latestRelease.tagName}",
-                onClick = {
-                    if (updateState.isUpdateAvailable) {
-                        updateState.showDialog = true
-                    }
-                },
-            )
-        }
-
-        item {
-            SettingsItem(
-                title = "开机自启",
-                value = if (settingsState.appBootLaunch) "启用" else "禁用",
-                description = "下次重启设备生效",
-                onClick = { settingsState.appBootLaunch = !settingsState.appBootLaunch },
-            )
-        }
-
-        item {
-            SettingsItem(
-                title = "换台反转",
-                value = if (settingsState.iptvChannelChangeFlip) "反转" else "正常",
-                description = if (settingsState.iptvChannelChangeFlip) "方向键上：下一个频道\n方向键下：上一个频道"
-                else "方向键上：上一个频道\n方向键下：下一个频道",
-                onClick = {
-                    settingsState.iptvChannelChangeFlip = !settingsState.iptvChannelChangeFlip
-                },
-            )
-        }
-
-        item {
-            SettingsItem(
-                title = "直播源精简",
-                value = if (settingsState.iptvSourceSimplify) "启用" else "禁用",
-                description = if (settingsState.iptvSourceSimplify) "显示精简直播源(仅央视、地方卫视)" else "显示完整直播源",
-                onClick = { settingsState.iptvSourceSimplify = !settingsState.iptvSourceSimplify },
-            )
-        }
-
-        item { SettingsCustomIptvItem(settingsState = settingsState) }
-
-        item {
-            fun formatDuration(ms: Long): String {
-                return when (ms) {
-                    in 0..<60_000 -> "${ms / 1000}秒"
-                    in 60_000..<3_600_000 -> "${ms / 60_000}分钟"
-                    else -> "${ms / 3_600_000}小时"
-                }
-            }
-
-            SettingsItem(
-                title = "直播源缓存",
-                value = formatDuration(settingsState.iptvSourceCacheTime),
-                description = if (settingsState.iptvSourceCachedAt > 0) "已缓存(点击清除缓存)" else "未缓存",
-                onClick = { settingsState.iptvSourceCachedAt = 0 },
-            )
-        }
-
-        item {
-            SettingsItem(
-                title = "节目单",
-                value = if (settingsState.epgEnable) "启用" else "禁用",
-                description = "首次加载时可能会有跳帧风险",
-                onClick = { settingsState.epgEnable = !settingsState.epgEnable },
-            )
-        }
-
-        item { SettingsCustomEpgItem(settingsState = settingsState) }
-
-        item {
-            SettingsItem(
-                title = "节目单缓存",
-                value = "当天",
-                description = if (settingsState.epgXmlCachedAt > 0) "已缓存(点击清除缓存)" else "未缓存",
-                onClick = {
-                    settingsState.epgXmlCachedAt = 0
-                    settingsState.epgCachedHash = 0
-                },
-            )
-        }
-
-        item { SettingsUIItem(settingsState = settingsState) }
-        item { SettingsFavoriteItem(settingsState = settingsState) }
-        item { SettingsUpdateItem(settingsState = settingsState) }
-        item { SettingsDebugItem(settingsState = settingsState) }
-        item { SettingsMoreItem() }
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun SettingsListPreview() {
-    MyTVTheme {
-        SettingsList(
-            modifier = Modifier.padding(20.dp),
-            settingsState = SettingsState(),
-            updateState = UpdateState(
-                context = LocalContext.current,
-                packageInfo = PackageInfo(),
-                coroutineScope = rememberCoroutineScope(),
-            ),
-        )
-    }
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMain.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMain.kt
deleted file mode 100644
index ca690769..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMain.kt
+++ /dev/null
@@ -1,57 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import android.content.pm.PackageInfo
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalContext
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun SettingsMain(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-    updateState: UpdateState = rememberUpdateState(),
-) {
-    val childPadding = rememberChildPadding()
-
-    Column(modifier = modifier) {
-        Text(
-            text = "设置（修改后需要重启生效）",
-            style = MaterialTheme.typography.labelMedium,
-            color = MaterialTheme.colorScheme.onBackground,
-            modifier = Modifier.padding(start = childPadding.start),
-        )
-        Spacer(modifier = Modifier.height(6.dp))
-        SettingsList(
-            settingsState = settingsState,
-            updateState = updateState,
-        )
-    }
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun SettingsMainPreview() {
-    MyTVTheme {
-        SettingsMain(
-            settingsState = SettingsState(),
-            updateState = UpdateState(
-                context = LocalContext.current,
-                packageInfo = PackageInfo(),
-                coroutineScope = rememberCoroutineScope(),
-            ),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMoreItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMoreItem.kt
deleted file mode 100644
index 973dc5a0..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsMoreItem.kt
+++ /dev/null
@@ -1,115 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.Image
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import io.github.alexzhirkevich.qrose.options.QrBallShape
-import io.github.alexzhirkevich.qrose.options.QrFrameShape
-import io.github.alexzhirkevich.qrose.options.QrPixelShape
-import io.github.alexzhirkevich.qrose.options.QrShapes
-import io.github.alexzhirkevich.qrose.options.circle
-import io.github.alexzhirkevich.qrose.options.roundCorners
-import io.github.alexzhirkevich.qrose.rememberQrCodePainter
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.tvmaterial.StandardDialogDefaults
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.HttpServer
-
-@Composable
-fun SettingsMoreItem(modifier: Modifier = Modifier) {
-    var showDialog by remember { mutableStateOf(false) }
-    val serverUrl = "http://${HttpServer.getLocalIpAddress()}:${HttpServer.SERVER_PORT}"
-
-    SettingsItem(
-        modifier = modifier,
-        title = "更多设置",
-        value = "",
-        description = "访问以下网址进行配置：$serverUrl",
-        onClick = { showDialog = true },
-    )
-
-    SettingsQrcodeDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        serverUrl = serverUrl,
-    )
-}
-
-
-@OptIn(
-    ExperimentalTvMaterial3Api::class, ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class
-)
-@Composable
-private fun SettingsQrcodeDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    serverUrl: String = "",
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        confirmButton = {
-            Text("扫描二维码访问以下网址: $serverUrl", textAlign = TextAlign.Center)
-        },
-        modifier = Modifier.width(StandardDialogDefaults.DialogMinWidth),
-    ) {
-        Box(modifier = modifier.width(StandardDialogDefaults.DialogMinWidth)) {
-            Box(
-                modifier = Modifier
-                    .align(Alignment.Center)
-                    .width(200.dp)
-                    .height(200.dp)
-                    .background(
-                        MaterialTheme.colorScheme.onBackground,
-                        MaterialTheme.shapes.medium,
-                    )
-                    .padding(16.dp),
-            ) {
-                Image(
-                    modifier = modifier.fillMaxSize(),
-                    painter = rememberQrCodePainter(
-                        data = serverUrl,
-                        shapes = QrShapes(
-                            ball = QrBallShape.circle(),
-                            darkPixel = QrPixelShape.roundCorners(),
-                            frame = QrFrameShape.roundCorners(.25f),
-                        ),
-                    ),
-                    contentDescription = serverUrl,
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsQrcodeDialogPreview() {
-    MyTVTheme {
-        SettingsQrcodeDialog(
-            showDialog = true,
-            serverUrl = "http://127.0.0.1:10481",
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUIItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUIItem.kt
deleted file mode 100644
index 17726fad..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUIItem.kt
+++ /dev/null
@@ -1,216 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Switch
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.SP
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-import java.text.DecimalFormat
-
-@Composable
-fun SettingsUIItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "界面",
-        value = "",
-        description = "界面相关设置",
-        onClick = { showDialog = true },
-    )
-
-    SettingsUIDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        settingsState = settingsState,
-    )
-}
-
-@OptIn(
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class,
-    ExperimentalTvMaterial3Api::class
-)
-@Composable
-fun SettingsUIDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "界面") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            settingsState.uiShowEpgProgrammeProgress =
-                                !settingsState.uiShowEpgProgrammeProgress
-                        },
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "节目进度") },
-                    supportingContent = { Text(text = "在频道项底部显示当前节目进度条") },
-                    trailingContent = {
-                        Switch(
-                            checked = settingsState.uiShowEpgProgrammeProgress,
-                            onCheckedChange = null,
-                        )
-                    },
-                )
-            }
-
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            settingsState.uiUseClassicPanelScreen =
-                                !settingsState.uiUseClassicPanelScreen
-                        },
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "经典选台界面") },
-                    supportingContent = { Text(text = "将选台界面替换为经典三段式结构") },
-                    trailingContent = {
-                        Switch(
-                            checked = settingsState.uiUseClassicPanelScreen,
-                            onCheckedChange = null,
-                        )
-                    },
-                )
-            }
-
-            item {
-                val timeShowRangeSeconds = Constants.UI_TIME_SHOW_RANGE / 1000
-
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            settingsState.uiTimeShowMode =
-                                SP.UiTimeShowMode.entries.let { it[(it.indexOf(settingsState.uiTimeShowMode) + 1) % it.size] }
-                        },
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "时间显示") },
-                    supportingContent = {
-                        Text(
-                            text = when (settingsState.uiTimeShowMode) {
-                                SP.UiTimeShowMode.HIDDEN -> "不显示时间"
-                                SP.UiTimeShowMode.ALWAYS -> "总是显示时间"
-                                SP.UiTimeShowMode.EVERY_HOUR -> "整点前后${timeShowRangeSeconds}s显示时间"
-                                SP.UiTimeShowMode.HALF_HOUR -> "半点前后${timeShowRangeSeconds}s显示时间"
-                            }
-                        )
-                    },
-                    trailingContent = {
-                        when (settingsState.uiTimeShowMode) {
-                            SP.UiTimeShowMode.HIDDEN -> Text(text = "隐藏")
-                            SP.UiTimeShowMode.ALWAYS -> Text(text = "常显")
-                            SP.UiTimeShowMode.EVERY_HOUR -> Text(text = "整点")
-                            SP.UiTimeShowMode.HALF_HOUR -> Text(text = "半点")
-                        }
-                    },
-                )
-            }
-
-            item {
-                val defaultScale = 1f
-                val minScale = 1f
-                val maxScale = 2f
-                val stepScale = 0.1f
-
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            if (settingsState.uiDensityScaleRatio >= maxScale) {
-                                settingsState.uiDensityScaleRatio = minScale
-                            } else {
-                                settingsState.uiDensityScaleRatio =
-                                    (settingsState.uiDensityScaleRatio + stepScale).coerceIn(
-                                        minScale, maxScale
-                                    )
-                            }
-                        },
-                        onLongSelect = { settingsState.uiDensityScaleRatio = defaultScale },
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "界面整体缩放比例") },
-                    supportingContent = { Text(text = "短按切换缩放比例，长按恢复默认") },
-                    trailingContent = {
-                        Text(text = "×${DecimalFormat("#.#").format(settingsState.uiDensityScaleRatio)}")
-                    },
-                )
-            }
-
-            item {
-                val defaultScale = 1f
-                val minScale = 1f
-                val maxScale = 2f
-                val stepScale = 0.1f
-
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(
-                        onSelect = {
-                            if (settingsState.uiFontScaleRatio >= maxScale) {
-                                settingsState.uiFontScaleRatio = minScale
-                            } else {
-                                settingsState.uiFontScaleRatio =
-                                    (settingsState.uiFontScaleRatio + stepScale).coerceIn(
-                                        minScale, maxScale
-                                    )
-                            }
-                        },
-                        onLongSelect = { settingsState.uiFontScaleRatio = defaultScale },
-                    ),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "界面字体缩放比例") },
-                    supportingContent = { Text(text = "短按切换缩放比例，长按恢复默认") },
-                    trailingContent = {
-                        Text(text = "×${DecimalFormat("#.#").format(settingsState.uiFontScaleRatio)}")
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsUIDialogPreview() {
-    MyTVTheme {
-        SettingsUIDialog(
-            showDialog = true,
-            settingsState = SettingsState(),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdateItem.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdateItem.kt
deleted file mode 100644
index 8a8fbacb..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdateItem.kt
+++ /dev/null
@@ -1,100 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.ListItem
-import androidx.tv.material3.Switch
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.screens.settings.SettingsState
-import top.yogiczy.mytv.ui.screens.settings.rememberSettingsState
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-import top.yogiczy.mytv.ui.utils.handleDPadKeyEvents
-
-@Composable
-fun SettingsUpdateItem(
-    modifier: Modifier = Modifier,
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    var showDialog by remember { mutableStateOf(false) }
-
-    SettingsItem(
-        modifier = modifier,
-        title = "更新",
-        value = "",
-        description = "更新相关设置",
-        onClick = { showDialog = true },
-    )
-
-    SettingsUpdateDialog(
-        showDialog = showDialog,
-        onDismissRequest = { showDialog = false },
-        settingsState = settingsState,
-    )
-}
-
-@OptIn(
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class,
-    ExperimentalTvMaterial3Api::class
-)
-@Composable
-fun SettingsUpdateDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    settingsState: SettingsState = rememberSettingsState(),
-) {
-    StandardDialog(
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = "更新") },
-    ) {
-        TvLazyColumn(modifier = modifier, contentPadding = PaddingValues(vertical = 4.dp)) {
-            item {
-                ListItem(
-                    modifier = modifier.handleDPadKeyEvents(onSelect = {
-                        settingsState.updateForceRemind = !settingsState.updateForceRemind
-                    }),
-                    selected = false,
-                    onClick = { },
-                    headlineContent = { Text(text = "更新强提醒") },
-                    supportingContent = {
-                        Text(
-                            text = if (settingsState.updateForceRemind) "检测到新版本时会弹窗提醒"
-                            else "检测到新版本时仅在左上角提示",
-                        )
-                    },
-                    trailingContent = {
-                        Switch(
-                            checked = settingsState.updateForceRemind,
-                            onCheckedChange = null,
-                        )
-                    },
-                )
-            }
-        }
-    }
-}
-
-@Preview
-@Composable
-private fun SettingsUpdateDialogPreview() {
-    MyTVTheme {
-        SettingsUpdateDialog(
-            showDialog = true,
-            settingsState = SettingsState(),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdaterDialog.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdaterDialog.kt
deleted file mode 100644
index 8366334b..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/SettingsUpdaterDialog.kt
+++ /dev/null
@@ -1,74 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import androidx.compose.foundation.ExperimentalFoundationApi
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.tv.foundation.lazy.list.TvLazyColumn
-import androidx.tv.material3.Button
-import androidx.tv.material3.ExperimentalTvMaterial3Api
-import androidx.tv.material3.Text
-import top.yogiczy.mytv.data.entities.GithubRelease
-import top.yogiczy.mytv.tvmaterial.StandardDialog
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@OptIn(
-    ExperimentalTvMaterial3Api::class,
-    ExperimentalFoundationApi::class,
-    ExperimentalComposeUiApi::class
-)
-@Composable
-fun SettingsUpdaterDialog(
-    modifier: Modifier = Modifier,
-    showDialog: Boolean = false,
-    onDismissRequest: () -> Unit = {},
-    release: GithubRelease = GithubRelease(),
-    onUpdateAndInstall: () -> Unit = {},
-) {
-    StandardDialog(
-        modifier = modifier,
-        showDialog = showDialog,
-        onDismissRequest = onDismissRequest,
-        title = { Text(text = release.tagName) },
-        text = { TvLazyColumn { item { Text(text = release.description) } } },
-        confirmButton = {
-            Button(
-                onClick = onUpdateAndInstall,
-                modifier = Modifier.pointerInput(Unit) {
-                    detectTapGestures(
-                        onTap = { onUpdateAndInstall() },
-                    )
-                },
-            ) {
-                Text(text = "立即更新")
-            }
-        },
-        dismissButton = {
-            Button(
-                onClick = onDismissRequest,
-                modifier = Modifier.pointerInput(Unit) {
-                    detectTapGestures(onTap = { onDismissRequest() })
-                },
-            ) {
-                Text(text = "忽略")
-            }
-        },
-    )
-}
-
-@Preview(device = "id:Android TV (720p)")
-@Composable
-private fun SettingsUpdaterDialogPreview() {
-    MyTVTheme {
-        SettingsUpdaterDialog(
-            showDialog = true,
-            release = GithubRelease(
-                tagName = "v1.0.0",
-                description = "版本更新日志".repeat(10),
-            ),
-        )
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/UpdateState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/UpdateState.kt
deleted file mode 100644
index 85718b8e..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/settings/components/UpdateState.kt
+++ /dev/null
@@ -1,162 +0,0 @@
-package top.yogiczy.mytv.ui.screens.settings.components
-
-import android.content.Context
-import android.content.Intent
-import android.content.pm.PackageInfo
-import android.os.Build
-import android.provider.Settings
-import androidx.activity.compose.rememberLauncherForActivityResult
-import androidx.activity.result.contract.ActivityResultContracts
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.Stable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.platform.LocalContext
-import kotlinx.coroutines.CoroutineScope
-import top.yogiczy.mytv.data.entities.GithubRelease
-import top.yogiczy.mytv.data.repositories.GithubRepository
-import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.screens.toast.ToastProperty
-import top.yogiczy.mytv.ui.screens.toast.ToastState
-import top.yogiczy.mytv.ui.utils.ApkInstaller
-import top.yogiczy.mytv.ui.utils.DownloadUtil
-import top.yogiczy.mytv.ui.utils.SP
-import java.io.File
-
-@Stable
-data class UpdateState(
-    private val context: Context,
-    private val packageInfo: PackageInfo,
-    private val coroutineScope: CoroutineScope,
-    val latestFile: File = File(context.cacheDir, "latest.apk"),
-    val forceRemind: Boolean = false,
-) {
-    private var _isChecking by mutableStateOf(false)
-
-    private var _isUpdating by mutableStateOf(false)
-
-    private var _isUpdateAvailable by mutableStateOf(false)
-    val isUpdateAvailable get() = _isUpdateAvailable
-
-    private var _updateDownloaded by mutableStateOf(false)
-    val updateDownloaded get() = _updateDownloaded
-
-    private var _latestRelease by mutableStateOf(GithubRelease())
-    val latestRelease get() = _latestRelease
-
-    var showDialog by mutableStateOf(false)
-
-    suspend fun checkUpdate() {
-        if (_isChecking) return
-        if (_isUpdateAvailable) return
-
-        try {
-            _isChecking = true
-            _latestRelease = GithubRepository().latestRelease()
-            _isUpdateAvailable = compareVersion(
-                _latestRelease.tagName.substring(1), packageInfo.versionName
-            ) > 0
-
-            if (_isUpdateAvailable && _latestRelease.tagName != SP.appLastLatestVersion) {
-                SP.appLastLatestVersion = _latestRelease.tagName
-                if (forceRemind) {
-                    showDialog = true
-                } else {
-                    ToastState.I.showToast("新版本: ${_latestRelease.tagName}")
-                }
-            }
-        } catch (e: Exception) {
-            ToastState.I.showToast("检查更新失败")
-        } finally {
-            _isChecking = false
-        }
-    }
-
-    suspend fun downloadAndUpdate() {
-        if (!_isUpdateAvailable) return
-        if (_isUpdating) return
-
-        _isUpdating = true
-        _updateDownloaded = false
-        ToastState.I.showToast("开始下载更新", ToastProperty.Duration.Custom(10_000))
-
-        try {
-            DownloadUtil.downloadTo(
-                "${Constants.GITHUB_PROXY}${_latestRelease.downloadUrl}", latestFile.path
-            ) {
-                ToastState.I.showToast(
-                    "正在下载更新: $it%",
-                    ToastProperty.Duration.Custom(10_000),
-                )
-            }
-
-            _updateDownloaded = true
-            ToastState.I.showToast("下载更新成功")
-        } catch (ex: Exception) {
-            ToastState.I.showToast("下载更新失败")
-        } finally {
-            _isUpdating = false
-        }
-    }
-}
-
-@Composable
-fun rememberUpdateState(
-    context: Context = LocalContext.current,
-    forceRemind: Boolean = false,
-): UpdateState {
-    val coroutineScope = rememberCoroutineScope()
-    val packageInfo = rememberPackageInfo()
-
-    val state = remember {
-        UpdateState(
-            context = context,
-            packageInfo = packageInfo,
-            coroutineScope = coroutineScope,
-            forceRemind = forceRemind,
-        )
-    }
-
-    val launcher =
-        rememberLauncherForActivityResult(ActivityResultContracts.StartActivityForResult()) {
-            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-                if (context.packageManager.canRequestPackageInstalls()) ApkInstaller.installApk(
-                    context, state.latestFile.path
-                )
-                else ToastState.I.showToast("未授予安装权限")
-            }
-        }
-
-    LaunchedEffect(state.updateDownloaded) {
-        if (!state.updateDownloaded) return@LaunchedEffect
-
-        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
-            ApkInstaller.installApk(context, state.latestFile.path)
-        } else {
-            if (context.packageManager.canRequestPackageInstalls()) {
-                ApkInstaller.installApk(context, state.latestFile.path)
-            } else {
-                val intent = Intent(Settings.ACTION_MANAGE_UNKNOWN_APP_SOURCES)
-                launcher.launch(intent)
-            }
-        }
-    }
-
-    return state
-}
-
-private fun compareVersion(version1: String, version2: String): Int {
-    val v1 = version1.split(".").map { it.toInt() }
-    val v2 = version2.split(".").map { it.toInt() }
-    val maxLength = maxOf(v1.size, v2.size)
-    for (i in 0 until maxLength) {
-        if (v1.getOrElse(i) { 0 } > v2.getOrElse(i) { 0 }) return 1
-        else if (v1.getOrElse(i) { 0 } < v2.getOrElse(i) { 0 }) return -1
-    }
-
-    return 0
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/toast/ToastScreen.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/toast/ToastScreen.kt
deleted file mode 100644
index cfffcdb5..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/toast/ToastScreen.kt
+++ /dev/null
@@ -1,151 +0,0 @@
-package top.yogiczy.mytv.ui.screens.toast
-
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.core.tween
-import androidx.compose.animation.slideInHorizontally
-import androidx.compose.animation.slideOutHorizontally
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.window.Popup
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.Text
-import kotlinx.coroutines.FlowPreview
-import kotlinx.coroutines.channels.Channel
-import kotlinx.coroutines.flow.consumeAsFlow
-import kotlinx.coroutines.flow.debounce
-import top.yogiczy.mytv.ui.rememberChildPadding
-import top.yogiczy.mytv.ui.screens.toast.ToastProperty.Companion.toMs
-import top.yogiczy.mytv.ui.theme.MyTVTheme
-
-@Composable
-fun ToastScreen(
-    modifier: Modifier = Modifier,
-    state: ToastState = rememberToastState(),
-) {
-    Box(modifier = modifier.fillMaxSize()) {
-        Popup {
-            AnimatedVisibility(
-                visible = state.visible,
-                // TODO * 1.2 暂时防止在手机上未完全隐藏
-                enter = slideInHorizontally(
-                    initialOffsetX = { -(it * 1.2).toInt() },
-                    animationSpec = tween(durationMillis = 300)
-                ),
-                exit = slideOutHorizontally(
-                    targetOffsetX = { -(it * 1.2).toInt() },
-                    animationSpec = tween(durationMillis = 300)
-                ),
-            ) {
-                ToastItem(property = state.current)
-            }
-        }
-    }
-}
-
-@Composable
-fun ToastItem(
-    modifier: Modifier = Modifier,
-    property: ToastProperty = ToastProperty(),
-) {
-    val childPadding = rememberChildPadding()
-
-    Box(
-        modifier = modifier
-            .padding(start = childPadding.start, top = childPadding.top)
-            .background(
-                color = MaterialTheme.colorScheme.background.copy(alpha = 0.9f),
-                shape = MaterialTheme.shapes.small,
-            )
-            .padding(horizontal = 20.dp, vertical = 10.dp)
-    ) {
-        Text(
-            text = property.message,
-            color = MaterialTheme.colorScheme.onBackground,
-        )
-    }
-}
-
-@Preview
-@Composable
-private fun ToastScreenPreview() {
-    MyTVTheme {
-        Box(
-            modifier = Modifier
-                .background(Color.White)
-                .padding(bottom = 20.dp, end = 20.dp),
-        ) {
-            ToastItem(
-                property = ToastProperty(message = "新版本: v1.2.2")
-            )
-        }
-    }
-}
-
-class ToastState {
-    private var _visible by mutableStateOf(false)
-    val visible get() = _visible
-
-    private var _current by mutableStateOf(ToastProperty())
-    val current get() = _current
-
-    private fun showToast(toast: ToastProperty) {
-        // TODO 消息变化较生硬
-        _current = toast
-        _visible = true
-        channel.trySend(toast.duration.toMs())
-    }
-
-    fun showToast(
-        message: String,
-        duration: ToastProperty.Duration = ToastProperty.Duration.Default,
-    ) {
-        showToast(ToastProperty(message = message, duration = duration))
-    }
-
-    private val channel = Channel<Int>(Channel.CONFLATED)
-
-    @OptIn(FlowPreview::class)
-    suspend fun observe() {
-        channel.consumeAsFlow().debounce { it.toLong() }.collect { _visible = false }
-    }
-
-    companion object {
-        // TODO 这种方法可能违反了 Compose 的规则
-        lateinit var I: ToastState
-    }
-}
-
-@Composable
-fun rememberToastState() = remember { ToastState() }.also {
-    ToastState.I = it
-    LaunchedEffect(it) { it.observe() }
-}
-
-data class ToastProperty(
-    val message: String = "",
-    val duration: Duration = Duration.Default,
-) {
-    sealed interface Duration {
-        data object Default : Duration
-        data class Custom(val duration: Int) : Duration
-    }
-
-    companion object {
-        fun Duration.toMs(): Int = when (val it = this) {
-            is Duration.Default -> 2300
-            is Duration.Custom -> it.duration
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/PlayerState.kt b/app/src/main/java/top/yogiczy/mytv/ui/screens/video/PlayerState.kt
deleted file mode 100644
index 0ed3f9ae..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/screens/video/PlayerState.kt
+++ /dev/null
@@ -1,157 +0,0 @@
-package top.yogiczy.mytv.ui.screens.video
-
-import androidx.annotation.OptIn
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableFloatStateOf
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.platform.LocalContext
-import androidx.media3.common.Format
-import androidx.media3.common.PlaybackException
-import androidx.media3.common.Player
-import androidx.media3.common.VideoSize
-import androidx.media3.common.util.UnstableApi
-import androidx.media3.exoplayer.DecoderReuseEvaluation
-import androidx.media3.exoplayer.ExoPlayer
-import androidx.media3.exoplayer.analytics.AnalyticsListener
-
-/**
- * 播放器状态
- */
-class PlayerState {
-    /** 视频分辨率 */
-    var resolution by mutableStateOf(Pair(0, 0))
-
-    /** 视频宽高比 */
-    var aspectRatio by mutableFloatStateOf(16f / 9f)
-
-    /** 是否出现错误 */
-    var error by mutableStateOf(false)
-
-    /** 元数据 */
-    var metadata by mutableStateOf(Metadata())
-
-    /** 元数据 */
-    data class Metadata(
-        /** 视频编码 */
-        val videoMimeType: String = "",
-        /** 视频宽度 */
-        val videoWidth: Int = 0,
-        /** 视频高度 */
-        val videoHeight: Int = 0,
-        /** 视频颜色 */
-        val videoColor: String = "",
-        /** 视频帧率 */
-        val videoFrameRate: Float = 0f,
-        /** 视频比特率 */
-        val videoBitrate: Int = 0,
-        /** 视频解码器 */
-        val videoDecoder: String = "",
-
-        /** 音频编码 */
-        val audioMimeType: String = "",
-        /** 音频通道 */
-        val audioChannels: Int = 0,
-        /** 音频采样率 */
-        val audioSampleRate: Int = 0,
-        /** 音频解码器 */
-        val audioDecoder: String = "",
-    )
-}
-
-@OptIn(UnstableApi::class)
-@Composable
-fun rememberPlayerState(
-    exoPlayer: ExoPlayer = ExoPlayer.Builder(LocalContext.current).build(),
-): PlayerState {
-    val state = remember { PlayerState() }
-
-    val listener = object : Player.Listener {
-        override fun onVideoSizeChanged(videoSize: VideoSize) {
-            state.resolution = Pair(videoSize.width, videoSize.height)
-
-            if (videoSize.width != 0 && videoSize.height != 0) {
-                state.aspectRatio = videoSize.width.toFloat() / videoSize.height
-            }
-        }
-
-        override fun onPlayerError(error: PlaybackException) {
-            state.error = true
-
-            // 如果是直播加载位置错误，尝试重新播放
-            if (error.errorCode == PlaybackException.ERROR_CODE_BEHIND_LIVE_WINDOW) {
-                exoPlayer.seekToDefaultPosition()
-                exoPlayer.prepare()
-            }
-        }
-
-        override fun onPlaybackStateChanged(playbackState: Int) {
-            if (playbackState == Player.STATE_BUFFERING) {
-                state.error = false
-            }
-        }
-    }
-
-    val metadataListener = object : AnalyticsListener {
-        override fun onVideoInputFormatChanged(
-            eventTime: AnalyticsListener.EventTime,
-            format: Format,
-            decoderReuseEvaluation: DecoderReuseEvaluation?,
-        ) {
-            state.metadata = state.metadata.copy(
-                videoMimeType = format.sampleMimeType ?: "",
-                videoWidth = format.width,
-                videoHeight = format.height,
-                videoColor = format.colorInfo?.toLogString() ?: "",
-                // TODO 帧率、比特率目前是从tag中获取，有的返回空，后续需要实时计算
-                videoFrameRate = format.frameRate,
-                videoBitrate = format.bitrate,
-            )
-        }
-
-        override fun onVideoDecoderInitialized(
-            eventTime: AnalyticsListener.EventTime,
-            decoderName: String,
-            initializedTimestampMs: Long,
-            initializationDurationMs: Long,
-        ) {
-            state.metadata = state.metadata.copy(videoDecoder = decoderName)
-        }
-
-        override fun onAudioInputFormatChanged(
-            eventTime: AnalyticsListener.EventTime,
-            format: Format,
-            decoderReuseEvaluation: DecoderReuseEvaluation?,
-        ) {
-            state.metadata = state.metadata.copy(
-                audioMimeType = format.sampleMimeType ?: "",
-                audioChannels = format.channelCount,
-                audioSampleRate = format.sampleRate,
-            )
-        }
-
-        override fun onAudioDecoderInitialized(
-            eventTime: AnalyticsListener.EventTime,
-            decoderName: String,
-            initializedTimestampMs: Long,
-            initializationDurationMs: Long,
-        ) {
-            state.metadata = state.metadata.copy(audioDecoder = decoderName)
-        }
-    }
-
-    DisposableEffect(Unit) {
-        exoPlayer.addListener(listener)
-        exoPlayer.addAnalyticsListener(metadataListener)
-
-        onDispose {
-            exoPlayer.removeListener(listener)
-            exoPlayer.removeAnalyticsListener(metadataListener)
-        }
-    }
-
-    return state
-}
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/Color.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/Color.kt
deleted file mode 100644
index 8b802dd2..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/theme/Color.kt
+++ /dev/null
@@ -1,27 +0,0 @@
-package top.yogiczy.mytv.ui.theme
-
-import androidx.compose.ui.graphics.Color
-
-val Primary = Color(0xFFA8C8FF)
-val OnPrimary = Color(0xFF003062)
-val PrimaryContainer = Color(0xFF00468A)
-val OnPrimaryContainer = Color(0xFFD6E3FF)
-val Secondary = Color(0xFFBDC7DC)
-val OnSecondary = Color(0xFF273141)
-val SecondaryContainer = Color(0xFF3E4758)
-val OnSecondaryContainer = Color(0xFFD9E3F8)
-val Tertiary = Color(0xFFDCBCE1)
-val OnTertiary = Color(0xFF3E2845)
-val TertiaryContainer = Color(0xFF563E5C)
-val OnTertiaryContainer = Color(0xFFF9D8FE)
-val Background = Color(0xFF000000)
-val OnBackground = Color(0xFFFFFFFF)
-val Surface = Color(0xFF1A1C1E)
-val OnSurface = Color(0xFFE3E2E6)
-val SurfaceVariant = Color(0xFF43474E)
-val OnSurfaceVariant = Color(0xFFC4C6CF)
-val Error = Color(0xFFFFB4AB)
-val OnError = Color(0xFF690005)
-val ErrorContainer = Color(0xFF93000A)
-val OnErrorContainer = Color(0xFFFFB4AB)
-val Border = Color(0xFF8E9099)
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/LeanbackTheme.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/LeanbackTheme.kt
new file mode 100644
index 00000000..833e8eed
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/theme/LeanbackTheme.kt
@@ -0,0 +1,218 @@
+package top.yogiczy.mytv.ui.theme
+
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Typography
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.Font
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextMotion
+import androidx.compose.ui.unit.sp
+import top.yogiczy.mytv.R
+
+private val HarmonyOSSans = FontFamily(
+    Font(R.font.harmonyos_sans_black, FontWeight.Black),
+    Font(R.font.harmonyos_sans_bold, FontWeight.Bold),
+    Font(R.font.harmonyos_sans_light, FontWeight.Light),
+    Font(R.font.harmonyos_sans_medium, FontWeight.Medium),
+    Font(R.font.harmonyos_sans_regular, FontWeight.Normal),
+    Font(R.font.harmonyos_sans_thin, FontWeight.Thin)
+)
+
+private val Typography = Typography(
+    displayLarge = TextStyle(
+        fontSize = 57.sp,
+        lineHeight = 64.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = (-0.25).sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    displayMedium = TextStyle(
+        fontSize = 45.sp,
+        lineHeight = 52.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    displaySmall = TextStyle(
+        fontSize = 36.sp,
+        lineHeight = 44.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    headlineLarge = TextStyle(
+        fontSize = 32.sp,
+        lineHeight = 40.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    headlineMedium = TextStyle(
+        fontSize = 28.sp,
+        lineHeight = 36.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    headlineSmall = TextStyle(
+        fontSize = 24.sp,
+        lineHeight = 32.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    titleLarge = TextStyle(
+        fontSize = 22.sp,
+        lineHeight = 28.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    titleMedium = TextStyle(
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        fontWeight = FontWeight.Medium,
+        letterSpacing = 0.15.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    titleSmall = TextStyle(
+        fontSize = 14.sp,
+        lineHeight = 20.sp,
+        fontWeight = FontWeight.Medium,
+        letterSpacing = 0.1.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    labelLarge = TextStyle(
+        fontSize = 14.sp,
+        lineHeight = 20.sp,
+        fontWeight = FontWeight.Medium,
+        letterSpacing = 0.1.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    labelMedium = TextStyle(
+        fontSize = 12.sp,
+        lineHeight = 16.sp,
+        fontWeight = FontWeight.Medium,
+        letterSpacing = 0.25.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    labelSmall = TextStyle(
+        fontSize = 11.sp,
+        lineHeight = 16.sp,
+        fontWeight = FontWeight.Medium,
+        letterSpacing = 0.1.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    bodyLarge = TextStyle(
+        fontSize = 16.sp,
+        lineHeight = 24.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.5.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    bodyMedium = TextStyle(
+        fontSize = 14.sp,
+        lineHeight = 20.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.25.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+    bodySmall = TextStyle(
+        fontSize = 12.sp,
+        lineHeight = 16.sp,
+        fontWeight = FontWeight.Normal,
+        letterSpacing = 0.2.sp,
+        textMotion = TextMotion.Animated,
+        fontFamily = HarmonyOSSans,
+    ),
+)
+
+private val darkColorScheme
+    @Composable get() = darkColorScheme(
+        primary = Color(0xFFA8C8FF),
+        onPrimary = Color(0xFF003062),
+        primaryContainer = Color(0xFF00468A),
+        onPrimaryContainer = Color(0xFFD6E3FF),
+        secondary = Color(0xFFBDC7DC),
+        onSecondary = Color(0xFF273141),
+        secondaryContainer = Color(0xFF3E4758),
+        onSecondaryContainer = Color(0xFFD9E3F8),
+        tertiary = Color(0xFFDCBCE1),
+        onTertiary = Color(0xFF3E2845),
+        tertiaryContainer = Color(0xFF563E5C),
+        onTertiaryContainer = Color(0xFFF9D8FE),
+        background = Color(0xFF000000),
+        onBackground = Color(0xFFFFFFFF),
+        surface = Color(0xFF1A1C1E),
+        onSurface = Color(0xFFE3E2E6),
+        surfaceVariant = Color(0xFF43474E),
+        onSurfaceVariant = Color(0xFFC4C6CF),
+        error = Color(0xFFFFB4AB),
+        onError = Color(0xFF690005),
+        errorContainer = Color(0xFF93000A),
+        onErrorContainer = Color(0xFFFFB4AB),
+    )
+
+@Composable
+fun LeanbackTheme(
+    content: @Composable () -> Unit,
+) {
+    MaterialTheme(
+        colorScheme = darkColorScheme,
+        typography = Typography,
+    ) {
+        androidx.tv.material3.MaterialTheme(
+            androidx.tv.material3.darkColorScheme(
+                primary = MaterialTheme.colorScheme.primary,
+                onPrimary = MaterialTheme.colorScheme.onPrimary,
+                primaryContainer = MaterialTheme.colorScheme.primaryContainer,
+                onPrimaryContainer = MaterialTheme.colorScheme.onPrimaryContainer,
+                secondary = MaterialTheme.colorScheme.secondary,
+                onSecondary = MaterialTheme.colorScheme.onSecondary,
+                secondaryContainer = MaterialTheme.colorScheme.secondaryContainer,
+                onSecondaryContainer = MaterialTheme.colorScheme.onSecondaryContainer,
+                tertiary = MaterialTheme.colorScheme.tertiary,
+                onTertiary = MaterialTheme.colorScheme.onTertiary,
+                tertiaryContainer = MaterialTheme.colorScheme.tertiaryContainer,
+                onTertiaryContainer = MaterialTheme.colorScheme.onTertiaryContainer,
+                background = MaterialTheme.colorScheme.background,
+                onBackground = MaterialTheme.colorScheme.onBackground,
+                surface = MaterialTheme.colorScheme.surface,
+                onSurface = MaterialTheme.colorScheme.onSurface,
+                surfaceVariant = MaterialTheme.colorScheme.surfaceVariant,
+                onSurfaceVariant = MaterialTheme.colorScheme.onSurfaceVariant,
+                error = MaterialTheme.colorScheme.error,
+                onError = MaterialTheme.colorScheme.onError,
+                errorContainer = MaterialTheme.colorScheme.errorContainer,
+                onErrorContainer = MaterialTheme.colorScheme.onErrorContainer,
+            )
+        ) {
+            CompositionLocalProvider(
+                LocalContentColor provides MaterialTheme.colorScheme.onBackground,
+                androidx.tv.material3.LocalContentColor provides androidx.tv.material3.MaterialTheme.colorScheme.onBackground,
+            ) {
+                content()
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/MobileTheme.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/MobileTheme.kt
new file mode 100644
index 00000000..c7dfe66c
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/theme/MobileTheme.kt
@@ -0,0 +1,37 @@
+package top.yogiczy.mytv.ui.theme
+
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalContext
+
+private val DarkColorScheme = darkColorScheme()
+
+private val LightColorScheme = lightColorScheme()
+
+@Composable
+fun MobileTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    dynamicColor: Boolean = true,
+    content: @Composable () -> Unit
+) {
+    val colorScheme = when {
+        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+            val context = LocalContext.current
+            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+        }
+
+        darkTheme -> DarkColorScheme
+        else -> LightColorScheme
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme,
+        content = content
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/PadTheme.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/PadTheme.kt
new file mode 100644
index 00000000..1c3aba9d
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/theme/PadTheme.kt
@@ -0,0 +1,37 @@
+package top.yogiczy.mytv.ui.theme
+
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalContext
+
+private val DarkColorScheme = darkColorScheme()
+
+private val LightColorScheme = lightColorScheme()
+
+@Composable
+fun PadTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    dynamicColor: Boolean = true,
+    content: @Composable () -> Unit
+) {
+    val colorScheme = when {
+        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
+            val context = LocalContext.current
+            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+        }
+
+        darkTheme -> DarkColorScheme
+        else -> LightColorScheme
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme,
+        content = content
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/Theme.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/Theme.kt
deleted file mode 100644
index 2baf08f2..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/theme/Theme.kt
+++ /dev/null
@@ -1,51 +0,0 @@
-package top.yogiczy.mytv.ui.theme
-
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.tv.material3.LocalContentColor
-import androidx.tv.material3.MaterialTheme
-import androidx.tv.material3.darkColorScheme
-
-private val darkColorScheme
-    @Composable get() = darkColorScheme(
-        primary = Primary,
-        onPrimary = OnPrimary,
-        primaryContainer = PrimaryContainer,
-        onPrimaryContainer = OnPrimaryContainer,
-        secondary = Secondary,
-        onSecondary = OnSecondary,
-        secondaryContainer = SecondaryContainer,
-        onSecondaryContainer = OnSecondaryContainer,
-        tertiary = Tertiary,
-        onTertiary = OnTertiary,
-        tertiaryContainer = TertiaryContainer,
-        onTertiaryContainer = OnTertiaryContainer,
-        background = Background,
-        onBackground = OnBackground,
-        surface = Surface,
-        onSurface = OnSurface,
-        surfaceVariant = SurfaceVariant,
-        onSurfaceVariant = OnSurfaceVariant,
-        error = Error,
-        onError = OnError,
-        errorContainer = ErrorContainer,
-        onErrorContainer = OnErrorContainer,
-        border = Border,
-    )
-
-@Composable
-fun MyTVTheme(
-    content: @Composable () -> Unit,
-) {
-    MaterialTheme(
-        colorScheme = darkColorScheme,
-        shapes = MaterialTheme.shapes,
-        typography = Typography,
-    ) {
-        CompositionLocalProvider(
-            LocalContentColor provides MaterialTheme.colorScheme.onBackground
-        ) {
-            content()
-        }
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/theme/Type.kt b/app/src/main/java/top/yogiczy/mytv/ui/theme/Type.kt
deleted file mode 100644
index 8eab98c0..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/theme/Type.kt
+++ /dev/null
@@ -1,116 +0,0 @@
-package top.yogiczy.mytv.ui.theme
-
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.style.TextMotion
-import androidx.compose.ui.unit.sp
-import androidx.tv.material3.Typography
-
-// Set of Material typography styles to start with
-val Typography = Typography(
-    displayLarge = TextStyle(
-        fontSize = 57.sp,
-        lineHeight = 64.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = (-0.25).sp,
-        textMotion = TextMotion.Animated
-    ),
-    displayMedium = TextStyle(
-        fontSize = 45.sp,
-        lineHeight = 52.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    displaySmall = TextStyle(
-        fontSize = 36.sp,
-        lineHeight = 44.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    headlineLarge = TextStyle(
-        fontSize = 32.sp,
-        lineHeight = 40.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    headlineMedium = TextStyle(
-        fontSize = 28.sp,
-        lineHeight = 36.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    headlineSmall = TextStyle(
-        fontSize = 24.sp,
-        lineHeight = 32.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    titleLarge = TextStyle(
-        fontSize = 22.sp,
-        lineHeight = 28.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.sp,
-        textMotion = TextMotion.Animated
-    ),
-    titleMedium = TextStyle(
-        fontSize = 16.sp,
-        lineHeight = 24.sp,
-        fontWeight = FontWeight.Medium,
-        letterSpacing = 0.15.sp,
-        textMotion = TextMotion.Animated
-    ),
-    titleSmall = TextStyle(
-        fontSize = 14.sp,
-        lineHeight = 20.sp,
-        fontWeight = FontWeight.Medium,
-        letterSpacing = 0.1.sp,
-        textMotion = TextMotion.Animated
-    ),
-    labelLarge = TextStyle(
-        fontSize = 14.sp,
-        lineHeight = 20.sp,
-        fontWeight = FontWeight.Medium,
-        letterSpacing = 0.1.sp,
-        textMotion = TextMotion.Animated
-    ),
-    labelMedium = TextStyle(
-        fontSize = 12.sp,
-        lineHeight = 16.sp,
-        fontWeight = FontWeight.Medium,
-        letterSpacing = 0.25.sp,
-        textMotion = TextMotion.Animated
-    ),
-    labelSmall = TextStyle(
-        fontSize = 11.sp,
-        lineHeight = 16.sp,
-        fontWeight = FontWeight.Medium,
-        letterSpacing = 0.1.sp,
-        textMotion = TextMotion.Animated
-    ),
-    bodyLarge = TextStyle(
-        fontSize = 16.sp,
-        lineHeight = 24.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.5.sp,
-        textMotion = TextMotion.Animated
-    ),
-    bodyMedium = TextStyle(
-        fontSize = 14.sp,
-        lineHeight = 20.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.25.sp,
-        textMotion = TextMotion.Animated
-    ),
-    bodySmall = TextStyle(
-        fontSize = 12.sp,
-        lineHeight = 16.sp,
-        fontWeight = FontWeight.Normal,
-        letterSpacing = 0.2.sp,
-        textMotion = TextMotion.Animated
-    )
-)
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/HttpServer.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/HttpServer.kt
index 45c050cf..35259c79 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/utils/HttpServer.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/utils/HttpServer.kt
@@ -17,7 +17,7 @@ import kotlinx.serialization.json.Json
 import top.yogiczy.mytv.AppGlobal
 import top.yogiczy.mytv.R
 import top.yogiczy.mytv.data.utils.Constants
-import top.yogiczy.mytv.ui.screens.toast.ToastState
+import top.yogiczy.mytv.ui.screens.leanback.toast.LeanbackToastState
 import java.io.File
 import java.net.Inet4Address
 import java.net.NetworkInterface
@@ -30,6 +30,10 @@ object HttpServer : Loggable() {
         deleteOnExit()
     }
 
+    val serverUrl: String by lazy {
+        "http://${getLocalIpAddress()}:${SERVER_PORT}/"
+    }
+
     fun start(context: Context) {
         CoroutineScope(Dispatchers.IO).launch {
             try {
@@ -87,25 +91,8 @@ object HttpServer : Loggable() {
                     AllSettings(
                         appTitle = Constants.APP_TITLE,
                         appRepo = Constants.APP_REPO,
-
-                        appBootLaunch = SP.appBootLaunch,
-
-                        debugShowFps = SP.debugShowFps,
-                        debugShowPlayerInfo = SP.debugShowPlayerInfo,
-
-                        iptvChannelChangeFlip = SP.iptvChannelChangeFlip,
-                        iptvSourceSimplify = SP.iptvSourceSimplify,
-                        iptvSourceCachedAt = SP.iptvSourceCachedAt,
                         iptvSourceUrl = SP.iptvSourceUrl,
-                        iptvSourceCacheTime = SP.iptvSourceCacheTime,
-
-                        epgEnable = SP.epgEnable,
-                        epgXmlCachedAt = SP.epgXmlCachedAt,
-                        epgCachedHash = SP.epgCachedHash,
                         epgXmlUrl = SP.epgXmlUrl,
-                        epgRefreshTimeThreshold = SP.epgRefreshTimeThreshold,
-
-                        uiShowEpgProgrammeProgress = SP.uiShowEpgProgrammeProgress,
                     )
                 )
             )
@@ -117,25 +104,8 @@ object HttpServer : Loggable() {
         response: AsyncHttpServerResponse,
     ) {
         val body = request.getBody<JSONObjectBody>().get()
-        SP.appBootLaunch = body.get("appBootLaunch") as Boolean
-
-        SP.debugShowFps = body.get("debugShowFps").toString().toBoolean()
-        SP.debugShowPlayerInfo = body.get("debugShowPlayerInfo").toString().toBoolean()
-
-        SP.iptvChannelChangeFlip = body.get("iptvChannelChangeFlip").toString().toBoolean()
-        SP.iptvSourceSimplify = body.get("iptvSourceSimplify").toString().toBoolean()
-        SP.iptvSourceCachedAt = body.get("iptvSourceCachedAt").toString().toLong()
         SP.iptvSourceUrl = body.get("iptvSourceUrl").toString()
-        SP.iptvSourceCacheTime = body.get("iptvSourceCacheTime").toString().toLong()
-
-        SP.epgEnable = body.get("epgEnable").toString().toBoolean()
-        SP.epgXmlCachedAt = body.get("epgXmlCachedAt").toString().toLong()
-        SP.epgCachedHash = body.get("epgCachedHash").toString().toInt()
         SP.epgXmlUrl = body.get("epgXmlUrl").toString()
-        SP.epgRefreshTimeThreshold = body.get("epgRefreshTimeThreshold").toString().toInt()
-
-        SP.uiShowEpgProgrammeProgress =
-            body.get("uiShowEpgProgrammeProgress").toString().toBoolean()
 
         wrapResponse(response).send("success")
     }
@@ -156,14 +126,14 @@ object HttpServer : Loggable() {
                 body.setDataCallback { _, bb ->
                     val byteArray = bb.allByteArray
                     hasReceived += byteArray.size
-                    ToastState.I.showToast("正在接收文件: ${(hasReceived * 100f / contentLength).toInt()}%")
+                    LeanbackToastState.I.showToast("正在接收文件: ${(hasReceived * 100f / contentLength).toInt()}%")
                     os.write(byteArray)
                 }
             }
         }
 
         body.setEndCallback {
-            ToastState.I.showToast("文件接收完成")
+            LeanbackToastState.I.showToast("文件接收完成")
             body.dataEmitter.close()
             os.flush()
             os.close()
@@ -173,7 +143,7 @@ object HttpServer : Loggable() {
         wrapResponse(response).send("success")
     }
 
-    fun getLocalIpAddress(): String {
+    private fun getLocalIpAddress(): String {
         val defaultIp = "0.0.0.0"
 
         try {
@@ -200,23 +170,6 @@ object HttpServer : Loggable() {
 private data class AllSettings(
     val appTitle: String,
     val appRepo: String,
-
-    val appBootLaunch: Boolean,
-
-    val debugShowFps: Boolean,
-    val debugShowPlayerInfo: Boolean,
-
-    val iptvChannelChangeFlip: Boolean,
-    val iptvSourceSimplify: Boolean,
-    val iptvSourceCachedAt: Long,
     val iptvSourceUrl: String,
-    val iptvSourceCacheTime: Long,
-
-    val epgEnable: Boolean,
-    val epgXmlCachedAt: Long,
-    val epgCachedHash: Int,
     val epgXmlUrl: String,
-    val epgRefreshTimeThreshold: Int,
-
-    val uiShowEpgProgrammeProgress: Boolean,
 )
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/Logger.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/Logger.kt
index 555f5bdf..293eb655 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/utils/Logger.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/utils/Logger.kt
@@ -2,9 +2,11 @@ package top.yogiczy.mytv.ui.utils
 
 import android.util.Log
 
-
+/**
+ * 日志工具类
+ */
 class Logger private constructor(
-    private val tag: String? = null,
+    private val tag: String
 ) {
 
     fun d(message: String, throwable: Throwable? = null) {
@@ -28,10 +30,13 @@ class Logger private constructor(
     }
 
     companion object {
-        fun create(tag: String?) = Logger(tag)
+        fun create(tag: String) = Logger(tag)
     }
 }
 
+/**
+ * 注入日志
+ */
 abstract class Loggable(private val tag: String? = null) {
     protected val log: Logger
         get() = Logger.create("L|${tag ?: javaClass.simpleName}")
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/ModifierUtils.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/ModifierUtils.kt
index d488370d..28a28524 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/utils/ModifierUtils.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/utils/ModifierUtils.kt
@@ -2,32 +2,17 @@ package top.yogiczy.mytv.ui.utils
 
 import android.os.Build
 import android.view.KeyEvent
-import androidx.compose.foundation.gestures.detectDragGestures
 import androidx.compose.foundation.gestures.detectHorizontalDragGestures
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.gestures.detectVerticalDragGestures
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.saveable.rememberSaveable
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.ExperimentalComposeUiApi
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.focus.FocusRequester
-import androidx.compose.ui.focus.focusProperties
-import androidx.compose.ui.focus.focusRequester
 import androidx.compose.ui.input.key.onPreviewKeyEvent
 import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.input.pointer.util.VelocityTracker
 import androidx.compose.ui.unit.dp
 import kotlin.math.absoluteValue
 
-/**
- * 监听短按、长按按键事件
- */
-fun Modifier.handleKeyEvents(
+fun Modifier.handleLeanbackKeyEvents(
     onKeyTap: Map<Int, () -> Unit> = emptyMap(),
     onKeyLongTap: Map<Int, () -> Unit> = emptyMap(),
 ): Modifier {
@@ -56,10 +41,7 @@ fun Modifier.handleKeyEvents(
     }
 }
 
-/**
- * 监听手势滑动事件
- */
-fun Modifier.handleDragGestures(
+fun Modifier.handleLeanbackDragGestures(
     onSwipeUp: () -> Unit = {},
     onSwipeDown: () -> Unit = {},
     onSwipeLeft: () -> Unit = {},
@@ -107,10 +89,7 @@ fun Modifier.handleDragGestures(
     }
 }
 
-/**
- * 监听全方位的DPad按键事件（兼容触摸屏）
- */
-fun Modifier.handleDPadKeyEvents(
+fun Modifier.handleLeanbackKeyEvents(
     key: Any = Unit,
     onLeft: () -> Unit = {},
     onLongLeft: () -> Unit = {},
@@ -124,7 +103,7 @@ fun Modifier.handleDPadKeyEvents(
     onLongSelect: () -> Unit = {},
     onSettings: () -> Unit = {},
     onNumber: (Int) -> Unit = {},
-) = this then handleKeyEvents(
+) = this then handleLeanbackKeyEvents(
     onKeyTap = mapOf(
         KeyEvent.KEYCODE_DPAD_LEFT to onLeft,
         KeyEvent.KEYCODE_DPAD_RIGHT to onRight,
@@ -179,70 +158,3 @@ fun Modifier.handleDPadKeyEvents(
         onDoubleTap = { onSettings() },
     )
 }
-
-@Composable
-fun Modifier.focusOnInitSaveable(initialFocused: Boolean): Modifier {
-    val focusRequester = remember { FocusRequester() }
-    var hasFocused by rememberSaveable { mutableStateOf(false) }
-
-    LaunchedEffect(Unit) {
-        if (initialFocused && !hasFocused) {
-            hasFocused = true
-            focusRequester.requestFocus()
-        }
-    }
-
-    return focusRequester(focusRequester)
-}
-
-@Composable
-fun Modifier.focusOnInit(initialFocused: Boolean): Modifier {
-    val focusRequester = remember { FocusRequester() }
-    var hasFocused by remember { mutableStateOf(false) }
-
-    LaunchedEffect(Unit) {
-        if (initialFocused && !hasFocused) {
-            focusRequester.requestFocus()
-            hasFocused = true
-        }
-    }
-
-    return focusRequester(focusRequester)
-}
-
-fun Modifier.ifElse(
-    condition: () -> Boolean, ifTrueModifier: Modifier, ifFalseModifier: Modifier = Modifier
-): Modifier = then(if (condition()) ifTrueModifier else ifFalseModifier)
-
-fun Modifier.ifElse(
-    condition: Boolean, ifTrueModifier: Modifier, ifFalseModifier: Modifier = Modifier
-): Modifier = ifElse({ condition }, ifTrueModifier, ifFalseModifier)
-
-
-@OptIn(ExperimentalComposeUiApi::class)
-@Composable
-fun Modifier.restoreFocusedChild(
-    focusRequester: FocusRequester = FocusRequester(),
-): Modifier {
-    return focusRequester(focusRequester).focusProperties {
-        exit = {
-            focusRequester.saveFocusedChild()
-            FocusRequester.Default
-        }
-        enter = {
-            if (focusRequester.restoreFocusedChild()) FocusRequester.Cancel
-            else FocusRequester.Default
-        }
-    }
-}
-
-fun Modifier.handleUserAction(onHandle: () -> Unit) = onPreviewKeyEvent { onHandle(); false }
-    .pointerInput(Unit) { detectDragGestures { _, _ -> onHandle() } }
-    .pointerInput(Unit) {
-        detectTapGestures(
-            onTap = { onHandle() },
-            onDoubleTap = { onHandle() },
-            onLongPress = { onHandle() },
-            onPress = { onHandle() },
-        )
-    }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/Padding.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/Padding.kt
deleted file mode 100644
index 207c93c0..00000000
--- a/app/src/main/java/top/yogiczy/mytv/ui/utils/Padding.kt
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-package top.yogiczy.mytv.ui.utils
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.ui.unit.Dp
-
-@Immutable
-data class Padding(
-    val start: Dp,
-    val top: Dp,
-    val end: Dp,
-    val bottom: Dp,
-)
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/SP.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/SP.kt
index a51d3c78..0762e73a 100644
--- a/app/src/main/java/top/yogiczy/mytv/ui/utils/SP.kt
+++ b/app/src/main/java/top/yogiczy/mytv/ui/utils/SP.kt
@@ -8,11 +8,15 @@ import top.yogiczy.mytv.data.utils.Constants
  * 应用配置存储
  */
 object SP {
-    const val SP_NAME = "mytv"
-    const val SP_MODE = Context.MODE_PRIVATE
+    private const val SP_NAME = "mytv"
+    private const val SP_MODE = Context.MODE_PRIVATE
     private lateinit var sp: SharedPreferences
+
+    fun getInstance(context: Context): SharedPreferences =
+        context.getSharedPreferences(SP_NAME, SP_MODE)
+
     fun init(context: Context) {
-        sp = context.getSharedPreferences(SP_NAME, SP_MODE)
+        sp = getInstance(context)
     }
 
     enum class KEY {
@@ -23,12 +27,15 @@ object SP {
         /** 上一次最新版本 */
         APP_LAST_LATEST_VERSION,
 
+        /** 设备显示类型 */
+        APP_DEVICE_DISPLAY_TYPE,
+
         /** ==================== 调式 ==================== */
         /** 显示fps */
         DEBUG_SHOW_FPS,
 
         /** 播放器详细信息 */
-        DEBUG_SHOW_PLAYER_INFO,
+        DEBUG_SHOW_VIDEO_PLAYER_METADATA,
 
         /** ==================== 直播源 ==================== */
         /** 上一次直播源序号 */
@@ -40,9 +47,6 @@ object SP {
         /** 直播源精简 */
         IPTV_SOURCE_SIMPLIFY,
 
-        /** 直播源最近缓存时间 */
-        IPTV_SOURCE_CACHED_AT,
-
         /** 直播源url */
         IPTV_SOURCE_URL,
 
@@ -55,26 +59,29 @@ object SP {
         /** 直播源历史列表 */
         IPTV_SOURCE_URL_HISTORY_LIST,
 
+        /** 是否启用数字选台 */
+        IPTV_CHANNEL_NO_SELECT_ENABLE,
+
+        /** 是否启用直播源频道收藏 */
+        IPTV_CHANNEL_FAVORITE_ENABLE,
+
+        /** 显示直播源频道收藏列表 */
+        IPTV_CHANNEL_FAVORITE_LIST_VISIBLE,
+
         /** 直播源频道收藏列表 */
         IPTV_CHANNEL_FAVORITE_LIST,
 
         /** ==================== 节目单 ==================== */
-        /** 启用epg */
+        /** 启用节目单 */
         EPG_ENABLE,
 
-        /** epg最近缓存时间 */
-        EPG_XLM_CACHED_AT,
-
-        /** epg解析最近缓存hash */
-        EPG_CACHED_HASH,
-
-        /** epg xml url */
+        /** 节目单 xml url */
         EPG_XML_URL,
 
-        /** epg刷新时间阈值（小时） */
+        /** 节目单刷新时间阈值（小时） */
         EPG_REFRESH_TIME_THRESHOLD,
 
-        /** epg历史列表 */
+        /** 节目单历史列表 */
         EPG_XML_URL_HISTORY_LIST,
 
         /** ==================== 界面 ==================== */
@@ -109,6 +116,11 @@ object SP {
         get() = sp.getString(KEY.APP_LAST_LATEST_VERSION.name, "")!!
         set(value) = sp.edit().putString(KEY.APP_LAST_LATEST_VERSION.name, value).apply()
 
+    /** 设备显示类型 */
+    var appDeviceDisplayType: AppDeviceDisplayType
+        get() = AppDeviceDisplayType.fromValue(sp.getInt(KEY.APP_DEVICE_DISPLAY_TYPE.name, 0))
+        set(value) = sp.edit().putInt(KEY.APP_DEVICE_DISPLAY_TYPE.name, value.value).apply()
+
     /** ==================== 调式 ==================== */
     /** 显示fps */
     var debugShowFps: Boolean
@@ -116,9 +128,9 @@ object SP {
         set(value) = sp.edit().putBoolean(KEY.DEBUG_SHOW_FPS.name, value).apply()
 
     /** 播放器详细信息 */
-    var debugShowPlayerInfo: Boolean
-        get() = sp.getBoolean(KEY.DEBUG_SHOW_PLAYER_INFO.name, false)
-        set(value) = sp.edit().putBoolean(KEY.DEBUG_SHOW_PLAYER_INFO.name, value).apply()
+    var debugShowVideoPlayerMetadata: Boolean
+        get() = sp.getBoolean(KEY.DEBUG_SHOW_VIDEO_PLAYER_METADATA.name, false)
+        set(value) = sp.edit().putBoolean(KEY.DEBUG_SHOW_VIDEO_PLAYER_METADATA.name, value).apply()
 
     /** ==================== 直播源 ==================== */
     /** 上一次直播源序号 */
@@ -136,11 +148,6 @@ object SP {
         get() = sp.getBoolean(KEY.IPTV_SOURCE_SIMPLIFY.name, false)
         set(value) = sp.edit().putBoolean(KEY.IPTV_SOURCE_SIMPLIFY.name, value).apply()
 
-    /** 直播源最近缓存时间 */
-    var iptvSourceCachedAt: Long
-        get() = sp.getLong(KEY.IPTV_SOURCE_CACHED_AT.name, 0)
-        set(value) = sp.edit().putLong(KEY.IPTV_SOURCE_CACHED_AT.name, value).apply()
-
     /** 直播源 url */
     var iptvSourceUrl: String
         get() = (sp.getString(KEY.IPTV_SOURCE_URL.name, "")
@@ -162,38 +169,44 @@ object SP {
         get() = sp.getStringSet(KEY.IPTV_SOURCE_URL_HISTORY_LIST.name, emptySet()) ?: emptySet()
         set(value) = sp.edit().putStringSet(KEY.IPTV_SOURCE_URL_HISTORY_LIST.name, value).apply()
 
+    /** 是否启用数字选台 */
+    var iptvChannelNoSelectEnable: Boolean
+        get() = sp.getBoolean(KEY.IPTV_CHANNEL_NO_SELECT_ENABLE.name, true)
+        set(value) = sp.edit().putBoolean(KEY.IPTV_CHANNEL_NO_SELECT_ENABLE.name, value).apply()
+
+    /** 是否启用直播源频道收藏 */
+    var iptvChannelFavoriteEnable: Boolean
+        get() = sp.getBoolean(KEY.IPTV_CHANNEL_FAVORITE_ENABLE.name, true)
+        set(value) = sp.edit().putBoolean(KEY.IPTV_CHANNEL_FAVORITE_ENABLE.name, value).apply()
+
+    /** 显示直播源频道收藏列表 */
+    var iptvChannelFavoriteListVisible: Boolean
+        get() = sp.getBoolean(KEY.IPTV_CHANNEL_FAVORITE_LIST_VISIBLE.name, false)
+        set(value) = sp.edit().putBoolean(KEY.IPTV_CHANNEL_FAVORITE_LIST_VISIBLE.name, value)
+            .apply()
+
     /** 直播源频道收藏列表 */
     var iptvChannelFavoriteList: Set<String>
         get() = sp.getStringSet(KEY.IPTV_CHANNEL_FAVORITE_LIST.name, emptySet()) ?: emptySet()
         set(value) = sp.edit().putStringSet(KEY.IPTV_CHANNEL_FAVORITE_LIST.name, value).apply()
 
     /** ==================== 节目单 ==================== */
-    /** 启用epg */
+    /** 启用节目单 */
     var epgEnable: Boolean
         get() = sp.getBoolean(KEY.EPG_ENABLE.name, true)
         set(value) = sp.edit().putBoolean(KEY.EPG_ENABLE.name, value).apply()
 
-    /** epg最近缓存时间 */
-    var epgXmlCachedAt: Long
-        get() = sp.getLong(KEY.EPG_XLM_CACHED_AT.name, 0)
-        set(value) = sp.edit().putLong(KEY.EPG_XLM_CACHED_AT.name, value).apply()
-
-    /** epg解析最近缓存hash */
-    var epgCachedHash: Int
-        get() = sp.getInt(KEY.EPG_CACHED_HASH.name, 0)
-        set(value) = sp.edit().putInt(KEY.EPG_CACHED_HASH.name, value).apply()
-
-    /** epg xml url */
+    /** 节目单 xml url */
     var epgXmlUrl: String
         get() = (sp.getString(KEY.EPG_XML_URL.name, "") ?: "").ifBlank { Constants.EPG_XML_URL }
         set(value) = sp.edit().putString(KEY.EPG_XML_URL.name, value).apply()
 
-    /** epg刷新时间阈值（小时） */
+    /** 节目单刷新时间阈值（小时） */
     var epgRefreshTimeThreshold: Int
         get() = sp.getInt(KEY.EPG_REFRESH_TIME_THRESHOLD.name, Constants.EPG_REFRESH_TIME_THRESHOLD)
         set(value) = sp.edit().putInt(KEY.EPG_REFRESH_TIME_THRESHOLD.name, value).apply()
 
-    /** epg历史列表 */
+    /** 节目单历史列表 */
     var epgXmlUrlHistoryList: Set<String>
         get() = sp.getStringSet(KEY.EPG_XML_URL_HISTORY_LIST.name, emptySet()) ?: emptySet()
         set(value) = sp.edit().putStringSet(KEY.EPG_XML_URL_HISTORY_LIST.name, value).apply()
@@ -201,7 +214,7 @@ object SP {
     /** ==================== 界面 ==================== */
     /** 显示节目进度 */
     var uiShowEpgProgrammeProgress: Boolean
-        get() = sp.getBoolean(KEY.UI_SHOW_EPG_PROGRAMME_PROGRESS.name, false)
+        get() = sp.getBoolean(KEY.UI_SHOW_EPG_PROGRAMME_PROGRESS.name, true)
         set(value) = sp.edit().putBoolean(KEY.UI_SHOW_EPG_PROGRAMME_PROGRESS.name, value).apply()
 
     /** 使用经典选台界面 */
@@ -249,4 +262,21 @@ object SP {
             }
         }
     }
+
+    enum class AppDeviceDisplayType(val value: Int) {
+        /** tv端 */
+        LEANBACK(0),
+
+        /** 手机端 */
+        MOBILE(1),
+
+        /** 平板端 */
+        PAD(2);
+
+        companion object {
+            fun fromValue(value: Int): AppDeviceDisplayType {
+                return entries.firstOrNull { it.value == value } ?: LEANBACK
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/top/yogiczy/mytv/ui/utils/VersionUtil.kt b/app/src/main/java/top/yogiczy/mytv/ui/utils/VersionUtil.kt
new file mode 100644
index 00000000..b7e02bac
--- /dev/null
+++ b/app/src/main/java/top/yogiczy/mytv/ui/utils/VersionUtil.kt
@@ -0,0 +1,36 @@
+package top.yogiczy.mytv.ui.utils
+
+object VersionUtil {
+    fun compareVersion(version1: String, version2: String): Int {
+        fun parseVersion(version: String): Pair<List<Int>, String?> {
+            val mainParts = version.split("-", limit = 2)
+            val versionNumbers = mainParts[0].split(".").map { it.toInt() }
+            val preReleaseLabel = if (mainParts.size > 1) mainParts[1] else null
+            return versionNumbers to preReleaseLabel
+        }
+
+        fun comparePreRelease(label1: String?, label2: String?): Int {
+            if (label1 == null && label2 == null) return 0
+            if (label1 == null) return 1 // Non-pre-release version is greater
+            if (label2 == null) return -1 // Non-pre-release version is greater
+
+            // Compare pre-release labels lexicographically
+            return label1.compareTo(label2)
+        }
+
+        val (v1, preRelease1) = parseVersion(version1)
+        val (v2, preRelease2) = parseVersion(version2)
+        val maxLength = maxOf(v1.size, v2.size)
+
+        for (i in 0 until maxLength) {
+            val part1 = v1.getOrElse(i) { 0 }
+            val part2 = v2.getOrElse(i) { 0 }
+            if (part1 > part2) return 1
+            if (part1 < part2) return -1
+        }
+
+        // If main version parts are equal, compare pre-release labels
+        return comparePreRelease(preRelease1, preRelease2)
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable-xhdpi/tv_banner.png b/app/src/main/res/drawable-xhdpi/tv_banner.png
new file mode 100644
index 00000000..ecd7be99
Binary files /dev/null and b/app/src/main/res/drawable-xhdpi/tv_banner.png differ
diff --git a/app/src/main/res/font/harmonyos_sans_black.ttf b/app/src/main/res/font/harmonyos_sans_black.ttf
new file mode 100644
index 00000000..855943bb
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_black.ttf differ
diff --git a/app/src/main/res/font/harmonyos_sans_bold.ttf b/app/src/main/res/font/harmonyos_sans_bold.ttf
new file mode 100644
index 00000000..8ea60c10
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_bold.ttf differ
diff --git a/app/src/main/res/font/harmonyos_sans_light.ttf b/app/src/main/res/font/harmonyos_sans_light.ttf
new file mode 100644
index 00000000..9b677857
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_light.ttf differ
diff --git a/app/src/main/res/font/harmonyos_sans_medium.ttf b/app/src/main/res/font/harmonyos_sans_medium.ttf
new file mode 100644
index 00000000..9bcfaa12
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_medium.ttf differ
diff --git a/app/src/main/res/font/harmonyos_sans_regular.ttf b/app/src/main/res/font/harmonyos_sans_regular.ttf
new file mode 100644
index 00000000..d7eccac8
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_regular.ttf differ
diff --git a/app/src/main/res/font/harmonyos_sans_thin.ttf b/app/src/main/res/font/harmonyos_sans_thin.ttf
new file mode 100644
index 00000000..9b95ebda
Binary files /dev/null and b/app/src/main/res/font/harmonyos_sans_thin.ttf differ
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 00000000..b698387a
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/ic_launcher_round_background"/>
+  <foreground android:drawable="@mipmap/ic_launcher_round_foreground"/>
+  <monochrome android:drawable="@mipmap/ic_launcher_round_monochrome"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher.png b/app/src/main/res/mipmap-hdpi/ic_launcher.png
index 7fbc55b8..5827c676 100644
Binary files a/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png
index 49d32af2..140975b1 100644
Binary files a/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png and b/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_monochrome.png b/app/src/main/res/mipmap-hdpi/ic_launcher_monochrome.png
index 96a1e66e..c80e3b4d 100644
Binary files a/app/src/main/res/mipmap-hdpi/ic_launcher_monochrome.png and b/app/src/main/res/mipmap-hdpi/ic_launcher_monochrome.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 00000000..68b1a538
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round_background.png b/app/src/main/res/mipmap-hdpi/ic_launcher_round_background.png
new file mode 100644
index 00000000..c139cb86
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round_background.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round_foreground.png b/app/src/main/res/mipmap-hdpi/ic_launcher_round_foreground.png
new file mode 100644
index 00000000..140975b1
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round_foreground.png differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round_monochrome.png b/app/src/main/res/mipmap-hdpi/ic_launcher_round_monochrome.png
new file mode 100644
index 00000000..c80e3b4d
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round_monochrome.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher.png b/app/src/main/res/mipmap-mdpi/ic_launcher.png
index 4ddd8e19..cbf0005a 100644
Binary files a/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png
index c13c2a91..103f12c9 100644
Binary files a/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png and b/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_monochrome.png b/app/src/main/res/mipmap-mdpi/ic_launcher_monochrome.png
index 775854ad..7ce74f8c 100644
Binary files a/app/src/main/res/mipmap-mdpi/ic_launcher_monochrome.png and b/app/src/main/res/mipmap-mdpi/ic_launcher_monochrome.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 00000000..c731ef3a
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round_background.png b/app/src/main/res/mipmap-mdpi/ic_launcher_round_background.png
new file mode 100644
index 00000000..a10a9d36
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round_background.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round_foreground.png b/app/src/main/res/mipmap-mdpi/ic_launcher_round_foreground.png
new file mode 100644
index 00000000..103f12c9
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round_foreground.png differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round_monochrome.png b/app/src/main/res/mipmap-mdpi/ic_launcher_round_monochrome.png
new file mode 100644
index 00000000..7ce74f8c
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index f723a42e..b09f8f95 100644
Binary files a/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png
index 333f9524..3b22ab87 100644
Binary files a/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png and b/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_monochrome.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_monochrome.png
index 6b915466..27cd425d 100644
Binary files a/app/src/main/res/mipmap-xhdpi/ic_launcher_monochrome.png and b/app/src/main/res/mipmap-xhdpi/ic_launcher_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 00000000..caff99b1
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round_background.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_background.png
new file mode 100644
index 00000000..a0fbf747
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_background.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round_foreground.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_foreground.png
new file mode 100644
index 00000000..3b22ab87
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_foreground.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round_monochrome.png b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_monochrome.png
new file mode 100644
index 00000000..27cd425d
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xhdpi/tv_banner.png b/app/src/main/res/mipmap-xhdpi/tv_banner.png
deleted file mode 100644
index e3fdac02..00000000
Binary files a/app/src/main/res/mipmap-xhdpi/tv_banner.png and /dev/null differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index 495512ac..c71fd034 100644
Binary files a/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png
index 046c1417..3904f2a8 100644
Binary files a/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_monochrome.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_monochrome.png
index 2014ee68..372414ea 100644
Binary files a/app/src/main/res/mipmap-xxhdpi/ic_launcher_monochrome.png and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 00000000..30563280
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_background.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_background.png
new file mode 100644
index 00000000..19233dd2
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_background.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_foreground.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_foreground.png
new file mode 100644
index 00000000..3904f2a8
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_foreground.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_monochrome.png b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_monochrome.png
new file mode 100644
index 00000000..372414ea
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
index 4e49cec6..82d99e90 100644
Binary files a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png
index f6b6c430..e42da051 100644
Binary files a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_monochrome.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_monochrome.png
index 52a7ba41..068e0359 100644
Binary files a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_monochrome.png and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_monochrome.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 00000000..f351b5ad
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_background.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_background.png
new file mode 100644
index 00000000..3437bc73
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_background.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_foreground.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_foreground.png
new file mode 100644
index 00000000..e42da051
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_foreground.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_monochrome.png b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_monochrome.png
new file mode 100644
index 00000000..068e0359
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round_monochrome.png differ
diff --git a/app/src/main/res/raw/index.html b/app/src/main/res/raw/index.html
index 6c5d93d4..90063d75 100644
--- a/app/src/main/res/raw/index.html
+++ b/app/src/main/res/raw/index.html
@@ -1,311 +1,195 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-    <meta charset="utf-8">
-    <meta content="width=device-width, initial-scale=1" name="viewport">
-    <title>我的电视</title>
-    <!-- 重置css -->
-    <link href="https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" rel="stylesheet">
-
-    <!-- 核心 -->
-    <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23/dist/vue.global.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@unocss/runtime"></script>
-
-    <!-- 日期格式化 -->
-    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/locale/zh-cn.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>
-
-    <!-- vant -->
-    <link href="https://fastly.jsdelivr.net/npm/vant@4/lib/index.css" rel="stylesheet" />
-    <script src="https://fastly.jsdelivr.net/npm/vant@4/lib/vant.min.js"></script>
-
-    <!-- 工具 -->
-    <script src="https://cdn.jsdelivr.net/npm/humanize-duration@3.32.0/humanize-duration.min.js"></script>
-
-    <style>
-        .van-theme-dark body {
-            color: #f5f5f5;
-            background-color: black;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="min-h-100vh py-46px" id="app">
-        <van-config-provider :theme="isDark ? 'dark' : undefined">
-            <template v-if="settings">
-                <div class="p-20px pt-0">
-                    <div class="ml-16px text-32px">{{ settings.appTitle }}</div>
-                    <div class="ml-16px text-gray text-14px">{{ settings.appRepo }}</div>
-                </div>
-
-                <van-cell-group inset title="通知">
-                    <van-cell title="修改之前请先关闭应用的设置界面，否则会有冲突"></van-cell>
-                    <van-cell title="以下设置修改后，需要重启应用生效"></van-cell>
-                </van-cell-group>
-
-                <van-cell-group inset title="应用">
-                    <van-cell label="需要在设备系统进行设置" title="开机自启">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.appBootLaunch" />
-                        </template>
-                    </van-cell>
-                </van-cell-group>
-
-                <van-cell-group inset title="直播源">
-                    <van-cell :label="settings.iptvChannelChangeFlip ? '方向键上：下一个频道；方向键下：上一个频道': '方向键上：上一个频道；方向键下：下一个频道'"
-                        title="换台反转">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.iptvChannelChangeFlip" />
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="自定义直播源">
-                        <template #label>
-                            <van-space class="w-full" direction="vertical" size="small">
-                                <span>支持m3u链接与tvbox链接</span>
-                                <span>不支持多源，若存在多源只会选择第一个播放地址，其他忽略
-                                </span>
-                                <van-field class="!p-0" placeholder="置为空时，将恢复默认"
-                                    v-model="settings.iptvSourceUrl"></van-field>
-                            </van-space>
-                        </template>
-
-                        <template #extra>
-                            <van-button @click="settings.iptvSourceCachedAt = 0; confirmSettings()" size="small"
-                                type="primary">推送链接
-                            </van-button>
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="直播源精简">
-                        <template #label>
-                            <van-space direction="vertical" size="small">
-                                <span>{{ settings.iptvSourceSimplify ? '显示精简直播源(仅央视、地方卫视)':
-                                    '显示完整直播源' }}
-                                </span>
-                                <span>{{ settings.iptvSourceSimplify ?
-                                    '精简规则：频道名称以·CCTV·开头或以·卫视·结尾'
-                                    : '' }}
-                                </span>
-                            </van-space>
-                        </template>
-
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.iptvSourceSimplify" />
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="直播源缓存">
-                        <template #label>
-                            {{ settings.iptvSourceCachedAt > 0 ? `缓存于
-                            ${dayjs(settings.iptvSourceCachedAt).fromNow()}` : '未缓存' }}
-                        </template>
-
-                        <template #extra>
-                            <van-button @click="settings.iptvSourceCachedAt = 0; confirmSettings()" size="small"
-                                type="warning">清除缓存
-                            </van-button>
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="直播源缓存时间">
-                        <template #label>
-                            {{ foramtDuration(settings.iptvSourceCacheTime) }}
-                        </template>
-
-                        <template #extra>
-                            <van-space>
-                                小时
-                                <van-stepper :min="0" :model-value="settings.iptvSourceCacheTime / 1000 / 60 / 60"
-                                    @change="confirmSettings()"
-                                    @update:model-value="settings.iptvSourceCacheTime = $event * 1000 * 60 * 60"></van-stepper>
-                            </van-space>
-                        </template>
-                    </van-cell>
-                </van-cell-group>
-
-                <van-cell-group inset title="节目单">
-                    <van-cell label="在低端设备上，首次加载时可能会有跳帧风险" title="节目单启用">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.epgEnable" />
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="自定义节目单">
-                        <template #label>
-                            <van-field class="!p-0" placeholder="置为空时，将恢复默认" v-model="settings.epgXmlUrl"></van-field>
-                        </template>
-
-                        <template #extra>
-                            <van-button
-                                @click="settings.epgXmlCachedAt = 0; settings.epgCachedHash = 0; confirmSettings()"
-                                size="small" type="primary">推送链接
-                            </van-button>
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="节目单缓存">
-                        <template #label>
-                            {{ settings.epgXmlCachedAt > 0 ? `缓存于
-                            ${dayjs(settings.epgXmlCachedAt).fromNow()}` : '未缓存' }}
-                        </template>
-
-                        <template #extra>
-                            <van-button
-                                @click="settings.epgXmlCachedAt = 0; settings.epgCachedHash = 0; confirmSettings()"
-                                size="small" type="warning">
-                                清除缓存
-                            </van-button>
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="节目单刷新时间阈值">
-                        <template #label>
-                            在{{ settings.epgRefreshTimeThreshold }}点之前，不会获取节目单
-                        </template>
-
-                        <template #extra>
-                            <van-space>
-                                小时
-                                <van-stepper @change="confirmSettings()" integer
-                                    v-model="settings.epgRefreshTimeThreshold"></van-stepper>
-                            </van-space>
-                        </template>
-                    </van-cell>
-                </van-cell-group>
-
-                <van-cell-group inset title="界面">
-                    <van-cell label="在频道项底部显示当前节目进度条" title="显示节目进度">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24"
-                                v-model="settings.uiShowEpgProgrammeProgress" />
-                        </template>
-                    </van-cell>
-                </van-cell-group>
-
-                <van-cell-group inset title="调试">
-                    <van-cell label="在屏幕左上角显示fps和柱状图" title="显示fps">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.debugShowFps" />
-                        </template>
-                    </van-cell>
-
-                    <van-cell label="显示播放器详细信息（编码、解码器、采样率等）" title="显示播放器信息">
-                        <template #extra>
-                            <van-switch @change="confirmSettings" size="24" v-model="settings.debugShowPlayerInfo" />
-                        </template>
-                    </van-cell>
-
-                    <van-cell title="上传apk">
-                        <template #extra>
-                            <van-uploader :after-read="uploaderAfterRead" accept=".apk" />
-                        </template>
-                    </van-cell>
-                </van-cell-group>
-
-                <!-- <van-tabbar>
-                        <van-tabbar-item name="home" icon="tv-o">直播源</van-tabbar-item>
-                        <van-tabbar-item name="search" icon="list-switch">节目单</van-tabbar-item>
-                        <van-tabbar-item name="friends" icon="brush-o">界面</van-tabbar-item>
-                        <van-tabbar-item name="setting" icon="setting-o">应用</van-tabbar-item>
-                        <van-tabbar-item name="setting" icon="bulb-o">调试</van-tabbar-item>
-                    </van-tabbar> -->
-            </template>
-
-            <van-empty image="network" v-else />
-        </van-config-provider>
-    </div>
-
-    <script>
-        const { createApp, ref, onMounted, watch, nextTick } = Vue
-
-        const baseUrl = ""
-
-        async function requestApi(url, config) {
-            const resp = await fetch(`${baseUrl}${url}`, config)
-            if (resp.status !== 200) {
-                throw new Error(`请求失败：${resp.status}`)
+    <head>
+        <meta charset="utf-8">
+        <meta content="width=device-width, initial-scale=1" name="viewport">
+        <title>我的电视</title>
+        <!-- 重置css -->
+        <link href="https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind.min.css" rel="stylesheet">
+
+        <!-- 核心 -->
+        <script src="https://cdn.jsdelivr.net/npm/vue@3.4.23/dist/vue.global.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@unocss/runtime"></script>
+
+        <!-- 日期格式化 -->
+        <script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dayjs@1/locale/zh-cn.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dayjs@1/plugin/relativeTime.js"></script>
+
+        <!-- vant -->
+        <link href="https://fastly.jsdelivr.net/npm/vant@4/lib/index.css" rel="stylesheet" />
+        <script src="https://fastly.jsdelivr.net/npm/vant@4/lib/vant.min.js"></script>
+
+        <!-- 工具 -->
+        <script src="https://cdn.jsdelivr.net/npm/humanize-duration@3.32.0/humanize-duration.min.js"></script>
+
+        <style>
+            .van-theme-dark body {
+                color: #f5f5f5;
+                background-color: black;
             }
+        </style>
+    </head>
+
+    <body>
+        <div class="min-h-100vh py-46px" id="app">
+            <van-config-provider :theme="isDark ? 'dark' : undefined">
+                <template v-if="settings">
+                    <div class="p-20px pt-0">
+                        <div class="ml-16px text-32px">{{ settings.appTitle }}</div>
+                        <div class="ml-16px text-gray text-14px">{{ settings.appRepo }}</div>
+                    </div>
+
+                    <van-cell-group inset title="通知">
+                        <van-cell title="修改之前请先关闭应用的设置界面，否则会有冲突"></van-cell>
+                        <van-cell title="以下设置修改后，需要重启应用生效"></van-cell>
+                    </van-cell-group>
+
+                    <van-cell-group inset title="直播源">
+                        <van-cell title="自定义直播源">
+                            <template #label>
+                                <van-space class="w-full" direction="vertical" size="small">
+                                    <span>支持m3u链接与tvbox链接，推送后请清除缓存</span>
+                                    <van-field class="!p-0" placeholder="置为空时，将恢复默认"
+                                            v-model="settings.iptvSourceUrl"></van-field>
+                                </van-space>
+                            </template>
+
+                            <template #extra>
+                                <van-button @click="settings.iptvSourceCachedAt = 0; confirmSettings()" size="small"
+                                        type="primary">推送链接
+                                </van-button>
+                            </template>
+                        </van-cell>
+                    </van-cell-group>
+
+                    <van-cell-group inset title="节目单">
+                        <van-cell title="自定义节目单">
+                            <template #label>
+                                <van-space class="w-full" direction="vertical" size="small">
+                                    <span>支持xml、xml.gz格式，推送后请清除缓存</span>
+                                    <van-field class="!p-0" placeholder="置为空时，将恢复默认" v-model="settings.epgXmlUrl"></van-field>
+                                </van-space>
+                            </template>
+
+                            <template #extra>
+                                <van-button
+                                        @click="settings.epgXmlCachedAt = 0; settings.epgCachedHash = 0; confirmSettings()"
+                                        size="small" type="primary">推送链接
+                                </van-button>
+                            </template>
+                        </van-cell>
+                    </van-cell-group>
+
+                    <van-cell-group inset title="调试">
+                        <van-cell title="上传apk">
+                            <template #extra>
+                                <van-uploader :after-read="uploaderAfterRead" accept=".apk" />
+                            </template>
+                        </van-cell>
+                    </van-cell-group>
+
+                    <!-- <van-tabbar>
+                            <van-tabbar-item name="home" icon="tv-o">直播源</van-tabbar-item>
+                            <van-tabbar-item name="search" icon="list-switch">节目单</van-tabbar-item>
+                            <van-tabbar-item name="friends" icon="brush-o">界面</van-tabbar-item>
+                            <van-tabbar-item name="setting" icon="setting-o">应用</van-tabbar-item>
+                            <van-tabbar-item name="setting" icon="bulb-o">调试</van-tabbar-item>
+                        </van-tabbar> -->
+                </template>
+
+                <van-empty image="network" v-else />
+            </van-config-provider>
+        </div>
+
+        <script>
+            const { createApp, ref, onMounted, watch, nextTick } = Vue
+
+            const baseUrl = ""
+
+            async function requestApi(url, config) {
+                const resp = await fetch(`${baseUrl}${url}`, config)
+                if (resp.status !== 200) {
+                    throw new Error(`请求失败：${resp.status}`)
+                }
 
-            return resp
-        }
-
-        dayjs.locale('zh-cn')
-        dayjs.extend(dayjs_plugin_relativeTime)
-
-        createApp({
-            setup() {
-                const isDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
-
-                const tabActive = ref(0)
+                return resp
+            }
 
-                const settings = ref()
-                async function confirmSettings() {
-                    try {
-                        vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
-                        await requestApi('/api/settings', {
-                            method: "POST",
-                            body: JSON.stringify(settings.value),
-                            headers: { 'Content-Type': 'application/json' }
-                        })
-                        await refreshSettings()
-                        vant.closeToast()
-                    } catch (e) {
-                        vant.showFailToast('无法修改设置')
-                        console.error(e)
-                        refreshSettings()
+            dayjs.locale('zh-cn')
+            dayjs.extend(dayjs_plugin_relativeTime)
+
+            createApp({
+                setup() {
+                    const isDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+
+                    const tabActive = ref(0)
+
+                    const settings = ref()
+                    async function confirmSettings() {
+                        try {
+                            vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
+                            await requestApi('/api/settings', {
+                                method: "POST",
+                                body: JSON.stringify(settings.value),
+                                headers: { 'Content-Type': 'application/json' }
+                            })
+                            await refreshSettings()
+                            vant.closeToast()
+                        } catch (e) {
+                            vant.showFailToast('无法修改设置')
+                            console.error(e)
+                            refreshSettings()
+                        }
                     }
-                }
-                async function refreshSettings() {
-                    try {
-                        vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
-                        settings.value = await (await requestApi('/api/settings')).json()
-                        vant.closeToast()
-                    } catch (e) {
-                        vant.showFailToast('无法获取设置')
-                        console.error(e)
+                    async function refreshSettings() {
+                        try {
+                            vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
+                            settings.value = await (await requestApi('/api/settings')).json()
+                            vant.closeToast()
+                        } catch (e) {
+                            vant.showFailToast('无法获取设置')
+                            console.error(e)
+                        }
                     }
-                }
 
 
-                onMounted(async () => {
-                    await refreshSettings()
-                })
+                    onMounted(async () => {
+                        await refreshSettings()
+                    })
 
-                function foramtDuration(ms) {
-                    return humanizeDuration(ms, { language: 'zh_CN', round: true, largest: 2 })
-                }
+                    function foramtDuration(ms) {
+                        return humanizeDuration(ms, { language: 'zh_CN', round: true, largest: 2 })
+                    }
 
-                async function uploaderAfterRead(file) {
-                    try {
-                        vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
-                        const formData = new FormData()
-                        formData.append('filename', file.file)
-                        await requestApi('/api/upload/apk', { method: "POST", body: formData })
-                        vant.closeToast()
-                    } catch (e) {
-                        vant.showFailToast('上传apk失败')
-                        console.error(e)
+                    async function uploaderAfterRead(file) {
+                        try {
+                            vant.showLoadingToast({ message: '加载中...', forbidClick: true, duration: 0 })
+                            const formData = new FormData()
+                            formData.append('filename', file.file)
+                            await requestApi('/api/upload/apk', { method: "POST", body: formData })
+                            vant.closeToast()
+                        } catch (e) {
+                            vant.showFailToast('上传apk失败')
+                            console.error(e)
+                        }
                     }
-                }
 
-                return {
-                    dayjs,
-                    foramtDuration,
-                    isDark,
-                    tabActive,
-                    settings,
-                    confirmSettings,
-                    uploaderAfterRead,
+                    return {
+                        dayjs,
+                        foramtDuration,
+                        isDark,
+                        tabActive,
+                        settings,
+                        confirmSettings,
+                        uploaderAfterRead,
+                    }
                 }
-            }
-        })
-            .use(vant)
-            .mount('#app')
-    </script>
-</body>
+            })
+                .use(vant)
+                .mount('#app')
+        </script>
+    </body>
 
 </html>
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index a5b94d59..cc9b5813 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,9 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
 <resources>
-
-    <style name="Theme.MyTV" parent="Theme.AppCompat.DayNight.NoActionBar" />
-
-    <style name="Theme.App.Starting" parent="Theme.SplashScreen">
-        <item name="windowSplashScreenBackground">@color/mytv_background</item>
-        <item name="postSplashScreenTheme">@style/Theme.MyTV</item>
-    </style>
+    <style name="Theme.MyTV" parent="android:Theme.Material.Light.NoActionBar" />
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/xml/backup_rules.xml b/app/src/main/res/xml/backup_rules.xml
new file mode 100644
index 00000000..fa0f996d
--- /dev/null
+++ b/app/src/main/res/xml/backup_rules.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>
\ No newline at end of file
diff --git a/app/src/main/res/xml/data_extraction_rules.xml b/app/src/main/res/xml/data_extraction_rules.xml
new file mode 100644
index 00000000..9ee9997b
--- /dev/null
+++ b/app/src/main/res/xml/data_extraction_rules.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>
\ No newline at end of file
diff --git a/app/src/test/java/top/yogiczy/mytv/ExampleUnitTest.kt b/app/src/test/java/top/yogiczy/mytv/ExampleUnitTest.kt
new file mode 100644
index 00000000..08cbd3fb
--- /dev/null
+++ b/app/src/test/java/top/yogiczy/mytv/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package top.yogiczy.mytv
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/build.gradle.kts b/build.gradle.kts
index 9199c813..c15216b4 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -1,6 +1,6 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 plugins {
-    alias(libs.plugins.androidApplication) apply false
-    alias(libs.plugins.jetbrainsKotlinAndroid) apply false
+    alias(libs.plugins.android.application) apply false
+    alias(libs.plugins.jetbrains.kotlin.android) apply false
     alias(libs.plugins.kotlin.serialization) apply (false)
 }
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 749e39bc..7d3e6c00 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,45 +1,51 @@
 [versions]
-agp = "8.4.0"
-androidasync = "3.1.0"
-coreSplashscreen = "1.0.1"
+agp = "8.4.1"
 kotlin = "1.9.23"
 coreKtx = "1.13.1"
-appcompat = "1.6.1"
+junit = "4.13.2"
+junitVersion = "1.1.5"
+espressoCore = "3.5.1"
+kotlinxCollectionsImmutable = "0.3.7"
+lifecycleRuntimeKtx = "2.8.0"
+activityCompose = "1.9.0"
 composeBom = "2024.05.00"
 media3 = "1.3.1"
 okhttp = "4.12.0"
 qrose = "1.0.1"
+kotlinx-serialization = "1.6.3"
+androidasync = "3.1.0"
 tvFoundation = "1.0.0-alpha10"
 tvMaterial = "1.0.0-beta01"
-lifecycleRuntimeKtx = "2.7.0"
-activityCompose = "1.9.0"
-kotlin-android = "1.9.0"
-kotlinx-serialization = "1.6.3"
-uiTestManifest = "1.6.7"
 
 [libraries]
-androidasync = { module = "com.koushikdutta.async:androidasync", version.ref = "androidasync" }
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
-androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
-androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
-androidx-core-splashscreen = { group = "androidx.core", name = "core-splashscreen", version.ref = "coreSplashscreen" }
-androidx-media3-exoplayer = { group = "androidx.media3", name = "media3-exoplayer", version.ref = "media3" }
-androidx-media3-exoplayer-hls = { group = "androidx.media3", name = "media3-exoplayer-hls", version.ref = "media3" }
-androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
-androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
-androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest", version.ref = "uiTestManifest" }
-androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
-androidx-tv-foundation = { group = "androidx.tv", name = "tv-foundation", version.ref = "tvFoundation" }
-androidx-tv-material = { group = "androidx.tv", name = "tv-material", version.ref = "tvMaterial" }
+junit = { group = "junit", name = "junit", version.ref = "junit" }
+androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
+androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
 androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
-androidx-lifecycle-runtime-compose = { module = "androidx.lifecycle:lifecycle-runtime-compose", version.ref = "lifecycleRuntimeKtx" }
 androidx-lifecycle-viewmodel-compose = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "lifecycleRuntimeKtx" }
 androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
+androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
+androidx-ui = { group = "androidx.compose.ui", name = "ui" }
+androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
+androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
+androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
+androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
+androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
+androidx-material3 = { group = "androidx.compose.material3", name = "material3" }
+androidx-media3-exoplayer = { group = "androidx.media3", name = "media3-exoplayer", version.ref = "media3" }
+androidx-media3-exoplayer-hls = { group = "androidx.media3", name = "media3-exoplayer-hls", version.ref = "media3" }
+kotlinx-collections-immutable = { module = "org.jetbrains.kotlinx:kotlinx-collections-immutable", version.ref = "kotlinxCollectionsImmutable" }
 kotlinx-serialization = { group = "org.jetbrains.kotlinx", name = "kotlinx-serialization-json", version.ref = "kotlinx-serialization" }
 okhttp = { module = "com.squareup.okhttp3:okhttp", version.ref = "okhttp" }
 qrose = { module = "io.github.alexzhirkevich:qrose", version.ref = "qrose" }
+androidasync = { module = "com.koushikdutta.async:androidasync", version.ref = "androidasync" }
+androidx-tv-foundation = { group = "androidx.tv", name = "tv-foundation", version.ref = "tvFoundation" }
+androidx-tv-material = { group = "androidx.tv", name = "tv-material", version.ref = "tvMaterial" }
+androidx-material-icons-extended = { module = "androidx.compose.material:material-icons-extended" }
 
 [plugins]
-androidApplication = { id = "com.android.application", version.ref = "agp" }
-jetbrainsKotlinAndroid = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
-kotlin-serialization = { id = "org.jetbrains.kotlin.plugin.serialization", version.ref = "kotlin-android" }
+android-application = { id = "com.android.application", version.ref = "agp" }
+jetbrains-kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
+kotlin-serialization = { id = "org.jetbrains.kotlin.plugin.serialization", version.ref = "kotlin" }
+
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index 79271d76..9783ee82 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
-#Wed Apr 10 20:31:51 CST 2024
+#Thu May 09 16:25:29 CST 2024
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.7-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/screenshots/Screenshot_panel.png b/screenshots/Screenshot_panel.png
index d65d2136..09a95266 100644
Binary files a/screenshots/Screenshot_panel.png and b/screenshots/Screenshot_panel.png differ
diff --git a/screenshots/Screenshot_settings.png b/screenshots/Screenshot_settings.png
index 8fe6697c..f88756f3 100644
Binary files a/screenshots/Screenshot_settings.png and b/screenshots/Screenshot_settings.png differ
diff --git a/screenshots/Screenshot_temp_panel.png b/screenshots/Screenshot_temp_panel.png
index 0d7f0209..2ccb091d 100644
Binary files a/screenshots/Screenshot_temp_panel.png and b/screenshots/Screenshot_temp_panel.png differ