fix: 悬浮球添加微信群聊图标

Author: CC11001100

src/components/WechatFloat.css

@@ -11,24 +11,31 @@
   background: #07c160;
   border-radius: 50%;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
   transition: transform 0.2s, box-shadow 0.2s;
+  gap: 2px;
 }
 
 .wechat-icon:hover {
   transform: scale(1.1);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
 }
 
+.wechat-svg {
+  width: 22px;
+  height: 22px;
+}
+
 .wechat-icon-text {
   color: white;
-  font-size: 12px;
+  font-size: 10px;
   font-weight: bold;
   text-align: center;
-  line-height: 1.2;
+  line-height: 1;
 }
 
 .wechat-popup {

src/components/WechatFloat.tsx

@@ -11,6 +11,9 @@ export default function WechatFloat() {
       onMouseLeave={() => setIsHovered(false)}
     >
       <div className="wechat-icon">
+        <svg className="wechat-svg" viewBox="0 0 24 24" fill="white">
+          <path d="M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 17l2.5-1.5c.89.32 1.89.5 3 .5.17 0 .34 0 .5-.02-.16-.49-.25-1-.25-1.48 0-3.31 3.36-6 7.5-6 .17 0 .33 0 .5.02C17.07 5.69 13.64 4 9.5 4zM7 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm5.5 2c-3.58 0-6.5 2.24-6.5 5s2.92 5 6.5 5c.87 0 1.7-.14 2.45-.4L22 22l-.78-2.33C22.31 18.56 23 17.33 23 16c0-2.76-2.92-5-6.5-5zm-2 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+        </svg>
         <span className="wechat-icon-text">交流群</span>
       </div>
       {isHovered && (