feat: 为百家乐表格添加动态样式类，并调整了标签文本的字体大小和显示方式。

src/components/PlayTable/TableBaccarat.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="baccarat">
+  <div class="baccarat" :class="Type">
     <!-- 第一行: 小 | 闲对 | 庄对 | 大 -->
     <div class="list top">
       <!-- 小 -->
@@ -268,6 +268,18 @@ export default {
   box-sizing: border-box;
   font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
 
+  &.yn {
+    .list .item .text {
+      .label {
+        font-size: 10px;
+        transform: scale(0.9); /* Further reduce visual size if needed */
+      }
+      .label-large {
+        font-size: 20px;
+      }
+    }
+  }
+
   .list {
     display: flex;
     gap: 8px;
@@ -290,7 +302,6 @@ export default {
     .item {
       position: relative;
       border-radius: 8px;
-      // Removed border and box-shadow, now handled by .grid-item
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -316,14 +327,16 @@ export default {
         pointer-events: none;
 
         .label {
-          font-size: 16px;
+          font-size: 14px;
           font-weight: 600;
           margin-bottom: 2px;
+          white-space: nowrap;
         }
         .label-large {
-          font-size: 24px; /* Reduced from 32px */
+          font-size: 30px;
           font-weight: 800;
-          margin-bottom: 2px; /* Reduced margin */
+          margin-bottom: 2px;
+          white-space: nowrap;
         }
 
         .odds {
@@ -353,7 +366,6 @@ export default {
         z-index: 3;
         white-space: nowrap;
         pointer-events: none;
-        // Removed background, padding, border-radius, border
         
         .coin-icon {
           width: 14px;