update: style

frontend/app/components/common/Topbar.tsx

@@ -54,15 +54,15 @@ export function Topbar({
           <span
             className={`size-[7px] rounded-full ${
               apiOnline
-                ? "bg-[#19b878] shadow-[0_0_0_3px_rgb(25_184_120_/_11%)]"
-                : "bg-[#d05151] shadow-[0_0_0_3px_rgb(208_81_81_/_10%)]"
+                ? "bg-[#19b878] ring-3 ring-success/10"
+                : "bg-[#d05151] ring-3 ring-danger/10"
             }`}
           />
           {apiOnline ? "服务已连接" : "服务未连接"}
         </div>
         <div className="relative flex items-center gap-[9px]">
           <button
-            className="flex h-[46px] cursor-pointer items-center gap-[9px] rounded-lg border border-[#e0e7ee] bg-white px-[11px] hover:border-[#b9cce0]"
+            className="flex h-[46px] cursor-pointer items-center gap-[9px] rounded-lg border border-line bg-white px-[11px] hover:border-[#b9cce0]"
             type="button"
             onClick={() => onSetWorkspaceMenuOpen(!workspaceMenuOpen)}
           >
@@ -78,7 +78,7 @@ export function Topbar({
             <ChevronRight size={15} />
           </button>
           {workspaceMenuOpen && (
-            <div className="absolute top-[calc(100%+7px)] right-0 z-50 w-[260px] rounded-lg border border-[#dce5ed] bg-white p-1.5 shadow-[0_14px_38px_rgb(17_43_70_/_18%)]">
+            <div className="absolute top-[calc(100%+7px)] right-0 z-50 w-[260px] rounded-lg border border-line bg-white p-1.5 shadow-lg">
               {workspaces.map((workspace) => {
                 const isSelected =
                   workspace.workspace_id === currentWorkspace.workspace_id;