style: 调整 PlayWay 组件中 UI 元素的尺寸和间距。

src/components/PlayWay.vue

@@ -172,34 +172,34 @@ export default {
   width: 100%;
   
   .header-bar {
-    height: 34px;
+    height: 30px;
     display: flex;
     align-items: center;
-    padding: 0 10px;
+    padding: 0 4px;
     background: #fff;
     border-bottom: 1px solid #eee;
     
     .left-stats {
       display: flex;
       align-items: center;
-      gap: 12px;
+      gap: 4px;
       width: 100%;
 
       .stat-item {
         display: flex;
         align-items: center;
-        gap: 5px;
+        gap: 2px;
         flex-shrink: 0;
 
         .badge {
-          padding: 2px 4px;
-          min-width: 32px;
-          height: 18px;
+          padding: 1px 3px;
+          min-width: 24px;
+          height: 16px;
           color: #fff;
           border-radius: 4px;
-          font-size: 12px;
+          font-size: 9px !important;
           font-weight: bold;
-          line-height: 18px;
+          line-height: 16px;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -213,9 +213,9 @@ export default {
 
         .val {
           font-weight: bold;
-          font-size: 19px;
+          font-size: 13px !important;
           line-height: 1;
-          min-width: 25px;
+          min-width: 15px;
           &.red { color: #e40000; }
           &.blue { color: #0056ee; }
           &.green { color: #278127; }
@@ -226,7 +226,7 @@ export default {
           .game-info {
             color: #333;
             font-weight: bold;
-            font-size: 16px;
+            font-size: 11px !important;
             letter-spacing: 0;
           }
         }
@@ -279,7 +279,7 @@ export default {
         }
 
         .ask-title {
-          font-size: 15px;
+          font-size: 11px !important;
           font-weight: 500;
           color: #333;
           margin-bottom: 2px;
@@ -294,23 +294,23 @@ export default {
           .dot {
             display: inline-block;
             &.solid {
-              width: 12px;
-              height: 12px;
+              width: 10px;
+              height: 10px;
               border-radius: 50%;
               &.red { background: #e40000; }
               &.blue { background: #0056ee; }
             }
             &.hollow {
-              width: 10px;
-              height: 10px;
+              width: 8px;
+              height: 8px;
               border-radius: 50%;
               border: 1.5px solid;
               &.red { border-color: #e40000; }
               &.blue { border-color: #0056ee; }
             }
             &.slash {
-              width: 2.5px;
-              height: 12px;
+              width: 2px;
+              height: 10px;
               transform: rotate(-45deg);
               border-radius: 1px;
               &.red { background: #e40000; }

src/language/yn.js

@@ -55,8 +55,8 @@ var yn = {
   player1: " Con 1 ",
   player2: " Con 2 ",
   player3: " Con 3 ",
-  askplayer: "Con hỏi đường",
-  askbanker: "Cái hỏi đường",
+  askplayer: "Con-Hỏi",
+  askbanker: "Cái-Hỏi",
   askdragon: "Rồng hỏi đường",
   asktiger: "Hổ hỏi đường",
   allroad: "Tất cả đường",