From afab936d708ad3d6014789326f3143d642db74f7 Mon Sep 17 00:00:00 2001
From: handsomezhuzhu <2658601135@qq.com>
Date: Sat, 20 Dec 2025 22:02:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Clock.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/Clock.tsx b/src/components/Clock.tsx
index 70227f4..49309cd 100644
--- a/src/components/Clock.tsx
+++ b/src/components/Clock.tsx
@@ -34,9 +34,24 @@ const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = tru
   const minutesStr = rawMinutes.toString().padStart(2, '0');
   const secondsStr = rawSeconds.toString().padStart(2, '0');
 
+  const weekday = time.toLocaleDateString('en-US', { weekday: 'short' }).toUpperCase();
+  const month = (time.getMonth() + 1).toString().padStart(2, '0');
+  const day = time.getDate().toString().padStart(2, '0');
+  const datePart = `${month}/${day}`;
+
   return (
     <div className="flex flex-col items-center select-none text-white drop-shadow-2xl">
       <div className="flex items-baseline font-light tracking-tight">
+        {/* Short Date (Left side, stacked) */}
+        <div className="relative mr-2 md:mr-3">
+          <span className="absolute bottom-full right-0 mb-1 text-xs md:text-sm font-light text-white/60 tracking-widest uppercase whitespace-nowrap">
+            {weekday}
+          </span>
+          <span className="text-base md:text-xl font-light text-white/80 tracking-widest leading-none">
+            {datePart}
+          </span>
+        </div>
+
         {/* Hours */}
         <span className="text-5xl md:text-6xl lg:text-7xl font-sans font-extralight tracking-tighter tabular-nums text-white/95">
           {hoursStr}
@@ -67,9 +82,9 @@ const Clock: React.FC<ClockProps> = ({ showSeconds = true, use24HourFormat = tru
         )}
       </div>
 
-      {/* Date Display */}
+      {/* Motto */}
       <div className="mt-4 text-lg md:text-xl font-light text-white/70 tracking-widest uppercase">
-        {time.toLocaleDateString(language === 'zh' ? 'zh-CN' : 'en-US', { weekday: 'long', month: 'long', day: 'numeric' })}
+        同是天涯沦落人，相逢何必曾相识
       </div>
     </div>
   );