From 607624695dac81e74c885fb3ef4adec0344ed54e Mon Sep 17 00:00:00 2001
From: thzxx <1440196015@qq.com>
Date: Sun, 23 Aug 2026 12:35:42 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=A1=B6=E6=A0=8F=E6=8E=A8=E8=BF=9B?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=8D=B0=E7=AB=A0=E5=8C=96=EF=BC=88=E6=AD=A2?=
 =?UTF-8?q?/=E7=BC=93/=E9=80=9F/=E7=96=BE/=E6=9C=88=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 取代散乱 unicode（‖▸▸▸↦）：汉字单字印钮——止(暂停)/缓/速/疾(三档速度)/月(推进)
- 印章风：34x26 圆角印钮、墨底金边、hover 描边浮起、按压回落；
  选中态金底渐变；「月」钮加宽+金字强调，与速度组区分
- build 通过（937 测试保持全绿）
---
 src/renderer/ui/screens/GameScreen.tsx | 10 +++---
 src/renderer/ui/styles.css             | 43 +++++++++++++++++++-------
 2 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/renderer/ui/screens/GameScreen.tsx b/src/renderer/ui/screens/GameScreen.tsx
index 6eab2ec..b434afb 100644
--- a/src/renderer/ui/screens/GameScreen.tsx
+++ b/src/renderer/ui/screens/GameScreen.tsx
@@ -56,11 +56,11 @@ export default function GameScreen() {
           {s.year}年{s.month}月 · 第{fam.generation}代 · 声望{fam.reputation}
         </div>
         <div className="speed-ctl">
-          <button className={`speed-btn ${speed === 0 ? 'sel' : ''}`} onClick={() => setSpeed(0)}>‖</button>
-          <button className={`speed-btn ${speed === 1 ? 'sel' : ''}`} onClick={() => setSpeed(1)}>▸</button>
-          <button className={`speed-btn ${speed === 2 ? 'sel' : ''}`} onClick={() => setSpeed(2)}>▸▸</button>
-          <button className={`speed-btn ${speed === 3 ? 'sel' : ''}`} onClick={() => setSpeed(3)}>▸▸▸</button>
-          <button className="speed-btn" title="推进一月" onClick={() => void advance()}>↦</button>
+          <button className={`speed-btn ${speed === 0 ? 'sel' : ''}`} title="暂停时间">止</button>
+          <button className={`speed-btn ${speed === 1 ? 'gel' : ''}`} title="缓行（约3月/秒）" onClick={() => setSpeed(1)}>缓</button>
+          <button className={`speed-btn ${speed === 2 ? 'gel' : ''}`} title="常速（约半秒/月）" onClick={() => setSpeed(2)}>速</button>
+          <button className={`speed-btn ${speed === 3 ? 'gel' : ''}`} title="疾进（约1月/秒）" onClick={() => setSpeed(3)}>疾</button>
+          <button className="speed-btn tick-now" title="推进一月" onClick={() => void advance()}>月</button>
         </div>
         <div className="ress">
           {RES_INFO.map((r) => (
diff --git a/src/renderer/ui/styles.css b/src/renderer/ui/styles.css
index ffd7cb4..74982c8 100644
--- a/src/renderer/ui/styles.css
+++ b/src/renderer/ui/styles.css
@@ -559,28 +559,49 @@ body {
 .speed-ctl {
   display: flex;
   align-items: center;
-  gap: 1px;
+  gap: 4px;
 }
 .speed-btn {
-  width: 30px;
-  height: 30px;
-  background: rgba(10, 8, 5, 0.6);
-  border: 1px solid #33291a;
-  color: #8f8264;
+  width: 34px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(180deg, #241a0e, #1a130a);
+  border: 1px solid #4a3a22;
+  color: #9f8f6c;
+  font-size: 0.8rem;
   cursor: pointer;
   font-family: inherit;
-  font-size: 0.85rem;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 0 rgba(255, 240, 200, 0.06), 0 2px 5px rgba(0, 0, 0, 0.45);
   transition: all 0.15s;
+  user-select: none;
 }
 .speed-btn:hover {
+  border-color: #8a6d2f;
   color: #d8c392;
-  border-color: #5b4a2e;
+  transform: translateY(-1px);
 }
-.speed-btn.sel {
+.speed-btn:active {
+  transform: translateY(0);
+}
+.speed-btn.sel,
+.speed-btn.gel {
   background: linear-gradient(180deg, #4a3620, #352718);
   border-color: var(--gold);
-  color: var(--gold-soft);
-  box-shadow: inset 0 0 8px rgba(179, 145, 62, 0.3);
+  color: #e8cf96;
+  box-shadow: inset 0 0 8px rgba(179, 145, 62, 0.35), 0 2px 5px rgba(0, 0, 0, 0.45);
+}
+.speed-btn.tick-now {
+  width: 40px;
+  border-color: #7a5a26;
+  color: #d8ad6e;
+  font-weight: 700;
+}
+.speed-btn.tick-now:hover {
+  border-color: var(--gold-soft);
+  color: #f0d9a8;
 }
 
 .ress {