fix: styles

src/ui/Shared/SpecialButton/index.module.scss

@@ -5,7 +5,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 8px;
+  gap: 10px;
   padding: 12px 0;
   border: 3px solid hsla(0, 0%, 100%, 0.3);
   border-radius: 8px;
@@ -18,19 +18,18 @@
   transition: 0.3s;
 
   &.disabled {
-    background: none;
-    color: rgba(255, 255, 255, 0.5);
+    background: hsla(0, 0%, 100%, 0.08);
+    color: hsla(0, 0%, 100%, 0.25);
     cursor: not-allowed;
-    border: 1px solid hsla(0, 0%, 100%, 0.5);
+    border: 1px solid hsla(0, 0%, 100%, 0.3);
+    border: none;
     &::before {
       opacity: 0.1;
-    }
-    &:hover {
       background: none;
     }
   }
 
-  &:hover {
+  &:not(.disabled):hover {
     background-color: hsla(0, 0%, 100%, 1.1);
   }
 

src/ui/WaitRoom/index.tsx

@@ -334,12 +334,12 @@ const ActionButton: React.FC<{
             </>
           ) : stage == RoomStage.HAND_SELECTING ? (
             <>
-              <IconFont type="icon-mora" size={18} />
+              <IconFont type="icon-mora" size={20} />
               <span>请猜拳</span>
             </>
           ) : stage == RoomStage.HAND_SELECTED ? (
             <>
-              <LoadingOutlined size={20} />
+              <LoadingOutlined />
               <span>等待对方猜拳</span>
             </>
           ) : stage == RoomStage.TP_SELECTING ? (
@@ -349,7 +349,7 @@ const ActionButton: React.FC<{
             </>
           ) : stage == RoomStage.TP_SELECTED ? (
             <>
-              <LoadingOutlined size={20} />
+              <LoadingOutlined />
               <span>等待游戏开始</span>
             </>
           ) : (