From 87c12ed6c29d6c3d8a087e5241a6808e169a9c01 Mon Sep 17 00:00:00 2001
From: li <ljf@com>
Date: Wed, 11 Feb 2026 01:47:55 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=89=9B=E7=89=9B?=
 =?UTF-8?q?=E8=B7=AF=E5=8D=95=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E7=99=BE=E5=AE=B6=E4=B9=90UI=E9=A3=8E?=
 =?UTF-8?q?=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.vue | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index fdcb641..c3c70e9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -109,7 +109,7 @@
                            v-for="(cell, cIdx) in getNNRowData(item.beadRoad, row)"
                            :key="cIdx"
                            class="nn-cell"
-                           :class="{ 'nn-win': cell.is_win == 1 }"
+                           :class="{ 'nn-win': cell.is_win == 1, 'nn-win-banker': cell.is_win == 1 && row === 1 }"
                          >
                            <text class="nn-text" :class="cell.type == 1 ? 'nn-text-red' : 'nn-text-blue'">{{ getNNResultText(cell.result) }}</text>
                            <text class="nn-win-tag" v-if="cell.is_win == 1">WIN</text>
@@ -550,22 +550,22 @@ export default {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
-                   background: #1a1a2e;
+                   background: #1b2838;
 
                    .nn-row {
                        display: flex;
                        flex: 1;
-                       border-bottom: 1px solid #333;
+                       border-bottom: 1px solid #2a3a4a;
 
                        &:last-child { border-bottom: none; }
                    }
 
                    .nn-label {
-                       width: 32px;
+                       width: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
-                       font-size: 9px;
+                       font-size: 10px;
                        font-weight: bold;
                        color: #fff;
                        flex-shrink: 0;
@@ -585,30 +585,34 @@ export default {
                    }
 
                    .nn-cell {
-                       min-width: 36px;
+                       min-width: 38px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
-                       border-right: 1px solid #333;
-                       padding: 0 2px;
-                       position: relative;
+                       border-right: 1px solid #2a3a4a;
+                       padding: 1px 2px;
                    }
 
                    .nn-text {
-                       font-size: 9px;
+                       font-size: 10px;
                        font-weight: bold;
                        &.nn-text-red { color: #e74c3c; }
-                       &.nn-text-blue { color: #5dade2; }
+                       &.nn-text-blue { color: #7cb9e8; }
                    }
 
                    .nn-win-tag {
                        font-size: 7px;
                        color: #fff;
                        background: #2c5fa1;
-                       padding: 0 2px;
+                       padding: 0 3px;
                        border-radius: 2px;
-                       line-height: 1.3;
+                       line-height: 1.4;
+                       margin-top: 1px;
+                   }
+
+                   .nn-cell.nn-win-banker .nn-win-tag {
+                       background: #c0392b;
                    }
                }