Upload 18 files

.dockerignore

@@ -0,0 +1,2 @@
+.vscode/
+readme.md

.github/workflows/docker-build.yml

@@ -0,0 +1,43 @@
+name: 'Build LibreTV image'
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  build:
+    name: 'Build LibreTV image'
+    runs-on: ubuntu-latest
+    # Add condition to only run on original repository
+    if: github.repository == 'bestzwei/LibreTV'
+    env:
+      DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+
+    steps:
+      - name: 'Check out repository'
+        uses: actions/checkout@v4.2.2
+        with:
+          fetch-depth: 0
+
+      - name: 'Set up Docker QEMU'
+        uses: docker/setup-qemu-action@v3.5.0
+
+      - name: 'Set up Docker Buildx'
+        uses: docker/setup-buildx-action@v3.10.0
+
+      - name: 'Login to DockerHub'
+        uses: docker/login-action@v3.4.0
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: 'Build and push LibreTV image'
+        uses: docker/build-push-action@v6.14.0
+        with:
+          context: .
+          file: Dockerfile
+          push: true
+          tags: "${{ env.DOCKER_USERNAME }}/libretv:latest"
+          platforms: linux/amd64,linux/arm64/v8,linux/arm/v7,linux/arm/v6,linux/386,linux/s390x

.github/workflows/sync.yml

@@ -0,0 +1,39 @@
+name: Upstream Sync
+
+permissions:
+  contents: write
+
+on:
+  schedule:
+    - cron: "0 4 * * *" # At 04:00, every day
+  workflow_dispatch:
+
+jobs:
+  sync_latest_from_upstream:
+    name: Sync latest commits from upstream repo
+    runs-on: ubuntu-latest
+    if: ${{ github.event.repository.fork }}
+
+    steps:
+      # Step 1: run a standard checkout action
+      - name: Checkout target repo
+        uses: actions/checkout@v3
+
+      # Step 2: run the sync action
+      - name: Sync upstream changes
+        id: sync
+        uses: aormsby/Fork-Sync-With-Upstream-action@v3.4
+        with:
+          upstream_sync_repo: bestZwei/LibreTV
+          upstream_sync_branch: main
+          target_sync_branch: main
+          target_repo_token: ${{ secrets.GITHUB_TOKEN }} # automatically generated, no need to set
+
+          # Set test_mode true to run tests instead of the true action!!
+          test_mode: false
+
+      - name: Sync check
+        if: failure()
+        run: |
+          echo "[Error] Due to a change in the workflow file of the upstream repository, GitHub has automatically suspended the scheduled automatic update. You need to manually sync your fork."
+          exit 1

Dockerfile

@@ -0,0 +1,12 @@
+FROM nginx:alpine
+LABEL maintainer="LibreTV Team"
+LABEL description="LibreTV - 免费在线视频搜索与观看平台"
+
+# 复制应用文件
+COPY . /usr/share/nginx/html
+
+# 暴露端口
+EXPOSE 80
+
+# 健康检查
+HEALTHCHECK --interval=30s --timeout=3s CMD wget --quiet --tries=1 --spider http://localhost/ || exit 1

LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025 LibreTV Team
+
+   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
+
+       http://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.

about.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>关于我们 - LibreTV</title>
+	<script src="https://cdn.tailwindcss.com"></script>
+	<link rel="stylesheet" href="css/styles.css">
+	<!-- ...existing head code... -->
+</head>
+<body class="page-bg text-white">
+	<div class="container mx-auto px-4 py-8">
+		<header class="text-center mb-8">
+			<h1 class="text-5xl font-bold gradient-text">关于我们</h1>
+		</header>
+		<main class="text-center">
+			<p class="text-gray-300 mb-4">
+				本项目代码托管在 GitHub 上，欢迎访问我们的仓库：
+				<a href="https://github.com/bestZwei/LibreTV" class="text-blue-400 hover:underline" target="_blank" rel="noopener">https://github.com/bestZwei/LibreTV</a>
+			</p>
+			<p class="text-gray-300">
+				LibreTV 是一个免费的在线视频搜索平台，提供视频搜索和播放服务，致力于为用户带来最佳体验。
+			</p>
+		</main>
+		<footer class="mt-12 text-center">
+			<a href="index.html" class="text-gray-400 hover:text-white transition-colors">回到首页</a>
+		</footer>
+	</div>
+</body>
+</html>

css/styles.css

@@ -0,0 +1,600 @@
+:root {
+    /* 赛博影视主题配色方案 - 柔和版 */
+    --primary-color: #00ccff;       /* 霓虹蓝主色调 */
+    --primary-light: #33d6ff;       /* 浅霓虹蓝变体 */
+    --secondary-color: #0f1622;     /* 深蓝黑背景色 */
+    --accent-color: #ff3c78;        /* 霓虹粉强调色 */
+    --text-color: #e6f2ff;          /* 柔和的蓝白色文本 */
+    --text-muted: #8599b2;          /* 淡蓝灰色次级文本 */
+    --border-color: rgba(0, 204, 255, 0.15);
+    --page-gradient-start: #0f1622; /* 深蓝黑起始色 */
+    --page-gradient-end: #192231;   /* 深靛蓝结束色 */
+    --card-gradient-start: #121b29; /* 卡片起始色 */
+    --card-gradient-end: #1c2939;   /* 卡片结束色 */
+    --card-accent: rgba(0, 204, 255, 0.12); /* 霓虹蓝卡片强调色 */
+    --card-hover-border: rgba(0, 204, 255, 0.5); /* 悬停边框颜色 */
+}
+
+.page-bg {
+    background: linear-gradient(180deg, var(--page-gradient-start), var(--page-gradient-end));
+    min-height: 100vh;
+    /* 柔和赛博点状背景 */
+    background-image: 
+        linear-gradient(180deg, var(--page-gradient-start), var(--page-gradient-end)),
+        radial-gradient(circle at 25px 25px, rgba(0, 204, 255, 0.04) 2px, transparent 3px),
+        radial-gradient(circle at 75px 75px, rgba(255, 60, 120, 0.02) 1px, transparent 2px),
+        radial-gradient(circle at 50px 50px, rgba(150, 255, 250, 0.015) 1px, transparent 2px);
+    background-blend-mode: normal;
+    background-size: cover, 100px 100px, 50px 50px, 75px 75px;
+}
+
+button, .card-hover {
+    transition: all 0.3s ease;
+}
+
+/* 改进卡片适应不同内容长度 */
+.card-hover {
+    border: 1px solid var(--border-color);
+    background: linear-gradient(135deg, var(--card-gradient-start), var(--card-gradient-end));
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
+    position: relative;
+    overflow: hidden;
+    border-radius: 6px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+/* 确保卡片内容区域高度一致性 */
+.card-hover .flex-grow {
+    min-height: 90px;
+    display: flex;
+    flex-direction: column;
+}
+
+/* 针对不同长度的标题优化显示 */
+.card-hover h3 {
+    min-height: 3rem;  /* 至少能显示2行标题 */
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    -webkit-line-clamp: 2; /* 最多显示2行 */
+}
+
+.card-hover::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, var(--card-accent), transparent);
+    transition: left 0.6s ease;
+}
+
+.card-hover:hover {
+    border-color: var(--card-hover-border);
+    transform: translateY(-3px);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
+}
+
+.card-hover:hover::before {
+    left: 100%;
+}
+
+.gradient-text {
+    background: linear-gradient(to right, var(--primary-color), var(--accent-color));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+/* 改进设置面板样式 */
+.settings-panel {
+    scrollbar-width: thin;
+    scrollbar-color: #444 #222;
+    transform: translateX(100%);
+    transition: transform 0.3s ease;
+    background: linear-gradient(135deg, var(--page-gradient-end), var(--page-gradient-start));
+    border-left: 1px solid var(--primary-color);
+}
+
+.settings-panel.show {
+    transform: translateX(0);
+}
+
+.settings-panel::-webkit-scrollbar {
+    width: 6px;
+}
+
+.settings-panel::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.settings-panel::-webkit-scrollbar-thumb {
+    background-color: #444;
+    border-radius: 4px;
+}
+
+/* 设置面板区块样式 */
+.settings-panel .shadow-inner {
+    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
+    transition: all 0.2s ease-in-out;
+}
+
+.settings-panel .shadow-inner:hover {
+    box-shadow: inset 0 2px 8px rgba(0,0,0,0.4);
+}
+
+.search-button {
+    background: var(--primary-color);
+    color: var(--text-color);
+}
+
+.search-button:hover {
+    background: var(--primary-light);
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #111;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #333;
+    border-radius: 4px;
+    transition: all 0.3s ease;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #444;
+}
+
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #333 #111;
+}
+
+.search-tag {
+    background: linear-gradient(135deg, var(--card-gradient-start), var(--card-gradient-end));
+    color: var(--text-color);
+    padding: 0.5rem 1rem;
+    border-radius: 0.5rem;
+    font-size: 0.875rem;
+    border: 1px solid var(--border-color);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.search-tag:hover {
+    background: linear-gradient(135deg, var(--card-gradient-end), var(--card-gradient-start));
+    border-color: var(--primary-color);
+}
+
+.footer {
+    width: 100%;
+    transition: all 0.3s ease;
+    margin-top: auto;
+    background: linear-gradient(to bottom, transparent, var(--page-gradient-start));
+    border-top: 1px solid var(--border-color);
+}
+
+.footer a:hover {
+    text-decoration: underline;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.container {
+    flex: 1;
+}
+
+@media screen and (min-height: 800px) {
+    body {
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+    }
+    
+    .container {
+        flex: 1;
+    }
+    
+    .footer {
+        margin-top: auto;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    .footer {
+        padding-bottom: 2rem;
+    }
+}
+
+/* 移动端布局优化 */
+@media screen and (max-width: 768px) {
+    .card-hover h3 {
+        min-height: 2.5rem;
+    }
+    
+    .card-hover .flex-grow {
+        min-height: 80px;
+    }
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+@keyframes fadeOut {
+    from { opacity: 1; }
+    to { opacity: 0; }
+}
+
+#modal.show {
+    animation: fadeIn 0.3s forwards;
+}
+
+#modal.hide {
+    animation: fadeOut 0.3s forwards;
+}
+
+#modal > div {
+    background: linear-gradient(135deg, var(--card-gradient-start), var(--card-gradient-end));
+    border: 1px solid var(--primary-color);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7), 0 0 15px rgba(0, 204, 255, 0.1);
+    border-radius: 8px;
+}
+
+#modalContent button {
+    background: rgba(0, 204, 255, 0.08);
+    border: 1px solid rgba(0, 204, 255, 0.2);
+    transition: all 0.2s ease;
+}
+
+#modalContent button:hover {
+    background: rgba(0, 204, 255, 0.15);
+    border-color: var(--primary-color);
+    box-shadow: 0 0 8px rgba(0, 204, 255, 0.3);
+}
+
+#yellowFilterToggle:checked + .toggle-bg {
+    background-color: var(--primary-color);
+}
+
+#yellowFilterToggle:checked ~ .toggle-dot {
+    transform: translateX(1.5rem);
+}
+
+#yellowFilterToggle:focus + .toggle-bg,
+#yellowFilterToggle:hover + .toggle-bg {
+    box-shadow: 0 0 0 2px rgba(0, 204, 255, 0.3);
+}
+
+/* 添加广告过滤开关的CSS */
+#adFilterToggle:checked + .toggle-bg {
+    background-color: var(--primary-color);
+}
+
+#adFilterToggle:checked ~ .toggle-dot {
+    transform: translateX(1.5rem);
+}
+
+#adFilterToggle:focus + .toggle-bg,
+#adFilterToggle:hover + .toggle-bg {
+    box-shadow: 0 0 0 2px rgba(0, 204, 255, 0.3);
+}
+
+.toggle-dot {
+    transition: transform 0.3s ease-in-out;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+}
+
+.toggle-bg {
+    transition: background-color 0.3s ease-in-out;
+}
+
+#yellowFilterToggle:checked ~ .toggle-dot {
+    box-shadow: 0 2px 4px rgba(0, 204, 255, 0.3);
+}
+
+#adFilterToggle:checked ~ .toggle-dot {
+    box-shadow: 0 2px 4px rgba(0, 204, 255, 0.3);
+}
+
+/* 添加API复选框样式 */
+.form-checkbox {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    height: 14px;
+    width: 14px;
+    background-color: #222;
+    border: 1px solid #333;
+    border-radius: 3px;
+    cursor: pointer;
+    position: relative;
+    outline: none;
+}
+
+.form-checkbox:checked {
+    background-color: var(--primary-color);
+    border-color: var(--primary-color);
+}
+
+.form-checkbox:checked::after {
+    content: '';
+    position: absolute;
+    left: 4px;
+    top: 1px;
+    width: 4px;
+    height: 8px;
+    border: solid white;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+}
+
+/* API滚动区域美化 */
+#apiCheckboxes {
+    scrollbar-width: thin;
+    scrollbar-color: #444 #222;
+}
+
+#apiCheckboxes::-webkit-scrollbar {
+    width: 6px;
+}
+
+#apiCheckboxes::-webkit-scrollbar-track {
+    background: #222;
+    border-radius: 4px;
+}
+
+#apiCheckboxes::-webkit-scrollbar-thumb {
+    background-color: #444;
+    border-radius: 4px;
+}
+
+/* 自定义API列表样式 */
+#customApisList {
+    scrollbar-width: thin;
+    scrollbar-color: #444 #222;
+}
+
+#customApisList::-webkit-scrollbar {
+    width: 6px;
+}
+
+#customApisList::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+#customApisList::-webkit-scrollbar-thumb {
+    background-color: #444;
+    border-radius: 4px;
+}
+
+/* 设置面板滚动样式 */
+.settings-panel {
+    scrollbar-width: thin;
+    scrollbar-color: #444 #222;
+}
+
+.settings-panel::-webkit-scrollbar {
+    width: 6px;
+}
+
+.settings-panel::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.settings-panel::-webkit-scrollbar-thumb {
+    background-color: #444;
+    border-radius: 4px;
+}
+
+/* 添加自定义API表单动画 */
+#addCustomApiForm {
+    transition: all 0.3s ease;
+    max-height: 0;
+    opacity: 0;
+    overflow: hidden;
+}
+
+#addCustomApiForm.hidden {
+    max-height: 0;
+    padding: 0;
+    opacity: 0;
+}
+
+#addCustomApiForm:not(.hidden) {
+    max-height: 230px;
+    opacity: 1;
+}
+
+/* 成人内容API标记样式 */
+.api-adult + label {
+    color: #ff6b8b !important;
+}
+
+/* 添加警告图标和标签样式 */
+.adult-warning {
+    display: inline-flex;
+    align-items: center;
+    margin-left: 0.25rem;
+    color: #ff6b8b;
+}
+
+.adult-warning svg {
+    width: 12px;
+    height: 12px;
+    margin-right: 4px;
+}
+
+/* 过滤器禁用样式 */
+.filter-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+    cursor: not-allowed;
+}
+
+/* API组标题样式 */
+.api-group-title {
+    grid-column: span 2;
+    padding: 0.25rem 0;
+    margin-top: 0.5rem;
+    border-top: 1px solid #333;
+    color: #8599b2;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.api-group-title.adult {
+    color: #ff6b8b;
+}
+
+/* 过滤器禁用样式 - 改进版本 */
+.filter-disabled {
+    position: relative;
+}
+
+.filter-disabled::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.4);
+    border-radius: 0.5rem;
+    z-index: 5;
+}
+
+.filter-disabled > * {
+    opacity: 0.7;
+}
+
+.filter-disabled .toggle-bg {
+    background-color: #333 !important;
+}
+
+.filter-disabled .toggle-dot {
+    transform: translateX(0) !important;
+    background-color: #666 !important;
+}
+
+/* 改进过滤器禁用样式 */
+.filter-disabled .filter-description {
+    color: #ff6b8b !important;
+    font-style: italic;
+    font-weight: 500;
+}
+
+/* 修改过滤器禁用样式，确保文字清晰可见 */
+.filter-disabled {
+    position: relative;
+}
+
+.filter-disabled::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.3);
+    border-radius: 0.5rem;
+    z-index: 5;
+}
+
+.filter-disabled > * {
+    opacity: 1; /* 提高子元素不透明度，保证可见性 */
+    z-index: 6; /* 确保内容在遮罩上方 */
+    position: relative;
+}
+
+/* 改进过滤器禁用状态下的描述样式 */
+.filter-disabled .filter-description {
+    color: #ff7b9d !important; /* 更亮的粉色 */
+    font-style: italic;
+    font-weight: 500;
+    text-shadow: 0 0 2px rgba(0,0,0,0.8); /* 添加文字阴影提高对比度 */
+}
+
+/* 开关的禁用样式 */
+.filter-disabled .toggle-bg {
+    background-color: #444 !important;
+    opacity: 0.8;
+}
+
+.filter-disabled .toggle-dot {
+    transform: translateX(0) !important;
+    background-color: #777 !important;
+    opacity: 0.9;
+}
+
+/* 警告提示样式改进 */
+.filter-tooltip {
+    background-color: rgba(255, 61, 87, 0.1);
+    border: 1px solid rgba(255, 61, 87, 0.2);
+    border-radius: 0.25rem;
+    padding: 0.5rem;
+    margin-top: 0.5rem;
+    display: flex;
+    align-items: center;
+    font-size: 0.75rem;
+    line-height: 1.25;
+    position: relative;
+    z-index: 10;
+}
+
+.filter-tooltip svg {
+    flex-shrink: 0;
+    width: 14px;
+    height: 14px;
+    margin-right: 0.35rem;
+}
+
+/* 编辑按钮样式 */
+.custom-api-edit {
+    color: #3b82f6;
+    transition: color 0.2s ease;
+}
+
+.custom-api-edit:hover {
+    color: #2563eb;
+}
+
+/* 自定义API条目样式改进 */
+#customApisList .api-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.25rem 0.5rem;
+    margin-bottom: 0.25rem;
+    background-color: #222;
+    border-radius: 0.25rem;
+    transition: background-color 0.2s ease;
+}
+
+#customApisList .api-item:hover {
+    background-color: #2a2a2a;
+}
+
+/* 成人内容标签样式 */
+.adult-tag {
+    display: inline-flex;
+    align-items: center;
+    color: #ff6b8b;
+    font-size: 0.7rem;
+    font-weight: 500;
+    margin-right: 0.35rem;
+}

index.html

@@ -1,19 +1,262 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LibreTV - 免费在线视频搜索与观看平台</title>
+    <meta name="description" content="LibreTV是一个免费的在线视频搜索平台，无广告、安全，提供来自多个视频源的内容搜索与观看服务，无需注册即可使用。">
+    <meta name="keywords" content="在线视频,免费视频,视频搜索,电影,电视剧,LibreTV">
+    <meta name="author" content="LibreTV Team">
+    <meta name="robots" content="index, follow">
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://libretv.is-an.org/">
+    <meta property="og:title" content="LibreTV - 免费在线视频搜索与观看平台">
+    <meta property="og:description" content="搜索并观看来自多个视频源的内容，支持多种设备，无需注册即可使用。">
+    <meta property="og:image" content="https://images.icon-icons.com/38/PNG/512/retrotv_5520.png">
+    
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://libretv.is-an.org/">
+    <meta property="twitter:title" content="LibreTV - 免费在线视频搜索与观看平台">
+    <meta property="twitter:description" content="搜索并观看来自多个视频源的内容，支持多种设备，无需注册即可使用。">
+    <meta property="twitter:image" content="https://images.icon-icons.com/38/PNG/512/retrotv_5520.png">
+    
+    <!-- Favicon -->
+    <link rel="icon" href="https://images.icon-icons.com/38/PNG/512/retrotv_5520.png">
+    <link rel="apple-touch-icon" href="https://images.icon-icons.com/38/PNG/512/retrotv_5520.png">
+    
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://libretv.is-an.org/">
+    
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body class="page-bg text-white">
+    <div class="fixed top-4 right-4 z-50 flex items-center space-x-4">
+        <button onclick="toggleSettings(event)" class="bg-[#222] hover:bg-[#333] border border-[#333] hover:border-white rounded-lg px-4 py-2 transition-colors" aria-label="打开设置">
+            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+            </svg>
+        </button>
+    </div>
+
+    <!-- 设置面板 -->
+    <div id="settingsPanel" class="settings-panel fixed right-0 top-0 h-full w-80 bg-[#111] border-l border-[#333] p-6 z-40 overflow-y-auto" aria-label="设置面板" aria-hidden="true">
+        <div class="flex justify-between items-center mb-6">
+            <h3 class="text-xl font-bold gradient-text">设置</h3>
+            <button onclick="toggleSettings()" class="text-gray-400 hover:text-white" aria-label="关闭设置">&times;</button>
+        </div>
+        <div class="space-y-5">
+            <!-- 数据源设置区域 -->
+            <div class="p-3 bg-[#151515] rounded-lg shadow-inner">
+                <label class="block text-sm font-medium text-gray-400 mb-3 border-b border-[#333] pb-1">数据源设置</label>
+                
+                <!-- 批量操作按钮 -->
+                <div class="flex space-x-2 mb-3">
+                    <button onclick="selectAllAPIs(true)" class="px-2 py-1 bg-[#333] hover:bg-[#444] text-white text-xs rounded">全选</button>
+                    <button onclick="selectAllAPIs(false)" class="px-2 py-1 bg-[#333] hover:bg-[#444] text-white text-xs rounded">全不选</button>
+                    <button onclick="selectAllAPIs(true, true)" class="px-2 py-1 bg-[#333] hover:bg-[#444] text-white text-xs rounded">全选普通资源</button>
+                </div>
+                
+                <!-- API选择区域 - 使用滚动区域 -->
+                <div class="max-h-40 overflow-y-auto bg-[#191919] p-2 rounded-lg mb-3">
+                    <div id="apiCheckboxes" class="grid grid-cols-2 gap-2">
+                        <!-- 这里将动态插入API复选框 -->
+                    </div>
+                </div>
+                
+                <!-- API信息显示 -->
+                <div class="text-xs text-gray-500 flex justify-between items-center">
+                    <span>已选API数量：<span id="selectedApiCount" class="text-white">0</span></span>
+                    <span id="siteStatus" class="ml-2"></span>
+                </div>
+            </div>
+
+            <!-- 自定义API管理区域 -->
+            <div class="p-3 bg-[#151515] rounded-lg shadow-inner">
+                <div class="flex justify-between items-center mb-2">
+                    <label class="block text-sm font-medium text-gray-400 border-b border-[#333] w-full pb-1">自定义API</label>
+                    <button onclick="showAddCustomApiForm()" class="bg-[#333] hover:bg-[#444] text-white w-6 h-6 rounded-full text-center leading-none text-lg ml-1">+</button>
+                </div>
+                <div id="customApisList" class="max-h-32 overflow-y-auto mb-2">
+                    <!-- 自定义API将显示在这里 -->
+                </div>
+                
+                <!-- 添加自定义API表单 (默认隐藏) -->
+                <div id="addCustomApiForm" class="hidden mt-2 p-2 bg-[#191919] rounded-lg">
+                    <input type="text" id="customApiName" placeholder="API名称" class="w-full bg-[#222] border border-[#333] text-white px-2 py-1 rounded mb-2">
+                    <input type="text" id="customApiUrl" placeholder="https://abc.com" class="w-full bg-[#222] border border-[#333] text-white px-2 py-1 rounded mb-2">
+                    <!-- 添加成人内容切换 -->
+                    <div class="flex items-center mb-2">
+                        <input type="checkbox" id="customApiIsAdult" class="form-checkbox h-4 w-4 text-pink-500 bg-[#222] border border-[#333]">
+                        <label for="customApiIsAdult" class="ml-2 text-xs text-pink-400">黄色资源站</label>
+                    </div>
+                    <div class="flex space-x-2">
+                        <button onclick="addCustomApi()" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-xs">添加</button>
+                        <button onclick="cancelAddCustomApi()" class="bg-[#444] hover:bg-[#555] text-white px-3 py-1 rounded text-xs">取消</button>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- 内容过滤设置区域 -->
+            <div class="p-3 bg-[#151515] rounded-lg shadow-inner">
+                <label class="block text-sm font-medium text-gray-400 mb-3 border-b border-[#333] pb-1">内容过滤</label>
+                
+                <!-- 黄色内容过滤开关 -->
+                <div class="flex flex-col mb-3 pb-3 border-b border-[#222] relative">
+                    <div class="flex items-center justify-between">
+                        <div>
+                            <label class="text-sm font-medium text-gray-400">黄色内容过滤</label>
+                            <p class="text-xs text-gray-500 mt-1 filter-description">过滤"伦理片"等黄色内容</p>
+                        </div>
+                        <div class="relative inline-block w-12 align-middle select-none">
+                            <input type="checkbox" id="yellowFilterToggle" class="opacity-0 absolute w-full h-full cursor-pointer z-10">
+                            <div class="toggle-bg bg-[#333] w-12 h-6 rounded-full transition-colors duration-300 ease-in-out"></div>
+                            <div class="toggle-dot absolute w-5 h-5 bg-white rounded-full top-0.5 left-0.5 transition-transform duration-300 ease-in-out"></div>
+                        </div>
+                    </div>
+                    <!-- 警告提示将在这里动态插入 -->
+                </div>
+                
+                <!-- 广告过滤开关 -->
+                <div class="flex items-center justify-between">
+                    <div>
+                        <label class="text-sm font-medium text-gray-400">分片广告过滤</label>
+                        <p class="text-xs text-gray-500 mt-1">关闭可减少旧版浏览器卡顿</p>
+                    </div>
+                    <div class="relative inline-block w-12 align-middle select-none">
+                        <input type="checkbox" id="adFilterToggle" class="opacity-0 absolute w-full h-full cursor-pointer z-10">
+                        <div class="toggle-bg bg-[#333] w-12 h-6 rounded-full transition-colors duration-300 ease-in-out"></div>
+                        <div class="toggle-dot absolute w-5 h-5 bg-white rounded-full top-0.5 left-0.5 transition-transform duration-300 ease-in-out"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="container mx-auto px-4 py-8 flex flex-col h-screen">
+        <div class="flex-1 flex flex-col">
+            <!-- 网站标志和口号 -->
+            <header class="text-center mb-2">
+                <div class="flex justify-center items-center mb-4">
+                    <svg class="w-10 h-10 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+                    </svg>
+                    <h1 class="text-5xl font-bold gradient-text">LibreTV</h1>
+                </div>
+                <p class="text-gray-400 mb-8">自由观影，畅享精彩</p>
+            </header>
+            
+            <!-- 搜索区域：默认居中 -->
+            <div id="searchArea" class="flex-1 flex flex-col items-center justify-center">
+                <h2 class="text-3xl font-bold gradient-text mb-8">视频搜索</h2>
+                <div class="w-full max-w-2xl">
+                    <div class="flex">
+                        <input type="text" 
+                               id="searchInput" 
+                               class="w-full bg-[#111] border border-[#333] text-white px-6 py-4 rounded-l-lg focus:outline-none focus:border-white transition-colors" 
+                               placeholder="搜索你喜欢的视频..."
+                               aria-label="视频搜索框">
+                        <button onclick="search()" 
+                                class="px-8 py-4 bg-white text-black font-medium rounded-r-lg hover:bg-gray-200 transition-colors"
+                                aria-label="搜索按钮">
+                            搜索
+                        </button>
+                    </div>
+                    
+                    <!-- 添加最近搜索记录部分 -->
+                    <div id="recentSearches" class="mt-4 flex flex-wrap gap-2" aria-label="最近搜索记录">
+                        <!-- 这里会动态插入最近的搜索记录 -->
+                    </div>
+                    <!-- 清除历史按钮已移至搜索历史标题行 -->
+                </div>
+            </div>
+            
+            <!-- 搜索结果：初始隐藏 -->
+            <div id="resultsArea" class="w-full hidden">
+                <div id="results" class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 页脚区域 -->
+    <footer class="footer mt-8 py-6 border-t border-[#333] bg-[#0a0a0a]">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-4 md:mb-0">
+                    <div class="flex items-center justify-center md:justify-start">
+                        <svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+                        </svg>
+                        <span class="gradient-text font-bold">LibreTV</span>
+                    </div>
+                    <p class="text-gray-500 text-sm mt-2 text-center md:text-left">© 2025 LibreTV - 自由观影，畅享精彩</p>
+                </div>
+                
+                <div class="text-center md:text-right">
+                    <p class="text-gray-500 text-sm max-w-md">
+                        免责声明：本站仅为视频搜索工具，不存储、上传或分发任何视频内容。
+                        所有视频均来自第三方API接口。如有侵权，请联系相关内容提供方。
+                    </p>
+                    <div class="mt-2 flex justify-center md:justify-end space-x-4">
+                        <a href="about.html" class="text-gray-400 hover:text-white text-sm transition-colors">关于我们</a>
+                        <a href="privacy.html" class="text-gray-400 hover:text-white text-sm transition-colors">隐私政策</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- 详情模态框 -->
+    <div id="modal" class="fixed inset-0 bg-black/95 hidden flex items-center justify-center transition-opacity duration-300">
+        <div class="bg-[#111] p-8 rounded-lg w-11/12 max-w-4xl border border-[#333] max-h-[90vh] flex flex-col">
+            <div class="flex justify-between items-center mb-6 flex-none">
+                <h2 id="modalTitle" class="text-2xl font-bold gradient-text break-words pr-4 max-w-[80%]"></h2>
+                <button onclick="closeModal()" class="text-gray-400 hover:text-white text-2xl transition-colors flex-shrink-0">&times;</button>
+            </div>
+            <div id="modalContent" class="overflow-auto flex-1 min-h-0">
+                <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-2">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 错误提示框 -->
+    <div id="toast" class="fixed top-4 left-1/2 -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg transform transition-all duration-300 opacity-0 -translate-y-full">
+        <p id="toastMessage"></p>
+    </div>
+
+    <!-- 添加 loading 提示框 -->
+    <div id="loading" class="fixed inset-0 bg-black/80 hidden items-center justify-center z-50">
+        <div class="bg-[#111] p-8 rounded-lg border border-[#333] flex items-center space-x-4">
+            <div class="w-8 h-8 border-4 border-white border-t-transparent rounded-full animate-spin"></div>
+            <p class="text-white text-lg">加载中...</p>
+        </div>
+    </div>
+
+    <!-- JSON-LD 结构化数据 -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "LibreTV",
+        "url": "https://libretv.is-an.org/",
+        "description": "免费在线视频搜索与观看平台",
+        "potentialAction": {
+            "@type": "SearchAction",
+            "target": "https://libretv.is-an.org/?s={search_term_string}",
+            "query-input": "required name=search_term_string"
+        }
+    }
+    </script>
+
+    <script src="js/config.js"></script>
+    <script src="js/ui.js"></script>
+    <script src="js/api.js"></script>
+    <script src="js/app.js"></script>
+</body>
+</html>

js/api.js

@@ -0,0 +1,607 @@
+// 改进的API请求处理函数
+async function handleApiRequest(url) {
+    const customApi = url.searchParams.get('customApi') || '';
+    const source = url.searchParams.get('source') || 'heimuer';
+    
+    try {
+        if (url.pathname === '/api/search') {
+            const searchQuery = url.searchParams.get('wd');
+            if (!searchQuery) {
+                throw new Error('缺少搜索参数');
+            }
+            
+            // 验证API和source的有效性
+            if (source === 'custom' && !customApi) {
+                throw new Error('使用自定义API时必须提供API地址');
+            }
+            
+            if (!API_SITES[source] && source !== 'custom') {
+                throw new Error('无效的API来源');
+            }
+            
+            const apiUrl = customApi
+                ? `${customApi}${API_CONFIG.search.path}${encodeURIComponent(searchQuery)}`
+                : `${API_SITES[source].api}${API_CONFIG.search.path}${encodeURIComponent(searchQuery)}`;
+            
+            // 添加超时处理
+            const controller = new AbortController();
+            const timeoutId = setTimeout(() => controller.abort(), 10000);
+            
+            try {
+                const response = await fetch(PROXY_URL + encodeURIComponent(apiUrl), {
+                    headers: API_CONFIG.search.headers,
+                    signal: controller.signal
+                });
+                
+                clearTimeout(timeoutId);
+                
+                if (!response.ok) {
+                    throw new Error(`API请求失败: ${response.status}`);
+                }
+                
+                const data = await response.json();
+                
+                // 检查JSON格式的有效性
+                if (!data || !Array.isArray(data.list)) {
+                    throw new Error('API返回的数据格式无效');
+                }
+                
+                // 添加源信息到每个结果
+                data.list.forEach(item => {
+                    item.source_name = source === 'custom' ? '自定义源' : API_SITES[source].name;
+                    item.source_code = source;
+                    // 对于自定义源，添加API URL信息
+                    if (source === 'custom') {
+                        item.api_url = customApi;
+                    }
+                });
+                
+                return JSON.stringify({
+                    code: 200,
+                    list: data.list || [],
+                });
+            } catch (fetchError) {
+                clearTimeout(timeoutId);
+                throw fetchError;
+            }
+        }
+
+        // 详情处理
+        if (url.pathname === '/api/detail') {
+            const id = url.searchParams.get('id');
+            const sourceCode = url.searchParams.get('source') || 'heimuer'; // 获取源代码
+            
+            if (!id) {
+                throw new Error('缺少视频ID参数');
+            }
+            
+            // 验证ID格式 - 只允许数字和有限的特殊字符
+            if (!/^[\w-]+$/.test(id)) {
+                throw new Error('无效的视频ID格式');
+            }
+
+            // 验证API和source的有效性
+            if (sourceCode === 'custom' && !customApi) {
+                throw new Error('使用自定义API时必须提供API地址');
+            }
+            
+            if (!API_SITES[sourceCode] && sourceCode !== 'custom') {
+                throw new Error('无效的API来源');
+            }
+
+            // 对于特殊源，使用特殊处理方式
+            if ((sourceCode === 'ffzy' || sourceCode === 'jisu' || sourceCode === 'huangcang') && API_SITES[sourceCode].detail) {
+                return await handleSpecialSourceDetail(id, sourceCode);
+            }
+            
+            // 如果是自定义API，并且传递了detail参数，尝试特殊处理
+            if (sourceCode === 'custom' && url.searchParams.get('useDetail') === 'true') {
+                return await handleCustomApiSpecialDetail(id, customApi);
+            }
+            
+            const detailUrl = customApi
+                ? `${customApi}${API_CONFIG.detail.path}${id}`
+                : `${API_SITES[sourceCode].api}${API_CONFIG.detail.path}${id}`;
+            
+            // 添加超时处理
+            const controller = new AbortController();
+            const timeoutId = setTimeout(() => controller.abort(), 10000);
+            
+            try {
+                const response = await fetch(PROXY_URL + encodeURIComponent(detailUrl), {
+                    headers: API_CONFIG.detail.headers,
+                    signal: controller.signal
+                });
+                
+                clearTimeout(timeoutId);
+                
+                if (!response.ok) {
+                    throw new Error(`详情请求失败: ${response.status}`);
+                }
+                
+                // 解析JSON
+                const data = await response.json();
+                
+                // 检查返回的数据是否有效
+                if (!data || !data.list || !Array.isArray(data.list) || data.list.length === 0) {
+                    throw new Error('获取到的详情内容无效');
+                }
+                
+                // 获取第一个匹配的视频详情
+                const videoDetail = data.list[0];
+                
+                // 提取播放地址
+                let episodes = [];
+                
+                if (videoDetail.vod_play_url) {
+                    // 分割不同播放源
+                    const playSources = videoDetail.vod_play_url.split('$$$');
+                    
+                    // 提取第一个播放源的集数（通常为主要源）
+                    if (playSources.length > 0) {
+                        const mainSource = playSources[0];
+                        const episodeList = mainSource.split('#');
+                        
+                        // 从每个集数中提取URL
+                        episodes = episodeList.map(ep => {
+                            const parts = ep.split('$');
+                            // 返回URL部分(通常是第二部分，如果有的话)
+                            return parts.length > 1 ? parts[1] : '';
+                        }).filter(url => url && (url.startsWith('http://') || url.startsWith('https://')));
+                    }
+                }
+                
+                // 如果没有找到播放地址，尝试使用正则表达式查找m3u8链接
+                if (episodes.length === 0 && videoDetail.vod_content) {
+                    const matches = videoDetail.vod_content.match(M3U8_PATTERN) || [];
+                    episodes = matches.map(link => link.replace(/^\$/, ''));
+                }
+                
+                return JSON.stringify({
+                    code: 200,
+                    episodes: episodes,
+                    detailUrl: detailUrl,
+                    videoInfo: {
+                        title: videoDetail.vod_name,
+                        cover: videoDetail.vod_pic,
+                        desc: videoDetail.vod_content,
+                        type: videoDetail.type_name,
+                        year: videoDetail.vod_year,
+                        area: videoDetail.vod_area,
+                        director: videoDetail.vod_director,
+                        actor: videoDetail.vod_actor,
+                        remarks: videoDetail.vod_remarks,
+                        // 添加源信息
+                        source_name: sourceCode === 'custom' ? '自定义源' : API_SITES[sourceCode].name,
+                        source_code: sourceCode
+                    }
+                });
+            } catch (fetchError) {
+                clearTimeout(timeoutId);
+                throw fetchError;
+            }
+        }
+
+        throw new Error('未知的API路径');
+    } catch (error) {
+        console.error('API处理错误:', error);
+        return JSON.stringify({
+            code: 400,
+            msg: error.message || '请求处理失败',
+            list: [],
+            episodes: [],
+        });
+    }
+}
+
+// 处理自定义API的特殊详情页
+async function handleCustomApiSpecialDetail(id, customApi) {
+    try {
+        // 构建详情页URL
+        const detailUrl = `${customApi}/index.php/vod/detail/id/${id}.html`;
+        
+        // 添加超时处理
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 10000);
+        
+        // 获取详情页HTML
+        const response = await fetch(PROXY_URL + encodeURIComponent(detailUrl), {
+            headers: {
+                'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36',
+            },
+            signal: controller.signal
+        });
+        
+        clearTimeout(timeoutId);
+        
+        if (!response.ok) {
+            throw new Error(`自定义API详情页请求失败: ${response.status}`);
+        }
+        
+        // 获取HTML内容
+        const html = await response.text();
+        
+        // 使用通用模式提取m3u8链接
+        const generalPattern = /\$(https?:\/\/[^"'\s]+?\.m3u8)/g;
+        let matches = html.match(generalPattern) || [];
+        
+        // 处理链接
+        matches = matches.map(link => {
+            link = link.substring(1, link.length);
+            const parenIndex = link.indexOf('(');
+            return parenIndex > 0 ? link.substring(0, parenIndex) : link;
+        });
+        
+        // 提取基本信息
+        const titleMatch = html.match(/<h1[^>]*>([^<]+)<\/h1>/);
+        const titleText = titleMatch ? titleMatch[1].trim() : '';
+        
+        const descMatch = html.match(/<div[^>]*class=["']sketch["'][^>]*>([\s\S]*?)<\/div>/);
+        const descText = descMatch ? descMatch[1].replace(/<[^>]+>/g, ' ').trim() : '';
+        
+        return JSON.stringify({
+            code: 200,
+            episodes: matches,
+            detailUrl: detailUrl,
+            videoInfo: {
+                title: titleText,
+                desc: descText,
+                source_name: '自定义源',
+                source_code: 'custom'
+            }
+        });
+    } catch (error) {
+        console.error(`自定义API详情获取失败:`, error);
+        throw error;
+    }
+}
+
+// 处理极速资源详情的特殊函数
+async function handleJisuDetail(id, sourceCode) {
+    // 直接复用通用的特殊源处理函数，传入相应参数
+    return await handleSpecialSourceDetail(id, sourceCode);
+}
+
+// 处理非凡影视详情的特殊函数
+async function handleFFZYDetail(id, sourceCode) {
+    // 直接复用通用的特殊源处理函数，传入相应参数
+    return await handleSpecialSourceDetail(id, sourceCode);
+}
+
+// 通用特殊源详情处理函数
+async function handleSpecialSourceDetail(id, sourceCode) {
+    try {
+        // 构建详情页URL（使用配置中的detail URL而不是api URL）
+        const detailUrl = `${API_SITES[sourceCode].detail}/index.php/vod/detail/id/${id}.html`;
+        
+        // 添加超时处理
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 10000);
+        
+        // 获取详情页HTML
+        const response = await fetch(PROXY_URL + encodeURIComponent(detailUrl), {
+            headers: {
+                'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36',
+            },
+            signal: controller.signal
+        });
+        
+        clearTimeout(timeoutId);
+        
+        if (!response.ok) {
+            throw new Error(`详情页请求失败: ${response.status}`);
+        }
+        
+        // 获取HTML内容
+        const html = await response.text();
+        
+        // 根据不同源类型使用不同的正则表达式
+        let matches = [];
+        
+        if (sourceCode === 'ffzy') {
+            // 非凡影视使用特定的正则表达式
+            const ffzyPattern = /\$(https?:\/\/[^"'\s]+?\/\d{8}\/\d+_[a-f0-9]+\/index\.m3u8)/g;
+            matches = html.match(ffzyPattern) || [];
+        }
+        
+        // 如果没有找到链接或者是其他源类型，尝试一个更通用的模式
+        if (matches.length === 0) {
+            const generalPattern = /\$(https?:\/\/[^"'\s]+?\.m3u8)/g;
+            matches = html.match(generalPattern) || [];
+        }
+        
+        // 处理链接
+        matches = matches.map(link => {
+            link = link.substring(1, link.length);
+            const parenIndex = link.indexOf('(');
+            return parenIndex > 0 ? link.substring(0, parenIndex) : link;
+        });
+        
+        // 提取可能存在的标题、简介等基本信息
+        const titleMatch = html.match(/<h1[^>]*>([^<]+)<\/h1>/);
+        const titleText = titleMatch ? titleMatch[1].trim() : '';
+        
+        const descMatch = html.match(/<div[^>]*class=["']sketch["'][^>]*>([\s\S]*?)<\/div>/);
+        const descText = descMatch ? descMatch[1].replace(/<[^>]+>/g, ' ').trim() : '';
+        
+        return JSON.stringify({
+            code: 200,
+            episodes: matches,
+            detailUrl: detailUrl,
+            videoInfo: {
+                title: titleText,
+                desc: descText,
+                source_name: API_SITES[sourceCode].name,
+                source_code: sourceCode
+            }
+        });
+    } catch (error) {
+        console.error(`${API_SITES[sourceCode].name}详情获取失败:`, error);
+        throw error;
+    }
+}
+
+// 处理聚合搜索
+async function handleAggregatedSearch(searchQuery) {
+    // 获取可用的API源列表（排除aggregated和custom）
+    const availableSources = Object.keys(API_SITES).filter(key => 
+        key !== 'aggregated' && key !== 'custom'
+    );
+    
+    if (availableSources.length === 0) {
+        throw new Error('没有可用的API源');
+    }
+    
+    // 创建所有API源的搜索请求
+    const searchPromises = availableSources.map(async (source) => {
+        try {
+            const apiUrl = `${API_SITES[source].api}${API_CONFIG.search.path}${encodeURIComponent(searchQuery)}`;
+            
+            // 使用Promise.race添加超时处理
+            const timeoutPromise = new Promise((_, reject) => 
+                setTimeout(() => reject(new Error(`${source}源搜索超时`)), 8000)
+            );
+            
+            const fetchPromise = fetch(PROXY_URL + encodeURIComponent(apiUrl), {
+                headers: API_CONFIG.search.headers
+            });
+            
+            const response = await Promise.race([fetchPromise, timeoutPromise]);
+            
+            if (!response.ok) {
+                throw new Error(`${source}源请求失败: ${response.status}`);
+            }
+            
+            const data = await response.json();
+            
+            if (!data || !Array.isArray(data.list)) {
+                throw new Error(`${source}源返回的数据格式无效`);
+            }
+            
+            // 为搜索结果添加源信息
+            const results = data.list.map(item => ({
+                ...item,
+                source_name: API_SITES[source].name,
+                source_code: source
+            }));
+            
+            return results;
+        } catch (error) {
+            console.warn(`${source}源搜索失败:`, error);
+            return []; // 返回空数组表示该源搜索失败
+        }
+    });
+    
+    try {
+        // 并行执行所有搜索请求
+        const resultsArray = await Promise.all(searchPromises);
+        
+        // 合并所有结果
+        let allResults = [];
+        resultsArray.forEach(results => {
+            if (Array.isArray(results) && results.length > 0) {
+                allResults = allResults.concat(results);
+            }
+        });
+        
+        // 如果没有搜索结果，返回空结果
+        if (allResults.length === 0) {
+            return JSON.stringify({
+                code: 200,
+                list: [],
+                msg: '所有源均无搜索结果'
+            });
+        }
+        
+        // 去重（根据vod_id和source_code组合）
+        const uniqueResults = [];
+        const seen = new Set();
+        
+        allResults.forEach(item => {
+            const key = `${item.source_code}_${item.vod_id}`;
+            if (!seen.has(key)) {
+                seen.add(key);
+                uniqueResults.push(item);
+            }
+        });
+        
+        // 按照视频名称和来源排序
+        uniqueResults.sort((a, b) => {
+            // 首先按照视频名称排序
+            const nameCompare = (a.vod_name || '').localeCompare(b.vod_name || '');
+            if (nameCompare !== 0) return nameCompare;
+            
+            // 如果名称相同，则按照来源排序
+            return (a.source_name || '').localeCompare(b.source_name || '');
+        });
+        
+        return JSON.stringify({
+            code: 200,
+            list: uniqueResults,
+        });
+    } catch (error) {
+        console.error('聚合搜索处理错误:', error);
+        return JSON.stringify({
+            code: 400,
+            msg: '聚合搜索处理失败: ' + error.message,
+            list: []
+        });
+    }
+}
+
+// 处理多个自定义API源的聚合搜索
+async function handleMultipleCustomSearch(searchQuery, customApiUrls) {
+    // 解析自定义API列表
+    const apiUrls = customApiUrls.split(CUSTOM_API_CONFIG.separator)
+        .map(url => url.trim())
+        .filter(url => url.length > 0 && /^https?:\/\//.test(url))
+        .slice(0, CUSTOM_API_CONFIG.maxSources);
+    
+    if (apiUrls.length === 0) {
+        throw new Error('没有提供有效的自定义API地址');
+    }
+    
+    // 为每个API创建搜索请求
+    const searchPromises = apiUrls.map(async (apiUrl, index) => {
+        try {
+            const fullUrl = `${apiUrl}${API_CONFIG.search.path}${encodeURIComponent(searchQuery)}`;
+            
+            // 使用Promise.race添加超时处理
+            const timeoutPromise = new Promise((_, reject) => 
+                setTimeout(() => reject(new Error(`自定义API ${index+1} 搜索超时`)), 8000)
+            );
+            
+            const fetchPromise = fetch(PROXY_URL + encodeURIComponent(fullUrl), {
+                headers: API_CONFIG.search.headers
+            });
+            
+            const response = await Promise.race([fetchPromise, timeoutPromise]);
+            
+            if (!response.ok) {
+                throw new Error(`自定义API ${index+1} 请求失败: ${response.status}`);
+            }
+            
+            const data = await response.json();
+            
+            if (!data || !Array.isArray(data.list)) {
+                throw new Error(`自定义API ${index+1} 返回的数据格式无效`);
+            }
+            
+            // 为搜索结果添加源信息
+            const results = data.list.map(item => ({
+                ...item,
+                source_name: `${CUSTOM_API_CONFIG.namePrefix}${index+1}`,
+                source_code: 'custom',
+                api_url: apiUrl // 保存API URL以便详情获取
+            }));
+            
+            return results;
+        } catch (error) {
+            console.warn(`自定义API ${index+1} 搜索失败:`, error);
+            return []; // 返回空数组表示该源搜索失败
+        }
+    });
+    
+    try {
+        // 并行执行所有搜索请求
+        const resultsArray = await Promise.all(searchPromises);
+        
+        // 合并所有结果
+        let allResults = [];
+        resultsArray.forEach(results => {
+            if (Array.isArray(results) && results.length > 0) {
+                allResults = allResults.concat(results);
+            }
+        });
+        
+        // 如果没有搜索结果，返回空结果
+        if (allResults.length === 0) {
+            return JSON.stringify({
+                code: 200,
+                list: [],
+                msg: '所有自定义API源均无搜索结果'
+            });
+        }
+        
+        // 去重（根据vod_id和api_url组合）
+        const uniqueResults = [];
+        const seen = new Set();
+        
+        allResults.forEach(item => {
+            const key = `${item.api_url || ''}_${item.vod_id}`;
+            if (!seen.has(key)) {
+                seen.add(key);
+                uniqueResults.push(item);
+            }
+        });
+        
+        return JSON.stringify({
+            code: 200,
+            list: uniqueResults,
+        });
+    } catch (error) {
+        console.error('自定义API聚合搜索处理错误:', error);
+        return JSON.stringify({
+            code: 400,
+            msg: '自定义API聚合搜索处理失败: ' + error.message,
+            list: []
+        });
+    }
+}
+
+// 拦截API请求
+(function() {
+    const originalFetch = window.fetch;
+    
+    window.fetch = async function(input, init) {
+        const requestUrl = typeof input === 'string' ? new URL(input, window.location.origin) : input.url;
+        
+        if (requestUrl.pathname.startsWith('/api/')) {
+            try {
+                const data = await handleApiRequest(requestUrl);
+                return new Response(data, {
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Access-Control-Allow-Origin': '*',
+                    },
+                });
+            } catch (error) {
+                return new Response(JSON.stringify({
+                    code: 500,
+                    msg: '服务器内部错误',
+                }), {
+                    status: 500,
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                });
+            }
+        }
+        
+        // 非API请求使用原始fetch
+        return originalFetch.apply(this, arguments);
+    };
+})();
+
+async function testSiteAvailability(apiUrl) {
+    try {
+        // 使用更简单的测试查询
+        const response = await fetch('/api/search?wd=test&customApi=' + encodeURIComponent(apiUrl), {
+            // 添加超时
+            signal: AbortSignal.timeout(5000)
+        });
+        
+        // 检查响应状态
+        if (!response.ok) {
+            return false;
+        }
+        
+        const data = await response.json();
+        
+        // 检查API响应的有效性
+        return data && data.code !== 400 && Array.isArray(data.list);
+    } catch (error) {
+        console.error('站点可用性测试失败:', error);
+        return false;
+    }
+}

js/app.js

@@ -0,0 +1,933 @@
+// 全局变量
+let selectedAPIs = JSON.parse(localStorage.getItem('selectedAPIs') || '["heimuer"]'); // 默认选中黑木耳
+let customAPIs = JSON.parse(localStorage.getItem('customAPIs') || '[]'); // 存储自定义API列表
+
+// 添加当前播放的集数索引
+let currentEpisodeIndex = 0;
+// 添加当前视频的所有集数
+let currentEpisodes = [];
+// 添加当前视频的标题
+let currentVideoTitle = '';
+// 全局变量用于倒序状态
+let episodesReversed = false;
+
+// 页面初始化
+document.addEventListener('DOMContentLoaded', function() {
+    // 初始化API复选框
+    initAPICheckboxes();
+    
+    // 初始化自定义API列表
+    renderCustomAPIsList();
+    
+    // 初始化显示选中的API数量
+    updateSelectedApiCount();
+    
+    // 渲染搜索历史
+    renderSearchHistory();
+    
+    // 设置默认API选择（如果是第一次加载）
+    if (!localStorage.getItem('hasInitializedDefaults')) {
+        // 仅选择黑木耳源
+        selectedAPIs = ["heimuer"];
+        localStorage.setItem('selectedAPIs', JSON.stringify(selectedAPIs));
+        
+        // 默认选中过滤开关
+        localStorage.setItem('yellowFilterEnabled', 'true');
+        localStorage.setItem(PLAYER_CONFIG.adFilteringStorage, 'true');
+        
+        // 标记已初始化默认值
+        localStorage.setItem('hasInitializedDefaults', 'true');
+    }
+    
+    // 设置黄色内容过滤开关初始状态
+    const yellowFilterToggle = document.getElementById('yellowFilterToggle');
+    if (yellowFilterToggle) {
+        yellowFilterToggle.checked = localStorage.getItem('yellowFilterEnabled') === 'true';
+    }
+    
+    // 设置广告过滤开关初始状态
+    const adFilterToggle = document.getElementById('adFilterToggle');
+    if (adFilterToggle) {
+        adFilterToggle.checked = localStorage.getItem(PLAYER_CONFIG.adFilteringStorage) !== 'false'; // 默认为true
+    }
+    
+    // 设置事件监听器
+    setupEventListeners();
+    
+    // 初始检查成人API选中状态
+    setTimeout(checkAdultAPIsSelected, 100);
+});
+
+// 初始化API复选框
+function initAPICheckboxes() {
+    const container = document.getElementById('apiCheckboxes');
+    container.innerHTML = '';
+
+    // 添加普通API组标题
+    const normalTitle = document.createElement('div');
+    normalTitle.className = 'api-group-title';
+    normalTitle.textContent = '普通资源';
+    container.appendChild(normalTitle);
+    
+    // 创建普通API源的复选框
+    Object.keys(API_SITES).forEach(apiKey => {
+        const api = API_SITES[apiKey];
+        if (api.adult) return; // 跳过成人内容API，稍后添加
+        
+        const checked = selectedAPIs.includes(apiKey);
+        
+        const checkbox = document.createElement('div');
+        checkbox.className = 'flex items-center';
+        checkbox.innerHTML = `
+            <input type="checkbox" id="api_${apiKey}" 
+                   class="form-checkbox h-3 w-3 text-blue-600 bg-[#222] border border-[#333]" 
+                   ${checked ? 'checked' : ''} 
+                   data-api="${apiKey}">
+            <label for="api_${apiKey}" class="ml-1 text-xs text-gray-400 truncate">${api.name}</label>
+        `;
+        container.appendChild(checkbox);
+        
+        // 添加事件监听器
+        checkbox.querySelector('input').addEventListener('change', function() {
+            updateSelectedAPIs();
+            checkAdultAPIsSelected();
+        });
+    });
+    
+    // 仅在隐藏设置为false时添加成人API组
+    if (!HIDE_BUILTIN_ADULT_APIS) {
+        // 添加成人API组标题
+        const adultTitle = document.createElement('div');
+        adultTitle.className = 'api-group-title adult';
+        adultTitle.innerHTML = `黄色资源采集站 <span class="adult-warning">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+            </svg>
+        </span>`;
+        container.appendChild(adultTitle);
+        
+        // 创建成人API源的复选框
+        Object.keys(API_SITES).forEach(apiKey => {
+            const api = API_SITES[apiKey];
+            if (!api.adult) return; // 仅添加成人内容API
+            
+            const checked = selectedAPIs.includes(apiKey);
+            
+            const checkbox = document.createElement('div');
+            checkbox.className = 'flex items-center';
+            checkbox.innerHTML = `
+                <input type="checkbox" id="api_${apiKey}" 
+                       class="form-checkbox h-3 w-3 text-blue-600 bg-[#222] border border-[#333] api-adult" 
+                       ${checked ? 'checked' : ''} 
+                       data-api="${apiKey}">
+                <label for="api_${apiKey}" class="ml-1 text-xs text-pink-400 truncate">${api.name}</label>
+            `;
+            container.appendChild(checkbox);
+            
+            // 添加事件监听器
+            checkbox.querySelector('input').addEventListener('change', function() {
+                updateSelectedAPIs();
+                checkAdultAPIsSelected();
+            });
+        });
+    }
+    
+    // 初始检查成人内容状态
+    checkAdultAPIsSelected();
+}
+
+// 检查是否有成人API被选中
+function checkAdultAPIsSelected() {
+    // 查找所有内置成人API复选框
+    const adultBuiltinCheckboxes = document.querySelectorAll('#apiCheckboxes .api-adult:checked');
+    
+    // 查找所有自定义成人API复选框
+    const customApiCheckboxes = document.querySelectorAll('#customApisList .api-adult:checked');
+    
+    const hasAdultSelected = adultBuiltinCheckboxes.length > 0 || customApiCheckboxes.length > 0;
+    
+    const yellowFilterToggle = document.getElementById('yellowFilterToggle');
+    const yellowFilterContainer = yellowFilterToggle.closest('div').parentNode;
+    const filterDescription = yellowFilterContainer.querySelector('p.filter-description');
+    
+    // 如果选择了成人API，禁用黄色内容过滤器
+    if (hasAdultSelected) {
+        yellowFilterToggle.checked = false;
+        yellowFilterToggle.disabled = true;
+        localStorage.setItem('yellowFilterEnabled', 'false');
+        
+        // 添加禁用样式
+        yellowFilterContainer.classList.add('filter-disabled');
+        
+        // 修改描述文字
+        if (filterDescription) {
+            filterDescription.innerHTML = '<strong class="text-pink-300">选中黄色资源站时无法启用此过滤</strong>';
+        }
+        
+        // 移除提示信息（如果存在）
+        const existingTooltip = yellowFilterContainer.querySelector('.filter-tooltip');
+        if (existingTooltip) {
+            existingTooltip.remove();
+        }
+    } else {
+        // 启用黄色内容过滤器
+        yellowFilterToggle.disabled = false;
+        yellowFilterContainer.classList.remove('filter-disabled');
+        
+        // 恢复原来的描述文字
+        if (filterDescription) {
+            filterDescription.innerHTML = '过滤"伦理片"等黄色内容';
+        }
+        
+        // 移除提示信息
+        const existingTooltip = yellowFilterContainer.querySelector('.filter-tooltip');
+        if (existingTooltip) {
+            existingTooltip.remove();
+        }
+    }
+}
+
+// 渲染自定义API列表
+function renderCustomAPIsList() {
+    const container = document.getElementById('customApisList');
+    if (!container) return;
+    
+    if (customAPIs.length === 0) {
+        container.innerHTML = '<p class="text-xs text-gray-500 text-center my-2">未添加自定义API</p>';
+        return;
+    }
+    
+    container.innerHTML = '';
+    customAPIs.forEach((api, index) => {
+        const apiItem = document.createElement('div');
+        apiItem.className = 'flex items-center justify-between p-1 mb-1 bg-[#222] rounded';
+        
+        // 根据是否是成人内容设置不同的样式
+        const textColorClass = api.isAdult ? 'text-pink-400' : 'text-white';
+        
+        // 将(18+)标记移到最前面
+        const adultTag = api.isAdult ? '<span class="text-xs text-pink-400 mr-1">(18+)</span>' : '';
+        
+        apiItem.innerHTML = `
+            <div class="flex items-center flex-1 min-w-0">
+                <input type="checkbox" id="custom_api_${index}" 
+                       class="form-checkbox h-3 w-3 text-blue-600 mr-1 ${api.isAdult ? 'api-adult' : ''}" 
+                       ${selectedAPIs.includes('custom_' + index) ? 'checked' : ''} 
+                       data-custom-index="${index}">
+                <div class="flex-1 min-w-0">
+                    <div class="text-xs font-medium ${textColorClass} truncate">
+                        ${adultTag}${api.name}
+                    </div>
+                    <div class="text-xs text-gray-500 truncate">${api.url}</div>
+                </div>
+            </div>
+            <div class="flex items-center">
+                <button class="text-blue-500 hover:text-blue-700 text-xs px-1" onclick="editCustomApi(${index})">✎</button>
+                <button class="text-red-500 hover:text-red-700 text-xs px-1" onclick="removeCustomApi(${index})">✕</button>
+            </div>
+        `;
+        container.appendChild(apiItem);
+        
+        // 添加事件监听器
+        apiItem.querySelector('input').addEventListener('change', function() {
+            updateSelectedAPIs();
+            checkAdultAPIsSelected();
+        });
+    });
+}
+
+// 编辑自定义API
+function editCustomApi(index) {
+    if (index < 0 || index >= customAPIs.length) return;
+    
+    const api = customAPIs[index];
+    
+    // 填充表单数据
+    const nameInput = document.getElementById('customApiName');
+    const urlInput = document.getElementById('customApiUrl');
+    const isAdultInput = document.getElementById('customApiIsAdult');
+    
+    nameInput.value = api.name;
+    urlInput.value = api.url;
+    if (isAdultInput) isAdultInput.checked = api.isAdult || false;
+    
+    // 显示表单
+    const form = document.getElementById('addCustomApiForm');
+    if (form) {
+        form.classList.remove('hidden');
+        
+        // 替换表单按钮操作
+        const buttonContainer = form.querySelector('div:last-child');
+        buttonContainer.innerHTML = `
+            <button onclick="updateCustomApi(${index})" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-xs">更新</button>
+            <button onclick="cancelEditCustomApi()" class="bg-[#444] hover:bg-[#555] text-white px-3 py-1 rounded text-xs">取消</button>
+        `;
+    }
+}
+
+// 更新自定义API
+function updateCustomApi(index) {
+    if (index < 0 || index >= customAPIs.length) return;
+    
+    const nameInput = document.getElementById('customApiName');
+    const urlInput = document.getElementById('customApiUrl');
+    const isAdultInput = document.getElementById('customApiIsAdult');
+    
+    const name = nameInput.value.trim();
+    let url = urlInput.value.trim();
+    const isAdult = isAdultInput ? isAdultInput.checked : false;
+    
+    if (!name || !url) {
+        showToast('请输入API名称和链接', 'warning');
+        return;
+    }
+    
+    // 确保URL格式正确
+    if (!/^https?:\/\/.+/.test(url)) {
+        showToast('API链接格式不正确，需以http://或https://开头', 'warning');
+        return;
+    }
+    
+    // 移除URL末尾的斜杠
+    if (url.endsWith('/')) {
+        url = url.slice(0, -1);
+    }
+    
+    // 更新API信息
+    customAPIs[index] = { name, url, isAdult };
+    localStorage.setItem('customAPIs', JSON.stringify(customAPIs));
+    
+    // 重新渲染自定义API列表
+    renderCustomAPIsList();
+    
+    // 重新检查成人API选中状态
+    checkAdultAPIsSelected();
+    
+    // 恢复添加按钮
+    restoreAddCustomApiButtons();
+    
+    // 清空表单并隐藏
+    nameInput.value = '';
+    urlInput.value = '';
+    if (isAdultInput) isAdultInput.checked = false;
+    document.getElementById('addCustomApiForm').classList.add('hidden');
+    
+    showToast('已更新自定义API: ' + name, 'success');
+}
+
+// 取消编辑自定义API
+function cancelEditCustomApi() {
+    // 清空表单
+    document.getElementById('customApiName').value = '';
+    document.getElementById('customApiUrl').value = '';
+    const isAdultInput = document.getElementById('customApiIsAdult');
+    if (isAdultInput) isAdultInput.checked = false;
+    
+    // 隐藏表单
+    document.getElementById('addCustomApiForm').classList.add('hidden');
+    
+    // 恢复添加按钮
+    restoreAddCustomApiButtons();
+}
+
+// 恢复自定义API添加按钮
+function restoreAddCustomApiButtons() {
+    const form = document.getElementById('addCustomApiForm');
+    const buttonContainer = form.querySelector('div:last-child');
+    buttonContainer.innerHTML = `
+        <button onclick="addCustomApi()" class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 rounded text-xs">添加</button>
+        <button onclick="cancelAddCustomApi()" class="bg-[#444] hover:bg-[#555] text-white px-3 py-1 rounded text-xs">取消</button>
+    `;
+}
+
+// 更新选中的API列表
+function updateSelectedAPIs() {
+    // 获取所有内置API复选框
+    const builtInApiCheckboxes = document.querySelectorAll('#apiCheckboxes input:checked');
+    
+    // 获取选中的内置API
+    const builtInApis = Array.from(builtInApiCheckboxes).map(input => input.dataset.api);
+    
+    // 获取选中的自定义API
+    const customApiCheckboxes = document.querySelectorAll('#customApisList input:checked');
+    const customApiIndices = Array.from(customApiCheckboxes).map(input => 'custom_' + input.dataset.customIndex);
+    
+    // 合并内置和自定义API
+    selectedAPIs = [...builtInApis, ...customApiIndices];
+    
+    // 保存到localStorage
+    localStorage.setItem('selectedAPIs', JSON.stringify(selectedAPIs));
+    
+    // 更新显示选中的API数量
+    updateSelectedApiCount();
+}
+
+// 更新选中的API数量显示
+function updateSelectedApiCount() {
+    const countEl = document.getElementById('selectedApiCount');
+    if (countEl) {
+        countEl.textContent = selectedAPIs.length;
+    }
+}
+
+// 全选或取消全选API
+function selectAllAPIs(selectAll = true, excludeAdult = false) {
+    const checkboxes = document.querySelectorAll('#apiCheckboxes input[type="checkbox"]');
+    
+    checkboxes.forEach(checkbox => {
+        if (excludeAdult && checkbox.classList.contains('api-adult')) {
+            checkbox.checked = false;
+        } else {
+            checkbox.checked = selectAll;
+        }
+    });
+    
+    updateSelectedAPIs();
+    checkAdultAPIsSelected();
+}
+
+// 显示添加自定义API表单
+function showAddCustomApiForm() {
+    const form = document.getElementById('addCustomApiForm');
+    if (form) {
+        form.classList.remove('hidden');
+    }
+}
+
+// 取消添加自定义API - 修改函数来重用恢复按钮逻辑
+function cancelAddCustomApi() {
+    const form = document.getElementById('addCustomApiForm');
+    if (form) {
+        form.classList.add('hidden');
+        document.getElementById('customApiName').value = '';
+        document.getElementById('customApiUrl').value = '';
+        const isAdultInput = document.getElementById('customApiIsAdult');
+        if (isAdultInput) isAdultInput.checked = false;
+        
+        // 确保按钮是添加按钮
+        restoreAddCustomApiButtons();
+    }
+}
+
+// 添加自定义API
+function addCustomApi() {
+    const nameInput = document.getElementById('customApiName');
+    const urlInput = document.getElementById('customApiUrl');
+    const isAdultInput = document.getElementById('customApiIsAdult');
+    
+    const name = nameInput.value.trim();
+    let url = urlInput.value.trim();
+    const isAdult = isAdultInput ? isAdultInput.checked : false;
+    
+    if (!name || !url) {
+        showToast('请输入API名称和链接', 'warning');
+        return;
+    }
+    
+    // 确保URL格式正确
+    if (!/^https?:\/\/.+/.test(url)) {
+        showToast('API链接格式不正确，需以http://或https://开头', 'warning');
+        return;
+    }
+    
+    // 移除URL末尾的斜杠
+    if (url.endsWith('/')) {
+        url = url.slice(0, -1);
+    }
+    
+    // 添加到自定义API列表 - 增加isAdult属性
+    customAPIs.push({ name, url, isAdult });
+    localStorage.setItem('customAPIs', JSON.stringify(customAPIs));
+    
+    // 默认选中新添加的API
+    const newApiIndex = customAPIs.length - 1;
+    selectedAPIs.push('custom_' + newApiIndex);
+    localStorage.setItem('selectedAPIs', JSON.stringify(selectedAPIs));
+    
+    // 重新渲染自定义API列表
+    renderCustomAPIsList();
+    
+    // 更新选中的API数量
+    updateSelectedApiCount();
+    
+    // 重新检查成人API选中状态
+    checkAdultAPIsSelected();
+    
+    // 清空表单并隐藏
+    nameInput.value = '';
+    urlInput.value = '';
+    if (isAdultInput) isAdultInput.checked = false;
+    document.getElementById('addCustomApiForm').classList.add('hidden');
+    
+    showToast('已添加自定义API: ' + name, 'success');
+}
+
+// 移除自定义API
+function removeCustomApi(index) {
+    if (index < 0 || index >= customAPIs.length) return;
+    
+    const apiName = customAPIs[index].name;
+    
+    // 从列表中移除API
+    customAPIs.splice(index, 1);
+    localStorage.setItem('customAPIs', JSON.stringify(customAPIs));
+    
+    // 从选中列表中移除此API
+    const customApiId = 'custom_' + index;
+    selectedAPIs = selectedAPIs.filter(id => id !== customApiId);
+    
+    // 更新大于此索引的自定义API索引
+    selectedAPIs = selectedAPIs.map(id => {
+        if (id.startsWith('custom_')) {
+            const currentIndex = parseInt(id.replace('custom_', ''));
+            if (currentIndex > index) {
+                return 'custom_' + (currentIndex - 1);
+            }
+        }
+        return id;
+    });
+    
+    localStorage.setItem('selectedAPIs', JSON.stringify(selectedAPIs));
+    
+    // 重新渲染自定义API列表
+    renderCustomAPIsList();
+    
+    // 更新选中的API数量
+    updateSelectedApiCount();
+    
+    // 重新检查成人API选中状态
+    checkAdultAPIsSelected();
+    
+    showToast('已移除自定义API: ' + apiName, 'info');
+}
+
+// 设置事件监听器
+function setupEventListeners() {
+    // 回车搜索
+    document.getElementById('searchInput').addEventListener('keypress', function(e) {
+        if (e.key === 'Enter') {
+            search();
+        }
+    });
+
+    // 点击外部关闭设置面板
+    document.addEventListener('click', function(e) {
+        const panel = document.getElementById('settingsPanel');
+        const settingsButton = document.querySelector('button[onclick="toggleSettings(event)"]');
+        
+        if (!panel.contains(e.target) && !settingsButton.contains(e.target) && panel.classList.contains('show')) {
+            panel.classList.remove('show');
+        }
+    });
+    
+    // 黄色内容过滤开关事件绑定
+    const yellowFilterToggle = document.getElementById('yellowFilterToggle');
+    if (yellowFilterToggle) {
+        yellowFilterToggle.addEventListener('change', function(e) {
+            localStorage.setItem('yellowFilterEnabled', e.target.checked);
+        });
+    }
+    
+    // 广告过滤开关事件绑定
+    const adFilterToggle = document.getElementById('adFilterToggle');
+    if (adFilterToggle) {
+        adFilterToggle.addEventListener('change', function(e) {
+            localStorage.setItem(PLAYER_CONFIG.adFilteringStorage, e.target.checked);
+        });
+    }
+}
+
+// 重置搜索区域
+function resetSearchArea() {
+    // 清理搜索结果
+    document.getElementById('results').innerHTML = '';
+    document.getElementById('searchInput').value = '';
+    
+    // 恢复搜索区域的样式
+    document.getElementById('searchArea').classList.add('flex-1');
+    document.getElementById('searchArea').classList.remove('mb-8');
+    document.getElementById('resultsArea').classList.add('hidden');
+    
+    // 确保页脚正确显示，移除相对定位
+    const footer = document.querySelector('.footer');
+    if (footer) {
+        footer.style.position = '';
+    }
+}
+
+// 获取自定义API信息
+function getCustomApiInfo(customApiIndex) {
+    const index = parseInt(customApiIndex);
+    if (isNaN(index) || index < 0 || index >= customAPIs.length) {
+        return null;
+    }
+    return customAPIs[index];
+}
+
+// 搜索功能 - 修改为支持多选API
+async function search() {
+    const query = document.getElementById('searchInput').value.trim();
+    
+    if (!query) {
+        showToast('请输入搜索内容', 'info');
+        return;
+    }
+    
+    if (selectedAPIs.length === 0) {
+        showToast('请至少选择一个API源', 'warning');
+        return;
+    }
+    
+    showLoading();
+    
+    try {
+        // 保存搜索历史
+        saveSearchHistory(query);
+        
+        // 从所有选中的API源搜索
+        let allResults = [];
+        const searchPromises = selectedAPIs.map(async (apiId) => {
+            try {
+                let apiUrl, apiName;
+                
+                // 处理自定义API
+                if (apiId.startsWith('custom_')) {
+                    const customIndex = apiId.replace('custom_', '');
+                    const customApi = getCustomApiInfo(customIndex);
+                    if (!customApi) return [];
+                    
+                    apiUrl = customApi.url + API_CONFIG.search.path + encodeURIComponent(query);
+                    apiName = customApi.name;
+                } else {
+                    // 内置API
+                    if (!API_SITES[apiId]) return [];
+                    apiUrl = API_SITES[apiId].api + API_CONFIG.search.path + encodeURIComponent(query);
+                    apiName = API_SITES[apiId].name;
+                }
+                
+                // 添加超时处理
+                const controller = new AbortController();
+                const timeoutId = setTimeout(() => controller.abort(), 8000);
+                
+                const response = await fetch(PROXY_URL + encodeURIComponent(apiUrl), {
+                    headers: API_CONFIG.search.headers,
+                    signal: controller.signal
+                });
+                
+                clearTimeout(timeoutId);
+                
+                if (!response.ok) {
+                    return [];
+                }
+                
+                const data = await response.json();
+                
+                if (!data || !data.list || !Array.isArray(data.list) || data.list.length === 0) {
+                    return [];
+                }
+                
+                // 添加源信息到每个结果
+                const results = data.list.map(item => ({
+                    ...item,
+                    source_name: apiName,
+                    source_code: apiId,
+                    api_url: apiId.startsWith('custom_') ? getCustomApiInfo(apiId.replace('custom_', ''))?.url : undefined
+                }));
+                
+                return results;
+            } catch (error) {
+                console.warn(`API ${apiId} 搜索失败:`, error);
+                return [];
+            }
+        });
+        
+        // 等待所有搜索请求完成
+        const resultsArray = await Promise.all(searchPromises);
+        
+        // 合并所有结果
+        resultsArray.forEach(results => {
+            if (Array.isArray(results) && results.length > 0) {
+                allResults = allResults.concat(results);
+            }
+        });
+        
+        // 显示结果区域，调整搜索区域
+        document.getElementById('searchArea').classList.remove('flex-1');
+        document.getElementById('searchArea').classList.add('mb-8');
+        document.getElementById('resultsArea').classList.remove('hidden');
+        
+        const resultsDiv = document.getElementById('results');
+        
+        // 如果没有结果
+        if (!allResults || allResults.length === 0) {
+            resultsDiv.innerHTML = `
+                <div class="col-span-full text-center py-16">
+                    <svg class="mx-auto h-12 w-12 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+                              d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                    </svg>
+                    <h3 class="mt-2 text-lg font-medium text-gray-400">没有找到匹配的结果</h3>
+                    <p class="mt-1 text-sm text-gray-500">请尝试其他关键词或更换数据源</p>
+                </div>
+            `;
+            hideLoading();
+            return;
+        }
+
+        // 处理搜索结果过滤：如果启用了黄���内容过滤，则过滤掉分类含有敏感内容的项目
+        const yellowFilterEnabled = localStorage.getItem('yellowFilterEnabled') === 'true';
+        if (yellowFilterEnabled) {
+            const banned = ['伦理片','门事件','萝莉少女','制服诱惑','国产传媒','cosplay','黑丝诱惑','无码','日本无码','有码','日本有码','SWAG','网红主播', '色情片','同性片','福利视频','福利片'];
+            allResults = allResults.filter(item => {
+                const typeName = item.type_name || '';
+                return !banned.some(keyword => typeName.includes(keyword));
+            });
+        }
+
+        // 添加XSS保护，使用textContent和属性转义
+        resultsDiv.innerHTML = allResults.map(item => {
+            // ...existing code for rendering results...
+            const safeId = item.vod_id ? item.vod_id.toString().replace(/[^\w-]/g, '') : '';
+            const safeName = (item.vod_name || '').toString()
+                .replace(/</g, '&lt;')
+                .replace(/>/g, '&gt;')
+                .replace(/"/g, '&quot;');
+            const sourceInfo = item.source_name ? 
+                `<span class="bg-[#222] text-xs px-2 py-1 rounded-full">${item.source_name}</span>` : '';
+            const sourceCode = item.source_code || '';
+            
+            // 添加API URL属性，用于详情获取
+            const apiUrlAttr = item.api_url ? 
+                `data-api-url="${item.api_url.replace(/"/g, '&quot;')}"` : '';
+            
+            // 重新设计的卡片布局 - 支持更好的封面图显示
+            const hasCover = item.vod_pic && item.vod_pic.startsWith('http');
+            
+            return `
+                <div class="card-hover bg-[#111] rounded-lg overflow-hidden cursor-pointer transition-all hover:scale-[1.02] h-full" 
+                     onclick="showDetails('${safeId}','${safeName}','${sourceCode}')" ${apiUrlAttr}>
+                    <div class="md:flex">
+                        ${hasCover ? `
+                        <div class="md:w-1/4 relative overflow-hidden">
+                            <div class="w-full h-40 md:h-full">
+                                <img src="${item.vod_pic}" alt="${safeName}" 
+                                     class="w-full h-full object-cover transition-transform hover:scale-110" 
+                                     onerror="this.onerror=null; this.src='https://via.placeholder.com/300x450?text=无封面'; this.classList.add('object-contain');" 
+                                     loading="lazy">
+                                <div class="absolute inset-0 bg-gradient-to-t from-[#111] to-transparent opacity-60"></div>
+                            </div>
+                        </div>` : ''}
+                        
+                        <div class="p-3 flex flex-col flex-grow ${hasCover ? 'md:w-3/4' : 'w-full'}">
+                            <div class="flex-grow">
+                                <h3 class="text-lg font-semibold mb-2 break-words">${safeName}</h3>
+                                
+                                <div class="flex flex-wrap gap-1 mb-2">
+                                    ${(item.type_name || '').toString().replace(/</g, '&lt;') ? 
+                                      `<span class="text-xs py-0.5 px-1.5 rounded bg-opacity-20 bg-blue-500 text-blue-300">
+                                          ${(item.type_name || '').toString().replace(/</g, '&lt;')}
+                                      </span>` : ''}
+                                    ${(item.vod_year || '') ? 
+                                      `<span class="text-xs py-0.5 px-1.5 rounded bg-opacity-20 bg-purple-500 text-purple-300">
+                                          ${item.vod_year}
+                                      </span>` : ''}
+                                </div>
+                                <p class="text-gray-400 text-xs h-9 overflow-hidden">
+                                    ${(item.vod_remarks || '暂无介绍').toString().replace(/</g, '&lt;')}
+                                </p>
+                            </div>
+                            
+                            <div class="flex justify-between items-center mt-2 pt-2 border-t border-gray-800">
+                                ${sourceInfo ? `<div>${sourceInfo}</div>` : '<div></div>'}
+                                <div>
+                                    <span class="text-xs text-gray-500 flex items-center">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                                        </svg>
+                                        点击播放
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            `;
+        }).join('');
+    } catch (error) {
+        console.error('搜索错误:', error);
+        if (error.name === 'AbortError') {
+            showToast('搜索请求超时，请检查网络连接', 'error');
+        } else {
+            showToast('搜索请求失败，请稍后重试', 'error');
+        }
+    } finally {
+        hideLoading();
+    }
+}
+
+// 显示详情 - 修改为支持自定义API
+async function showDetails(id, vod_name, sourceCode) {
+    if (!id) {
+        showToast('视频ID无效', 'error');
+        return;
+    }
+    
+    showLoading();
+    try {
+        // 构建API参数
+        let apiParams = '';
+        
+        // 处理自定义API源
+        if (sourceCode.startsWith('custom_')) {
+            const customIndex = sourceCode.replace('custom_', '');
+            const customApi = getCustomApiInfo(customIndex);
+            if (!customApi) {
+                showToast('自定义API配置无效', 'error');
+                hideLoading();
+                return;
+            }
+            
+            apiParams = '&customApi=' + encodeURIComponent(customApi.url) + '&source=custom';
+        } else {
+            // 内置API
+            apiParams = '&source=' + sourceCode;
+        }
+        
+        const response = await fetch('/api/detail?id=' + encodeURIComponent(id) + apiParams);
+        
+        const data = await response.json();
+        
+        // ...existing code for showing details...
+        const modal = document.getElementById('modal');
+        const modalTitle = document.getElementById('modalTitle');
+        const modalContent = document.getElementById('modalContent');
+        
+        // 显示来源信息
+        const sourceName = data.videoInfo && data.videoInfo.source_name ? 
+            ` <span class="text-sm font-normal text-gray-400">(${data.videoInfo.source_name})</span>` : '';
+        
+        // 不对标题进行截断处理，允许完整显示
+        modalTitle.innerHTML = `<span class="break-words">${vod_name || '未知视频'}</span>${sourceName}`;
+        currentVideoTitle = vod_name || '未知视频';
+        
+        if (data.episodes && data.episodes.length > 0) {
+            // 安全处理集数URL
+            const safeEpisodes = data.episodes.map(url => {
+                try {
+                    // 确保URL是有效的并且是http或https开头
+                    return url && (url.startsWith('http://') || url.startsWith('https://'))
+                        ? url.replace(/"/g, '&quot;')
+                        : '';
+                } catch (e) {
+                    return '';
+                }
+            }).filter(url => url); // 过滤掉空URL
+            
+            // 保存当前视频的所有集数
+            currentEpisodes = safeEpisodes;
+            episodesReversed = false; // 默认正序
+            modalContent.innerHTML = `
+                <div class="flex justify-end mb-2">
+                    <button onclick="toggleEpisodeOrder()" class="px-4 py-2 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white font-semibold rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex items-center justify-center space-x-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                            <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z" clip-rule="evenodd" />
+                        </svg>
+                        <span>倒序排列</span>
+                    </button>
+                </div>
+                <div id="episodesGrid" class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-2">
+                    ${renderEpisodes(vod_name)}
+                </div>
+            `;
+        } else {
+            modalContent.innerHTML = '<p class="text-center text-gray-400 py-8">没有找到可播放的视频</p>';
+        }
+        
+        modal.classList.remove('hidden');
+    } catch (error) {
+        console.error('获取详情错误:', error);
+        showToast('获取详情失败，请稍后重试', 'error');
+    } finally {
+        hideLoading();
+    }
+}
+
+// 更新播放视频函数，修改为在新标签页中打开播放页面
+function playVideo(url, vod_name, episodeIndex = 0) {
+    if (!url) {
+        showToast('无效的视频链接', 'error');
+        return;
+    }
+    
+    // 保存当前状态到localStorage，让播放页面可以获取
+    localStorage.setItem('currentVideoTitle', currentVideoTitle);
+    localStorage.setItem('currentEpisodeIndex', episodeIndex);
+    localStorage.setItem('currentEpisodes', JSON.stringify(currentEpisodes));
+    localStorage.setItem('episodesReversed', episodesReversed);
+    
+    // 构建播放页面URL，传递必要参数
+    const playerUrl = `player.html?url=${encodeURIComponent(url)}&title=${encodeURIComponent(vod_name)}&index=${episodeIndex}`;
+    
+    // 在新标签页中打开播放页面
+    window.open(playerUrl, '_blank');
+}
+
+// 播放上一集
+function playPreviousEpisode() {
+    if (currentEpisodeIndex > 0) {
+        const prevIndex = currentEpisodeIndex - 1;
+        const prevUrl = currentEpisodes[prevIndex];
+        playVideo(prevUrl, currentVideoTitle, prevIndex);
+    }
+}
+
+// 播放下一集
+function playNextEpisode() {
+    if (currentEpisodeIndex < currentEpisodes.length - 1) {
+        const nextIndex = currentEpisodeIndex + 1;
+        const nextUrl = currentEpisodes[nextIndex];
+        playVideo(nextUrl, currentVideoTitle, nextIndex);
+    }
+}
+
+// 处理播放器加载错误
+function handlePlayerError() {
+    hideLoading();
+    showToast('视频播放加载失败，请尝试其他视频源', 'error');
+}
+
+// 辅助函数用于渲染剧集按钮（使用当前的排序状态）
+function renderEpisodes(vodName) {
+    const episodes = episodesReversed ? [...currentEpisodes].reverse() : currentEpisodes;
+    return episodes.map((episode, index) => {
+        // 根据倒序状态计算真实的剧集索引
+        const realIndex = episodesReversed ? currentEpisodes.length - 1 - index : index;
+        return `
+            <button id="episode-${realIndex}" onclick="playVideo('${episode}','${vodName.replace(/"/g, '&quot;')}', ${realIndex})" 
+                    class="px-4 py-2 bg-[#222] hover:bg-[#333] border border-[#333] rounded-lg transition-colors text-center episode-btn">
+                第${realIndex + 1}集
+            </button>
+        `;
+    }).join('');
+}
+
+// 切换排序状态的函数
+function toggleEpisodeOrder() {
+    episodesReversed = !episodesReversed;
+    // 重新渲染剧集区域，使用 currentVideoTitle 作为视频标题
+    const episodesGrid = document.getElementById('episodesGrid');
+    if (episodesGrid) {
+        episodesGrid.innerHTML = renderEpisodes(currentVideoTitle);
+    }
+    
+    // 更新按钮文本和箭头方向
+    const toggleBtn = document.querySelector('button[onclick="toggleEpisodeOrder()"]');
+    if (toggleBtn) {
+        toggleBtn.querySelector('span').textContent = episodesReversed ? '正序排列' : '倒序排列';
+        const arrowIcon = toggleBtn.querySelector('svg');
+        if (arrowIcon) {
+            arrowIcon.style.transform = episodesReversed ? 'rotate(180deg)' : 'rotate(0deg)';
+        }
+    }
+}

js/config.js

@@ -0,0 +1,195 @@
+// 全局常量配置
+
+const PROXY_URL = 'https://cors.zme.ink/';
+const HOPLAYER_URL = 'https://hoplayer.com/index.html';
+const SEARCH_HISTORY_KEY = 'videoSearchHistory';
+const MAX_HISTORY_ITEMS = 5;
+
+// 网站信息配置
+const SITE_CONFIG = {
+    name: 'LibreTV',
+    url: 'https://libretv.is-an.org',
+    description: '免费在线视频搜索与观看平台',
+    logo: 'https://images.icon-icons.com/38/PNG/512/retrotv_5520.png',
+    version: '1.0.0'
+};
+
+// API站点配置
+const API_SITES = {
+    heimuer: {
+        api: 'https://json.heimuer.xyz',
+        name: '黑木耳',
+        detail: 'https://heimuer.tv'
+    },
+    ffzy: {
+        api: 'http://ffzy5.tv',
+        name: '非凡影视',
+        detail: 'http://ffzy5.tv'
+    },
+    tyyszy: {
+        api: 'https://tyyszy.com',
+        name: '天涯资源',
+    },
+    ckzy: {
+        api: 'https://www.ckzy1.com',
+        name: 'CK资源',
+        adult: true
+    },
+    zy360: {
+        api: 'https://360zy.com',
+        name: '360资源',
+    },
+    wolong: {
+        api: 'https://wolongzyw.com',
+        name: '卧龙资源',
+    },
+    cjhw: {
+        api: 'https://cjhwba.com',
+        name: '新华为',
+    },
+    jisu: {
+        api: 'https://jszyapi.com',
+        name: '极速资源',
+        detail: 'https://jszyapi.com'
+    },
+    dbzy: {
+        api: 'https://dbzy.com',
+        name: '豆瓣资源',
+    },
+    bfzy: {
+        api: 'https://bfzyapi.com',
+        name: '暴风资源',
+    },
+    mozhua: {
+        api: 'https://mozhuazy.com',
+        name: '魔爪资源',
+    },
+    mdzy: {
+        api: 'https://www.mdzyapi.com',
+        name: '魔都资源',
+    },
+    ruyi: {
+        api: 'https://cj.rycjapi.com',
+        name: '如意资源',
+    },
+    
+    jkun: {
+        api: 'https://jkunzyapi.com',
+        name: 'jkun资源',
+        adult: true
+    },
+    bwzy: {
+        api: 'https://api.bwzym3u8.com',
+        name: '百万资源',
+        adult: true
+    },
+    souav: {
+        api: 'https://api.souavzy.vip',
+        name: 'souav资源',
+        adult: true
+    },
+    siwa: {
+        api: 'https://siwazyw.tv',
+        name: '丝袜资源',
+        adult: true
+    },
+    r155: {
+        api: 'https://155api.com',
+        name: '155资源',
+        adult: true
+    },
+    lsb: {
+        api: 'https://apilsbzy1.com',
+        name: 'lsb资源',
+        adult: true
+    },
+    huangcang: {
+        api: 'https://hsckzy.vip',
+        name: '黄色仓库',
+        adult: true,
+        detail: 'https://hsckzy.vip' // 添加detail URL以便特殊处理
+    }
+};
+
+// 添加聚合搜索的配置选项
+const AGGREGATED_SEARCH_CONFIG = {
+    enabled: true,             // 是否启用聚合搜索
+    timeout: 8000,            // 单个源超时时间（毫秒）
+    maxResults: 10000,          // 最大结果数量
+    parallelRequests: true,   // 是否并行请求所有源
+    showSourceBadges: true    // 是否显示来源徽章
+};
+
+// 抽象API请求配置
+const API_CONFIG = {
+    search: {
+        // 修改搜索接口为返回更多详细数据（包括视频封面、简介和播放列表）
+        path: '/api.php/provide/vod/?ac=videolist&wd=',
+        headers: {
+            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36',
+            'Accept': 'application/json'
+        }
+    },
+    detail: {
+        // 修改详情接口也使用videolist接口，但是通过ID查询，减少请求次数
+        path: '/api.php/provide/vod/?ac=videolist&ids=',
+        headers: {
+            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36',
+            'Accept': 'application/json'
+        }
+    }
+};
+
+// 优化后的正则表达式模式
+const M3U8_PATTERN = /\$https?:\/\/[^"'\s]+?\.m3u8/g;
+
+// 添加自定义播放器URL
+const CUSTOM_PLAYER_URL = 'player.html'; // 使用相对路径引用本地player.html
+
+// 增加视频播放相关配置
+const PLAYER_CONFIG = {
+    autoplay: true,
+    allowFullscreen: true,
+    width: '100%',
+    height: '600',
+    timeout: 15000,  // 播放器加载超时时间
+    filterAds: true,  // 是否启用广告过滤
+    autoPlayNext: true,  // 默认启用自动连播功能
+    adFilteringEnabled: true, // 默认开启分片广告过滤
+    adFilteringStorage: 'adFilteringEnabled' // 存储广告过滤设置的键名
+};
+
+// 增加错误信息本地化
+const ERROR_MESSAGES = {
+    NETWORK_ERROR: '网络连接错误，请检查网络设置',
+    TIMEOUT_ERROR: '请求超时，服务器响应时间过长',
+    API_ERROR: 'API接口返回错误，请尝试更换数据源',
+    PLAYER_ERROR: '播放器加载失败，请尝试其他视频源',
+    UNKNOWN_ERROR: '发生未知错误，请刷新页面重试'
+};
+
+// 添加进一步安全设置
+const SECURITY_CONFIG = {
+    enableXSSProtection: true,  // 是否启用XSS��护
+    sanitizeUrls: true,         // 是否清理URL
+    maxQueryLength: 100,        // 最大搜索长度
+    allowedApiDomains: [        // 允许的API域名
+        'heimuer.xyz',
+        'ffzy5.tv'
+    ]
+};
+
+// 添加多个自定义API源的配置
+const CUSTOM_API_CONFIG = {
+    separator: ',',           // 分隔符
+    maxSources: 5,            // 最大允许的自定义源数量
+    testTimeout: 5000,        // 测试超时时间(毫秒)
+    namePrefix: 'Custom-',    // 自定义源名称前缀
+    validateUrl: true,        // 验证URL格式
+    cacheResults: true,       // 缓存测试结果
+    cacheExpiry: 5184000000,  // 缓存过期时间(2个月)
+    adultPropName: 'isAdult'  // 用于标记成人内容的属性名
+};
+
+// 新增隐藏内置黄色采集站API的变量，默认为true
+const HIDE_BUILTIN_ADULT_APIS = true;

js/ui.js

@@ -0,0 +1,234 @@
+// UI相关函数
+function toggleSettings(e) {
+    // 阻止事件冒泡，防止触发document的点击事件
+    e && e.stopPropagation();
+    const panel = document.getElementById('settingsPanel');
+    panel.classList.toggle('show');
+}
+
+// 改进的Toast显示函数 - 支持队列显示多个Toast
+const toastQueue = [];
+let isShowingToast = false;
+
+function showToast(message, type = 'error') {
+    // 将新的toast添加到队列
+    toastQueue.push({ message, type });
+    
+    // 如果当前没有显示中的toast，则开始显示
+    if (!isShowingToast) {
+        showNextToast();
+    }
+}
+
+function showNextToast() {
+    if (toastQueue.length === 0) {
+        isShowingToast = false;
+        return;
+    }
+    
+    isShowingToast = true;
+    const { message, type } = toastQueue.shift();
+    
+    const toast = document.getElementById('toast');
+    const toastMessage = document.getElementById('toastMessage');
+    
+    const bgColors = {
+        'error': 'bg-red-500',
+        'success': 'bg-green-500',
+        'info': 'bg-blue-500',
+        'warning': 'bg-yellow-500'
+    };
+    
+    const bgColor = bgColors[type] || bgColors.error;
+    toast.className = `fixed top-4 left-1/2 -translate-x-1/2 px-6 py-3 rounded-lg shadow-lg transform transition-all duration-300 ${bgColor} text-white`;
+    toastMessage.textContent = message;
+    
+    // 显示提示
+    toast.style.opacity = '1';
+    toast.style.transform = 'translateX(-50%) translateY(0)';
+    
+    // 3秒后自动隐藏
+    setTimeout(() => {
+        toast.style.opacity = '0';
+        toast.style.transform = 'translateX(-50%) translateY(-100%)';
+        
+        // 等待动画完成后显示下一个toast
+        setTimeout(() => {
+            showNextToast();
+        }, 300);
+    }, 3000);
+}
+
+// 添加显示/隐藏 loading 的函数
+let loadingTimeoutId = null;
+
+function showLoading(message = '加载中...') {
+    // 清除任何现有的超时
+    if (loadingTimeoutId) {
+        clearTimeout(loadingTimeoutId);
+    }
+    
+    const loading = document.getElementById('loading');
+    const messageEl = loading.querySelector('p');
+    messageEl.textContent = message;
+    loading.style.display = 'flex';
+    
+    // 设置30秒后自动关闭loading，防止无限loading
+    loadingTimeoutId = setTimeout(() => {
+        hideLoading();
+        showToast('操作超时，请稍后重试', 'warning');
+    }, 30000);
+}
+
+function hideLoading() {
+    // 清除超时
+    if (loadingTimeoutId) {
+        clearTimeout(loadingTimeoutId);
+        loadingTimeoutId = null;
+    }
+    
+    const loading = document.getElementById('loading');
+    loading.style.display = 'none';
+}
+
+function updateSiteStatus(isAvailable) {
+    const statusEl = document.getElementById('siteStatus');
+    if (isAvailable) {
+        statusEl.innerHTML = '<span class="text-green-500">●</span> 可用';
+    } else {
+        statusEl.innerHTML = '<span class="text-red-500">●</span> 不可用';
+    }
+}
+
+function closeModal() {
+    document.getElementById('modal').classList.add('hidden');
+    // 清除 iframe 内容
+    document.getElementById('modalContent').innerHTML = '';
+}
+
+// 获取搜索历史的增强版本 - 支持新旧格式
+function getSearchHistory() {
+    try {
+        const data = localStorage.getItem(SEARCH_HISTORY_KEY);
+        if (!data) return [];
+        
+        const parsed = JSON.parse(data);
+        
+        // 检查是否是数组
+        if (!Array.isArray(parsed)) return [];
+        
+        // 支持旧格式（字符串数组）和新格式（对象数组）
+        return parsed.map(item => {
+            if (typeof item === 'string') {
+                return { text: item, timestamp: 0 };
+            }
+            return item;
+        }).filter(item => item && item.text);
+    } catch (e) {
+        console.error('获取搜索历史出错:', e);
+        return [];
+    }
+}
+
+// 保存搜索历史的增强版本 - 添加时间戳和最大数量限制，现在缓存2个月
+function saveSearchHistory(query) {
+    if (!query || !query.trim()) return;
+    
+    // 清理输入，防止XSS
+    query = query.trim().substring(0, 50).replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    
+    let history = getSearchHistory();
+    
+    // 获取当前时间
+    const now = Date.now();
+    
+    // 过滤掉超过2个月的记录（约60天，60*24*60*60*1000 = 5184000000毫秒）
+    history = history.filter(item => 
+        typeof item === 'object' && item.timestamp && (now - item.timestamp < 5184000000)
+    );
+    
+    // 删除已存在的相同项
+    history = history.filter(item => 
+        typeof item === 'object' ? item.text !== query : item !== query
+    );
+    
+    // 新项添加到开头，包含时间戳
+    history.unshift({
+        text: query,
+        timestamp: now
+    });
+    
+    // 限制历史记录数量
+    if (history.length > MAX_HISTORY_ITEMS) {
+        history = history.slice(0, MAX_HISTORY_ITEMS);
+    }
+    
+    try {
+        localStorage.setItem(SEARCH_HISTORY_KEY, JSON.stringify(history));
+    } catch (e) {
+        console.error('保存搜索历史失败:', e);
+        // 如果存储失败（可能是localStorage已满），尝试清理旧数据
+        try {
+            localStorage.removeItem(SEARCH_HISTORY_KEY);
+            localStorage.setItem(SEARCH_HISTORY_KEY, JSON.stringify(history.slice(0, 3)));
+        } catch (e2) {
+            console.error('再次保存搜索历史失败:', e2);
+        }
+    }
+    
+    renderSearchHistory();
+}
+
+// 渲染最近搜索历史的增强版本
+function renderSearchHistory() {
+    const historyContainer = document.getElementById('recentSearches');
+    if (!historyContainer) return;
+    
+    const history = getSearchHistory();
+    
+    if (history.length === 0) {
+        historyContainer.innerHTML = '';
+        return;
+    }
+    
+    // 创建一个包含标题和清除按钮的行
+    historyContainer.innerHTML = `
+        <div class="flex justify-between items-center w-full mb-2">
+            <div class="text-gray-500">最近搜索:</div>
+            <button id="clearHistoryBtn" class="text-gray-500 hover:text-white transition-colors" 
+                    onclick="clearSearchHistory()" aria-label="清除搜索历史">
+                清除搜索历史
+            </button>
+        </div>
+    `;
+    
+    history.forEach(item => {
+        const tag = document.createElement('button');
+        tag.className = 'search-tag';
+        tag.textContent = item.text;
+        
+        // 添加时间提示（如果有时间戳）
+        if (item.timestamp) {
+            const date = new Date(item.timestamp);
+            tag.title = `搜索于: ${date.toLocaleString()}`;
+        }
+        
+        tag.onclick = function() {
+            document.getElementById('searchInput').value = item.text;
+            search();
+        };
+        historyContainer.appendChild(tag);
+    });
+}
+
+// 增加清除搜索历史功能
+function clearSearchHistory() {
+    try {
+        localStorage.removeItem(SEARCH_HISTORY_KEY);
+        renderSearchHistory();
+        showToast('搜索历史已清除', 'success');
+    } catch (e) {
+        console.error('清除搜索历史失败:', e);
+        showToast('清除搜索历史失败', 'error');
+    }
+}

player.html

@@ -0,0 +1,947 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LibreTV 播放器</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="css/styles.css">
+    <style>
+        body, html {
+            margin: 0;
+            padding: 0;
+            width: 100%;
+            height: 100%;
+            background-color: #0f1622;
+            color: white;
+        }
+        .player-container {
+            width: 100%;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+        #player {
+            width: 100%;
+            height: 60vh; /* 视频播放器高度 */
+        }
+        .loading-container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            z-index: 100;
+            flex-direction: column;
+        }
+        .loading-spinner {
+            width: 50px;
+            height: 50px;
+            border: 4px solid rgba(255, 255, 255, 0.3);
+            border-radius: 50%;
+            border-top-color: white;
+            animation: spin 1s ease-in-out infinite;
+            margin-bottom: 10px;
+        }
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+        .error-container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            z-index: 100;
+            flex-direction: column;
+            text-align: center;
+            padding: 1rem;
+        }
+        .error-icon {
+            font-size: 48px;
+            margin-bottom: 10px;
+        }
+        .episode-active {
+            background-color: #3b82f6 !important;
+            border-color: #60a5fa !important;
+        }
+        .episode-grid {
+            max-height: 30vh;
+            overflow-y: auto;
+            padding: 1rem 0;
+        }
+        .switch {
+            position: relative;
+            display: inline-block;
+            width: 46px;
+            height: 24px;
+        }
+        .switch input {
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #333;
+            transition: .4s;
+            border-radius: 24px;
+        }
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 18px;
+            width: 18px;
+            left: 3px;
+            bottom: 3px;
+            background-color: white;
+            transition: .4s;
+            border-radius: 50%;
+        }
+        input:checked + .slider {
+            background-color: #00ccff;
+        }
+        input:checked + .slider:before {
+            transform: translateX(22px);
+        }
+        /* 添加快捷键提示样式 */
+        .shortcut-hint {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background-color: rgba(0, 0, 0, 0.8);
+            color: white;
+            padding: 1rem 2rem;
+            border-radius: 0.5rem;
+            font-size: 1.5rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            z-index: 1000;
+            opacity: 0;
+            transition: opacity 0.3s ease;
+        }
+        .shortcut-hint.show {
+            opacity: 1;
+        }
+    </style>
+</head>
+<body>
+    <header class="bg-[#111] p-4 flex justify-between items-center border-b border-[#333]">
+        <div class="flex items-center">
+            <a href="index.html" class="flex items-center">
+                <svg class="w-8 h-8 mr-2 text-[#00ccff]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+                </svg>
+                <h1 class="text-xl font-bold gradient-text">LibreTV</h1>
+            </a>
+        </div>
+        <h2 id="videoTitle" class="text-xl font-semibold truncate flex-1 text-center"></h2>
+        <a href="index.html" class="px-4 py-2 bg-[#222] hover:bg-[#333] border border-[#333] rounded-lg transition-colors">
+            返回首页
+        </a>
+    </header>
+
+    <main class="container mx-auto px-4 py-4">
+        <!-- 视频播放区 -->
+        <div class="player-container">
+            <div class="relative">
+                <div id="player"></div>
+                <div class="loading-container" id="loading">
+                    <div class="loading-spinner"></div>
+                    <div>正在加载视频...</div>
+                </div>
+                <div class="error-container" id="error">
+                    <div class="error-icon">⚠️</div>
+                    <div id="error-message">视频加载失败</div>
+                    <div style="margin-top: 10px; font-size: 14px; color: #aaa;">请尝试其他视频源或稍后重试</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 集数导航 -->
+        <div class="player-container">
+            <div class="flex justify-between items-center my-4">
+                <button onclick="playPreviousEpisode()" id="prevButton" class="px-4 py-2 bg-[#222] hover:bg-[#333] border border-[#333] rounded-lg transition-colors">
+                    <svg class="w-5 h-5 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
+                    </svg>
+                    上一集
+                </button>
+                <span class="text-gray-400" id="episodeInfo">加载中...</span>
+                <button onclick="playNextEpisode()" id="nextButton" class="px-4 py-2 bg-[#222] hover:bg-[#333] border border-[#333] rounded-lg transition-colors">
+                    下一集
+                    <svg class="w-5 h-5 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
+                    </svg>
+                </button>
+            </div>
+        </div>
+
+        <!-- 添加自动播放开关和排序按钮 -->
+        <div class="player-container">
+            <div class="flex justify-end items-center mb-4 gap-2">
+                <span class="text-gray-400 text-sm">自动连播</span>
+                <label class="switch">
+                    <input type="checkbox" id="autoplayToggle">
+                    <span class="slider"></span>
+                </label>
+                <button onclick="toggleEpisodeOrder()" class="ml-4 px-4 py-2 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white font-semibold rounded-full shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center space-x-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" id="orderIcon" viewBox="0 0 20 20" fill="currentColor">
+                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z" clip-rule="evenodd" />
+                    </svg>
+                    <span id="orderText">倒序排列</span>
+                </button>
+            </div>
+        </div>
+
+        <!-- 集数网格 -->
+        <div class="player-container">
+            <div class="episode-grid" id="episodesGrid">
+                <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-2" id="episodesList">
+                    <!-- 集数将在这里动态加载 -->
+                    <div class="col-span-full text-center text-gray-400 py-8">加载中...</div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <!-- 添加快捷键提示元素 -->
+    <div class="shortcut-hint" id="shortcutHint">
+        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" id="shortcutIcon">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
+        </svg>
+        <span id="shortcutText"></span>
+    </div>
+
+    <script src="https://s4.zstatic.net/ajax/libs/hls.js/1.5.6/hls.min.js" integrity="sha256-X1GmLMzVcTBRiGjEau+gxGpjRK96atNczcLBg5w6hKA=" crossorigin="anonymous"></script>
+    <script src="https://s4.zstatic.net/ajax/libs/dplayer/1.26.0/DPlayer.min.js" integrity="sha256-OJg03lDZP0NAcl3waC9OT5jEa8XZ8SM2n081Ik953o4=" crossorigin="anonymous"></script>
+    <script src="js/config.js"></script>
+    <script>
+        // 全局变量
+        let currentVideoTitle = '';
+        let currentEpisodeIndex = 0;
+        let currentEpisodes = [];
+        let episodesReversed = false;
+        let dp = null;
+        let currentHls = null; // 跟踪当前HLS实例
+        let autoplayEnabled = true; // 默认开启自动连播
+        let isUserSeeking = false; // 跟踪用户是否正在拖动进度条
+        let videoHasEnded = false; // 跟踪视频是否已经自然结束
+        let userClickedPosition = null; // 记录用户点击的位置
+        let shortcutHintTimeout = null; // 用于控制快捷键提示显示时间
+        let adFilteringEnabled = true; // 默认开启广告过滤
+
+        // 页面加载
+        document.addEventListener('DOMContentLoaded', function() {
+            // 解析URL参数
+            const urlParams = new URLSearchParams(window.location.search);
+            const videoUrl = urlParams.get('url');
+            const title = urlParams.get('title');
+            const index = parseInt(urlParams.get('index') || '0');
+
+            // 从localStorage获取数据
+            currentVideoTitle = title || localStorage.getItem('currentVideoTitle') || '未知视频';
+            currentEpisodeIndex = index;
+            
+            // 设置自动连播开关状态
+            autoplayEnabled = localStorage.getItem('autoplayEnabled') !== 'false'; // 默认为true
+            document.getElementById('autoplayToggle').checked = autoplayEnabled;
+            
+            // 获取广告过滤设置
+            adFilteringEnabled = localStorage.getItem(PLAYER_CONFIG.adFilteringStorage) !== 'false'; // 默认为true
+            
+            // 监听自动连播开关变化
+            document.getElementById('autoplayToggle').addEventListener('change', function(e) {
+                autoplayEnabled = e.target.checked;
+                localStorage.setItem('autoplayEnabled', autoplayEnabled);
+            });
+            
+            try {
+                currentEpisodes = JSON.parse(localStorage.getItem('currentEpisodes') || '[]');
+                episodesReversed = localStorage.getItem('episodesReversed') === 'true';
+            } catch (e) {
+                console.error('获取集数信息失败:', e);
+                currentEpisodes = [];
+                episodesReversed = false;
+            }
+
+            // 设置页面标题
+            document.title = currentVideoTitle + ' - LibreTV播放器';
+            document.getElementById('videoTitle').textContent = currentVideoTitle;
+            
+            // 初始化播放器
+            if (videoUrl) {
+                initPlayer(videoUrl);
+            } else {
+                showError('无效的视频链接');
+            }
+
+            // 更新集数信息
+            updateEpisodeInfo();
+            
+            // 渲染集数列表
+            renderEpisodes();
+            
+            // 更新按钮状态
+            updateButtonStates();
+            
+            // 更新排序按钮状态
+            updateOrderButton();
+
+            // 添加对进度条的监听，确保点击准确跳转
+            setTimeout(() => {
+                setupProgressBarPreciseClicks();
+            }, 1000);
+
+            // 添加键盘快捷键事件监听
+            document.addEventListener('keydown', handleKeyboardShortcuts);
+        });
+
+        // 处理键盘快捷键
+        function handleKeyboardShortcuts(e) {
+            // 忽略输入框中的按键事件
+            if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
+
+            // Alt + 左箭头 = 上一集
+            if (e.altKey && e.key === 'ArrowLeft') {
+                if (currentEpisodeIndex > 0) {
+                    playPreviousEpisode();
+                    showShortcutHint('上一集', 'left');
+                    e.preventDefault();
+                }
+            }
+            
+            // Alt + 右箭头 = 下一集
+            if (e.altKey && e.key === 'ArrowRight') {
+                if (currentEpisodeIndex < currentEpisodes.length - 1) {
+                    playNextEpisode();
+                    showShortcutHint('下一集', 'right');
+                    e.preventDefault();
+                }
+            }
+        }
+
+        // 显示快捷键提示
+        function showShortcutHint(text, direction) {
+            const hintElement = document.getElementById('shortcutHint');
+            const textElement = document.getElementById('shortcutText');
+            const iconElement = document.getElementById('shortcutIcon');
+            
+            // 清除之前的超时
+            if (shortcutHintTimeout) {
+                clearTimeout(shortcutHintTimeout);
+            }
+            
+            // 设置文本和图标方向
+            textElement.textContent = text;
+            
+            if (direction === 'left') {
+                iconElement.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>';
+            } else {
+                iconElement.innerHTML = '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>';
+            }
+            
+            // 显示提示
+            hintElement.classList.add('show');
+            
+            // 两秒后隐藏
+            shortcutHintTimeout = setTimeout(() => {
+                hintElement.classList.remove('show');
+            }, 2000);
+        }
+
+        // 初始化播放器
+        function initPlayer(videoUrl) {
+            if (!videoUrl) return;
+
+            // 配置HLS.js选项
+            const hlsConfig = {
+                debug: false,
+                loader: adFilteringEnabled ? CustomHlsJsLoader : Hls.DefaultConfig.loader,
+                enableWorker: true,
+                lowLatencyMode: false,
+                backBufferLength: 90,
+                maxBufferLength: 30,
+                maxMaxBufferLength: 60,
+                maxBufferSize: 30 * 1000 * 1000,
+                maxBufferHole: 0.5,
+                fragLoadingMaxRetry: 6,
+                fragLoadingMaxRetryTimeout: 64000,
+                fragLoadingRetryDelay: 1000,
+                manifestLoadingMaxRetry: 3,
+                manifestLoadingRetryDelay: 1000,
+                levelLoadingMaxRetry: 4,
+                levelLoadingRetryDelay: 1000,
+                startLevel: -1,
+                abrEwmaDefaultEstimate: 500000,
+                abrBandWidthFactor: 0.95,
+                abrBandWidthUpFactor: 0.7,
+                abrMaxWithRealBitrate: true,
+                stretchShortVideoTrack: true,
+                appendErrorMaxRetry: 5,  // 增加尝试次数
+                liveSyncDurationCount: 3,
+                liveDurationInfinity: false
+            };
+            
+            // 创建DPlayer实例
+            dp = new DPlayer({
+                container: document.getElementById('player'),
+                autoplay: true,
+                theme: '#00ccff',
+                preload: 'auto',
+                loop: false,
+                lang: 'zh-cn',
+                hotkey: true,        // 启用键盘控制，包括空格暂停/播放、方向键控制进度和音量
+                mutex: true,
+                volume: 0.7,
+                screenshot: true,                // 启用截图功能
+                preventClickToggle: false,       // 允许点击视频切换播放/暂停
+                airplay: true,                   // 在Safari中启用AirPlay功能
+                chromecast: true,                // 启用Chromecast投屏功能
+                contextmenu: [                   // 自定义右键菜单
+                    {
+                        text: '关于 LibreTV',
+                        link: 'https://github.com/bestzwei/LibreTV'
+                    },
+                    {
+                        text: '问题反馈',
+                        click: (player) => {
+                            window.open('https://github.com/bestzwei/LibreTV/issues', '_blank');
+                        }
+                    }
+                ],
+                video: {
+                    url: videoUrl,
+                    type: 'hls',
+                    pic: 'https://img.picgo.net/2025/04/12/image362e7d38b4af4a74.png', // 设置视频封面图
+                    customType: {
+                        hls: function(video, player) {
+                            // 清理之前的HLS实例
+                            if (currentHls && currentHls.destroy) {
+                                try {
+                                    currentHls.destroy();
+                                } catch (e) {
+                                    console.warn('销毁旧HLS实例出错:', e);
+                                }
+                            }
+                            
+                            // 创建新的HLS实例
+                            const hls = new Hls(hlsConfig);
+                            currentHls = hls;
+                            
+                            // 跟踪是否已经显示错误
+                            let errorDisplayed = false;
+                            // 跟踪是否有错误发生
+                            let errorCount = 0;
+                            // 跟踪视频是否开始播放
+                            let playbackStarted = false;
+                            // 跟踪视频是否出现bufferAppendError
+                            let bufferAppendErrorCount = 0;
+                            
+                            // 监听视频播放事件
+                            video.addEventListener('playing', function() {
+                                playbackStarted = true;
+                                document.getElementById('loading').style.display = 'none';
+                                document.getElementById('error').style.display = 'none';
+                            });
+                            
+                            // 监听视频进度事件
+                            video.addEventListener('timeupdate', function() {
+                                if (video.currentTime > 1) {
+                                    // 视频进度超过1秒，隐藏错误（如果存在）
+                                    document.getElementById('error').style.display = 'none';
+                                }
+                            });
+                            
+                            hls.loadSource(video.src);
+                            hls.attachMedia(video);
+                            
+                            hls.on(Hls.Events.MANIFEST_PARSED, function() {
+                                video.play().catch(e => {
+                                    console.warn('自动播放被阻止:', e);
+                                });
+                            });
+                            
+                            hls.on(Hls.Events.ERROR, function(event, data) {
+                                console.log('HLS事件:', event, '数据:', data);
+                                
+                                // 增加错误计数
+                                errorCount++;
+                                
+                                // 处理bufferAppendError
+                                if (data.details === 'bufferAppendError') {
+                                    bufferAppendErrorCount++;
+                                    console.warn(`bufferAppendError 发生 ${bufferAppendErrorCount} 次`);
+                                    
+                                    // 如果视频已经开始播放，则忽略这个错误
+                                    if (playbackStarted) {
+                                        console.log('视频已在播放中，忽略bufferAppendError');
+                                        return;
+                                    }
+                                    
+                                    // 如果出现多次bufferAppendError但视频未播放，尝试恢复
+                                    if (bufferAppendErrorCount >= 3) {
+                                        hls.recoverMediaError();
+                                    }
+                                }
+                                
+                                // 如果是致命错误，且视频未播放
+                                if (data.fatal && !playbackStarted) {
+                                    console.error('致命HLS错误:', data);
+                                    
+                                    // 尝试恢复错误
+                                    switch(data.type) {
+                                        case Hls.ErrorTypes.NETWORK_ERROR:
+                                            console.log("尝试恢复网络错误");
+                                            hls.startLoad();
+                                            break;
+                                        case Hls.ErrorTypes.MEDIA_ERROR:
+                                            console.log("尝试恢复媒体错误");
+                                            hls.recoverMediaError();
+                                            break;
+                                        default:
+                                            // 仅在多次恢复尝试后显示错误
+                                            if (errorCount > 3 && !errorDisplayed) {
+                                                errorDisplayed = true;
+                                                showError('视频加载失败，可能是格式不兼容或源不可用');
+                                            }
+                                            break;
+                                    }
+                                }
+                            });
+                            
+                            // 监听分段加载事件
+                            hls.on(Hls.Events.FRAG_LOADED, function() {
+                                document.getElementById('loading').style.display = 'none';
+                            });
+                            
+                            // 监听级别加载事件
+                            hls.on(Hls.Events.LEVEL_LOADED, function() {
+                                document.getElementById('loading').style.display = 'none';
+                            });
+                        }
+                    }
+                }
+            });
+
+            dp.on('loadedmetadata', function() {
+                document.getElementById('loading').style.display = 'none';
+                videoHasEnded = false; // 视频加载时重置结束标志
+                
+                // 视频加载完成后重新设置进度条点击监听
+                setupProgressBarPreciseClicks();
+            });
+
+            dp.on('error', function() {
+                // 检查视频是否已经在播放
+                if (dp.video && dp.video.currentTime > 1) {
+                    console.log('发生错误，但视频已在播放中，忽略');
+                    return;
+                }
+                showError('视频播放失败，请检查视频源或网络连接');
+            });
+            
+            // 添加seeking和seeked事件监听器，以检测用户是否在拖动进度条
+            dp.on('seeking', function() {
+                isUserSeeking = true;
+                videoHasEnded = false; // 重置视频结束标志
+                
+                // 如果是用户通过点击进度条设置的位置，确保准确跳转
+                if (userClickedPosition !== null && dp.video) {
+                    // 确保用户的点击位置被正确应用，避免自动跳至视频末尾
+                    const clickedTime = userClickedPosition;
+                    
+                    // 防止跳转到视频结尾
+                    if (Math.abs(dp.video.duration - clickedTime) < 0.5) {
+                        // 如果点击的位置非常接近结尾，稍微减少一点时间
+                        dp.video.currentTime = Math.max(0, clickedTime - 0.5);
+                    } else {
+                        dp.video.currentTime = clickedTime;
+                    }
+                    
+                    // 清除记录的位置
+                    setTimeout(() => {
+                        userClickedPosition = null;
+                    }, 200);
+                }
+            });
+            
+            // 改进seeked事件处理
+            dp.on('seeked', function() {
+                // 如果视频跳转到了非常接近结尾的位置(小于0.3秒)，且不是自然播放到此处
+                if (dp.video && dp.video.duration > 0) {
+                    const timeFromEnd = dp.video.duration - dp.video.currentTime;
+                    if (timeFromEnd < 0.3 && isUserSeeking) {
+                        // 将播放时间往回移动一点点，避免触发结束事件
+                        dp.video.currentTime = Math.max(0, dp.video.currentTime - 1);
+                    }
+                }
+                
+                // 延迟重置seeking标志，以便于区分自然播放结束和用户拖拽
+                setTimeout(() => {
+                    isUserSeeking = false;
+                }, 200);
+            });
+            
+            // 修改视频结束事件监听器，添加额外检查
+            dp.on('ended', function() {
+                videoHasEnded = true; // 标记视频已自然结束
+                
+                // 如果启用了自动连播，并且有下一集可播放，则自动播放下一集
+                if (autoplayEnabled && currentEpisodeIndex < currentEpisodes.length - 1) {
+                    console.log('视频播放结束，自动播放下一集');
+                    // 稍长延迟以确保所有事件处理完成
+                    setTimeout(() => {
+                        // 确认不是因为用户拖拽导致的假结束事件
+                        if (videoHasEnded && !isUserSeeking) {
+                            playNextEpisode();
+                            videoHasEnded = false; // 重置标志
+                        }
+                    }, 1000);
+                } else {
+                    console.log('视频播放结束，无下一集或未启用自动连播');
+                }
+            });
+            
+            // 添加事件监听以检测近视频末尾的点击拖动
+            dp.on('timeupdate', function() {
+                if (dp.video && dp.duration > 0) {
+                    // 如果视频接近结尾但不是自然播放到结尾，重置自然结束标志
+                    if (isUserSeeking && dp.video.currentTime > dp.video.duration * 0.95) {
+                        videoHasEnded = false;
+                    }
+                }
+            });
+            
+            // 10秒后如果仍在加载，但不立即显示错误
+            setTimeout(function() {
+                // 如果视频已经播放开始，则不显示错误
+                if (dp && dp.video && dp.video.currentTime > 0) {
+                    return;
+                }
+                
+                if (document.getElementById('loading').style.display !== 'none') {
+                    document.getElementById('loading').innerHTML = `
+                        <div class="loading-spinner"></div>
+                        <div>视频加载时间较长，请耐心等待...</div>
+                        <div style="font-size: 12px; color: #aaa; margin-top: 10px;">如长时间无响应，请尝试其他视频源</div>
+                    `;
+                }
+            }, 10000);
+        }
+
+        // 自定义M3U8 Loader用于过滤广告
+        class CustomHlsJsLoader extends Hls.DefaultConfig.loader {
+            constructor(config) {
+                super(config);
+                const load = this.load.bind(this);
+                this.load = function(context, config, callbacks) {
+                    // 拦截manifest和level请求
+                    if (context.type === 'manifest' || context.type === 'level') {
+                        const onSuccess = callbacks.onSuccess;
+                        callbacks.onSuccess = function(response, stats, context) {
+                            // 如果是m3u8文件，处理内容以移除广告分段
+                            if (response.data && typeof response.data === 'string') {
+                                // 过滤掉广告段 - 实现更精确的广告过滤逻辑
+                                response.data = filterAdsFromM3U8(response.data, true);
+                            }
+                            return onSuccess(response, stats, context);
+                        };
+                    }
+                    // 执行原始load方法
+                    load(context, config, callbacks);
+                };
+            }
+        }
+
+        // M3U8清单广告过滤函数
+        function filterAdsFromM3U8(m3u8Content, strictMode = false) {
+            if (!m3u8Content) return '';
+            
+            // 按行分割M3U8内容
+            const lines = m3u8Content.split('\n');
+            const filteredLines = [];
+            
+            for (let i = 0; i < lines.length; i++) {
+                const line = lines[i];
+                
+                // 只过滤#EXT-X-DISCONTINUITY标识
+                if (!line.includes('#EXT-X-DISCONTINUITY')) {
+                    filteredLines.push(line);
+                }
+            }
+            
+            return filteredLines.join('\n');
+        }
+
+        // 显示错误
+        function showError(message) {
+            // 在视频已经播放的情况下不显示错误
+            if (dp && dp.video && dp.video.currentTime > 1) {
+                console.log('忽略错误:', message);
+                return;
+            }
+            
+            document.getElementById('loading').style.display = 'none';
+            document.getElementById('error').style.display = 'flex';
+            document.getElementById('error-message').textContent = message;
+        }
+
+        // 更新集数信息
+        function updateEpisodeInfo() {
+            if (currentEpisodes.length > 0) {
+                document.getElementById('episodeInfo').textContent = `第 ${currentEpisodeIndex + 1}/${currentEpisodes.length} 集`;
+            } else {
+                document.getElementById('episodeInfo').textContent = '无集数信息';
+            }
+        }
+
+        // 更新按钮状态
+        function updateButtonStates() {
+            const prevButton = document.getElementById('prevButton');
+            const nextButton = document.getElementById('nextButton');
+            
+            // 处理上一集按钮
+            if (currentEpisodeIndex > 0) {
+                prevButton.classList.remove('bg-gray-700', 'cursor-not-allowed');
+                prevButton.classList.add('bg-[#222]', 'hover:bg-[#333]');
+                prevButton.removeAttribute('disabled');
+            } else {
+                prevButton.classList.add('bg-gray-700', 'cursor-not-allowed');
+                prevButton.classList.remove('bg-[#222]', 'hover:bg-[#333]');
+                prevButton.setAttribute('disabled', '');
+            }
+            
+            // 处理下一集按钮
+            if (currentEpisodeIndex < currentEpisodes.length - 1) {
+                nextButton.classList.remove('bg-gray-700', 'cursor-not-allowed');
+                nextButton.classList.add('bg-[#222]', 'hover:bg-[#333]');
+                nextButton.removeAttribute('disabled');
+            } else {
+                nextButton.classList.add('bg-gray-700', 'cursor-not-allowed');
+                nextButton.classList.remove('bg-[#222]', 'hover:bg-[#333]');
+                nextButton.setAttribute('disabled', '');
+            }
+        }
+
+        // 渲染集数按钮
+        function renderEpisodes() {
+            const episodesList = document.getElementById('episodesList');
+            if (!episodesList) return;
+            
+            if (!currentEpisodes || currentEpisodes.length === 0) {
+                episodesList.innerHTML = '<div class="col-span-full text-center text-gray-400 py-8">没有可用的集数</div>';
+                return;
+            }
+            
+            const episodes = episodesReversed ? [...currentEpisodes].reverse() : currentEpisodes;
+            let html = '';
+            
+            episodes.forEach((episode, index) => {
+                // 根据倒序状态计算真实的剧集索引
+                const realIndex = episodesReversed ? currentEpisodes.length - 1 - index : index;
+                const isActive = realIndex === currentEpisodeIndex;
+                
+                html += `
+                    <button id="episode-${realIndex}" 
+                            onclick="playEpisode(${realIndex})" 
+                            class="px-4 py-2 ${isActive ? 'episode-active' : 'bg-[#222] hover:bg-[#333]'} border ${isActive ? 'border-blue-500' : 'border-[#333]'} rounded-lg transition-colors text-center episode-btn">
+                        第${realIndex + 1}集
+                    </button>
+                `;
+            });
+            
+            episodesList.innerHTML = html;
+        }
+
+        // 播放指定集数
+        function playEpisode(index) {
+            if (index < 0 || index >= currentEpisodes.length) return;
+            
+            // 首先隐藏之前可能显示的错误
+            document.getElementById('error').style.display = 'none';
+            // 显示加载指示器
+            document.getElementById('loading').style.display = 'flex';
+            document.getElementById('loading').innerHTML = `
+                <div class="loading-spinner"></div>
+                <div>正在加载视频...</div>
+            `;
+            
+            const url = currentEpisodes[index];
+            currentEpisodeIndex = index;
+            videoHasEnded = false; // 重置视频结束标志
+            
+            // 更新URL，不刷新页面
+            const newUrl = new URL(window.location.href);
+            newUrl.searchParams.set('index', index);
+            newUrl.searchParams.set('url', url);
+            window.history.pushState({}, '', newUrl);
+            
+            // 更新播放器
+            if (dp) {
+                try {
+                    dp.switchVideo({
+                        url: url,
+                        type: 'hls'
+                    });
+                    
+                    // 确保播放开始
+                    const playPromise = dp.play();
+                    if (playPromise !== undefined) {
+                        playPromise.catch(error => {
+                            console.warn('播放失败，尝试重新初始化:', error);
+                            // 如果切换视频失败，重新初始化播放器
+                            initPlayer(url);
+                        });
+                    }
+                } catch (e) {
+                    console.error('切换视频出错，尝试重新初始化:', e);
+                    // 如果出错，重新初始化播放器
+                    initPlayer(url);
+                }
+            } else {
+                initPlayer(url);
+            }
+            
+            // 更新UI
+            updateEpisodeInfo();
+            updateButtonStates();
+            renderEpisodes();
+
+            // 重置用户点击位置记录
+            userClickedPosition = null;
+        }
+
+        // 播放上一集
+        function playPreviousEpisode() {
+            if (currentEpisodeIndex > 0) {
+                playEpisode(currentEpisodeIndex - 1);
+            }
+        }
+
+        // 播放下一集
+        function playNextEpisode() {
+            if (currentEpisodeIndex < currentEpisodes.length - 1) {
+                playEpisode(currentEpisodeIndex + 1);
+            }
+        }
+
+        // 切换集数排序
+        function toggleEpisodeOrder() {
+            episodesReversed = !episodesReversed;
+            
+            // 保存到localStorage
+            localStorage.setItem('episodesReversed', episodesReversed);
+            
+            // 重新渲染集数列表
+            renderEpisodes();
+            
+            // 更新排序按钮
+            updateOrderButton();
+        }
+
+        // 更新排序按钮状态
+        function updateOrderButton() {
+            const orderText = document.getElementById('orderText');
+            const orderIcon = document.getElementById('orderIcon');
+            
+            if (orderText && orderIcon) {
+                orderText.textContent = episodesReversed ? '正序排列' : '倒序排列';
+                orderIcon.style.transform = episodesReversed ? 'rotate(180deg)' : '';
+            }
+        }
+
+        // 设置进度条准确点击处理
+        function setupProgressBarPreciseClicks() {
+            // 查找DPlayer的进度条元素
+            const progressBar = document.querySelector('.dplayer-bar-wrap');
+            if (!progressBar || !dp || !dp.video) return;
+            
+            // 移除可能存在的旧事件监听器
+            progressBar.removeEventListener('mousedown', handleProgressBarClick);
+            
+            // 添加新的事件监听器
+            progressBar.addEventListener('mousedown', handleProgressBarClick);
+            
+            // 在移动端也添加触摸事件支持
+            progressBar.removeEventListener('touchstart', handleProgressBarTouch);
+            progressBar.addEventListener('touchstart', handleProgressBarTouch);
+            
+            console.log('进度条精确点击监听器已设置');
+        }
+
+        // 处理进度条点击
+        function handleProgressBarClick(e) {
+            if (!dp || !dp.video) return;
+            
+            // 计算点击位置相对于进度条的比例
+            const rect = e.currentTarget.getBoundingClientRect();
+            const percentage = (e.clientX - rect.left) / rect.width;
+            
+            // 计算点击位置对应的视频时间
+            const duration = dp.video.duration;
+            let clickTime = percentage * duration;
+            
+            // 处理视频接近结尾的情况
+            if (duration - clickTime < 1) {
+                // 如果点击位置非常接近结尾，稍微往前移一点
+                clickTime = Math.min(clickTime, duration - 1.5);
+                console.log(`进度条点击接近结尾，调整时间为 ${clickTime.toFixed(2)}/${duration.toFixed(2)}`);
+            }
+            
+            // 记录用户点击的位置
+            userClickedPosition = clickTime;
+            
+            // 输出调试信息
+            console.log(`进度条点击: ${percentage.toFixed(4)}, 时间: ${clickTime.toFixed(2)}/${duration.toFixed(2)}`);
+            
+            // 阻止默认事件传播，避免DPlayer内部逻辑将视频跳至末尾
+            e.stopPropagation();
+            
+            // 直接设置视频时间
+            dp.seek(clickTime);
+        }
+
+        // 处理移动端触摸事件
+        function handleProgressBarTouch(e) {
+            if (!dp || !dp.video || !e.touches[0]) return;
+            
+            const touch = e.touches[0];
+            const rect = e.currentTarget.getBoundingClientRect();
+            const percentage = (touch.clientX - rect.left) / rect.width;
+            
+            const duration = dp.video.duration;
+            let clickTime = percentage * duration;
+            
+            // 处理视频接近结尾的情况
+            if (duration - clickTime < 1) {
+                clickTime = Math.min(clickTime, duration - 1.5);
+            }
+            
+            // 记录用户点击的位置
+            userClickedPosition = clickTime;
+            
+            console.log(`进度条触摸: ${percentage.toFixed(4)}, 时间: ${clickTime.toFixed(2)}/${duration.toFixed(2)}`);
+            
+            e.stopPropagation();
+            dp.seek(clickTime);
+        }
+    </script>
+</body>
+</html>

privacy.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>隐私政策 - LibreTV</title>
+	<script src="https://cdn.tailwindcss.com"></script>
+	<link rel="stylesheet" href="css/styles.css">
+	<!-- ...existing head code... -->
+</head>
+<body class="page-bg text-white">
+	<div class="container mx-auto px-4 py-8">
+		<header class="text-center mb-8">
+			<h1 class="text-5xl font-bold gradient-text">隐私政策</h1>
+		</header>
+		<main class="text-center">
+			<p class="text-gray-300 mb-4">
+				我们尊重并保护您的隐私。LibreTV 不收集任何个人数据，且不会限制访问或使用本网站。
+			</p>
+			<p class="text-gray-300">
+				本平台仅用于提供在线视频搜索与播放服务。所有数据均由第三方接口提供，我们不会存储或追踪用户信息。
+			</p>
+		</main>
+		<footer class="mt-12 text-center">
+			<a href="index.html" class="text-gray-400 hover:text-white transition-colors">回到首页</a>
+		</footer>
+	</div>
+</body>
+</html>

readme.md

@@ -0,0 +1,144 @@
+# LibreTV - 免费在线视频搜索与观看平台
+
+## 📺 项目简介
+
+LibreTV是一个轻量级、免费的在线视频搜索与观看平台，提供来自多个视频源的内容搜索与播放服务。无需注册，即开即用，支持多种设备访问。项目采用纯前端技术构建，可轻松部署在各类静态网站托管服务上。
+
+本项目基于 https://github.com/bestK/tv
+
+演示站：https://libretv.is-an.org/
+
+<img src="https://testingcf.jsdelivr.net/gh/bestZwei/imgs@master/picgo/image-20250406231222216.png" alt="image-20250406231222216" style="zoom:67%;" />
+
+**感谢 [NodeSupport](https://www.nodeseek.com/post-305185-1) 友情赞助**
+
+## ✨ 主要特性
+
+- 🔍 多源视频搜索功能，覆盖电影、电视剧等内容
+- 📱 响应式设计，完美支持电脑、平板和手机
+- 🌐 聚合多个视频源，自动提取播放链接
+- 🔄 支持自定义API接口，灵活扩展
+- 💾 本地存储搜索历史，提升使用体验
+- 🚀 纯静态部署，无需后端服务器
+- 🛡️ 内置广告过滤功能，提供更干净的观影体验
+- 🎬 自定义视频播放器，支持HLS流媒体格式
+- ⌨️ 键盘快捷键支持，提高观影体验
+
+## ⌨️ 键盘快捷键
+
+LibreTV播放器支持以下键盘快捷键：
+
+- **Alt + 左箭头**：播放上一集
+- **Alt + 右箭头**：播放下一集
+- **空格键**：暂停/播放
+- **左/右箭头**：快退/快进5秒
+- **上/下箭头**：调整音量
+- **F**：全屏/退出全屏
+
+### CMS采集站源兼容性
+
+本项目支持标准的苹果CMS V10 API格式。自定义API需遵循以下格式：
+- 搜索接口: `https://example.com/api.php/provide/vod/?ac=videolist&wd=关键词`
+- 详情接口: `https://example.com/api.php/provide/vod/?ac=detail&ids=视频ID`
+
+**重要提示**: 像 `https://360zy.com/api.php/provide/vod` 这样的CMS源需要按照以下格式添加：
+1. 在设置面板中选择"自定义接口"
+2. 接口地址只填写到域名部分: `https://360zy.com`（不要包含`/api.php/provide/vod`部分）
+3. 项目会自动补全正确的路径格式
+
+如果CMS接口非标准格式，可能需要修改项目中的`config.js`文件中的`API_CONFIG.search.path`和`API_CONFIG.detail.path`配置。
+
+## 🛠️ 技术栈
+
+- HTML5 + CSS3 + JavaScript (ES6+)
+- Tailwind CSS (通过CDN引入)
+- HLS.js 用于HLS流处理和广告过滤
+- DPlayer 视频播放器核心
+- 前端API请求拦截技术
+- localStorage本地存储
+
+## 🚀 一键部署
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FbestZwei%2FLibreTV)
+
+[![Deploy to Cloudflare Pages](https://img.shields.io/badge/Deploy%20to-Cloudflare%20Pages-blue?style=for-the-badge&logo=cloudflare)](https://dash.cloudflare.com/)
+
+## 🚀 部署指南
+
+### Cloudflare Pages部署
+
+1. Fork或克隆本仓库到你的GitHub账户
+2. 登录Cloudflare Dashboard，进入Pages服务
+3. 点击"创建项目"，连接GitHub仓库
+4. 使用以下设置：
+   - 构建命令：留空（无需构建）
+   - 输出目录：留空（默认为根目录）
+   - 部署命令：留空
+5. 点击"保存并部署"
+
+### Vercel/Netlify部署
+
+类似Cloudflare Pages，只需连接仓库并部署即可，无需特殊配置。
+
+### 本地测试
+
+如果你想在本地测试，可以使用任何静态文件服务器：
+
+```bash
+# 使用Python
+python -m http.server 8080
+
+# 或使用Node.js的http-server
+npx http-server -p 8080
+```
+
+### Docker 部署
+
+```bash
+docker pull bestzwei/libretv:latest
+docker run -d --name libretv -p 8899:80 bestzwei/libretv:latest
+```
+
+访问 http://localhost:8899 查看效果。
+
+### Docker Compose 部署
+
+你也可以通过 Docker Compose 部署本项目。新建一个名为 `docker-compose.yaml` 的文件，内容如下：
+
+```yaml
+version: '3'
+services:
+  libretv:
+    image: bestzwei/libretv:latest
+    container_name: libretv
+    ports:
+      - "8899:80"
+    restart: unless-stopped
+```
+
+## 🔧 自定义配置
+
+项目主要配置在`js/config.js`文件中，你可以修改以下内容：
+
+- `PROXY_URL`: 修改为你自己的代理服务地址
+- `API_SITES`: 添加或修改视频源API接口
+- `SITE_CONFIG`: 更改站点名称、描述等基本信息
+- `PLAYER_CONFIG`: 调整播放器参数，如自动播放、广告过滤等
+- `HIDE_BUILTIN_ADULT_APIS`: 用于控制是否隐藏内置的黄色采集站API，默认值为`true`。设置为`true`时，内置的某些敏感API将不会在设置面板中显示，可根据实际需要修改配置。
+
+注意：若使用docker部署，可进入容器，在`/usr/share/nginx/html/js`内修改相关配置
+
+## Star History
+
+[![Star History Chart](https://api.star-history.com/svg?repos=bestZwei/LibreTV&type=Date)](https://www.star-history.com/#bestZwei/LibreTV&Date)
+
+## ⚠️ 免责声明
+
+LibreTV 仅作为视频搜索工具，不存储、上传或分发任何视频内容。所有视频均来自第三方API接口提供的���索结果。如有侵权内容，请联系相应的内容提供方。
+
+## 🔄 更新日志
+
+- 1.0.0 (2025-04-06): 初始版本发布
+- 1.0.1 (2025-04-07): 添加广告过滤功能，优化播放器性能
+- 1.0.2 (2025-04-08): 分离了播放页面，优化视频源API兼容性
+- 1.0.3 (2025-04-13): 性能优化、ui优化、更新设置功能

robots.txt

@@ -0,0 +1,6 @@
+User-agent: *
+Allow: /
+Disallow: /js/
+Disallow: /css/
+
+Sitemap: https://libretv.is-an.org/sitemap.xml

sitemap.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+   <url>
+      <loc>https://libretv.is-an.org/</loc>
+      <lastmod>2025-04-06</lastmod>
+      <changefreq>weekly</changefreq>
+      <priority>1.0</priority>
+   </url>
+   <url>
+      <loc>https://libretv.is-an.org/about.html</loc>
+      <lastmod>2025-04-06</lastmod>
+      <changefreq>monthly</changefreq>
+      <priority>0.8</priority>
+   </url>
+   <url>
+      <loc>https://libretv.is-an.org/privacy.html</loc>
+      <lastmod>2025-04-06</lastmod>
+      <changefreq>monthly</changefreq>
+      <priority>0.5</priority>
+   </url>
+</urlset>

watch.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="refresh" content="0; url=player.html">
+    <title>重定向到播放器</title>
+</head>
+<body>
+    <p>如果您没有被自动重定向，请<a href="player.html">点击这里</a>前往播放页面。</p>
+</body>
+</html>