feat: 更新包管理器为 bun，优化项目配置和资源管理

- 将包管理器从 pnpm 更改为 bun，提升依赖管理效率。
- 在 index.html 中引入 jQuery 和 videoajax.js，增强页面功能。
- 删除 pnpm-lock.yaml 文件，清理不必要的锁定文件。
- 在多个组件中优化状态管理和访问逻辑，提升用户体验。
- 更新多个页面和组件以支持新的状态管理方式，确保数据一致性。

src/components/puzzle/PuzzleSystem.tsx

@@ -86,6 +86,22 @@ const PuzzlePieceSvg = ({
         className={cn(isUnlocked ? "puzzle-piece" : "")}
       >
         <defs>
+          {/* Safari/iOS 对 SVG image 的 CSS filter 支持有限，使用滤镜定义保证生效 */}
+          <filter
+            id={`${patternId}-dim`}
+            colorInterpolationFilters="sRGB"
+            x="0%"
+            y="0%"
+            width="100%"
+            height="100%"
+          >
+            {/* 将亮度压低到约 20% */}
+            <feColorMatrix
+              type="matrix"
+              values="0.2 0 0 0 0  0 0.2 0 0 0  0 0 0.2 0 0  0 0 0 1 0"
+            />
+          </filter>
+
           <pattern
             id={patternId}
             patternUnits="objectBoundingBox"
@@ -98,8 +114,8 @@ const PuzzlePieceSvg = ({
               width={1}
               height={1}
               preserveAspectRatio="none"
+              filter={isUnlocked ? undefined : `url(#${patternId}-dim)`}
               style={{
-                filter: isUnlocked ? "none" : "brightness(0.2)",
                 transition: "filter 220ms ease",
               }}
             />