上传更改

src/index.css

@@ -67,10 +67,33 @@ html, body {
 	--md-shape-lg: 16px;
 	--md-shape-xl: 28px;
 	--md-shape-full: 9999px;
+	/* Spacing */
+	--md-spacing-xs: 4px;
+	--md-spacing-sm: 8px;
+	--md-spacing-md: 12px;
+	--md-spacing-lg: 16px;
+	--md-spacing-xl: 24px;
+	--md-spacing-2xl: 32px;
+	--md-spacing-3xl: 48px;
+	/* Typography */
+	--md-font-xs: 11px;
+	--md-font-sm: 12px;
+	--md-font-base: 13px;
+	--md-font-md: 14px;
+	--md-font-lg: 16px;
+	--md-font-xl: 18px;
+	--md-font-2xl: 24px;
+	--md-font-3xl: 32px;
 	/* Elevation */
+	--md-elevation-0: none;
 	--md-elevation-1: 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.06);
 	--md-elevation-2: 0 1px 2px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.08);
 	--md-elevation-3: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.08);
+	--md-elevation-4: 0 2px 4px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.10);
+	/* Transition */
+	--md-transition-fast: 0.15s ease;
+	--md-transition-normal: 0.2s ease;
+	--md-transition-slow: 0.3s ease;
 
 	font-family: 'Google Sans', 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
 		'Noto Sans SC', sans-serif;
@@ -95,6 +118,7 @@ a {
 	font-weight: 500;
 	color: var(--md-primary);
 	text-decoration: none;
+	transition: color var(--md-transition-fast);
 }
 
 a:hover {
@@ -103,8 +127,8 @@ a:hover {
 
 /* Scrollbar */
 ::-webkit-scrollbar {
-	width: 6px;
-	height: 6px;
+	width: 5px;
+	height: 5px;
 }
 
 ::-webkit-scrollbar-track {
@@ -114,17 +138,30 @@ a:hover {
 ::-webkit-scrollbar-thumb {
 	background: var(--md-outline-variant);
 	border-radius: var(--md-shape-full);
+	transition: background var(--md-transition-fast);
 }
 
 ::-webkit-scrollbar-thumb:hover {
 	background: var(--md-outline);
 }
 
-/* Ant Design table row hover */
+/* Ant Design overrides */
 .ant-table-tbody > tr:hover > td {
 	background: var(--md-primary-container) !important;
 }
 
+.ant-btn {
+	transition: all var(--md-transition-normal);
+}
+
+.ant-card {
+	transition: box-shadow var(--md-transition-normal);
+}
+
+.ant-tag {
+	border: none;
+}
+
 /* Animations */
 @keyframes pulse {
 	0% { opacity: 1; }
@@ -141,3 +178,8 @@ a:hover {
 	from { transform: translateX(-100%); }
 	to { transform: translateX(0); }
 }
+
+@keyframes shimmer {
+	0% { background-position: -200% 0; }
+	100% { background-position: 200% 0; }
+}