From 45891cec8b1fc4720cc7691f1c651c558e4ecf36 Mon Sep 17 00:00:00 2001
From: M1ngdaXie <156019134+M1ngdaXie@users.noreply.github.com>
Date: Thu, 26 Mar 2026 15:20:05 -0700
Subject: [PATCH] =?UTF-8?q?feat(pixel):=20restyle=20dock=20=E2=80=94=20sha?=
 =?UTF-8?q?rp=20corners,=20hard=20shadow,=20cyan=20dot,=20steps()=20hover?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dock/Dock.css | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/components/Dock/Dock.css b/src/components/Dock/Dock.css
index 9e8a52a..43c760f 100644
--- a/src/components/Dock/Dock.css
+++ b/src/components/Dock/Dock.css
@@ -10,13 +10,11 @@
   display: flex;
   align-items: flex-end;
   gap: 6px;
-  background: rgba(30, 30, 40, 0.52);
-  backdrop-filter: var(--glass-blur);
-  -webkit-backdrop-filter: var(--glass-blur);
-  border: 1px solid var(--glass-border);
-  border-radius: 18px;
+  background: #0d0d1a;
+  border: 2px solid #333333;
+  border-radius: 0;
   padding: 8px 12px;
-  box-shadow: 0 4px 28px rgba(0,0,0,0.4);
+  box-shadow: 3px 3px 0 #000000;
 }
 
 .dock-item {
@@ -35,18 +33,19 @@
 .dock-icon {
   width: 48px;
   height: 48px;
-  border-radius: 12px;
+  border-radius: 0;
+  border: 2px solid #000;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
-  transition: transform 0.15s ease;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+  transition: transform 0.1s steps(2);
+  box-shadow: 2px 2px 0 #000;
 }
 
 .dock-dot {
   width: 4px;
   height: 4px;
-  border-radius: 50%;
-  background: rgba(255,255,255,0.7);
+  border-radius: 0;
+  background: var(--pixel-cyan);
 }