From b5a564155742d7bc68d6f2f8f3c06300bb38ec85 Mon Sep 17 00:00:00 2001
From: testadmin <admin@163.com>
Date: Fri, 1 May 2026 22:09:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=8D=B7=E5=AE=98=E7=AB=AF=E5=80=92?=
 =?UTF-8?q?=E8=AE=A1=E6=97=B6=E5=92=8C=E5=BC=80=E7=89=8C=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E7=BC=A9=E5=B0=8F=E7=A7=BB=E8=87=B3=E5=8F=B3=E4=B8=8A=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .countdown 从屏幕中央(28%/37%)移到右上角(8px)，字体从13vw缩至4vw
- .result-box 从屏幕中央(40%/40%/320px)移到右上角(8px/120px)
- index_tab.css 同步调整(210px→80px, 60px→32px)
---
 public/static/handle/css/common.css    | 23 +++++++++++------------
 public/static/handle/css/index_tab.css | 14 +++++++-------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/public/static/handle/css/common.css b/public/static/handle/css/common.css
index 8508ba8..7f360b4 100644
--- a/public/static/handle/css/common.css
+++ b/public/static/handle/css/common.css
@@ -676,14 +676,15 @@ margin-left: 0;
 
     position:absolute;
     display: none;
-    top: 28%;
-    left: 37%;
+    top: 8px;
+    right: 8px;
+    left: auto;
 }
 .countdown .grab-count{
     background: url(../img/count.png) no-repeat;
     background-size: 100% 100%;
-    width: 27vw;
-    height: 27vw;
+    width: 8vw;
+    height: 8vw;
 }
 .round-txt-item {  position: absolute;width: 100%;  top:0;  }
 .top-sec .count-active{animation:  myMove1  6s 0s linear  infinite;}
@@ -711,13 +712,13 @@ margin-left: 0;
 
 
 .countdown .num{
-    font-size: 13vw;
+    font-size: 4vw;
     position: absolute;
     font-weight: 500;
     z-index: 999;
     text-align: center;
     text-shadow: 0px 1px 0px #555;
-    line-height: 27vw;
+    line-height: 8vw;
     color: #eee;
     border-radius: 50%;
     background-color: rgba(0,0,0,0.5);
@@ -786,12 +787,10 @@ margin-left: 0;
 .result-box{
     position: fixed;
     z-index: 1000;
-    top: 40%;
-    left: 40%;
-    width: 320px;
-
-    /* -webkit-animation: bounceIn .5s 0s ease both;
-     -moz-animation: bounceIn .5s 0s ease both;*/
+    top: 8px;
+    right: 8px;
+    left: auto;
+    width: 120px;
 }
 
 .result-box.blink{
diff --git a/public/static/handle/css/index_tab.css b/public/static/handle/css/index_tab.css
index 83b8d3b..e6e174e 100644
--- a/public/static/handle/css/index_tab.css
+++ b/public/static/handle/css/index_tab.css
@@ -587,11 +587,11 @@ body{
     display: none;
     position: absolute;
     z-index: 999;
-    width: 210px;
-    height: 210px;
-    /*background: rgba(21, 34, 34, 0.71);*/
-    bottom: 5px;
-    right: 5px;
+    width: 80px;
+    height: 80px;
+    top: 8px;
+    right: 8px;
+    bottom: auto;
 }
 .countdown .roll{
     position: absolute;
@@ -611,12 +611,12 @@ body{
 
 .countdown .num{
     color: #fff;
-    font-size: 60px;
+    font-size: 32px;
     position: relative;
     font-weight: 500;
     z-index: 999;
     text-align: center;
-    line-height: 210px;
+    line-height: 80px;
     text-shadow: 0px 1px 0px #555;
 }