update

Author: DoroWolf

src/App.vue

@@ -85,7 +85,7 @@ const {
 } = useBoardDisplay()
 
 // ---- pieceScale（由 BoardPanel 通过事件更新） ----
-const pieceScale = ref(1.5)
+const pieceScale = ref(2)
 
 // ---- 游戏核心状态（含棋钟、拖拽、音效、走棋） ----
 const game = useGameState(isSoundEnabled, isFlipped)
@@ -157,6 +157,7 @@ onUnmounted(() => {
   align-items: center;
   box-sizing: border-box;
   padding: 20px;
+  padding-top: 40px;
   font-family: 'Unifont', system-ui, -apple-system, sans-serif;
   color: var(--color-text-primary);
   gap: 1rem;

src/components/BoardPanel.vue

@@ -283,6 +283,9 @@ watch(pieceScale, (val) => {
   cursor: grab;
   z-index: 10;
   transition: opacity 0.1s ease;
+  will-change: transform;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
 }
 
 .piece.dragging-hidden {

src/components/GameSetup.vue

@@ -9,7 +9,7 @@
             <div class="home-buttons">
                 <button class="btn btn-home" @click="startSetup('ai')">人机对局</button>
                 <button class="btn btn-home" @click="startSetup('human')">双人对局</button>
-                <button class="btn btn-home btn-home--secondary" @click="handleRemote">远程对局</button>
+                <button class="btn btn-home" :disabled=true @click="handleRemote">远程对局</button>
             </div>
         </section>
 
@@ -341,26 +341,6 @@ const handleStart = () => {
     padding: 14px 0;
     font-size: 1.15rem;
     font-weight: 600;
-    border: 2px solid var(--color-surface-border);
-    background: var(--color-surface);
-    color: var(--color-text-primary);
-    cursor: pointer;
-    transition: background-color 0.15s, color 0.15s;
-}
-
-.btn-home:hover {
-    background: var(--color-surface-border);
-    color: var(--color-text-on-primary);
-}
-
-.btn-home--secondary {
-    border-color: var(--color-border-secondary);
-    color: var(--color-text-muted);
-}
-
-.btn-home--secondary:hover {
-    background: var(--color-border-secondary);
-    color: var(--color-text-on-primary);
 }
 
 .setup-panel {

src/components/Sidebar.vue

@@ -8,8 +8,9 @@
         <span v-if="materialDiffText" class="material-diff-text">{{ materialDiffText }}</span>
         <span v-else class="material-diff-text"></span>
       </div>
-      <button type="button" class="btn flip-sidebar-btn" title="翻转棋盘" @click="$emit('toggle-flip')">
+      <button type="button" class="btn btn-flip" title="翻转棋盘" @click="$emit('toggle-flip')">
         <span class="btn-icon" v-html="refreshSvg"></span>
+        <span>翻转棋盘</span>
       </button>
     </div>
 
@@ -538,6 +539,24 @@ const materialDiffText = computed(() => {
   width: auto;
 }
 
+.btn-flip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.2rem;
+  line-height: 1;
+  padding: 0.4rem 0.6rem;
+}
+
+.btn-flip .btn-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+}
+
 .btn-icon :deep(svg) {
   width: 100%;
   height: 100%;

src/composables/useGameState.ts

@@ -1354,9 +1354,22 @@ export function useGameState(
     cancelAIMove()
     isAIThinking.value = true
 
+    // 获取 AI 方当前棋钟剩余时间（秒），转换为毫秒
+    const aiTimeRemainingSec = aiColor === 'white' ? whiteTimeSeconds.value : blackTimeSeconds.value
+    const aiTimeRemainingMs = aiTimeRemainingSec !== null ? aiTimeRemainingSec * 1000 : null
+
     // 模拟 AI 思考延迟（让棋钟有时间走动）
-    // 基础延迟 500ms + 根据难度随机追加 0~difficulty*500ms
-    const baseDelay = 1000
+    // 基础延迟 1000ms + 根据难度随机追加，并根据剩余时间动态缩减
+    let baseDelay = 1000
+    if (aiTimeRemainingMs !== null) {
+      if (aiTimeRemainingMs < 10_000) {
+        baseDelay = 100   // 不足 10 秒：几乎立即响应
+      } else if (aiTimeRemainingMs < 30_000) {
+        baseDelay = 200   // 不足 30 秒：快速响应
+      } else if (aiTimeRemainingMs < 60_000) {
+        baseDelay = 500   // 不足 60 秒：较快响应
+      }
+    }
     const randomExtra = Math.random() * (6 - aiDifficulty.value) * 500
     const thinkDelay = baseDelay + randomExtra
 
@@ -1461,6 +1474,7 @@ export function useGameState(
           difficulty: aiDifficulty.value,
           style: aiStyle.value,
           lastMove: plainLastMove,
+          aiTimeRemainingMs: aiTimeRemainingMs ?? undefined,
         })
       } catch (err) {
         console.error('Failed to post message to AI Worker:', err)

src/models/engine/search.ts

@@ -30,9 +30,10 @@ export async function getBestAIMove(
   difficulty: AIDifficulty,
   style: AIStyle,
   lastMove: { from: Square; to: Square } | null,
+  aiTimeRemainingMs?: number,
 ): Promise<AIDetailedMove | null> {
-  // 初始化搜索状态
-  initSearchState(b, color, style, difficulty, lastMove)
+  // 初始化搜索状态（传递 AI 方棋钟剩余时间，低时间时自动缩减搜索深度）
+  initSearchState(b, color, style, difficulty, lastMove, aiTimeRemainingMs)
 
   // 清空杀手走法
   for (let d = 0; d < MAX_DEPTH; d++) {

src/models/engine/searchState.ts

@@ -22,6 +22,7 @@ export let searchStartTime: number = 0
 export let searchTimeLimit: number = 0
 export let searchStopped: boolean = false
 export let searchNodes: number = 0
+export let searchAITimeRemainingMs: number | null = null
 
 // Setter 函数——因为 let 导出的变量在其他模块中不可直接赋值
 export function setSearchHash(v: number): void { searchHash = v }
@@ -198,7 +199,7 @@ export function getCastlingRights(b: Board): CastlingRights {
 // ============================================================
 // 初始化搜索状态
 // ============================================================
-export function initSearchState(b: Board, color: Color, style: AIStyle, difficulty: number, lastMove: { from: { row: number; col: number }; to: { row: number; col: number } } | null): void {
+export function initSearchState(b: Board, color: Color, style: AIStyle, difficulty: number, lastMove: { from: { row: number; col: number }; to: { row: number; col: number } } | null, aiTimeRemainingMs?: number): void {
   board = b
   searchColor = color
   searchStyle = style
@@ -213,7 +214,22 @@ export function initSearchState(b: Board, color: Color, style: AIStyle, difficul
     4: 1000,
     5: 2500,
   }
-  searchTimeLimit = timeLimitMap[difficulty] ?? 500
+  const baseTimeLimit = timeLimitMap[difficulty] ?? 500
+
+  searchAITimeRemainingMs = aiTimeRemainingMs ?? null
+  if (searchAITimeRemainingMs !== null) {
+    if (searchAITimeRemainingMs < 10_000) {
+      searchTimeLimit = Math.min(baseTimeLimit, 50)
+    } else if (searchAITimeRemainingMs < 30_000) {
+      searchTimeLimit = Math.max(30, baseTimeLimit * 0.25)
+    } else if (searchAITimeRemainingMs < 60_000) {
+      searchTimeLimit = Math.max(40, baseTimeLimit * 0.5)
+    } else {
+      searchTimeLimit = baseTimeLimit
+    }
+  } else {
+    searchTimeLimit = baseTimeLimit
+  }
 
   // 初始化增量追踪（王位置和子力）
   const wk = findKing(b, 'white')

src/workers/ai-worker.ts

@@ -11,6 +11,7 @@ interface WorkerRequest {
   difficulty: number
   style: string
   lastMove: { from: Square; to: Square } | null
+  aiTimeRemainingMs?: number
 }
 
 interface WorkerResponse {
@@ -42,6 +43,7 @@ self.onmessage = async (e: MessageEvent<WorkerRequest>) => {
       difficulty as 1 | 2 | 3 | 4 | 5,
       style as 'balanced' | 'aggressive' | 'defensive' | 'unpredictable',
       lastMove,
+      e.data.aiTimeRemainingMs,
     )
 
     const response: WorkerResponse = {