R67 A1-A6：官网风格前端 UI 刷新

client/src/layouts/AppShellLayout.tsx

@@ -20,13 +20,14 @@ export function AppShellLayout() {
   }, [location.pathname]);
 
   return (
-    <div className="flex min-h-screen bg-[var(--color-bg-canvas)]">
+    <div className="relative flex min-h-screen overflow-hidden bg-[var(--color-bg-canvas)]">
+      <div className="pointer-events-none fixed inset-0 -z-10 bg-[radial-gradient(circle_at_12%_8%,rgba(0,57,138,0.10),transparent_28rem),radial-gradient(circle_at_90%_12%,rgba(19,168,184,0.12),transparent_32rem)]" />
       <Sidebar />
 
       <main className="flex min-w-0 flex-1 flex-col lg:ml-72">
         <Topbar />
 
-        <div className={`flex-1 px-4 py-6 sm:px-8 sm:py-8 ${isMobileRoute ? "pb-24 md:pb-8" : ""}`}>
+        <div className={`flex-1 px-4 py-5 sm:px-7 sm:py-7 lg:px-8 ${isMobileRoute ? "pb-24 md:pb-8" : ""}`}>
           <div className="layout-container max-w-none">
             <ErrorBoundary>
               <Outlet />

client/src/layouts/AuthLayout.tsx

@@ -3,27 +3,27 @@ import { AppBrand } from "../components/shell/AppBrand";
 
 export function AuthLayout() {
   return (
-    <div className="min-h-screen bg-[radial-gradient(circle_at_top_left,_rgba(17,24,39,0.08),_transparent_34%),linear-gradient(180deg,_#f8fafc_0%,_#f3f4f6_100%)] px-6 py-10 lg:px-10 lg:py-14">
+    <div className="min-h-screen bg-[radial-gradient(circle_at_14%_0%,rgba(0,57,138,0.12),transparent_32rem),radial-gradient(circle_at_86%_8%,rgba(19,168,184,0.12),transparent_30rem),linear-gradient(180deg,#ffffff_0%,#f5f7f8_42%,#eef2f6_100%)] px-6 py-10 lg:px-10 lg:py-14">
       <div className="mx-auto grid min-h-[calc(100vh-5rem)] max-w-6xl items-center gap-8 lg:grid-cols-[minmax(0,1.05fr),minmax(420px,0.95fr)]">
-        <section className="hidden rounded-[2rem] border border-zinc-200 bg-white/75 p-10 shadow-sm backdrop-blur lg:block">
+        <section className="hidden overflow-hidden rounded-[2rem] border border-slate-200 bg-white/82 p-10 shadow-sm backdrop-blur lg:block">
           <AppBrand />
           <div className="mt-8 space-y-6">
             <div>
-              <div className="text-xs font-semibold uppercase tracking-[0.18em] text-zinc-400">统一入口</div>
-              <h1 className="mt-2 text-4xl font-semibold tracking-tight text-zinc-900">让员工先找到今天要做什么</h1>
-              <p className="mt-3 max-w-xl text-base leading-7 text-zinc-600">
+              <div className="text-xs font-bold uppercase tracking-[0.2em] text-primary">统一入口</div>
+              <h1 className="mt-2 text-4xl font-semibold tracking-tight text-slate-900">让员工先找到今天要做什么</h1>
+              <p className="mt-3 max-w-xl text-base leading-7 text-slate-600">
                 企业微信负责进入和提醒，真正的审批、项目、周报与留痕都在 OA 内完成。
               </p>
             </div>
 
             <div className="grid gap-4 md:grid-cols-2">
               <div className="surface-muted px-5 py-5">
-                <div className="text-sm font-semibold text-zinc-900">主路径稳定</div>
-                <div className="mt-2 text-sm leading-6 text-zinc-600">Portal、团队、请假、报销、资产、周报、待办、公告、项目保持稳定结构。</div>
+                <div className="text-sm font-semibold text-slate-900">主路径稳定</div>
+                <div className="mt-2 text-sm leading-6 text-slate-600">Portal、团队、请假、报销、资产、周报、待办、公告、项目保持稳定结构。</div>
               </div>
               <div className="surface-muted px-5 py-5">
-                <div className="text-sm font-semibold text-zinc-900">入口可回退</div>
-                <div className="mt-2 text-sm leading-6 text-zinc-600">企业微信免登失败时仍可使用账号密码，不让员工猜测下一步。</div>
+                <div className="text-sm font-semibold text-slate-900">入口可回退</div>
+                <div className="mt-2 text-sm leading-6 text-slate-600">企业微信免登失败时仍可使用账号密码，不让员工猜测下一步。</div>
               </div>
             </div>
           </div>