diff --git a/web/src/components/canvas/canvas-config-node-panel.tsx b/web/src/components/canvas/canvas-config-node-panel.tsx
index 729a75224..0255bf8a4 100644
--- a/web/src/components/canvas/canvas-config-node-panel.tsx
+++ b/web/src/components/canvas/canvas-config-node-panel.tsx
@@ -1,4 +1,4 @@
-import { Button, Input, InputNumber, Segmented, Select, Slider } from "antd";
+import { Button, Input, InputNumber, Segmented, Slider } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { useEffect, useState, type CSSProperties, type ReactNode } from "react";
 import { ChevronDown, Dice5, Image as ImageIcon, LoaderCircle, MessageSquare, Music2, Play, Sparkles, Video, Workflow as WorkflowIcon } from "lucide-react";
@@ -17,6 +17,7 @@ import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
 import { workflowProviderPluginEnabled } from "@/lib/plugins/builtin/workflows";
 import { usePluginStore } from "@/stores/use-plugin-store";
 import type { CanvasGenerationMode, CanvasNodeData, CanvasNodeMetadata, CanvasVideoEditOperation, CanvasWorkspaceMode } from "@/types/canvas";
+import { Select } from "@/components/ui/base/select";
 
 type CanvasConfigNodePanelProps = {
     node: CanvasNodeData;
diff --git a/web/src/components/canvas/canvas-script-node.tsx b/web/src/components/canvas/canvas-script-node.tsx
index ad8f627a3..ca3f212d1 100644
--- a/web/src/components/canvas/canvas-script-node.tsx
+++ b/web/src/components/canvas/canvas-script-node.tsx
@@ -1,4 +1,4 @@
-import { Button, Dropdown, Input, InputNumber, Modal, Segmented, Select, Table } from "antd";
+import { Button, Dropdown, Input, InputNumber, Modal, Segmented, Table } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type PointerEvent as ReactPointerEvent, type ReactNode } from "react";
 
@@ -34,6 +34,7 @@ import type {
     StoryboardVideoInputMode,
 } from "@/types/canvas";
 import type { TaskStatus } from "@/services/api/task-center";
+import { Select } from "@/components/ui/base/select";
 
 const STORYBOARD_PROMPT_MIN_HEIGHT = 40;
 const STORYBOARD_PROMPT_MAX_HEIGHT = 116;
diff --git a/web/src/components/canvas/canvas-share-modal.tsx b/web/src/components/canvas/canvas-share-modal.tsx
index b34bdac17..b7dadce97 100644
--- a/web/src/components/canvas/canvas-share-modal.tsx
+++ b/web/src/components/canvas/canvas-share-modal.tsx
@@ -1,10 +1,11 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { App, Button, Input, Modal, Select, Spin } from "antd";
+import { App, Button, Input, Modal, Spin } from "antd";
 import { Copy, Link2, RefreshCw, Share2, Unlink } from "lucide-react";
 
 import { canvasThemes } from "@/lib/canvas-theme";
 import { createCanvasShare, deleteCanvasShare, getCanvasShare, type CanvasShareStatus } from "@/services/api/canvas-share";
 import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
+import { Select } from "@/components/ui/base/select";
 
 export function CanvasShareModal({ projectId, open, onClose, beforeCreate }: { projectId: string; open: boolean; onClose: () => void; beforeCreate: () => Promise<boolean | void> }) {
     const { message, modal } = App.useApp();
diff --git a/web/src/components/canvas/canvas-size-picker.tsx b/web/src/components/canvas/canvas-size-picker.tsx
index ba84dfa8e..6057c94fc 100644
--- a/web/src/components/canvas/canvas-size-picker.tsx
+++ b/web/src/components/canvas/canvas-size-picker.tsx
@@ -1,7 +1,8 @@
 import { useEffect, useRef, useState } from "react";
-import { Select } from "antd";
+
 
 import { cn } from "@/lib/utils";
+import { Select } from "@/components/ui/base/select";
 
 const sizeOptions = ["auto", "1:1", "3:2", "2:3", "4:3", "3:4", "16:9", "9:16"];
 
diff --git a/web/src/components/canvas/canvas-video-segment-dialog.tsx b/web/src/components/canvas/canvas-video-segment-dialog.tsx
index 4f9498dea..1e1df3822 100644
--- a/web/src/components/canvas/canvas-video-segment-dialog.tsx
+++ b/web/src/components/canvas/canvas-video-segment-dialog.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Input, InputNumber, Modal, Segmented, Select } from "antd";
+import { App, Button, Input, InputNumber, Modal, Segmented } from "antd";
 import { AudioLines, Check, ListVideo, Plus, Scissors, SkipBack, SkipForward, Trash2 } from "lucide-react";
 import { nanoid } from "nanoid";
 
@@ -15,6 +15,7 @@ import { resolveMediaUrl } from "@/services/file-storage";
 import { modelDisplayName, type AiConfig } from "@/stores/use-config-store";
 import { type CanvasConnection, type CanvasNodeData, type CanvasVideoEditOperation } from "@/types/canvas";
 import type { TimelineProject } from "@/types/timeline";
+import { Select } from "@/components/ui/base/select";
 
 export type CanvasVideoSegmentItem = CanvasTimelineSegmentItem;
 
diff --git a/web/src/components/canvas/canvas-workspace-asset-panel.tsx b/web/src/components/canvas/canvas-workspace-asset-panel.tsx
index e4784e77b..f708b14cb 100644
--- a/web/src/components/canvas/canvas-workspace-asset-panel.tsx
+++ b/web/src/components/canvas/canvas-workspace-asset-panel.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { App, Button, Select } from "antd";
+import { App, Button } from "antd";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { FileText, Images, Plus, RefreshCw } from "lucide-react";
 import { CachedResourceImage } from "@/components/cached-resource-image";
@@ -10,6 +10,7 @@ import { loadAssetLibraryPage } from "@/services/user-data-sync";
 import { useUserStore } from "@/stores/use-user-store";
 import type { Asset } from "@/stores/use-asset-store";
 import { assetPickerItemsToInsertPayloads, type InsertAssetPayload } from "./asset-picker-modal";
+import { Select } from "@/components/ui/base/select";
 
 const categories: AssetCategory[] = ["material", "character", "environment", "prop", "other"];
 export function CanvasWorkspaceAssetPanel({ onInsert, onManage, onProjectAssets }: { onInsert: (payloads: InsertAssetPayload[]) => Promise<unknown>; onManage: () => void; onProjectAssets?: () => void }) {
diff --git a/web/src/components/canvas/canvas-workspace-tool-panel.tsx b/web/src/components/canvas/canvas-workspace-tool-panel.tsx
index 6a3a8d3c8..4eef7497a 100644
--- a/web/src/components/canvas/canvas-workspace-tool-panel.tsx
+++ b/web/src/components/canvas/canvas-workspace-tool-panel.tsx
@@ -4,7 +4,7 @@ type FeedTab = ToolScope;
 import { memo, useEffect, useMemo, useRef, useState, type UIEvent } from "react";
 import { useInfiniteQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Eye, Loader2, MoreHorizontal, Plus, Star, Trash2, Upload, Wrench, X } from "lucide-react";
-import { App, Button, Dropdown, Form, Input, Radio, Select, Space, type MenuProps } from "antd";
+import { App, Button, Dropdown, Form, Input, Radio, Space, type MenuProps } from "antd";
 
 import { CanvasImagePreview } from "@/components/canvas/canvas-image-preview";
 import { AppModal } from "@/components/ui/product/app-modal";
@@ -13,6 +13,7 @@ import { WorkspaceErrorState, WorkspaceState } from "@/components/layout/workspa
 import { uploadMediaFile } from "@/services/file-storage";
 import { uploadImage } from "@/services/image-storage";
 import { createTool, deleteTool, listTools, setToolFavorite, type ToolScope, type ToolSummary, type ToolType, type ToolVisibility } from "@/services/api/tools";
+import { Select } from "@/components/ui/base/select";
 
 type ToolSubTab = "style" | "effect" | "motion" | "nine_grid";
 
diff --git a/web/src/components/canvas/director/canvas-director-workbench.tsx b/web/src/components/canvas/director/canvas-director-workbench.tsx
index 58efef893..0733e6a5f 100644
--- a/web/src/components/canvas/director/canvas-director-workbench.tsx
+++ b/web/src/components/canvas/director/canvas-director-workbench.tsx
@@ -1,4 +1,4 @@
-import { App, Button, ColorPicker, Dropdown, Input, InputNumber, Select, Slider } from "antd";
+import { App, Button, ColorPicker, Dropdown, Input, InputNumber, Slider } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import type { MenuProps } from "antd";
 import { Box, BoxSelect, Camera, Circle, Cuboid, FileUp, Focus, Image as ImageIcon, LampDesk, Lightbulb, Plus, Redo2, RotateCcw, Save, Trash2, Undo2, UserRound, Video, X } from "lucide-react";
@@ -30,6 +30,7 @@ import { useDirectorWorkbenchStore } from "@/stores/canvas/use-director-workbenc
 import { useActiveTheme } from "@/stores/canvas/use-canvas-theme-store";
 import type { CanvasNodeData } from "@/types/canvas";
 import type { DirectorCamera, DirectorCameraMove, DirectorHumanoidBone, DirectorKeyframeDeleteTarget, DirectorKeyframeEasing, DirectorLight, DirectorObject, DirectorPose, DirectorQuat, DirectorRenderMode, DirectorRig, DirectorScene, DirectorSceneOutput, DirectorShot, DirectorShotSize, DirectorTransform, DirectorVec3 } from "@/types/director";
+import { Select } from "@/components/ui/base/select";
 
 export function CanvasDirectorWorkbench({ open, scene, imageNodes, onboardingScope, onClose, onChange, onApply, onDeleteImageNode, onFlush }: { open: boolean; scene: DirectorScene | null; imageNodes: CanvasNodeData[]; onboardingScope: string; onClose: () => void; onChange: (scene: DirectorScene) => void; onApply: (output: DirectorSceneOutput) => Promise<void>; onDeleteImageNode: (nodeId: string) => void; onFlush?: () => void | Promise<void> }) {
     const { message, modal } = App.useApp();
diff --git a/web/src/components/canvas/style-asset-binding-modal.tsx b/web/src/components/canvas/style-asset-binding-modal.tsx
index ca180eb3c..5ba78c9b0 100644
--- a/web/src/components/canvas/style-asset-binding-modal.tsx
+++ b/web/src/components/canvas/style-asset-binding-modal.tsx
@@ -1,9 +1,10 @@
 import { useEffect, useMemo, useState, type ReactNode } from "react";
-import { Button, Input, InputNumber, Select } from "antd";
+import { Button, Input, InputNumber } from "antd";
 import { AppModal } from "@/components/ui/product/app-modal";
 import { Switch } from "@/components/ui/base/switch";
 import { AlertTriangle, Box, Check, FileImage, Link2, Plus, Save, SlidersHorizontal, Trash2 } from "lucide-react";
 import { nanoid } from "nanoid";
+import { Select } from "@/components/ui/base/select";
 
 import {
     createStyleProfileSnapshot,
diff --git a/web/src/components/canvas/style-profile-editor-modal.tsx b/web/src/components/canvas/style-profile-editor-modal.tsx
index 6349dd0c3..0a14c0f24 100644
--- a/web/src/components/canvas/style-profile-editor-modal.tsx
+++ b/web/src/components/canvas/style-profile-editor-modal.tsx
@@ -1,10 +1,11 @@
 import { useEffect, useMemo, useState, type ReactNode } from "react";
-import { App, Button, Input, Segmented, Select } from "antd";
+import { App, Button, Input, Segmented } from "antd";
 import { AppModal } from "@/components/ui/product/app-modal";
 import { Braces, Image, Layers3, Save, Sparkles } from "lucide-react";
 
 import { StyleAssetBindingModal } from "@/components/canvas/style-asset-binding-modal";
 import { createStyleProfileSnapshot, styleProfileValidationMessage, type StyleProfileSnapshot } from "@/lib/canvas/style-profile";
+import { Select } from "@/components/ui/base/select";
 
 type EditorSection = "identity" | "prompt" | "execution";
 
diff --git a/web/src/components/layout/user-oss-settings-form.tsx b/web/src/components/layout/user-oss-settings-form.tsx
index 03ed57556..ee5bac588 100644
--- a/web/src/components/layout/user-oss-settings-form.tsx
+++ b/web/src/components/layout/user-oss-settings-form.tsx
@@ -1,12 +1,13 @@
-import { App, Button, Form, Input, Select, Tag } from "antd";
+import { App, Button, Form, Input, Tag } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { Cloud, ShieldCheck } from "lucide-react";
 import { useEffect, useState } from "react";
 
-import { changesRequireOSSRetest, DEFAULT_OSS_PATH_PREFIX, getS3PresetHints, S3_PRESET_OPTIONS, type OSSConnectionTestResult, type OSSProvider, type S3Preset } from "@/lib/oss-settings";
+import { changesRequireOSSRetest, DEFAULT_OSS_PATH_PREFIX, getS3PresetHints, S3_PRESET_OPTIONS, validateOSSConnectionDraft, type OSSConnectionTestResult, type OSSProvider, type S3Preset } from "@/lib/oss-settings";
 import { getUserOSSSetting, testUserOSSConnection, updateUserOSSSetting, type UserOSSSetting } from "@/services/api/resources";
 import { useUserStore } from "@/stores/use-user-store";
 import { StatusBadge } from "@/components/ui/base/badges";
+import { Select } from "@/components/ui/base/select";
 
 type OSSFormValues = {
     enabled?: boolean;
@@ -104,6 +105,11 @@ export function UserOSSSettingsForm() {
 
     const testConnection = async () => {
         const values = await form.validateFields();
+        const validationError = validateOSSConnectionDraft(values);
+        if (validationError) {
+            message.error(validationError);
+            return;
+        }
         setTesting(true);
         try {
             const result = await testUserOSSConnection(connectionInput(values));
diff --git a/web/src/components/layout/workspace-page.tsx b/web/src/components/layout/workspace-page.tsx
index 0d7311801..c8461a734 100644
--- a/web/src/components/layout/workspace-page.tsx
+++ b/web/src/components/layout/workspace-page.tsx
@@ -1,9 +1,10 @@
-import { Button, Select } from "antd";
+import { Button } from "antd";
 import { ChevronLeft, ChevronRight, ListFilter, RotateCcw } from "lucide-react";
 import type { ReactNode } from "react";
 import { useEffect, useState } from "react";
 
 import { cn } from "@/lib/utils";
+import { Select } from "@/components/ui/base/select";
 
 export function WorkspacePage({ children, className, grid = false, fluid = false, scroll = true }: { children: ReactNode; className?: string; grid?: boolean; fluid?: boolean; scroll?: boolean }) {
     return (
diff --git a/web/src/components/model-capability-editor.tsx b/web/src/components/model-capability-editor.tsx
index 4e9dcad19..1139e5d18 100644
--- a/web/src/components/model-capability-editor.tsx
+++ b/web/src/components/model-capability-editor.tsx
@@ -1,6 +1,6 @@
 import { ImageSizePresetsEditor } from "./image-size-presets-editor";
 import { imageSizeConfigWithPresets, imageSizePresets } from "@/lib/image-size-presets";
-import { Input, InputNumber, Select } from "antd";
+import { Input, InputNumber } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { SegmentedControl } from "@/components/ui/base/segmented-control";
 import type { ReactNode } from "react";
@@ -8,6 +8,7 @@ import type { ReactNode } from "react";
 import { defaultImageCapabilityConfig, defaultModelCapabilityConfig, normalizeModelCapabilityConfig, type ImageCapabilityConfig, type ModelCapabilityConfig, type TextCapabilityConfig, type VideoCapabilityConfig } from "@/lib/model-capabilities";
 import type { ModelProtocol } from "@/lib/model-protocols";
 import { VIDEO_RESOLUTION_CAPABILITY_OPTIONS } from "@/lib/video-generation-options";
+import { Select } from "@/components/ui/base/select";
 
 const ratioOptions = ["16:9", "9:16", "1:1", "4:3", "3:4", "21:9"];
 const operationOptions = [
diff --git a/web/src/components/ui/base/buttons/icon-button.tsx b/web/src/components/ui/base/buttons/icon-button.tsx
index 4e44ea77d..47b353f5d 100644
--- a/web/src/components/ui/base/buttons/icon-button.tsx
+++ b/web/src/components/ui/base/buttons/icon-button.tsx
@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes } from "react";
+import { useState, type ButtonHTMLAttributes } from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { Loader2, type LucideIcon } from "lucide-react";
 
@@ -19,7 +19,7 @@ import { cn } from "@/lib/utils";
  * 明暗：全部颜色走 token；active 按压底用 bg-surface-active，明暗自动适配。
  */
 export const iconButtonVariants = cva(
-    ["inline-flex shrink-0 items-center justify-center rounded-md", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-45", "motion-safe:active:scale-[0.96]"],
+    ["inline-flex shrink-0 items-center justify-center rounded-md", "outline-none focus-visible:outline-none data-[input-modality=keyboard]:focus-visible:ring-2 data-[input-modality=keyboard]:focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-45", "motion-safe:active:scale-[0.96]"],
     {
         variants: {
             variant: {
@@ -58,9 +58,31 @@ export type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
         active?: boolean;
     };
 
-export function IconButton({ variant, size, icon: Icon, loading = false, active = false, className, type = "button", disabled, ...props }: IconButtonProps) {
+export function IconButton({ variant, size, icon: Icon, loading = false, active = false, className, type = "button", disabled, onPointerDown, onKeyDown, onBlur, ...props }: IconButtonProps) {
+    const [inputModality, setInputModality] = useState<"pointer" | "keyboard">("pointer");
     return (
-        <button data-slot="icon-button" type={type} disabled={disabled || loading} aria-busy={loading || undefined} data-active={active || undefined} className={cn(iconButtonVariants({ variant, size }), className)} {...props}>
+        <button
+            data-slot="icon-button"
+            data-input-modality={inputModality}
+            type={type}
+            disabled={disabled || loading}
+            aria-busy={loading || undefined}
+            data-active={active || undefined}
+            className={cn(iconButtonVariants({ variant, size }), className)}
+            onPointerDown={(event) => {
+                setInputModality("pointer");
+                onPointerDown?.(event);
+            }}
+            onKeyDown={(event) => {
+                if (event.key === "Tab" || event.key === "Enter" || event.key === " ") setInputModality("keyboard");
+                onKeyDown?.(event);
+            }}
+            onBlur={(event) => {
+                setInputModality("pointer");
+                onBlur?.(event);
+            }}
+            {...props}
+        >
             {loading ? <Loader2 aria-hidden className="animate-spin" /> : <Icon aria-hidden />}
         </button>
     );
diff --git a/web/src/components/ui/base/buttons/tool-button.tsx b/web/src/components/ui/base/buttons/tool-button.tsx
index e7cc8f1fe..92eaff387 100644
--- a/web/src/components/ui/base/buttons/tool-button.tsx
+++ b/web/src/components/ui/base/buttons/tool-button.tsx
@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { useState, type ButtonHTMLAttributes, type ReactNode } from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
 
@@ -21,7 +21,7 @@ import { cn } from "@/lib/utils";
  * 明暗：全部颜色走 token；active 用按压底语义 token，明暗自动适配。
  */
 export const toolButtonVariants = cva(
-    ["inline-flex select-none items-center justify-center gap-1.5 rounded-md", "font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-45"],
+    ["inline-flex select-none items-center justify-center gap-1.5 rounded-md px-3", "font-medium transition-colors", "outline-none focus-visible:outline-none data-[input-modality=keyboard]:focus-visible:ring-2 data-[input-modality=keyboard]:focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-45"],
     {
         variants: {
             variant: {
@@ -74,12 +74,14 @@ export type ToolButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
         label?: ReactNode;
     };
 
-export function ToolButton({ variant, size, tone, icon, active = false, expands = false, loading = false, label, className, type = "button", disabled, ...props }: ToolButtonProps) {
+export function ToolButton({ variant, size, tone, icon, active = false, expands = false, loading = false, label, className, type = "button", disabled, onPointerDown, onKeyDown, onBlur, ...props }: ToolButtonProps) {
+    const [inputModality, setInputModality] = useState<"pointer" | "keyboard">("pointer");
     const pressed = !expands && active;
     const expanded = expands && active;
     return (
         <button
             data-slot="tool-button"
+            data-input-modality={inputModality}
             type={type}
             disabled={disabled || loading}
             aria-pressed={pressed || undefined}
@@ -87,6 +89,18 @@ export function ToolButton({ variant, size, tone, icon, active = false, expands
             aria-busy={loading || undefined}
             data-active={active || undefined}
             className={cn(toolButtonVariants({ variant, size, tone, active }), className)}
+            onPointerDown={(event) => {
+                setInputModality("pointer");
+                onPointerDown?.(event);
+            }}
+            onKeyDown={(event) => {
+                if (event.key === "Tab" || event.key === "Enter" || event.key === " ") setInputModality("keyboard");
+                onKeyDown?.(event);
+            }}
+            onBlur={(event) => {
+                setInputModality("pointer");
+                onBlur?.(event);
+            }}
             {...props}
         >
             {loading ? <Loader2 aria-hidden className="animate-spin" /> : icon}
diff --git a/web/src/components/ui/base/select/index.ts b/web/src/components/ui/base/select/index.ts
index 19c5cb763..23b1e2ac2 100644
--- a/web/src/components/ui/base/select/index.ts
+++ b/web/src/components/ui/base/select/index.ts
@@ -1 +1 @@
-export { Select, type SelectOption, type SelectProps, type SelectSize } from "./select";
+export { Select, type SelectOption, type SelectProps, type SelectSize, type SelectAppearance } from "./select";
diff --git a/web/src/components/ui/base/select/select.tsx b/web/src/components/ui/base/select/select.tsx
index bc6c06590..f610240c3 100644
--- a/web/src/components/ui/base/select/select.tsx
+++ b/web/src/components/ui/base/select/select.tsx
@@ -1,159 +1,70 @@
-import { useLayoutEffect, useRef, useState, type ReactNode } from "react";
-import { Button as AriaButton, ListBox as AriaListBox, ListBoxItem as AriaListBoxItem, Popover as AriaPopover, Select as AriaSelect } from "react-aria-components";
-import { Check, ChevronDown, X } from "lucide-react";
+import { forwardRef, useState, type ReactElement, type ReactNode, type RefAttributes } from "react";
+import AntSelect, { type BaseOptionType, type DefaultOptionType, type RefSelectProps, type SelectProps as AntSelectProps } from "antd/es/select";
 
 import { cn } from "@/lib/utils";
 
 /**
- * Select — 下拉选择（自研，react-aria-components 单选壳，无远程/多选）。
+ * 影策唯一下拉选择组件。
  *
- * - API 对齐 AntD Select 的单选子集：value/onChange(options 值)/options/placeholder/
- *   disabled/allowClear/size/className，可直接替换纯单选场景；可直接置于 antd Form.Item。
- * - 浮层定位、进出场、焦点与类型选择由 RAC 承担（ADR-0008：复杂控件以 RAC 为无障碍地基）。
- * - Popover isNonModal：避免 RAC modal 滚动锁把页面滚动条锁死（同 boardui 注释）；
- *   isDismissable 与 isNonModal 互斥，故外部 dismiss 手动处理（全局 pointerdown capture）。
- * - 样式只吃语义 token：trigger border-border/bg-background/hover:border-foreground/40、
- *   popover bg-surface-strong + hairline、item hover:bg-surface-hover、选中 Check 前景色，无裸色。
- * - 范围外（本批不做，后续补）：mode="multiple"/"tags"、showSearch（需 ComboBox）、
- *   loading、labelInValue、maxCount、suffixIcon。
- * 对标：AntD Select（单选）；boardui base/select。
+ * 所有单选、多选、可搜索选择都复用 Ant Design 的同一实现；本文件只负责
+ * 统一项目内的入口、尺寸别名、ariaLabel 兼容和公共 class，避免页面各自维护
+ * 一套浮层和焦点样式。视觉规则集中在 app-theme.ts 与 globals.css。
  */
 
 export type SelectSize = "sm" | "md";
+export type SelectAppearance = "soft" | "pill" | "field";
 
-export interface SelectOption<V extends string = string> {
+export type SelectOption<V extends string | number = string> = DefaultOptionType & {
     value: V;
     label: ReactNode;
-    disabled?: boolean;
-    /** 原生 title */
-    title?: string;
-}
-
-export interface SelectProps<V extends string = string> {
-    value?: V;
-    onChange?: (value: V) => void;
-    options?: Array<SelectOption<V>>;
-    placeholder?: string;
-    disabled?: boolean;
-    allowClear?: boolean;
-    size?: SelectSize;
-    ariaLabel?: string;
-    className?: string;
-}
-
-const TRIGGER_CLASS: Record<SelectSize, string> = {
-    sm: "h-7 text-xs",
-    md: "h-8 text-sm",
 };
 
-export function Select<V extends string = string>({ value, onChange, options = [], placeholder, disabled = false, allowClear = false, size = "md", ariaLabel, className }: SelectProps<V>) {
-    const triggerRef = useRef<HTMLButtonElement | null>(null);
-    const popoverRef = useRef<HTMLDivElement | null>(null);
-    const [open, setOpen] = useState(false);
-    const [popoverWidth, setPopoverWidth] = useState<number | null>(null);
+export type SelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> = Omit<AntSelectProps<ValueType, OptionType>, "size"> & {
+    /** 兼容旧的基础 Select API；完整 AntD 尺寸仍可使用 small/middle/large。 */
+    size?: SelectSize | "small" | "middle" | "large";
+    /** 兼容基础 Select 的显式无障碍标签。 */
+    ariaLabel?: string;
+    /** 统一触发器外观；所有外观都无描边，差异只体现在圆角与内边距。 */
+    appearance?: SelectAppearance;
+};
 
-    useLayoutEffect(() => {
-        const measure = () => {
-            const width = triggerRef.current?.offsetWidth;
-            if (width) setPopoverWidth(width + 2);
-        };
-        measure();
-        const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
-        if (observer && triggerRef.current) observer.observe(triggerRef.current);
-        return () => observer?.disconnect();
-    }, [open]);
+type UnifiedSelect = (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & RefAttributes<RefSelectProps>) => ReactElement) & { displayName?: string };
 
-    useLayoutEffect(() => {
-        if (!open) return;
-        const onPointerDown = (event: PointerEvent) => {
-            const target = event.target as Node;
-            const insideTrigger = triggerRef.current?.contains(target);
-            const insidePopover = popoverRef.current?.contains(target);
-            if (!insideTrigger && !insidePopover) setOpen(false);
-        };
-        window.addEventListener("pointerdown", onPointerDown, true);
-        return () => window.removeEventListener("pointerdown", onPointerDown, true);
-    }, [open]);
-
-    const selected = options.find((option) => option.value === value);
-    const displayLabel = selected?.label ?? value;
-
-    const clear = () => {
-        setOpen(false);
-        onChange?.(undefined as unknown as V);
-    };
+const sizeMap: Record<SelectSize, "small" | "middle"> = {
+    sm: "small",
+    md: "middle",
+};
 
+export const Select = forwardRef<RefSelectProps, SelectProps>(function Select({ size, ariaLabel, appearance = "pill", className, variant, onMouseDown, onKeyDown, onFocus, onBlur, ...props }, ref) {
+    const [inputModality, setInputModality] = useState<"unknown" | "pointer" | "keyboard">("unknown");
+    const normalizedSize = size && size in sizeMap ? sizeMap[size as SelectSize] : size;
     return (
-        <AriaSelect
-            isDisabled={disabled}
-            isOpen={open}
-            onOpenChange={setOpen}
-            selectedKey={value ?? undefined}
-            onSelectionChange={(key) => {
-                setOpen(false);
-                if (key != null) onChange?.(key as V);
-            }}
+        <AntSelect
+            ref={ref}
+            {...props}
+            variant={variant ?? "filled"}
+            size={normalizedSize as AntSelectProps["size"]}
             aria-label={ariaLabel}
-            className={cn("inline-flex w-full", className)}
-        >
-            <AriaButton
-                ref={triggerRef}
-                className={cn(
-                    "flex w-full cursor-pointer items-center justify-between gap-1.5 rounded-md border border-border bg-background px-2.5 font-normal text-foreground outline-none transition-colors motion-reduce:transition-none",
-                    "hover:border-foreground/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
-                    "disabled:cursor-not-allowed disabled:opacity-55",
-                    open && "border-foreground/60",
-                    TRIGGER_CLASS[size],
-                )}
-            >
-                <span className={cn("min-w-0 flex-1 truncate text-left", displayLabel === undefined && "text-muted-foreground")}>{displayLabel === undefined ? placeholder : displayLabel}</span>
-                {allowClear && value !== undefined && !disabled && (
-                    <span
-                        role="button"
-                        tabIndex={-1}
-                        aria-label="清空选择"
-                        className="shrink-0 cursor-pointer rounded p-0.5 text-muted-foreground hover:bg-surface-hover hover:text-foreground"
-                        onPointerDown={(event) => event.stopPropagation()}
-                        onClick={(event) => {
-                            event.stopPropagation();
-                            clear();
-                        }}
-                    >
-                        <X className="size-3.5" />
-                    </span>
-                )}
-                <ChevronDown aria-hidden="true" className={cn("size-4 shrink-0 text-muted-foreground transition-transform duration-200 motion-reduce:transition-none", open && "rotate-180")} />
-            </AriaButton>
-            <AriaPopover ref={popoverRef} isNonModal placement="bottom" offset={4} style={popoverWidth ? { width: popoverWidth } : undefined} className={cn("z-50 rounded-lg border border-border bg-surface-strong p-1 shadow-lg", "ra-pop-in")}>
-                <AriaListBox aria-label={ariaLabel ?? placeholder ?? "选项"} className="max-h-60 overflow-auto outline-none">
-                    {options.map((option) => (
-                        <AriaListBoxItem
-                            key={option.value}
-                            id={option.value}
-                            textValue={typeof option.label === "string" ? option.label : option.value}
-                            isDisabled={option.disabled}
-                            className={({ isFocused, isSelected, isDisabled: itemDisabled }) =>
-                                cn(
-                                    "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors motion-reduce:transition-none",
-                                    "focus-visible:bg-surface-hover",
-                                    (isFocused || isSelected) && "bg-surface-hover",
-                                    isSelected ? "font-medium text-foreground" : "text-muted-foreground",
-                                    itemDisabled && "cursor-not-allowed opacity-50",
-                                )
-                            }
-                        >
-                            {({ isSelected }) => (
-                                <>
-                                    <span className={cn("min-w-0 flex-1 truncate")} title={option.title}>
-                                        {option.label}
-                                    </span>
-                                    {isSelected && <Check className="size-3.5 shrink-0 text-foreground" />}
-                                </>
-                            )}
-                        </AriaListBoxItem>
-                    ))}
-                </AriaListBox>
-            </AriaPopover>
-        </AriaSelect>
+            className={cn("app-unified-select", `app-unified-select--${appearance}`, className)}
+            data-input-modality={inputModality}
+            onMouseDown={(event) => {
+                setInputModality("pointer");
+                onMouseDown?.(event);
+            }}
+            onKeyDown={(event) => {
+                setInputModality("keyboard");
+                onKeyDown?.(event);
+            }}
+            onFocus={(event) => {
+                setInputModality((current) => current === "unknown" ? "keyboard" : current);
+                onFocus?.(event);
+            }}
+            onBlur={(event) => {
+                setInputModality("unknown");
+                onBlur?.(event);
+            }}
+        />
     );
-}
+}) as UnifiedSelect;
+
+Select.displayName = "UnifiedSelect";
diff --git a/web/src/components/ui/fluid-orb.css b/web/src/components/ui/fluid-orb.css
index 953dd72af..aa5d567f4 100644
--- a/web/src/components/ui/fluid-orb.css
+++ b/web/src/components/ui/fluid-orb.css
@@ -1,7 +1,7 @@
 /* Rare UI Fluid Orb inspired launcher: isolated from canvas wheel/pointer gestures. */
 .fluid-orb {
     position: relative;
-    display: inline-block;
+    display: block;
     flex: 0 0 auto;
     overflow: hidden;
     border: 1px solid color-mix(in srgb, var(--fluid-orb-color, #7164f6) 18%, white);
diff --git a/web/src/components/ui/fluid-orb.tsx b/web/src/components/ui/fluid-orb.tsx
index 2dc03d55b..93a8dd075 100644
--- a/web/src/components/ui/fluid-orb.tsx
+++ b/web/src/components/ui/fluid-orb.tsx
@@ -81,12 +81,13 @@ float fbm(vec3 p) {
 }
 
 void main() {
-  vec2 uv = gl_FragCoord.xy / u_resolution.xy;
-  vec2 p = uv * 2.0 - 1.0;
-  p.x *= u_resolution.x / u_resolution.y;
+  // Center on the pixel grid. Dividing by the canvas size and then
+  // stretching x by the aspect ratio shifts the disc whenever the
+  // backing store is not square (border box, DPR rounding).
+  vec2 p = (gl_FragCoord.xy - u_resolution.xy * 0.5) / (0.5 * min(u_resolution.x, u_resolution.y));
   float r = length(p);
   if (r > 1.0) discard;
-  float y = uv.y;
+  float y = p.y * 0.5 + 0.5;
   float t = u_time * 0.18;
   float n1 = fbm(vec3(p * 1.28, t));
   float n2 = fbm(vec3(p * 2.35 + n1 * 0.55, t * 1.22));
diff --git a/web/src/components/workflow-field-mapping-editor.tsx b/web/src/components/workflow-field-mapping-editor.tsx
index 7e7e28840..59ed758d2 100644
--- a/web/src/components/workflow-field-mapping-editor.tsx
+++ b/web/src/components/workflow-field-mapping-editor.tsx
@@ -1,4 +1,4 @@
-import { Button, Collapse, Input, InputNumber, Select, Tag } from "antd";
+import { Button, Collapse, Input, InputNumber, Tag } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { useMemo, useState } from "react";
 
@@ -9,6 +9,7 @@ import { ListFilter, ListPlus, Power, PowerOff } from "lucide-react";
 import type { WorkflowFieldMapping } from "@/stores/use-config-store";
 import { workflowFieldChoiceValues, workflowFieldConfigurationError, workflowFieldNumberBounds, workflowFieldPresetOptions } from "@/lib/model-capabilities";
 import { EmptyState } from "@/components/ui/product/empty-state";
+import { Select } from "@/components/ui/base/select";
 
 const sourceOptions = [
     { label: "保留工作流默认值", value: "" },
diff --git a/web/src/components/workflow-graph-editor.tsx b/web/src/components/workflow-graph-editor.tsx
index 0664f1453..49035f06b 100644
--- a/web/src/components/workflow-graph-editor.tsx
+++ b/web/src/components/workflow-graph-editor.tsx
@@ -1,4 +1,4 @@
-import { Button, Select } from "antd";
+import { Button } from "antd";
 import { IconButton } from "@/components/ui/base/buttons";
 import { EmptyState } from "@/components/ui/product/empty-state";
 import { Maximize, Power, PowerOff, ZoomIn, ZoomOut } from "lucide-react";
@@ -6,6 +6,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, type PointerEvent as
 
 import { WorkflowFieldMappingEditor } from "@/components/workflow-field-mapping-editor";
 import type { WorkflowFieldMapping, WorkflowGraphPreview } from "@/stores/use-config-store";
+import { Select } from "@/components/ui/base/select";
 
 type WorkflowNode = {
     id: string;
diff --git a/web/src/components/workflow-test-workbench.tsx b/web/src/components/workflow-test-workbench.tsx
index 9a3d8224e..d04808b35 100644
--- a/web/src/components/workflow-test-workbench.tsx
+++ b/web/src/components/workflow-test-workbench.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Input, InputNumber, Progress, Select } from "antd";
+import { App, Button, Input, InputNumber, Progress } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { EmptyState } from "@/components/ui/product/empty-state";
 import { FileAudio, FileImage, Film, Grip, Play, RotateCcw, Square, Upload, WandSparkles } from "lucide-react";
@@ -10,6 +10,7 @@ import { runBackendGenerationTask, type BackendGenerationResult } from "@/servic
 import { useConfigStore, type AiConfig, type RunningHubCapability, type WorkflowFieldMapping } from "@/stores/use-config-store";
 import type { ReferenceImage } from "@/types/image";
 import type { ReferenceAudio, ReferenceVideo } from "@/types/media";
+import { Select } from "@/components/ui/base/select";
 
 type WorkflowProvider = "runninghub";
 type MediaKind = "image" | "video" | "audio";
diff --git a/web/src/lib/app-theme.ts b/web/src/lib/app-theme.ts
index 6ee13251b..dfbe2e9a8 100644
--- a/web/src/lib/app-theme.ts
+++ b/web/src/lib/app-theme.ts
@@ -225,17 +225,17 @@ export function getAntThemeConfig(dark: boolean, skinID: unknown = "classic"): T
                 paddingInline: 11,
                 activeBg: skin.controlSurface || elevatedBackground,
                 hoverBg: skin.controlHover || elevatedBackground,
-                activeBorderColor: interactiveBorder,
-                hoverBorderColor: interactiveBorder,
-                activeShadow: focusShadow,
+                activeBorderColor: "transparent",
+                hoverBorderColor: "transparent",
+                activeShadow: "none",
             },
             InputNumber: {
                 borderRadius: skin.inputRadius || skin.borderRadiusSM || 5,
                 activeBg: skin.controlSurface || elevatedBackground,
                 hoverBg: skin.controlHover || elevatedBackground,
-                activeBorderColor: interactiveBorder,
-                hoverBorderColor: interactiveBorder,
-                activeShadow: focusShadow,
+                activeBorderColor: "transparent",
+                hoverBorderColor: "transparent",
+                activeShadow: "none",
             },
             DatePicker: {
                 activeShadow: focusShadow,
@@ -401,7 +401,19 @@ export function getWorkspaceAntThemeConfig(): ThemeConfig {
                 defaultShadow: "none", primaryShadow: "none", dangerShadow: "none",
                 paddingInline: 14, paddingInlineSM: 10,
             },
-            Input: { borderRadius: 12, paddingInline: 12 },
+            Input: {
+                borderRadius: 12,
+                paddingInline: 12,
+                activeBorderColor: "transparent",
+                hoverBorderColor: "transparent",
+                activeShadow: "none",
+            },
+            InputNumber: {
+                borderRadius: 12,
+                activeBorderColor: "transparent",
+                hoverBorderColor: "transparent",
+                activeShadow: "none",
+            },
             Select: {
                 borderRadius: 12,
                 colorBgElevated: "var(--user-surface-raised)", boxShadowSecondary: "none",
diff --git a/web/src/pages/admin/channels/channels-page.tsx b/web/src/pages/admin/channels/channels-page.tsx
index e6a41cdc4..9655d6fc6 100644
--- a/web/src/pages/admin/channels/channels-page.tsx
+++ b/web/src/pages/admin/channels/channels-page.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, InputNumber, Modal, Select, Spin, Switch } from "antd";
+import { App, Button, Form, Input, InputNumber, Modal, Spin, Switch } from "antd";
 import { ChevronRight, Copy, Pencil, Plus, Power, Search, Trash2 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { useSearchParams } from "react-router";
@@ -14,6 +14,7 @@ import { ChannelModelManager } from "../components/channel-model-manager";
 import { ChannelOrderDialog } from "../components/channel-order-dialog";
 import { selectChannelWorkspace } from "./channel-workspace-state";
 import "./channels-page.css";
+import { Select } from "@/components/ui/base/select";
 
 type ChannelFormValues = {
     name: string;
diff --git a/web/src/pages/admin/components/access-settings-panel.tsx b/web/src/pages/admin/components/access-settings-panel.tsx
index 3de7d2c4b..336c12a42 100644
--- a/web/src/pages/admin/components/access-settings-panel.tsx
+++ b/web/src/pages/admin/components/access-settings-panel.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Select, Skeleton } from "antd";
+import { App, Button, Form, Input, Skeleton } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { AlertTriangle, BadgeCheck, ChevronDown, FileText, Globe2, KeyRound, LockKeyhole, RefreshCw, RotateCcw, Save, ShieldCheck, Sparkles, UserPlus, UsersRound } from "lucide-react";
 import { useCallback, useEffect, useRef, useState, type ReactNode } from "react";
@@ -8,6 +8,7 @@ import { cn } from "@/lib/utils";
 import { useAppearanceStore } from "@/stores/use-appearance-store";
 import { getAdminLinuxDOSetting, getAdminRegistrationSetting, updateAdminLinuxDOSetting, updateAdminRegistrationSetting, type LinuxDOSetting, type RegistrationSetting } from "@/services/api/wallet";
 import { AdminStatusBadge, configuredSecretText, SettingsSectionCard } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 const DEFAULT_AGREEMENT_TEMPLATE = `一、服务说明与接受
 欢迎使用本平台提供的 AI 影视与内容创作服务。在注册或使用本平台各项功能前，请务必仔细阅读并理解本协议。当您勾选同意或点击注册、登录按钮，即表示您已自愿接受本协议所有条款的约束。
diff --git a/web/src/pages/admin/components/admin-announcements-panel.tsx b/web/src/pages/admin/components/admin-announcements-panel.tsx
index 05f7021d1..942f1e828 100644
--- a/web/src/pages/admin/components/admin-announcements-panel.tsx
+++ b/web/src/pages/admin/components/admin-announcements-panel.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState, type ChangeEvent } from "react";
-import { App, Button, Form, Input, Modal, Select } from "antd";
+import { App, Button, Form, Input, Modal } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import type { InputRef } from "antd";
 import type { ColumnsType } from "antd/es/table";
@@ -24,6 +24,7 @@ import {
 import { resourceFileUrl } from "@/services/api/resources";
 import { clearAnnouncementPendingReview, readAnnouncementPendingReview, writeAnnouncementPendingReview, type AnnouncementPendingReview } from "./admin-announcement-safety";
 import { AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 type AnnouncementFormValues = {
     title: string;
diff --git a/web/src/pages/admin/components/admin-banner-announcements-panel.tsx b/web/src/pages/admin/components/admin-banner-announcements-panel.tsx
index ea93a153b..e2c8f0afb 100644
--- a/web/src/pages/admin/components/admin-banner-announcements-panel.tsx
+++ b/web/src/pages/admin/components/admin-banner-announcements-panel.tsx
@@ -1,4 +1,4 @@
-import { App, Button, DatePicker, Form, Input, Modal, Popconfirm, Select, Switch } from "antd";
+import { App, Button, DatePicker, Form, Input, Modal, Popconfirm, Switch } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Trash2, Edit3, Search } from "lucide-react";
 import dayjs, { type Dayjs } from "dayjs";
@@ -23,6 +23,7 @@ import { BANNER_TITLE_MAX_CHARS, bannerTitleCharCount, bannerTitlePlainText, nor
 import { AdminDataTable } from "./admin-ui";
 import { BannerNoticeTypeSelector } from "./banner-notice-type-selector";
 import { BannerNoticePreview, BannerTitleEditor } from "./banner-title-editor";
+import { Select } from "@/components/ui/base/select";
 
 type FormValues = {
     noticeType: BannerNoticeType;
diff --git a/web/src/pages/admin/components/admin-ui.tsx b/web/src/pages/admin/components/admin-ui.tsx
index ecce59812..6bfc7afb3 100644
--- a/web/src/pages/admin/components/admin-ui.tsx
+++ b/web/src/pages/admin/components/admin-ui.tsx
@@ -1,10 +1,11 @@
-import { App, Button, Dropdown, Select, Table } from "antd";
+import { App, Button, Dropdown, Table } from "antd";
 import type { ButtonProps, MenuProps, TableProps } from "antd";
 import { saveAs } from "file-saver";
 import { CheckSquare2, ChevronDown, ChevronLeft, ChevronRight, Download, ListFilter, RotateCcw, SearchX, X } from "lucide-react";
 import { useEffect, useState, type ReactNode } from "react";
 
 import { cn } from "@/lib/utils";
+import { Select } from "@/components/ui/base/select";
 
 export const configuredSecretText = "已配置 · 留空不改";
 
diff --git a/web/src/pages/admin/components/agent-lessons-panel.tsx b/web/src/pages/admin/components/agent-lessons-panel.tsx
index 742c94f05..51d7a6d8a 100644
--- a/web/src/pages/admin/components/agent-lessons-panel.tsx
+++ b/web/src/pages/admin/components/agent-lessons-panel.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Input, Select, Space, Tag, Tooltip } from "antd";
+import { App, Button, Input, Space, Tag, Tooltip } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { RefreshCw, Trash2 } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -7,6 +7,7 @@ import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { agentLessonCategoryLabel, deleteAdminAgentLesson, listAdminAgentLessons, type AdminAgentLesson } from "@/services/api/admin-agent-lessons";
 import { listAdminUsers, type AdminUser } from "@/services/api/auth";
 import { AdminDataTable, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 function authorLabel(record: AdminAgentLesson) {
     if (record.authorDisplayName && record.authorUsername) return `${record.authorDisplayName}（${record.authorUsername}）`;
diff --git a/web/src/pages/admin/components/analytics-panel.tsx b/web/src/pages/admin/components/analytics-panel.tsx
index 8019b1ba6..c881a7052 100644
--- a/web/src/pages/admin/components/analytics-panel.tsx
+++ b/web/src/pages/admin/components/analytics-panel.tsx
@@ -1,4 +1,4 @@
-import { Alert, App, Button, DatePicker, Select, Tabs, Tag } from "antd";
+import { Alert, App, Button, DatePicker, Tabs, Tag } from "antd";
 import { Tooltip } from "@/pages/admin/ui/controls";
 import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 
@@ -11,6 +11,7 @@ import { useSearchParams } from "react-router";
 import { ListToolbar, PaginationBar, AdminDataTable, AdminExportButton, AdminFilterChip, AdminStatusBadge, AdminTableEmpty, type AdminStatusTone } from "./admin-ui";
 import { exportAdminAnalytics, getAdminAnalytics, listAdminUsers, type AdminReferenceData, type AdminAnalytics, type AnalyticsFilters } from "@/services/api/auth";
 import { analyticsFinanceColumns, formatCredits, formatFinanceCost, formatFinanceMargin } from "./analytics-finance";
+import { Select } from "@/components/ui/base/select";
 
 type Props = {
     users: AdminReferenceData["users"];
diff --git a/web/src/pages/admin/components/banner-title-editor.tsx b/web/src/pages/admin/components/banner-title-editor.tsx
index 02d610867..5517cf9fb 100644
--- a/web/src/pages/admin/components/banner-title-editor.tsx
+++ b/web/src/pages/admin/components/banner-title-editor.tsx
@@ -1,6 +1,6 @@
 import type { Editor } from "@tiptap/core";
 import { EditorContent, useEditor } from "@tiptap/react";
-import { Button, ColorPicker, Select, Tooltip } from "antd";
+import { Button, ColorPicker, Tooltip } from "antd";
 import { Eraser, X } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 
@@ -11,6 +11,7 @@ import {
 } from "@/components/layout/banner-announcement-content";
 import { readBannerNoticeSurface, bannerNoticeTypeLabel } from "@/lib/announcements/banner-notice";
 import { BannerNoticeEmojiPopover } from "./banner-notice-emoji-picker";
+import { Select } from "@/components/ui/base/select";
 import {
     BANNER_TITLE_DEFAULT_FONT_SIZE,
     BANNER_TITLE_DEFAULT_FONT_WEIGHT,
diff --git a/web/src/pages/admin/components/channel-model-manager.tsx b/web/src/pages/admin/components/channel-model-manager.tsx
index 9e5d16ef1..e28af1f15 100644
--- a/web/src/pages/admin/components/channel-model-manager.tsx
+++ b/web/src/pages/admin/components/channel-model-manager.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { App, Button, Checkbox, Input, Modal, Popconfirm, Select, Space } from "antd";
+import { App, Button, Checkbox, Input, Modal, Popconfirm, Space } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Pencil, Plus, RefreshCw, Search, Trash2 } from "lucide-react";
 
@@ -14,6 +14,7 @@ import { AdminBatchBar, AdminDataTable, AdminFilterChip, AdminStatusBadge, Admin
 import { ChannelOrderDialog } from "./channel-order-dialog";
 import { ChannelModelCostSummary } from "./channel-model-cost-summary";
 import { ChannelModelRepriceDialog } from "./channel-model-reprice-dialog";
+import { Select } from "@/components/ui/base/select";
 
 export function ChannelModelManager({ channel, onChanged }: { channel: ModelChannel; onChanged: () => void | Promise<void> }) {
     const { message, modal } = App.useApp();
diff --git a/web/src/pages/admin/components/channel-model-price-tier-fields.tsx b/web/src/pages/admin/components/channel-model-price-tier-fields.tsx
index 007194dc1..dfbb6d0a3 100644
--- a/web/src/pages/admin/components/channel-model-price-tier-fields.tsx
+++ b/web/src/pages/admin/components/channel-model-price-tier-fields.tsx
@@ -1,4 +1,4 @@
-import { Alert, Button, Form, Input, InputNumber, Segmented, Select, Switch, type FormInstance } from "antd";
+import { Alert, Button, Form, Input, InputNumber, Segmented, Switch, type FormInstance } from "antd";
 import { Trash2 } from "lucide-react";
 import type { ModelCapabilityConfig } from "@/lib/model-capabilities";
 import { modelProtocolSupportsTokenBilling, type ModelProtocol } from "@/lib/model-protocols";
@@ -6,6 +6,7 @@ import type { ModelCapabilityChoice as EditableCapability } from "@/components/m
 import type { ChannelModelFormValues as FormValues } from "./channel-model-editor-form";
 import { normalizeUpstreamModelKey } from "./channel-model-price-tier-form";
 import { CreditCostFields } from "./credit-cost-fields";
+import { Select } from "@/components/ui/base/select";
 
 export function PriceTierFields({
     index,
diff --git a/web/src/pages/admin/components/channel-model-reprice-dialog.tsx b/web/src/pages/admin/components/channel-model-reprice-dialog.tsx
index 7f6ad2014..796d07aca 100644
--- a/web/src/pages/admin/components/channel-model-reprice-dialog.tsx
+++ b/web/src/pages/admin/components/channel-model-reprice-dialog.tsx
@@ -1,9 +1,10 @@
 import { useState } from "react";
-import { Alert, App, Button, InputNumber, Select, Table } from "antd";
+import { Alert, App, Button, InputNumber, Table } from "antd";
 import { AdminModal } from "@/pages/admin/ui/overlays";
 import { repriceAdminChannelModels, type ChannelModel } from "@/services/api/wallet";
 import { specificationLabel } from "./channel-model-cost-summary";
 import { formatModelMargin, formatModelPrice, modelRepricePayload, modelRepriceRows, parseSaleInput, previewModelRepricing, type ModelRepriceRow } from "./channel-model-pricing";
+import { Select } from "@/components/ui/base/select";
 
 export function ChannelModelRepriceDialog({ channelId, channelName, items, onClose, onSaved }: { channelId: string; channelName: string; items: ChannelModel[]; onClose: () => void; onSaved: () => Promise<void> }) {
     const { message } = App.useApp();
diff --git a/web/src/pages/admin/components/channel-model-tags-editor.tsx b/web/src/pages/admin/components/channel-model-tags-editor.tsx
index c5d0bacff..6b885c583 100644
--- a/web/src/pages/admin/components/channel-model-tags-editor.tsx
+++ b/web/src/pages/admin/components/channel-model-tags-editor.tsx
@@ -1,7 +1,8 @@
-import { Button, Form, Input, Select } from "antd";
+import { Button, Form, Input } from "antd";
 import { Plus, Trash2 } from "lucide-react";
 import { ModelTags } from "@/components/model-tags";
 import { modelTagColors, type ModelTag } from "@/lib/model-tags";
+import { Select } from "@/components/ui/base/select";
 
 export function ChannelModelTagsEditor() {
     const form = Form.useFormInstance();
diff --git a/web/src/pages/admin/components/channel-order-dialog.tsx b/web/src/pages/admin/components/channel-order-dialog.tsx
index 9247b1eec..063eeee63 100644
--- a/web/src/pages/admin/components/channel-order-dialog.tsx
+++ b/web/src/pages/admin/components/channel-order-dialog.tsx
@@ -1,8 +1,9 @@
-import { App, Button, InputNumber, Modal, Select, Spin } from "antd";
+import { App, Button, InputNumber, Modal, Spin } from "antd";
 import { ArrowDown, ArrowUp, GripVertical, ListOrdered } from "lucide-react";
 import { useRef, useState } from "react";
 import { AdminEmpty } from "@/pages/admin/components/admin-ui";
 import { getChannelOrder, saveChannelOrder, type ChannelOrderItem } from "@/services/api/channel-order";
+import { Select } from "@/components/ui/base/select";
 
 export function moveOrderItem<T extends { id: string }>(items: T[], id: string, target: number): T[] {
     const from = items.findIndex((item) => item.id === id);
diff --git a/web/src/pages/admin/components/credit-operations-panel.tsx b/web/src/pages/admin/components/credit-operations-panel.tsx
index ddcc901ae..e801301e0 100644
--- a/web/src/pages/admin/components/credit-operations-panel.tsx
+++ b/web/src/pages/admin/components/credit-operations-panel.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Drawer, Form, Input, InputNumber, Modal, Select } from "antd";
+import { App, Button, Drawer, Form, Input, InputNumber, Modal } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { BadgeCheck, Coins, Plus, RefreshCw, Search, Trash2, Undo2 } from "lucide-react";
 
@@ -10,6 +10,7 @@ import { listAdminUsers, type AdminReferenceData, type AdminUser } from "@/servi
 import { adjustAdminUserCredits, getAdminCreditPolicy, listAdminBillingOrders, resolveAdminBillingOrder, resolveAdminBillingOrders, updateAdminCreditPolicy, type BillingOrder } from "@/services/api/wallet";
 
 import { AdminBatchBar, AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 export type CreditOperation = "policy" | "adjustment" | null;
 
diff --git a/web/src/pages/admin/components/redemption-codes-panel.tsx b/web/src/pages/admin/components/redemption-codes-panel.tsx
index 2db0024dc..c185d2f2a 100644
--- a/web/src/pages/admin/components/redemption-codes-panel.tsx
+++ b/web/src/pages/admin/components/redemption-codes-panel.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
-import { App, Button, Drawer, Form, Input, InputNumber, Modal, Popconfirm, Select, Space } from "antd";
+import { App, Button, Drawer, Form, Input, InputNumber, Modal, Popconfirm, Space } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Ban, Copy, Eye, KeyRound, RefreshCw, Search, TicketCheck } from "lucide-react";
 
@@ -9,6 +9,7 @@ import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { ApiError } from "@/services/api/request";
 import { createAdminRedeemBatch, disableAdminRedeemBatch, disableAdminRedeemCode, listAdminRedeemBatchCodes, listAdminRedeemBatches, type AdminRedeemCode, type RedeemBatch } from "@/services/api/wallet";
 import { AdminDataTable, AdminExportButton, AdminRowActions, AdminStatusBadge, AdminTableEmpty, type AdminStatusTone } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 type RedeemFormValues = { amount?: number | null; count?: number | null; note?: string; expiresAt?: string };
 type PendingRedeemBatch = {
diff --git a/web/src/pages/admin/components/storage-resources-panel.tsx b/web/src/pages/admin/components/storage-resources-panel.tsx
index 1b2971200..0cc7ec711 100644
--- a/web/src/pages/admin/components/storage-resources-panel.tsx
+++ b/web/src/pages/admin/components/storage-resources-panel.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Input, Modal, Select } from "antd";
+import { App, Button, Input, Modal } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Download, Eye, Search, Trash2 } from "lucide-react";
 import { saveAs } from "file-saver";
@@ -9,6 +9,7 @@ import { PaginationBar } from "@/pages/admin/components/admin-ui";
 import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import { adminResourceFileUrl, deleteAdminResources, downloadAdminResource, getAdminStorageStats, listAdminResources, type AdminStorageResource, type AdminStorageStats } from "@/services/api/admin-storage";
 import { AdminBatchBar, AdminDataTable, AdminFilterChip, AdminStatTile, AdminStatusBadge, AdminTableEmpty } from "./admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 const pageSizes = [20, 50, 100];
 
diff --git a/web/src/pages/admin/logical-models/logical-models-page.tsx b/web/src/pages/admin/logical-models/logical-models-page.tsx
index 221b6c6fc..34e0673f0 100644
--- a/web/src/pages/admin/logical-models/logical-models-page.tsx
+++ b/web/src/pages/admin/logical-models/logical-models-page.tsx
@@ -1,4 +1,4 @@
-import { Alert, App, Button, Form, Input, InputNumber, Modal, Segmented, Select, Switch, Table, Tag } from "antd";
+import { Alert, App, Button, Form, Input, InputNumber, Modal, Segmented, Switch, Table, Tag } from "antd";
 import type { FormInstance } from "antd";
 import type { ColumnsType } from "antd/es/table";
 import { Archive, FlaskConical, GitBranch, Layers3, Pencil, Plus, Search } from "lucide-react";
@@ -12,6 +12,7 @@ import { AdminPageFrame } from "@/pages/admin/components/admin-shell";
 import { AdminDataTable, AdminFilterChip, AdminRowActions, AdminStatusBadge, AdminTableEmpty } from "@/pages/admin/components/admin-ui";
 import { listAdminChannels } from "@/services/api/auth";
 import { listAdminChannelModels, type ChannelModel } from "@/services/api/wallet";
+import { Select } from "@/components/ui/base/select";
 import {
     createAdminLogicalModel,
     deleteAdminLogicalModel,
diff --git a/web/src/pages/admin/logical-models/model-routing-capabilities.tsx b/web/src/pages/admin/logical-models/model-routing-capabilities.tsx
index 6d4063b30..d089474c4 100644
--- a/web/src/pages/admin/logical-models/model-routing-capabilities.tsx
+++ b/web/src/pages/admin/logical-models/model-routing-capabilities.tsx
@@ -1,4 +1,4 @@
-import { Button, InputNumber, Select, Tag } from "antd";
+import { Button, InputNumber, Tag } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { Callout } from "@/pages/admin/ui/controls";
 import { RotateCcw } from "lucide-react";
@@ -7,6 +7,7 @@ import type { ReactNode } from "react";
 import type { CapabilityImageSize, CapabilitySpec, OptionConstraint } from "@/services/api/logical-models";
 import type { ChannelModel } from "@/services/api/wallet";
 import { STANDARD_IMAGE_SIZE_VALUES } from "@/lib/model-capabilities";
+import { Select } from "@/components/ui/base/select";
 
 export type CapabilityKind = CapabilitySpec["capability"];
 export type Scalar = string | number | boolean;
diff --git a/web/src/pages/admin/logs/logs-page.tsx b/web/src/pages/admin/logs/logs-page.tsx
index d79975716..4b578f38a 100644
--- a/web/src/pages/admin/logs/logs-page.tsx
+++ b/web/src/pages/admin/logs/logs-page.tsx
@@ -1,4 +1,4 @@
-import { Alert, App, Button, Input, Modal, Segmented, Select } from "antd";
+import { Alert, App, Button, Input, Modal, Segmented } from "antd";
 import { IconButton } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
 import { Download, Eye, Play, Search } from "lucide-react";
@@ -17,6 +17,7 @@ import { AdminPageFrame } from "../components/admin-shell";
 import { AdminBatchBar, AdminDataTable, AdminExportButton, AdminFilterChip, AdminStatusBadge, AdminTableEmpty } from "../components/admin-ui";
 import { logBillingLabel, logStatus, normalizeLogView } from "./log-view";
 import "./logs-page.css";
+import { Select } from "@/components/ui/base/select";
 
 export default function LogsPage() {
     const { message } = App.useApp();
diff --git a/web/src/pages/admin/payments/payments-page.tsx b/web/src/pages/admin/payments/payments-page.tsx
index 43420f59d..b32a9acc1 100644
--- a/web/src/pages/admin/payments/payments-page.tsx
+++ b/web/src/pages/admin/payments/payments-page.tsx
@@ -1,6 +1,6 @@
 import { PaymentBrandIcon } from "@/components/payment-brand-icons";
 import { Callout } from "@/pages/admin/ui/controls";
-import { App, Button, DatePicker, Descriptions, Drawer, Form, Input, InputNumber, Select, Tabs, Typography } from "antd";
+import { App, Button, DatePicker, Descriptions, Drawer, Form, Input, InputNumber, Tabs, Typography } from "antd";
 import { AdminDrawer } from "@/pages/admin/ui/overlays";
 import { Switch } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
@@ -39,6 +39,7 @@ import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminExportButton, AdminRowActions, AdminStatusBadge, AdminTableEmpty, configuredSecretText } from "../components/admin-ui";
 import { AdminUserDetailDrawer } from "../components/admin-user-detail-drawer";
 import "./payments-page.css";
+import { Select } from "@/components/ui/base/select";
 
 type ProviderFormValues = {
     enabled: boolean;
diff --git a/web/src/pages/admin/plugins/plugins-page.tsx b/web/src/pages/admin/plugins/plugins-page.tsx
index 55ad042a2..ad382320e 100644
--- a/web/src/pages/admin/plugins/plugins-page.tsx
+++ b/web/src/pages/admin/plugins/plugins-page.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Input, Select } from "antd";
+import { App, Button, Input } from "antd";
 import { Switch } from "@/pages/admin/ui/controls";
 import { AlipayCircleFilled, WechatFilled } from "@ant-design/icons";
 import { ZHIFUFM_LOGO_SRC } from "@/components/payment-brand-icons";
@@ -18,6 +18,7 @@ import { UploadPluginModal } from "@/pages/plugins/plugin-documentation-modals";
 
 import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminStatusBadge, AdminTableEmpty } from "../components/admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 type AdminPluginItem = {
     manifest: PluginManifest | PluginManifestV2;
diff --git a/web/src/pages/admin/settings/components/canvas-appearance-editor.tsx b/web/src/pages/admin/settings/components/canvas-appearance-editor.tsx
index 96a786606..e9f8965bb 100644
--- a/web/src/pages/admin/settings/components/canvas-appearance-editor.tsx
+++ b/web/src/pages/admin/settings/components/canvas-appearance-editor.tsx
@@ -127,7 +127,7 @@ export function CanvasAppearanceEditor({ value, onChange, disabled, onUploading
                             width={Math.round(value.avatarHeight * 0.75)}
                             height={value.avatarHeight}
                             reducedMotion={reducedMotion}
-                            fallback={<FluidOrb size={62} color="#7164f6" />}
+                            fallback={<FluidOrb size={60} color="#7164f6" />}
                             onReady={() => {
                                 setReadyURL(url);
                                 setError("");
@@ -138,7 +138,7 @@ export function CanvasAppearanceEditor({ value, onChange, disabled, onUploading
                             }}
                         />
                     ) : (
-                        <FluidOrb size={62} color="#7164f6" />
+                        <FluidOrb size={60} color="#7164f6" />
                     )}
                     <strong>{agentCopy(value.welcomeTitle, value.agentName)}</strong>
                     <p className="text-sm text-foreground/60">{agentCopy(value.welcomeDescription, value.agentName)}</p>
diff --git a/web/src/pages/admin/storyboard-prompts/storyboard-prompts-page.tsx b/web/src/pages/admin/storyboard-prompts/storyboard-prompts-page.tsx
index f1a8a9a79..0c087883e 100644
--- a/web/src/pages/admin/storyboard-prompts/storyboard-prompts-page.tsx
+++ b/web/src/pages/admin/storyboard-prompts/storyboard-prompts-page.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Popconfirm, Select, Tabs } from "antd";
+import { App, Button, Form, Input, Popconfirm, Tabs } from "antd";
 import { Callout } from "@/pages/admin/ui/controls";
 import type { ColumnsType } from "antd/es/table";
 import { Braces, Copy, FileJson, FileText, Plus, Power, Search, ShieldCheck, Trash2 } from "lucide-react";
@@ -17,6 +17,7 @@ import {
 } from "@/services/api/auth";
 import { AdminPageFrame } from "../components/admin-shell";
 import { AdminDataTable, AdminRowActions, AdminStatusBadge, AdminTableEmpty, PaginationBar } from "../components/admin-ui";
+import { Select } from "@/components/ui/base/select";
 
 type PromptFormValues = { name: string; enabled?: boolean };
 type DraftBaseline = { operation: string; name: string; enabled: boolean; content: string };
diff --git a/web/src/pages/admin/ui/controls.tsx b/web/src/pages/admin/ui/controls.tsx
index 4d1e00ec3..41d272a60 100644
--- a/web/src/pages/admin/ui/controls.tsx
+++ b/web/src/pages/admin/ui/controls.tsx
@@ -1,9 +1,11 @@
-import { Button, Checkbox as AntCheckbox, Segmented, Select as AntSelect, Switch as AntSwitch, Tooltip as AntTooltip } from "antd";
+import { Button, Checkbox as AntCheckbox, Segmented, Switch as AntSwitch, Tooltip as AntTooltip } from "antd";
 import type { CheckboxChangeEvent } from "antd/es/checkbox";
 import type { ButtonProps } from "antd";
 import type { LucideIcon } from "lucide-react";
 import type { CSSProperties, InputHTMLAttributes, ReactNode } from "react";
 
+import { Select as UnifiedSelect } from "@/components/ui/base/select";
+
 import { cn } from "@/lib/utils";
 
 export function AdminSwitch({
@@ -46,7 +48,7 @@ export function AdminSelect<V extends string = string>({
     ariaLabel?: string;
     className?: string;
 }) {
-    return <AntSelect {...props} size={size === "sm" ? "small" : "middle"} className={cn("admin-select", className)} aria-label={ariaLabel} onChange={(value) => onChange?.(value as V)} />;
+    return <UnifiedSelect {...props} size={size === "sm" ? "small" : "middle"} className={cn("admin-select", className)} aria-label={ariaLabel} onChange={(value) => onChange?.(value as V)} />;
 }
 
 export function Select<V extends string = string>(props: Parameters<typeof AdminSelect<V>>[0]) {
diff --git a/web/src/pages/admin/users/users-panel.tsx b/web/src/pages/admin/users/users-panel.tsx
index baa9fd002..99a7717ce 100644
--- a/web/src/pages/admin/users/users-panel.tsx
+++ b/web/src/pages/admin/users/users-panel.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Dropdown, Input, Select } from "antd";
+import { App, Button, Dropdown, Input } from "antd";
 import { Checkbox } from "@/pages/admin/ui/controls";
 import { Ban, Search, Settings2, UserPlus } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -12,6 +12,7 @@ import { useTableUrlState } from "../lib/use-table-url-state";
 import { AdminUserDetailDrawer } from "../components/admin-user-detail-drawer";
 import { createUserColumns, userColumnOptions, type UserColumnKey } from "./users-columns";
 import { AdminUserCreateDrawer, AdminUserEditDrawer } from "./users-drawer";
+import { Select } from "@/components/ui/base/select";
 
 const columnStorageKey = "admin-users-visible-columns";
 const allColumnKeys = userColumnOptions.map((item) => item.key);
diff --git a/web/src/pages/assets/asset-batch-upload-modal.tsx b/web/src/pages/assets/asset-batch-upload-modal.tsx
index 290d7e0d5..398dba4ef 100644
--- a/web/src/pages/assets/asset-batch-upload-modal.tsx
+++ b/web/src/pages/assets/asset-batch-upload-modal.tsx
@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from "react";
-import { App, Button, Modal, Progress, Select } from "antd";
+import { App, Button, Modal, Progress } from "antd";
 import { StatusBadge } from "@/components/ui/base/badges";
 import { FileImage, UploadCloud, X } from "lucide-react";
 
@@ -9,6 +9,7 @@ import { uploadImage } from "@/services/image-storage";
 import { localSavedRemotePendingMessage, saveRemoteUserDataNow } from "@/services/user-data-sync";
 import { flushAssetStorePersistence, useAssetStore } from "@/stores/use-asset-store";
 import type { AssetFolder } from "@/services/api/user-data";
+import { Select } from "@/components/ui/base/select";
 
 type BatchItem = { id: string; file: File; status: "queued" | "uploading" | "done" | "error"; error?: string; percent?: number };
 
diff --git a/web/src/pages/plugins/index.tsx b/web/src/pages/plugins/index.tsx
index ad3ed4ea5..72f25c135 100644
--- a/web/src/pages/plugins/index.tsx
+++ b/web/src/pages/plugins/index.tsx
@@ -1,5 +1,5 @@
 import { CollectionToolbar } from "@/components/layout/collection-toolbar";
-import { App, Button, Input, Modal, Select, Typography } from "antd";
+import { App, Button, Input, Modal, Typography } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { AudioLines, CalendarDays, CheckCircle2, Clock3, CreditCard, ExternalLink, Film, FolderOpen, Image as ImageIcon, MessageSquareText, PlugZap, RefreshCw, Search, Settings2, ShieldCheck, SlidersHorizontal } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -22,6 +22,7 @@ import { useUserStore } from "@/stores/use-user-store";
 
 import { PluginDetailsModal } from "./plugin-documentation-modals";
 import "./plugins.css";
+import { Select } from "@/components/ui/base/select";
 
 const categoryLabels: Record<string, string> = {
     provider: "模型渠道",
diff --git a/web/src/pages/projects/detail/canvases.tsx b/web/src/pages/projects/detail/canvases.tsx
index e663d7f16..24e94205b 100644
--- a/web/src/pages/projects/detail/canvases.tsx
+++ b/web/src/pages/projects/detail/canvases.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Popconfirm, Select } from "antd";
+import { App, Button, Popconfirm } from "antd";
 import { Tooltip } from "@/components/ui/base/tooltip";
 import { useEffect, useMemo, useState } from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
@@ -12,6 +12,7 @@ import { linkCanvasUnit, listProjectCanvases, unlinkCanvasProject, unlinkCanvasU
 import { useCanvasStore, type CanvasProject } from "@/stores/canvas/use-canvas-store";
 
 import { type ProjectDetailViewProps } from "./shared";
+import { Select } from "@/components/ui/base/select";
 
 export default function ProjectCanvasesView({ detail, refreshProject }: ProjectDetailViewProps) {
     const { message } = App.useApp();
diff --git a/web/src/pages/projects/detail/workflow-production-workbench.tsx b/web/src/pages/projects/detail/workflow-production-workbench.tsx
index f2e59e021..01c241d96 100644
--- a/web/src/pages/projects/detail/workflow-production-workbench.tsx
+++ b/web/src/pages/projects/detail/workflow-production-workbench.tsx
@@ -2,7 +2,7 @@ import { ImageSizePicker } from "@/components/image-size-picker";
 import { imageResolutionUsesQuality } from "@/lib/image-size-presets";
 import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { App, Button, Form, Image, Input, InputNumber, Select } from "antd";
+import { App, Button, Form, Image, Input, InputNumber } from "antd";
 import { SegmentedControl } from "@/components/ui/base/segmented-control";
 import { EmptyState } from "@/components/ui/product/empty-state";
 import { StatusBadge } from "@/components/ui/base/badges";
@@ -54,6 +54,7 @@ import {
     type ShortDramaWorkflowStage,
 } from "./workflow-shared";
 import { buildShotAssetReferenceContext, ensureShotAssetMentionPrompt, resolveShotAssetMentionPrompt } from "./workflow-shot-references";
+import { Select } from "@/components/ui/base/select";
 
 type ShotEditorValues = Omit<ShotRevisionInput, "durationMs"> & {
     title: string;
diff --git a/web/src/pages/projects/index.tsx b/web/src/pages/projects/index.tsx
index 3516f967f..a137ea913 100644
--- a/web/src/pages/projects/index.tsx
+++ b/web/src/pages/projects/index.tsx
@@ -4,7 +4,7 @@ import { CachedResourceImage } from "@/components/cached-resource-image";
 import { MediaPlaceholder } from "@/components/ui/product/media-placeholder";
 import { useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { useInfiniteQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { App, Button, Form, Input, Modal, Select } from "antd";
+import { App, Button, Form, Input, Modal } from "antd";
 import { ArrowRight, BookOpenText, FileText, FolderKanban, Images, LayoutGrid, Palette, Plus, Search, Sparkles } from "lucide-react";
 import { Link, useNavigate, useSearchParams } from "react-router";
 
@@ -22,6 +22,7 @@ import { createProject, deleteProject, importProjectUnits, listProjects, type Pr
 import { modelDisplayName, useEffectiveConfig } from "@/stores/use-config-store";
 
 import { sourceTypeLabel } from "./detail/shared";
+import { Select } from "@/components/ui/base/select";
 
 type ProjectForm = { name: string; aspectRatio: string; sourceType: string };
 
diff --git a/web/src/pages/settings/agent-memory-pane.tsx b/web/src/pages/settings/agent-memory-pane.tsx
index 9bc4d996d..3db12cd0d 100644
--- a/web/src/pages/settings/agent-memory-pane.tsx
+++ b/web/src/pages/settings/agent-memory-pane.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Select, Space } from "antd";
+import { App, Button, Form, Input, Space } from "antd";
 import { Check, Download, Pencil, Plus, Sparkles, Trash2, Upload, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 
@@ -30,6 +30,7 @@ import {
     type AgentMemoryStep,
 } from "@/services/api/agent-memories";
 import { encodeChannelModel, logicalModelIDForConfig, modelOptionName, resolveModelRequestConfig, useEffectiveConfig, type AiConfig } from "@/stores/use-config-store";
+import { Select } from "@/components/ui/base/select";
 
 const COMPACT_INTERVALS: Array<{ value: AgentMemoryCompactInterval; label: string }> = [
     { value: "off", label: "手动" },
diff --git a/web/src/pages/settings/channel-settings-pane.tsx b/web/src/pages/settings/channel-settings-pane.tsx
index 55e4c97fd..fa926d05c 100644
--- a/web/src/pages/settings/channel-settings-pane.tsx
+++ b/web/src/pages/settings/channel-settings-pane.tsx
@@ -1,4 +1,4 @@
-import { App, Button, Form, Input, Popconfirm, Segmented, Select, Tooltip } from "antd";
+import { App, Button, Form, Input, Popconfirm, Segmented, Tooltip } from "antd";
 import { Pencil, Plus, RefreshCw, Trash2, Workflow } from "lucide-react";
 import { useState, type ReactNode } from "react";
 
@@ -17,6 +17,7 @@ import {
     type ModelChannel,
 } from "@/stores/use-config-store";
 import { ChannelModelSettings } from "./channel-video-pricing";
+import { Select } from "@/components/ui/base/select";
 
 type UserChannelConnection = "openai" | "gemini";
 type ChannelSettingsPaneProps = {
diff --git a/web/src/pages/tasks/index.tsx b/web/src/pages/tasks/index.tsx
index cc68d7b09..a00351cfd 100644
--- a/web/src/pages/tasks/index.tsx
+++ b/web/src/pages/tasks/index.tsx
@@ -1,5 +1,5 @@
 import { CollectionToolbar } from "@/components/layout/collection-toolbar";
-import { App, Button, Drawer, Form, Input, Modal, Select, Typography } from "antd";
+import { App, Button, Drawer, Form, Input, Modal, Typography } from "antd";
 import { Switch } from "@/components/ui/base/switch";
 import { SegmentedControl } from "@/components/ui/base/segmented-control";
 import { Bug, LayoutGrid, List, Plus, RefreshCw, Search, Trash2 } from "lucide-react";
@@ -25,6 +25,7 @@ import { TaskGroupHeader, type TaskGroup } from "./task-group-header";
 import { TaskListRow } from "./task-list-row";
 import { formatModelName, getTaskCanvasContext, isTaskFailed, providerCancelStatusLabel, taskMediaKind } from "./task-shared";
 import { TaskStatusFilterBar, type TaskStatusFilter } from "./task-status-filter";
+import { Select } from "@/components/ui/base/select";
 
 type TaskKindFilter = "all" | "text" | "image" | "video";
 type TaskViewMode = "list" | "grid";
diff --git a/web/src/pages/welcome/index.tsx b/web/src/pages/welcome/index.tsx
index d94bbd7bb..07b22ec78 100644
--- a/web/src/pages/welcome/index.tsx
+++ b/web/src/pages/welcome/index.tsx
@@ -1,5 +1,5 @@
 import { Component, lazy, Suspense, useEffect, useRef, useState, type ReactNode } from "react";
-import { Button, ConfigProvider, Select, Tabs } from "antd";
+import { Button, ConfigProvider, Tabs } from "antd";
 import { ArrowDown, ArrowRight, ArrowUpRight, Code2, Menu, Pause, Play, X } from "lucide-react";
 
 import { BrandLogo } from "@/components/brand/brand-logo";
@@ -10,6 +10,7 @@ import { useAppearanceStore } from "@/stores/use-appearance-store";
 import { WelcomeContributorsCard } from "./contributors-card";
 import { chapters, getWelcomeLook, showcases, welcomeLooks, type WelcomeLook } from "./story";
 import "./welcome.css";
+import { Select } from "@/components/ui/base/select";
 
 const StoryReel = lazy(() => import("./story-reel"));
 const github = "https://github.com/ddcat-ai/open-ai-canvas";
diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index 100717903..c83b91949 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -1625,8 +1625,6 @@
     }
 
     body.app-spatial-overlays :where(
-        .ant-dropdown-menu,
-        .ant-select-dropdown,
         .ant-popover-container,
         .ant-picker-dropdown .ant-picker-panel-container,
         .ant-cascader-menus,
@@ -1650,9 +1648,11 @@
         border-radius: 8px !important;
     }
 
-    /* 展开菜单（下拉/弹出）取消阴影：层级由边框 + 背景对比表达 */
-    body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-container, .ant-cascader-menus, .ant-mentions-dropdown) {
-        box-shadow: none !important;
+    /* 下拉层用背景和柔和阴影建立层次，不再用亮色描边圈住选项。 */
+    body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-cascader-menus, .ant-mentions-dropdown) {
+        border: 0 !important;
+        background: var(--workspace-overlay-bg-strong) !important;
+        box-shadow: var(--elevation-overlay) !important;
     }
 
     body.app-spatial-overlays :where(
@@ -2085,12 +2085,13 @@
 
     .canvas-topbar-cluster {
         min-height: var(--space-10);
-        border: 0;
-        border-radius: var(--r-lg);
-        background: var(--dock-surface);
+        border: 1px solid color-mix(in srgb, currentColor 8%, transparent);
+        border-radius: var(--r-2xl);
+        background: color-mix(in srgb, var(--dock-surface) 72%, transparent) !important;
         padding: var(--space-half) var(--space-2);
-        box-shadow: var(--elevation-overlay);
-        backdrop-filter: blur(var(--dock-blur)) saturate(var(--glass-saturate));
+        box-shadow: 0 10px 28px color-mix(in srgb, black 16%, transparent);
+        -webkit-backdrop-filter: blur(22px) saturate(140%);
+        backdrop-filter: blur(22px) saturate(140%);
     }
 
     /* 顶部操作区复用底部 FloatingDock 的命令状态，保持两组浮层在不同主题下有同一套反馈。 */
@@ -7318,7 +7319,7 @@ html:not(.dark) .creation-studio-control[aria-expanded="true"] { background: #e7
     .aceternity-floating-dock {
         isolation: isolate;
         transform-origin: bottom center;
-        box-shadow: 0 24px 72px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.16);
+        box-shadow: 0 24px 72px rgba(15, 23, 42, 0.18);
     }
 
     /* Dock 命令按钮：BottomMenu 式干净状态——透明默认 + hover/active 仅换底色，
@@ -7888,24 +7889,25 @@ html:not(.dark) .canvas-generation-settings-trigger.ant-btn[aria-expanded="true"
     }
 
     .canvas-floating-dock {
-        border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent) !important;
+        border: 0 !important;
+        border-radius: var(--r-2xl) !important;
+        background: color-mix(in srgb, var(--dock-surface) 72%, transparent) !important;
         max-width: calc(100vw - 24px);
         scrollbar-width: none;
-        box-shadow:
-            0 1px 2px rgba(15, 23, 42, 0.06),
-            0 10px 26px rgba(15, 23, 42, 0.08);
+        box-shadow: 0 10px 28px color-mix(in srgb, black 16%, transparent) !important;
+        -webkit-backdrop-filter: blur(22px) saturate(140%);
+        backdrop-filter: blur(22px) saturate(140%);
+    }
+
+    .canvas-floating-dock .aceternity-dock-command:not(.is-labeled) {
+        border: 0 !important;
+        padding: 0 !important;
     }
 
     .canvas-floating-dock::-webkit-scrollbar {
         display: none;
     }
 
-    .dark .canvas-floating-dock {
-        box-shadow:
-            0 1px 1px rgba(0, 0, 0, 0.28),
-            0 12px 28px rgba(0, 0, 0, 0.3);
-    }
-
     .canvas-floating-panel {
         border: 0 !important;
         box-shadow:
@@ -12483,7 +12485,16 @@ html:not(.dark) .creation-history-drawer-root {
     border-color: color-mix(in srgb, var(--foreground) 42%, var(--border)) !important;
 }
 
-:where(.ant-select-dropdown, .ant-dropdown-menu, .ant-popover-inner, .ant-picker-dropdown .ant-picker-panel-container) {
+:where(.ant-select-dropdown, .ant-dropdown-menu) {
+    border: 0 !important;
+    border-radius: var(--r-lg) !important;
+    background: var(--popover) !important;
+    background-image: none !important;
+    box-shadow: var(--elevation-overlay) !important;
+    backdrop-filter: none !important;
+}
+
+:where(.ant-popover-inner, .ant-picker-dropdown .ant-picker-panel-container) {
     border: 1px solid var(--border) !important;
     border-radius: var(--r-md) !important;
     background: var(--popover) !important;
@@ -18620,7 +18631,200 @@ html:not(.dark) .creation-home .creation-user-message-copy-wrap { box-shadow: 0
 }
 .app-user-workspace :where(.ant-input:hover, .ant-input-affix-wrapper:hover, .ant-select-selector:hover, .ant-picker:hover) { border-color: var(--user-border-strong) !important; }
 .app-user-workspace :where(.ant-input:focus, .ant-input-affix-wrapper-focused, .ant-select-focused .ant-select-selector, .ant-picker-focused) { border-color: var(--user-border-strong) !important; box-shadow: none !important; }
-.app-user-workspace .ant-select:has(input:focus-visible) {
-    outline: var(--focus-ring-width, 2px) solid var(--control-focus-ring);
+.app-user-workspace .ant-select.app-unified-select[data-input-modality="keyboard"]:not(.ant-select-open) {
+    outline: 1px solid var(--user-border-strong);
     outline-offset: 2px;
 }
+
+/* -------------------------------------------------------------------------
+   Unified select contract
+   所有 Select / TreeSelect / Cascader / AutoComplete 共用同一套触发器和浮层
+   语义。尤其禁止鼠标点击后出现高亮白边；键盘焦点仍保留可见 ring。
+   ------------------------------------------------------------------------- */
+:where(.app-unified-select, .ant-select, .ant-tree-select, .ant-cascader-picker, .ant-auto-complete) {
+    --unified-select-surface: var(--control-surface, color-mix(in srgb, var(--foreground) 5%, transparent));
+    --unified-select-surface-hover: var(--control-surface-hover, color-mix(in srgb, var(--foreground) 9%, transparent));
+    --unified-select-border: transparent;
+    --unified-select-focus: var(--control-focus-ring, color-mix(in srgb, var(--foreground) 32%, transparent));
+}
+
+:where(.ant-select .ant-select-selector, .ant-tree-select .ant-select-selector, .ant-cascader-picker, .ant-auto-complete .ant-select-selector) {
+    border-color: var(--unified-select-border) !important;
+    background: var(--unified-select-surface) !important;
+    box-shadow: none !important;
+    transition: background-color var(--motion-state, 180ms) ease, border-color var(--motion-state, 180ms) ease !important;
+}
+
+:where(.ant-select:not(.ant-select-disabled):hover .ant-select-selector, .ant-tree-select:not(.ant-select-disabled):hover .ant-select-selector, .ant-cascader-picker:hover, .ant-auto-complete:not(.ant-select-disabled):hover .ant-select-selector) {
+    border-color: var(--unified-select-border) !important;
+    background: var(--unified-select-surface-hover) !important;
+}
+
+/* 点击打开时只改变表面，不制造白色外框；焦点可见性只交给键盘路径。 */
+:where(.ant-select-focused .ant-select-selector, .ant-select-open .ant-select-selector, .ant-tree-select-focused .ant-select-selector, .ant-cascader-picker-focused, .ant-auto-complete.ant-select-focused .ant-select-selector) {
+    border-color: var(--unified-select-border) !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+:where(.ant-select:focus-visible, .ant-tree-select:focus-visible, .ant-cascader-picker:focus-visible, .ant-auto-complete:focus-visible) {
+    outline: 2px solid var(--unified-select-focus) !important;
+    outline-offset: 2px;
+}
+
+:where(.ant-select-dropdown, .ant-dropdown-menu, .ant-cascader-dropdown, .ant-tree-select-dropdown, .ant-picker-dropdown) {
+    border: 0 !important;
+    border-radius: var(--r-lg, 12px) !important;
+    background: var(--popover) !important;
+    background-image: none !important;
+    box-shadow: var(--elevation-overlay) !important;
+}
+
+:where(.ant-select-item-option, .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title, .ant-cascader-menu-item, .ant-tree-select-tree-node-content-wrapper) {
+    min-height: 36px;
+    margin-block: 2px;
+    border-radius: var(--r-sm, 8px) !important;
+    color: var(--popover-foreground) !important;
+}
+
+:where(.ant-select-item-option-active:not(.ant-select-item-option-disabled), .ant-dropdown-menu-item:hover, .ant-cascader-menu-item-active, .ant-tree-select-tree-node-content-wrapper:hover) {
+    background: color-mix(in srgb, var(--popover-foreground) 7%, var(--popover)) !important;
+}
+
+:where(.ant-select-item-option-selected:not(.ant-select-item-option-disabled), .ant-dropdown-menu-item-selected, .ant-tree-select-tree-node-content-wrapper.ant-tree-node-selected) {
+    background: color-mix(in srgb, var(--popover-foreground) 12%, var(--popover)) !important;
+    color: var(--popover-foreground) !important;
+    font-weight: 600;
+}
+
+/* 旧的 workspace 局部规则曾用 outline 表达 focus，鼠标点击时会误触发白边；
+   这里只保留键盘 focus-visible 的可见 ring。 */
+.app-user-workspace .ant-select.app-unified-select[data-input-modality="keyboard"]:not(.ant-select-open) {
+    outline: 2px solid var(--unified-select-focus) !important;
+    outline-offset: 2px;
+}
+
+/* 工作台页面已有更具体的控件规则；统一契约必须覆盖它们，确保打开/悬停不再出现白色描边。 */
+.app-user-workspace :where(.app-unified-select .ant-select-selector, .ant-select-focused .ant-select-selector, .ant-select-open .ant-select-selector, .ant-tree-select-focused .ant-select-selector) {
+    border-color: transparent !important;
+    box-shadow: none !important;
+}
+
+.app-user-workspace :where(.app-unified-select:hover .ant-select-selector, .ant-select:not(.ant-select-disabled):hover .ant-select-selector, .ant-tree-select:not(.ant-select-disabled):hover .ant-select-selector) {
+    border-color: transparent !important;
+}
+
+/* -------------------------------------------------------------------------
+   Unified Select v2
+   Ant Design 6 把 Select 的边框、背景和 focus 状态放在 .ant-select 根节点，
+   不再是旧版的 .ant-select-selector。这里是统一组件的唯一视觉出口：默认 filled
+   只是借用 AntD 的交互语义，实际渲染为无描边的柔和表面，避免各页面出现不同的
+   outlined 下拉框。键盘 focus-visible 仍保留可发现的焦点提示。
+   ------------------------------------------------------------------------- */
+.ant-select.app-unified-select {
+    --unified-select-surface: color-mix(in srgb, var(--foreground) 6%, transparent);
+    --unified-select-surface-hover: color-mix(in srgb, var(--foreground) 10%, transparent);
+    --unified-select-surface-open: color-mix(in srgb, var(--foreground) 12%, transparent);
+    min-width: 128px;
+    min-height: 36px;
+    border: 0 !important;
+    border-width: 0 !important;
+    border-color: transparent !important;
+    border-radius: var(--r-xl) !important;
+    background: var(--unified-select-surface) !important;
+    box-shadow: none !important;
+    outline: none !important;
+    transition: background-color var(--motion-state, 180ms) ease, color var(--motion-state, 180ms) ease !important;
+}
+
+.ant-select.app-unified-select--pill {
+    border-radius: var(--r-full) !important;
+    padding-inline: 4px;
+}
+
+.ant-select.app-unified-select.ant-select-sm {
+    min-width: 112px;
+}
+
+.ant-select.app-unified-select.ant-select-lg {
+    min-width: 144px;
+}
+
+.ant-select.app-unified-select--field {
+    border-radius: var(--r-lg) !important;
+}
+
+.ant-select.app-unified-select:hover:not(.ant-select-disabled) {
+    border: 0 !important;
+    border-color: transparent !important;
+    background: var(--unified-select-surface-hover) !important;
+    box-shadow: none !important;
+}
+
+.ant-select.app-unified-select.ant-select-focused,
+.ant-select.app-unified-select.ant-select-open {
+    border: 0 !important;
+    border-width: 0 !important;
+    border-color: transparent !important;
+    background: var(--unified-select-surface-open) !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+.ant-select.app-unified-select .ant-select-content,
+.ant-select.app-unified-select .ant-select-selector,
+.ant-select.app-unified-select .ant-select-selection-search-input {
+    border: 0 !important;
+    border-color: transparent !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+.ant-select.app-unified-select .ant-select-arrow {
+    color: color-mix(in srgb, var(--foreground) 48%, transparent) !important;
+    transition: color var(--motion-state, 180ms) ease, transform var(--motion-state, 180ms) ease !important;
+}
+
+.ant-select.app-unified-select.ant-select-open .ant-select-arrow {
+    color: color-mix(in srgb, var(--foreground) 72%, transparent) !important;
+}
+
+.ant-select.app-unified-select[data-input-modality="pointer"],
+.ant-select.app-unified-select[data-input-modality="unknown"],
+.ant-select.app-unified-select[data-input-modality="keyboard"].ant-select-open {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+.ant-select.app-unified-select[data-input-modality="keyboard"]:not(.ant-select-open) {
+    outline: 1px solid color-mix(in srgb, var(--ring) 30%, transparent) !important;
+    outline-offset: 0;
+}
+
+.ant-select.app-unified-select .ant-select-input:focus {
+    outline: 0 !important;
+    box-shadow: none !important;
+}
+
+.ant-select-dropdown {
+    border: 0 !important;
+    border-color: transparent !important;
+    border-radius: var(--r-2xl) !important;
+    background: var(--popover) !important;
+    background-image: none !important;
+    box-shadow: var(--elevation-overlay) !important;
+}
+
+.ant-select-dropdown .ant-select-item-option {
+    border: 0 !important;
+    border-radius: var(--r-md) !important;
+    background: transparent !important;
+    color: var(--popover-foreground) !important;
+}
+
+.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled),
+.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+    border: 0 !important;
+    background: color-mix(in srgb, var(--popover-foreground) 10%, var(--popover)) !important;
+    color: var(--popover-foreground) !important;
+}
diff --git a/web/src/styles/primary-buttons.css b/web/src/styles/primary-buttons.css
index 991b10070..fe9daef3c 100644
--- a/web/src/styles/primary-buttons.css
+++ b/web/src/styles/primary-buttons.css
@@ -1,3 +1,6 @@
+@import "./unified-buttons.css";
+@import "./unified-inputs.css";
+
 /* AntD accepts solid color tokens; button fills also support validated gradients. */
 :root[data-skin] .ant-btn.ant-btn-primary:where(:not(.ant-btn-dangerous, .ant-btn-color-danger, .ant-btn-background-ghost, :disabled, .ant-btn-disabled)) {
     background: var(--button-primary-bg) !important;
diff --git a/web/src/styles/unified-buttons.css b/web/src/styles/unified-buttons.css
new file mode 100644
index 000000000..705d69bf4
--- /dev/null
+++ b/web/src/styles/unified-buttons.css
@@ -0,0 +1,28 @@
+/* 鼠标点击后 Chrome 仍可能给按钮 :focus-visible。统一按钮只在键盘导航时显示焦点。 */
+:where(button, .ant-btn):focus:not(:focus-visible),
+:where(button, .ant-btn):focus-visible:not([data-input-modality="keyboard"]) {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+:where(button, .ant-btn):focus-visible[data-input-modality="keyboard"] {
+    outline: 1px solid color-mix(in srgb, var(--foreground) 36%, transparent) !important;
+    outline-offset: 1px !important;
+    box-shadow: none !important;
+}
+
+/* 带文字的按钮不要贴着左边缘。纯图标按钮保持正方形，不额外加水平内边距。 */
+:where(button:not(.ant-btn-icon-only), .ant-btn:not(.ant-btn-icon-only)):not(:has(> svg:only-child)) {
+    padding-inline: max(12px, var(--space-3));
+}
+
+.ant-select.app-unified-select[data-input-modality="keyboard"]:not(.ant-select-open) {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+.ant-select.app-unified-select .ant-select-content,
+.ant-select.app-unified-select .ant-select-selection-item,
+.ant-select.app-unified-select .ant-select-placeholder {
+    padding-inline-start: 10px !important;
+}
diff --git a/web/src/styles/unified-inputs.css b/web/src/styles/unified-inputs.css
new file mode 100644
index 000000000..1a0a20e9a
--- /dev/null
+++ b/web/src/styles/unified-inputs.css
@@ -0,0 +1,174 @@
+/*
+ * 影策统一输入框。
+ *
+ * 场景分三类，避免每个页面再画一套描边：
+ * - field：表单、搜索、筛选、弹窗里的独立输入。默认无边填充，悬停只加深表面，
+ *   键盘聚焦才出现低对比提示。
+ * - inset：输入框已经放进卡片、行、验证码容器里。外壳不再画第二层边框。
+ * - borderless：标题、节点名等行内编辑，只保留文字，不出现控件盒子。
+ *
+ * 带前缀、后缀、清除按钮或前后附加内容时，Ant Design 会在外壳里再放一个
+ * input。这里强制内层透明且无边，保证任何场景都只有一层视觉边界。
+ */
+
+:root {
+    --unified-input-surface: color-mix(in srgb, var(--foreground) 6%, transparent);
+    --unified-input-surface-hover: color-mix(in srgb, var(--foreground) 10%, transparent);
+    --unified-input-surface-focus: color-mix(in srgb, var(--foreground) 12%, transparent);
+    --unified-input-focus: color-mix(in srgb, var(--ring) 34%, transparent);
+    --unified-input-placeholder: color-mix(in srgb, var(--foreground) 42%, transparent);
+    --unified-input-addon: color-mix(in srgb, var(--foreground) 4%, transparent);
+}
+
+:where(
+    .ant-input:not(textarea),
+    .ant-input-affix-wrapper,
+    .ant-input-number,
+    .ant-input-number-affix-wrapper,
+    .ant-input-group-wrapper .ant-input-group-addon,
+    .ant-otp-input
+) {
+    border-color: transparent !important;
+    border-radius: var(--r-lg) !important;
+    background: var(--unified-input-surface) !important;
+    box-shadow: none !important;
+    transition: background-color var(--motion-state, 180ms) ease, color var(--motion-state, 180ms) ease !important;
+}
+
+:where(textarea.ant-input, .ant-input-textarea textarea.ant-input) {
+    border-color: transparent !important;
+    border-radius: var(--r-lg) !important;
+    background: var(--unified-input-surface) !important;
+    box-shadow: none !important;
+}
+
+:where(
+    .ant-input:not(.ant-input-disabled):hover,
+    .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
+    .ant-input-number:not(.ant-input-number-disabled):hover,
+    .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover
+) {
+    border-color: transparent !important;
+    background: var(--unified-input-surface-hover) !important;
+    box-shadow: none !important;
+}
+
+:where(
+    .ant-input:focus,
+    .ant-input-focused,
+    .ant-input-affix-wrapper-focused,
+    .ant-input-number-focused,
+    .ant-input-number-affix-wrapper-focused
+) {
+    border-color: transparent !important;
+    background: var(--unified-input-surface-focus) !important;
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+:where(
+    .ant-input-affix-wrapper > .ant-input,
+    .ant-input-number .ant-input-number-input,
+    .ant-input-number-affix-wrapper .ant-input-number-input,
+    .ant-input-search .ant-input
+) {
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+:where(.ant-input, .ant-input-number-input)::placeholder {
+    color: var(--unified-input-placeholder) !important;
+}
+
+.ant-input-group-wrapper .ant-input-group-addon {
+    border: 0 !important;
+    background: var(--unified-input-addon) !important;
+    color: color-mix(in srgb, var(--foreground) 62%, transparent) !important;
+    box-shadow: none !important;
+}
+
+.ant-input-search .ant-input-group-addon,
+.ant-input-search .ant-input-search-btn,
+.ant-input-search .ant-input-search-button {
+    border: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+/* 外壳已经承担视觉时，内部输入不再形成第二层线条。 */
+:where(
+    .ant-input-affix-wrapper .ant-input,
+    .ant-input-group .ant-input,
+    .ant-input-group .ant-input-affix-wrapper,
+    .ant-otp .ant-otp-input-wrapper .ant-input
+) {
+    border-color: transparent !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+/* 错误和警告仍需要可识别的状态，但不再叠加发光描边。 */
+:where(
+    .ant-input-status-error:not(.ant-input-disabled),
+    .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled),
+    .ant-input-number-status-error:not(.ant-input-number-disabled)
+) {
+    background: color-mix(in srgb, var(--destructive, #ef4444) 10%, transparent) !important;
+}
+
+:where(
+    .ant-input-status-warning:not(.ant-input-disabled),
+    .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled),
+    .ant-input-number-status-warning:not(.ant-input-number-disabled)
+) {
+    background: color-mix(in srgb, var(--warning, #f59e0b) 12%, transparent) !important;
+}
+
+:where(
+    .ant-input-disabled,
+    .ant-input-affix-wrapper-disabled,
+    .ant-input-number-disabled,
+    .ant-input-number-affix-wrapper-disabled
+) {
+    background: color-mix(in srgb, var(--foreground) 4%, transparent) !important;
+    color: color-mix(in srgb, var(--foreground) 42%, transparent) !important;
+    box-shadow: none !important;
+}
+
+/* 鼠标点击只改变表面；键盘导航才显示焦点。 */
+:where(.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-input-number-affix-wrapper):focus:not(:focus-visible),
+:where(.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-input-number-affix-wrapper):focus-visible:not([data-input-modality="keyboard"]) {
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+:where(.ant-input, .ant-input-affix-wrapper, .ant-input-number, .ant-input-number-affix-wrapper):focus-visible[data-input-modality="keyboard"] {
+    outline: 1px solid var(--unified-input-focus) !important;
+    outline-offset: 1px !important;
+    box-shadow: none !important;
+}
+
+/* inset：父容器已经是输入表面，子输入框退成纯文字区。 */
+:where(.auth-code-field, .canvas-prompt-optimizer-sender, .ant-input-group, .ant-space-compact) :where(.ant-input, .ant-input-affix-wrapper, .ant-input-number) {
+    border: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+/* borderless：行内改名和节点标题不需要控件底。 */
+:where(.ant-input-borderless, .ant-input-affix-wrapper-borderless, .ant-input-number-borderless) {
+    min-height: auto !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+}
+
+:where(.ant-input-borderless, .ant-input-affix-wrapper-borderless, .ant-input-number-borderless):hover,
+:where(.ant-input-borderless, .ant-input-affix-wrapper-borderless, .ant-input-number-borderless):focus,
+:where(.ant-input-borderless, .ant-input-affix-wrapper-borderless, .ant-input-number-borderless):focus-within {
+    background: color-mix(in srgb, var(--foreground) 5%, transparent) !important;
+    box-shadow: none !important;
+}