refactor: Refactor CSS styles for layout and responsiveness

index.html

@@ -7,7 +7,7 @@
   <title>在线图片加水印,canvas加水印,防止身份证复印件被盗</title>
   <meta name="keywords" content="图片加水印,在线给图片加水印,在线照片加水印,在线给图片加文字,canvas加水印,canvas图片旋转,防止身份证复印件被盗" />
   <meta name="description" content="在线给图片加水印,通过前端canvas给你的个人证件加上水印，防止身份证复印件被盗。纯前端加水印,拒绝上传保证个人信息安全!" />
-  <link rel="icon" href="https://cdn.jsdelivr.net/gh/LiangSenCheng/blog-img/app/add-water/icon48.ico">
+  <link rel="icon" href="./static/icon48.ico">
   <link rel="stylesheet" href="./index.css" />
   <link rel="manifest" href="./manifest.json" />
   <script>

manifest.json

@@ -8,17 +8,17 @@
   "start_url": "/",
   "icons": [
     {
-      "src": "https://cdn.jsdelivr.net/gh/LiangSenCheng/blog-img/app/add-water/icon72.png",
+      "src": "./static/icon72.png",
       "type": "image/png",
       "sizes": "72x72"
     },
     {
-      "src": "https://cdn.jsdelivr.net/gh/LiangSenCheng/blog-img/app/add-water/icon96.png",
+      "src": "./static/icon96.png",
       "type": "image/png",
       "sizes": "96x96"
     },
     {
-      "src": "https://cdn.jsdelivr.net/gh/LiangSenCheng/blog-img/app/add-water/icon144.png",
+      "src": "./static/icon144.png",
       "type": "image/png",
       "sizes": "144x144"
     }