diff --git a/html/help.html b/html/help.html
new file mode 100644
index 0000000..a509987
--- /dev/null
+++ b/html/help.html
@@ -0,0 +1,9 @@
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>uz影视 使用教程</title>
+    </head>
+
+    <body></body>
+</html>
diff --git a/html/index.html b/html/index.html
index e0bedae..a9967c9 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,101 +1,8 @@
-<!DOCTYPE html>
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>导航</title>
-        <style>
-            body {
-                font-family: Arial, sans-serif;
-                background-color: #f0f0f0;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 100vh;
-                margin: 0;
-            }
-            .container {
-                background-color: white;
-                padding: 20px;
-                border-radius: 10px;
-                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-            }
-            h1 {
-                color: #333;
-                text-align: center;
-            }
-            .links,
-            .custom-link {
-                display: flex;
-                flex-direction: column;
-                gap: 10px;
-                width: 100%;
-            }
-            a {
-                text-decoration: none;
-                color: #007bff;
-                font-size: 18px;
-                padding: 10px;
-                border: 1px solid #007bff;
-                border-radius: 5px;
-                text-align: center;
-                transition: background-color 0.3s, color 0.3s;
-            }
-            a:hover {
-                background-color: #007bff;
-                color: white;
-            }
-            .custom-link {
-                margin-top: 20px;
-            }
-            input[type='text'] {
-                width: 100%;
-                padding: 10px;
-                margin-bottom: 10px;
-                border: 1px solid #007bff;
-                border-radius: 5px;
-                font-size: 18px;
-                box-sizing: border-box;
-            }
-            button {
-                width: 100%;
-                padding: 10px;
-                background-color: #007bff;
-                color: white;
-                border: none;
-                border-radius: 5px;
-                font-size: 18px;
-                cursor: pointer;
-                transition: background-color 0.3s;
-            }
-            button:hover {
-                background-color: #0056b3;
-            }
-        </style>
+        <title>uz影视</title>
     </head>
-    <body>
-        <div class="container">
-            <h1>网盘导航</h1>
-            <div class="links">
-                <a href="https://drive.uc.cn/">UC 网盘,登录后点击右上角绑定</a>
-                <a href="https://pan.quark.cn">夸克网盘,登录后点击右上角绑定</a>
-                <a href="https://al.omii.top">阿里 32 位 token,需要手动复制</a>
-                <a href="https://messense-aliyundrive-webdav-backendrefresh-token-ucs0wn.streamlit.app">阿里 280 位 token,需要手动复制</a>
-                <a href="https://cloud.189.cn/api/portal/loginUrl.action?redirectURL=https%3A%2F%2Fcloud.189.cn%2Fweb%2Fredirect.html">天翼网盘 登录后点击右上角绑定</a>
-            </div>
-            <div class="custom-link">
-                <input type="text" id="customUrl" placeholder="输入自定义网址" />
-                <button onclick="goToCustomUrl()">跳转</button>
-            </div>
-        </div>
-
-        <script>
-            function goToCustomUrl() {
-                const customUrl = document.getElementById('customUrl').value.trim()
-                if (customUrl) {
-                    window.location.href = customUrl.startsWith('http') ? customUrl : 'https://' + customUrl
-                }
-            }
-        </script>
-    </body>
+    <body></body>
 </html>
diff --git a/html/install.html b/html/install.html
new file mode 100644
index 0000000..83b1e5c
--- /dev/null
+++ b/html/install.html
@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>uz影视 资源添加</title>
+        <style>
+            body {
+                font-family: Arial, sans-serif;
+                max-width: 600px;
+                margin: 0 auto;
+                padding: 20px;
+            }
+
+            a {
+                color: #007bff;
+                text-decoration: none;
+            }
+
+            .page-header {
+                text-align: center;
+                margin-bottom: 20px;
+            }
+
+            .page-title {
+                font-size: 1.5em;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 10px;
+            }
+
+            .page-description {
+                color: #666;
+                font-size: 0.9em;
+                line-height: 1.6;
+            }
+
+            .custom-resource {
+                margin: 20px 0;
+                padding: 15px;
+                border: 1px solid #ddd;
+                border-radius: 5px;
+            }
+
+            .url-input-container {
+                display: flex;
+                align-items: center;
+                gap: 10px;
+            }
+
+            .custom-resource input {
+                flex-grow: 1;
+                padding: 8px;
+                margin: 10px 0;
+                border: 1px solid #ddd;
+                border-radius: 4px;
+            }
+
+            .paste-btn {
+                padding: 6px 10px;
+                background-color: #6c757d;
+                color: white;
+                border: none;
+                border-radius: 4px;
+                cursor: pointer;
+                font-size: 12px;
+            }
+
+            .resource-group {
+                margin-bottom: 15px;
+                padding: 10px;
+                border: 1px solid #f0f0f0;
+                border-radius: 5px;
+                display: flex;
+                flex-direction: column;
+            }
+
+            .resource-header {
+                display: flex;
+                flex-direction: column;
+                margin-bottom: 10px;
+            }
+
+            .resource-title {
+                font-weight: bold;
+                margin-bottom: 5px;
+            }
+
+            .resource-description {
+                color: #666;
+                margin-bottom: 10px;
+                font-size: 0.9em;
+            }
+
+            .button-row {
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+                gap: 10px;
+            }
+
+            .btn {
+                padding: 8px 15px;
+                background-color: #007bff;
+                color: white;
+                text-decoration: none;
+                border-radius: 4px;
+                border: none;
+                cursor: pointer;
+                flex-shrink: 0;
+                min-width: 70px;
+                text-align: center;
+            }
+
+            .error {
+                color: red;
+                margin-top: 10px;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div class="page-header">
+            <div class="page-title">uz影视 资源添加</div>
+            <div class="page-description">uz影视 版本需要 v1.6.41 及以上，建议先打开 app 停留在首页</div>
+
+            <div class="page-description" style="color: #ffc107; font-weight: bold">当点击添加无效时，请尝试特殊添加</div>
+        </div>
+
+        <div class="custom-resource">
+            <h3>添加资源</h3>
+            <div class="url-input-container">
+                <input type="text" id="customUrl" placeholder="请输入资源链接" />
+            </div>
+            <div id="errorMessage" class="error"></div>
+            <div class="button-row">
+                <button class="btn" onclick="installResource(false)">添加</button>
+                <button class="btn" onclick="installResource(true)">特殊添加</button>
+            </div>
+        </div>
+
+        <div class="page-description" style="margin-top: 20px; margin-bottom: 10px; color: #ffc107; font-weight: bold">以下资源收录自网络，请自行甄别。</div>
+        <div id="resourcesContainer"></div>
+
+        <script>
+            const configs = [
+                {
+                    title: '视频源扩展',
+                    description: "视频源扩展大多由 <a href='https://github.com/Yswag'>Yswag</a> 大佬开发，感谢大佬",
+                    resourceUrl: 'https://ghp.ci/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/vod/vod.json',
+                },
+                {
+                    title: '网盘工具扩展-夸克、UC、阿里',
+                    description: "阿里解析功能由 <a href='https://github.com/wangdepeng100'>wangdepeng100</a> 大佬开发，感谢大佬。iOS15 以下系统无法使用，夸克需要会员",
+                    resourceUrl: 'https://ghp.ci/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/panTools/panTools.json',
+                },
+                {
+                    title: '网盘工具扩展-夸克、UC、阿里、天翼',
+                    description: "<a href='https://github.com/proversion2024'>proversion2024</a>   大佬开发，感谢大佬。iOS15 以下系统无法使用，夸克需要会员",
+                    resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/panTools/panTools.json',
+                },
+                {
+                    title: '网盘源',
+                    description: "<a href='https://github.com/proversion2024'>proversion2024</a>   大佬开发，感谢大佬",
+                    resourceUrl: 'https://ghproxy.cn/https://raw.githubusercontent.com/proversion2024/uz-extensions/refs/heads/master/vod/vod.json',
+                },
+                {
+                    title: '推荐首页扩展',
+                    description: '展示视频推荐',
+                    resourceUrl: 'https://ghp.ci/https://raw.githubusercontent.com/YYDS678/uzVideo-extensions/refs/heads/main/recommend/douban.json',
+                },
+                {
+                    title: '采集站',
+                    description: '采集站资源，不需要添加太多两个够用',
+                    resourceUrl: 'https://ghp.ci/https://raw.githubusercontent.com/YYDS678/uzVideo/main/video_sources_default.json',
+                },
+            ]
+
+            function validateUrl(url) {
+                try {
+                    new URL(url)
+                    return true
+                } catch (error) {
+                    return false
+                }
+            }
+
+            function showError(message) {
+                const errorEl = document.getElementById('errorMessage')
+                errorEl.textContent = message
+                setTimeout(() => {
+                    errorEl.textContent = ''
+                }, 3000)
+            }
+
+            function installResource(isSpecial, configUrl = null) {
+                const urlInput = document.getElementById('customUrl')
+                let url = configUrl || urlInput.value.trim()
+
+                if (!url) {
+                    showError('请输入资源链接')
+                    return
+                }
+
+                if (!validateUrl(url)) {
+                    showError('请输入有效的URL')
+                    return
+                }
+
+                const encodedUrl = encodeURIComponent(url)
+                const baseScheme = 'uzVideo://uzVideo?action=addSub&url='
+                const intentScheme = 'intent://uzVideo?action=addSub&url='
+
+                const finalUrl = isSpecial ? `${intentScheme}${encodedUrl}#Intent;scheme=uzVideo;end` : `${baseScheme}${encodedUrl}`
+
+                window.location.href = finalUrl
+            }
+
+            window.onload = function () {
+                const container = document.getElementById('resourcesContainer')
+                configs.forEach((config) => {
+                    const resourceGroup = document.createElement('div')
+                    resourceGroup.className = 'resource-group'
+                    resourceGroup.innerHTML = `
+          <div class="resource-header">
+            <div class="resource-title">${config.title}</div>
+            ${config.description ? `<div class="resource-description">${config.description}</div>` : ''}
+          </div>
+          <div class="button-row">
+            <button class="btn" onclick="installResource(false, '${config.resourceUrl}')">添加</button>
+            <button class="btn" onclick="installResource(true, '${config.resourceUrl}')">特殊添加</button>
+          </div>
+        `
+                    container.appendChild(resourceGroup)
+                })
+            }
+        </script>
+    </body>
+</html>
diff --git a/html/panNav.html b/html/panNav.html
new file mode 100644
index 0000000..dcd37be
--- /dev/null
+++ b/html/panNav.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>网盘站导航</title>
+        <style>
+            body {
+                font-family: Arial, sans-serif;
+                background-color: #f0f0f0;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 100vh;
+                margin: 0;
+            }
+
+            .container {
+                background-color: white;
+                padding: 20px;
+                border-radius: 10px;
+                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            }
+
+            h1 {
+                color: #333;
+                text-align: center;
+            }
+
+            .links,
+            .custom-link {
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+                width: 100%;
+            }
+
+            a {
+                text-decoration: none;
+                color: #007bff;
+                font-size: 18px;
+                padding: 10px;
+                border: 1px solid #007bff;
+                border-radius: 5px;
+                text-align: center;
+                transition: background-color 0.3s, color 0.3s;
+            }
+
+            a:hover {
+                background-color: #007bff;
+                color: white;
+            }
+
+            .custom-link {
+                margin-top: 20px;
+            }
+
+            input[type='text'] {
+                width: 100%;
+                padding: 10px;
+                margin-bottom: 10px;
+                border: 1px solid #007bff;
+                border-radius: 5px;
+                font-size: 18px;
+                box-sizing: border-box;
+            }
+
+            button {
+                width: 100%;
+                padding: 10px;
+                background-color: #007bff;
+                color: white;
+                border: none;
+                border-radius: 5px;
+                font-size: 18px;
+                cursor: pointer;
+                transition: background-color 0.3s;
+            }
+
+            button:hover {
+                background-color: #0056b3;
+            }
+        </style>
+    </head>
+
+    <body>
+        <div class="container">
+            <h1>网盘导航</h1>
+            <div class="links">
+                <!-- <a href="help.html">获取 cookie 教程</a> -->
+                <a href="https://drive.uc.cn/">UC 网盘,登录后点击右上角绑定</a>
+                <a href="https://pan.quark.cn">夸克网盘,登录后点击右上角绑定</a>
+                <a href="https://al.omii.top">阿里 32 位 token,需要手动复制</a>
+                <a href="https://messense-aliyundrive-webdav-backendrefresh-token-ucs0wn.streamlit.app">阿里 280 位 token,需要手动复制</a>
+                <a href="https://cloud.189.cn/api/portal/loginUrl.action?redirectURL=https%3A%2F%2Fcloud.189.cn%2Fweb%2Fredirect.html">天翼网盘 登录后点击右上角绑定</a>
+            </div>
+            <div class="custom-link">
+                <input type="text" id="customUrl" placeholder="输入自定义网址" />
+                <button onclick="goToCustomUrl()">跳转</button>
+            </div>
+        </div>
+
+        <script>
+            function goToCustomUrl() {
+                const customUrl = document.getElementById('customUrl').value.trim()
+                if (customUrl) {
+                    window.location.href = customUrl.startsWith('http') ? customUrl : 'https://' + customUrl
+                }
+            }
+        </script>
+    </body>
+</html>
