收敛 PC 工作台视觉 05-27-pc-frontend-visual-consistency-wave1

client/src/components/navigation/NavLinks.tsx

@@ -75,10 +75,10 @@ function renderNavItem(item: ResolvedNavItem, onNavigate?: () => void) {
       onClick={() => onNavigate?.()}
       className={({ isActive }) =>
         cn(
-          "group flex items-center gap-3 rounded-2xl px-3 py-2.5 text-sm transition duration-200",
+          "group flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm transition duration-150",
           isActive
-            ? "bg-primary text-white shadow-sm"
-            : "text-[var(--color-text-secondary)] hover:-translate-y-0.5 hover:bg-white/70 hover:text-[var(--color-text-primary)] hover:shadow-sm",
+            ? "bg-primary/10 text-primary ring-1 ring-primary/10"
+            : "text-[var(--color-text-secondary)] hover:bg-slate-50 hover:text-[var(--color-text-primary)]",
         )
       }
     >
@@ -86,9 +86,9 @@ function renderNavItem(item: ResolvedNavItem, onNavigate?: () => void) {
         <>
           <span
             className={cn(
-              "flex size-9 items-center justify-center rounded-xl border text-[20px] transition-colors",
+              "flex size-9 items-center justify-center rounded-lg border text-[20px] transition-colors",
               isActive
-                ? "border-white/15 bg-white/15 text-white"
+                ? "border-primary/15 bg-white text-primary"
                 : "border-slate-200 bg-white text-[var(--color-text-tertiary)] group-hover:border-slate-300 group-hover:text-primary",
             )}
           >

client/src/components/navigation/Sidebar.tsx

@@ -3,19 +3,19 @@ import { NavLinks } from "./NavLinks";
 
 export function Sidebar() {
   return (
-    <aside className="fixed inset-y-0 z-20 hidden w-72 overflow-hidden border-r border-slate-200 bg-white/92 shadow-[18px_0_50px_rgba(15,23,42,0.08)] backdrop-blur-xl lg:flex lg:flex-col">
-      <div className="border-b border-slate-200 px-6 py-6">
+    <aside className="fixed inset-y-0 z-20 hidden w-72 overflow-hidden border-r border-slate-200 bg-white/96 shadow-[8px_0_24px_rgba(15,23,42,0.045)] lg:flex lg:flex-col">
+      <div className="border-b border-slate-200 px-6 py-5">
         <AppBrand />
-        <div className="mt-5 overflow-hidden rounded-3xl border border-slate-200 bg-[linear-gradient(135deg,rgba(0,57,138,0.08),rgba(19,168,184,0.10))] px-4 py-4 text-sm text-[var(--color-text-secondary)]">
+        <div className="mt-4 overflow-hidden rounded-xl border border-slate-200 bg-slate-50 px-3.5 py-3 text-sm text-[var(--color-text-secondary)]">
           <div className="flex items-center gap-2 font-semibold text-[var(--color-text-primary)]">
             <span className="size-2 rounded-full bg-primary" />
             今日工作台
           </div>
-          <div className="mt-2 leading-6">待处理、团队状态和常用入口。</div>
+          <div className="mt-1.5 leading-6">待处理、团队状态和常用入口。</div>
         </div>
       </div>
 
-      <div className="min-h-0 flex-1 overflow-y-auto px-4 py-5 [scrollbar-width:thin]">
+      <div className="min-h-0 flex-1 overflow-y-auto px-4 py-4 [scrollbar-width:thin]">
         <NavLinks />
       </div>
     </aside>

client/src/components/navigation/Topbar.tsx

@@ -135,7 +135,7 @@ export function Topbar() {
 
   return (
     <>
-      <header className="sticky top-0 z-10 border-b border-slate-200/80 bg-white/88 px-4 py-3 shadow-[0_10px_30px_rgba(15,23,42,0.06)] backdrop-blur-xl sm:px-8">
+      <header className="sticky top-0 z-10 border-b border-slate-200/80 bg-white/94 px-4 py-3 shadow-[0_4px_14px_rgba(15,23,42,0.035)] sm:px-8">
         <div className="flex items-center justify-between gap-4">
           <div className="flex min-w-0 items-center gap-3">
             <Dialog open={mobileNavOpen} onOpenChange={setMobileNavOpen}>

client/src/components/ui/button.tsx

@@ -8,8 +8,8 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-[var(--color-accent-primary)] text-white shadow-sm hover:-translate-y-0.5 hover:bg-[var(--color-accent-primary-hover)] hover:shadow-md",
-        secondary: "border border-slate-200 bg-white/90 text-slate-700 shadow-sm hover:-translate-y-0.5 hover:bg-white hover:shadow-md",
+        default: "bg-[var(--color-accent-primary)] text-white shadow-sm hover:bg-[var(--color-accent-primary-hover)]",
+        secondary: "border border-slate-200 bg-white/90 text-slate-700 shadow-sm hover:border-slate-300 hover:bg-white",
         outline: "border border-slate-200 bg-transparent text-slate-900 hover:bg-white/80",
         destructive: "bg-red-600 text-white hover:bg-red-700 shadow-sm",
         ghost: "bg-transparent text-slate-700 hover:bg-slate-100",