revert: 回滚问路面板相关修改，恢复原始布局

src/components/PlayWay.vue

@@ -56,30 +56,39 @@
       <div class="road-box-container">
         <div class="road-box">
           <canvas class="canvas" ref="refItem"></canvas>
-        </div>
+          
-      </div>
+          <!-- Ask Way Overlay (Bottom Right) -->
-      <!-- 问路栏 -->
+          <div class="ask-panel" v-if="[1,2].includes(tableData.game_id)">
-      <div class="ask-bar" v-if="[1,2].includes(tableData.game_id)">
+            <div class="ask-group banker" @click="askWay('banker')">
-        <div class="ask-group" @click="askWay('banker')">
+                <div class="ask-title text-red">{{ Lang[Type].askbanker }}</div>
-          <span class="ask-label text-red">{{ Lang[Type].askbanker }}</span>
+                <div class="ask-icons">
                     <span class="dot hollow red" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'red'"></span>
                     <span class="dot hollow blue" v-if="autoaskData.BbigEyeRoadisshow && autoaskData.BbigEyeRoadcolor == 'blue'"></span>
+                    
                     <span class="dot solid red" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'red'"></span>
                     <span class="dot solid blue" v-if="autoaskData.Bpathwayisshow && autoaskData.Bpathwaycolor == 'blue'"></span>
+                    
                     <span class="dot slash red" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'red'"></span>
                     <span class="dot slash blue" v-if="autoaskData.Broachisshow && autoaskData.Broachcolor == 'blue'"></span>
                 </div>
-        <div class="ask-group" @click="askWay('player')">
+            </div>
-          <span class="ask-label text-blue">{{ Lang[Type].askplayer }}</span>
+            <div class="ask-group player" @click="askWay('player')">
+                <div class="ask-title text-blue">{{ Lang[Type].askplayer }}</div>
+                <div class="ask-icons">
                     <span class="dot hollow red" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'red'"></span>
                     <span class="dot hollow blue" v-if="autoaskData.PbigEyeRoadisshow && autoaskData.PbigEyeRoadcolor == 'blue'"></span>
+                    
                     <span class="dot solid red" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'red'"></span>
                     <span class="dot solid blue" v-if="autoaskData.Ppathwayisshow && autoaskData.Ppathwaycolor == 'blue'"></span>
+                    
                     <span class="dot slash red" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'red'"></span>
                     <span class="dot slash blue" v-if="autoaskData.Proachisshow && autoaskData.Proachcolor == 'blue'"></span>
                 </div>
             </div>
           </div>
+        </div>
+      </div>
+    </div>
 
     <!-- Fallback for Other Games -->
     <div class="other-view" v-else>
@@ -263,27 +272,43 @@ export default {
     }
 
     /* Ask Panel - Integrated into grid (bottom 3 rows, far right) */
-    .ask-bar {
+    .ask-panel {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      width: 25%; /* Roughly 6/24 of width */
+      height: 50%; /* Covers bottom 3 rows (50% of 6 rows) */
       display: flex;
-      justify-content: flex-end;
+      background: #fff;
-      align-items: center;
+      border-left: 1px solid #eee;
-      gap: 12px;
+      border-top: 1px solid #eee;
-      padding: 3px 10px;
+      z-index: 10;
-      background: #f5f5f5;
-      border-top: 1px solid #e0e0e0;
 
       .ask-group {
+        flex: 1;
         display: flex;
+        flex-direction: column;
         align-items: center;
-        gap: 4px;
+        justify-content: center;
         cursor: pointer;
         
-        .ask-label {
+        &.banker {
-          font-size: 11px;
+          border-right: 1px solid #f5f5f5;
-          font-weight: 600;
-          margin-right: 2px;
         }
 
+        .ask-title {
+          font-size: 11px !important;
+          font-weight: 500;
+          color: #333;
+          margin-bottom: 2px;
+          white-space: nowrap;
+        }
+
+        .ask-icons {
+          display: flex;
+          gap: 4px;
+          align-items: center;
+
           .dot {
             display: inline-block;
             &.solid {
@@ -294,32 +319,25 @@ export default {
               &.blue { background: #0056ee; }
             }
             &.hollow {
-            width: 9px;
+              width: 8px;
-            height: 9px;
+              height: 8px;
               border-radius: 50%;
-            border: 2px solid;
+              border: 1.5px solid;
               &.red { border-color: #e40000; }
               &.blue { border-color: #0056ee; }
             }
             &.slash {
-            width: 9px;
-            height: 9px;
-            position: relative;
-            &::before {
-              content: '';
-              position: absolute;
-              top: 0; left: 50%;
               width: 2px;
-              height: 100%;
+              height: 10px;
-              transform: rotate(45deg);
+              transform: rotate(-45deg);
-            }
+              border-radius: 1px;
-            &.red::before { background: #e40000; }
+              &.red { background: #e40000; }
-            &.blue::before { background: #0056ee; }
+              &.blue { background: #0056ee; }
+            }
           }
         }
       }
     }
-
   }
 }
 

src/views/play.vue

@@ -1092,10 +1092,8 @@ export default {
             break
           case "startBetCountDown": //倒计时
             if (data.count_down == 10) {
-              console.log('[DEBUG] 播放 last_10_seconds')
               audioMp3(["last_10_seconds"]).Play()
             } else if (data.count_down < 9) {
-              console.log('[DEBUG] 播放 time')
               audioMp3(["time"]).Play()
             }
             break