feat: refresh storefront ui

frontend/src/App.css

@@ -1,15 +1,13 @@
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&display=swap');
 
 body {
-  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  background: #f5f5f5;
-  color: #333;
+  font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  color: var(--ink);
+}
+
+#root,
+.App {
+  min-height: 100vh;
 }
 
 .app {
@@ -25,32 +23,17 @@ body {
   width: 100%;
 }
 
-/* Scrollbar */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: #f1f1f1;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #c1c1c1;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #a8a8a8;
-}
-
-/* Ant Design Overrides */
 .ant-btn-primary {
-  background: #ff5a5a;
-  border-color: #ff5a5a;
+  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);
+  border-color: transparent;
+  box-shadow: none;
 }
 
 .ant-btn-primary:hover {
-  background: #ff7070 !important;
-  border-color: #ff7070 !important;
+  background: linear-gradient(135deg, #f07869 0%, #df5545 100%) !important;
+  border-color: transparent !important;
+}
+
+.ant-tag {
+  border-radius: 999px;
 }