diff --git a/Cunkebao/public/iOS_WebClip.mobileconfig b/Cunkebao/public/iOS_WebClip.mobileconfig
new file mode 100644
index 00000000..0f502185
--- /dev/null
+++ b/Cunkebao/public/iOS_WebClip.mobileconfig
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>ConsentText</key>
+	<dict>
+		<key>default</key>
+		<string>请点击右上角「下一步」按钮↗️
+      如果需要输入密码，请输入锁屏密码继续安装。
+
+      第一次使用需要加载比较长时间，请耐心等待。
+      轻量版永不掉签，仅是在手机桌面添加一个平台入口。该安装证书已通过苹果官方认证，安全可靠，不会修改任何手机设置，请放心安装使用。
+
+      永久地址为：https://m.xmbaiqi.com
+    </string>
+	</dict>
+	<key>PayloadContent</key>
+	<array>
+		<dict>
+			<key>FullScreen</key>
+			<true/>
+			<key>Icon</key>
+			<data>
+			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
+			</data>
+			<key>IsRemovable</key>
+			<true/>
+			<key>Label</key>
+			<string>存客宝</string>
+			<key>PayloadDescription</key>
+			<string>配置 Web Clip 设置</string>
+			<key>PayloadDisplayName</key>
+			<string>Web Clip</string>
+			<key>PayloadIdentifier</key>
+			<string>com.apple.webClip.managed.46594155-65DD-1564-41DC-35EGEWGRGRW</string>
+			<key>PayloadType</key>
+			<string>com.apple.webClip.managed</string>
+			<key>PayloadUUID</key>
+			<string>46594155-65DD-1564-41DC-35EGEWGRGRW</string>
+			<key>PayloadVersion</key>
+			<integer>1</integer>
+			<key>Precomposed</key>
+			<true/>
+			<key>URL</key>
+			<string>https://m.xmbaiqi.com</string>
+		</dict>
+	</array>
+	<key>PayloadDescription</key>
+	<string>请点击右上角「安装」按钮↗️
+    如果需要输入密码，请输入锁屏密码继续安装。
+    第一次使用需要加载比较长时间，请耐心等待。
+    轻量版永不掉签，仅是在手机桌面添加一个平台入口。该安装证书已通过苹果官方认证，安全可靠，不会修改任何手机设置，请放心安装使用。
+    WePoker永久地址https://m.xmbaiqi.com
+  </string>
+	<key>PayloadDisplayName</key>
+	<string>WePoker</string>
+	<key>PayloadIdentifier</key>
+	<string>iMac-Pro.5DF561DF5D-2D6D-24GE-2E7H-5GE7G5REG</string>
+	<key>PayloadRemovalDisallowed</key>
+	<false/>
+	<key>PayloadType</key>
+	<string>Configuration</string>
+	<key>PayloadUUID</key>
+	<string>DF561DF5D-2D6D-24GE-2E7H-5GE7G5REG</string>
+	<key>PayloadVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>
diff --git a/Cunkebao/src/components/LineChart.tsx b/Cunkebao/src/components/LineChart.tsx
index bb93e512..ff99ba11 100644
--- a/Cunkebao/src/components/LineChart.tsx
+++ b/Cunkebao/src/components/LineChart.tsx
@@ -43,6 +43,14 @@ const LineChart: React.FC<LineChartProps> = ({
         lineStyle: { color: "#1677ff" },
         itemStyle: { color: "#1677ff" },
       },
+      {
+        data: [3, 99, 12, 14, 8, 0, 0],
+        type: "line",
+        smooth: true,
+        symbol: "circle",
+        lineStyle: { color: "green" },
+        itemStyle: { color: "red" },
+      },
     ],
     grid: { left: 40, right: 24, top: 40, bottom: 32 },
   };
diff --git a/ckApp/test.html b/ckApp/test.html
new file mode 100644
index 00000000..9da1b56f
--- /dev/null
+++ b/ckApp/test.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    
+    <!-- iOS 图标和应用配置 -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="My PWA">
+    
+    <!-- iOS 专用图标 -->
+    <link rel="apple-touch-icon" sizes="76x76" href="icons/76x76.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="icons/120x120.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="icons/152x152.png">
+    <link rel="apple-touch-icon" sizes="167x167" href="icons/167x167.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="icons/180x180.png">
+    
+    <!-- 通用图标配置 -->
+    <link rel="icon" type="image/png" sizes="40x40" href="icons/40x40.png">
+    <link rel="icon" type="image/png" sizes="20x20" href="icons/20x20.png">
+    <link rel="manifest" href="manifest.json">
+    <link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#2196f3">
+    <meta name="msapplication-TileColor" content="#2196f3">
+    <meta name="theme-color" content="#2196f3">
+    
+    <title>My PWA with Custom Icons</title>
+    
+    <style>
+        /* 保持之前的样式不变 */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        html, body {
+            height: 100%;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        }
+        
+        body {
+            padding-top: constant(safe-area-inset-top);
+            padding-top: env(safe-area-inset-top);
+            padding-bottom: constant(safe-area-inset-bottom);
+            padding-bottom: env(safe-area-inset-bottom);
+            background: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);
+            color: white;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+        }
+        
+        .container {
+            max-width: 600px;
+            padding: 2rem;
+        }
+        
+        h1 {
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+        }
+        
+        .icon-preview {
+            width: 120px;
+            height: 120px;
+            margin: 2rem auto;
+            border-radius: 24px; /* 模拟iOS图标圆角 */
+            overflow: hidden;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        }
+        
+        .icon-preview img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Custom PWA Icons</h1>
+        <p>Your app will now have proper icons when added to home screen</p>
+        
+        <div class="icon-preview">
+            <img src="icons/icon-180x180.png" alt="App Icon Preview">
+        </div>
+        
+        <p>Make sure to use all required icon sizes for best results across devices</p>
+    </div>
+
+    <script>
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', () => {
+                navigator.serviceWorker.register('sw.js')
+                    .then(registration => {
+                        console.log('ServiceWorker registered successfully');
+                    })
+                    .catch(err => {
+                        console.log('ServiceWorker registration failed:', err);
+                    });
+            });
+        }
+    </script>
+</body>
+</html>
+    
\ No newline at end of file