diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index 270f88d..291ae9c 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -14,6 +14,7 @@
       {
         "label": "main",
         "title": "",
+        "titleBarStyle": "Overlay",
         "width": 1000,
         "height": 650,
         "minWidth": 900,
diff --git a/src/components/env/EnvWarningBanner.tsx b/src/components/env/EnvWarningBanner.tsx
index 76a167f..3a06db9 100644
--- a/src/components/env/EnvWarningBanner.tsx
+++ b/src/components/env/EnvWarningBanner.tsx
@@ -110,7 +110,7 @@ export function EnvWarningBanner({
 
   return (
     <>
-      <div className="bg-yellow-50 dark:bg-yellow-950/20 border-b border-yellow-200 dark:border-yellow-900/50">
+      <div className="fixed top-0 left-0 right-0 z-[100] bg-yellow-50 dark:bg-yellow-950 border-b border-yellow-200 dark:border-yellow-900 shadow-lg animate-slide-down">
         <div className="container mx-auto px-4 py-3">
           <div className="flex items-start gap-3">
             <AlertTriangle className="h-5 w-5 text-yellow-600 dark:text-yellow-500 flex-shrink-0 mt-0.5" />
@@ -229,8 +229,8 @@ export function EnvWarningBanner({
                       {isDeleting
                         ? t("env.actions.deleting")
                         : t("env.actions.deleteSelected", {
-                            count: selectedConflicts.size,
-                          })}
+                          count: selectedConflicts.size,
+                        })}
                     </Button>
                   </div>
                 </div>
@@ -241,7 +241,7 @@ export function EnvWarningBanner({
       </div>
 
       <Dialog open={showConfirmDialog} onOpenChange={setShowConfirmDialog}>
-        <DialogContent className="max-w-md">
+        <DialogContent className="max-w-md" zIndex="top">
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
               <AlertTriangle className="h-5 w-5 text-destructive" />
diff --git a/src/components/mcp/UnifiedMcpPanel.tsx b/src/components/mcp/UnifiedMcpPanel.tsx
index b0134ad..03fd2a2 100644
--- a/src/components/mcp/UnifiedMcpPanel.tsx
+++ b/src/components/mcp/UnifiedMcpPanel.tsx
@@ -1,14 +1,7 @@
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Plus, Server, Check } from "lucide-react";
+import { Server } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
 import { Switch } from "@/components/ui/switch";
 import { useAllMcpServers, useToggleMcpApp } from "@/hooks/useMcp";
 import type { McpServer } from "@/types";
@@ -22,7 +15,6 @@ import { mcpPresets } from "@/config/mcpPresets";
 import { toast } from "sonner";
 
 interface UnifiedMcpPanelProps {
-  open: boolean;
   onOpenChange: (open: boolean) => void;
 }
 
@@ -30,10 +22,13 @@ interface UnifiedMcpPanelProps {
  * 统一 MCP 管理面板
  * v3.7.0 新架构：所有 MCP 服务器统一管理，每个服务器通过复选框控制应用到哪些客户端
  */
-const UnifiedMcpPanel: React.FC<UnifiedMcpPanelProps> = ({
-  open,
+export interface UnifiedMcpPanelHandle {
+  openAdd: () => void;
+}
+
+const UnifiedMcpPanel = React.forwardRef<UnifiedMcpPanelHandle, UnifiedMcpPanelProps>(({
   onOpenChange,
-}) => {
+}, ref) => {
   const { t } = useTranslation();
   const [isFormOpen, setIsFormOpen] = useState(false);
   const [editingId, setEditingId] = useState<string | null>(null);
@@ -90,6 +85,10 @@ const UnifiedMcpPanel: React.FC<UnifiedMcpPanelProps> = ({
     setIsFormOpen(true);
   };
 
+  React.useImperativeHandle(ref, () => ({
+    openAdd: handleAdd
+  }));
+
   const handleDelete = (id: string) => {
     setConfirmDialog({
       isOpen: true,
@@ -115,78 +114,53 @@ const UnifiedMcpPanel: React.FC<UnifiedMcpPanelProps> = ({
   };
 
   return (
-    <>
-      <Dialog open={open} onOpenChange={onOpenChange}>
-        <DialogContent className="max-w-3xl max-h-[85vh] min-h-[600px] flex flex-col">
-          <DialogHeader>
-            <div className="flex items-center justify-between pr-8">
-              <DialogTitle>{t("mcp.unifiedPanel.title")}</DialogTitle>
-              <Button type="button" variant="mcp" onClick={handleAdd}>
-                <Plus size={16} />
-                {t("mcp.unifiedPanel.addServer")}
-              </Button>
-            </div>
-          </DialogHeader>
+    <div className="mx-auto max-w-5xl flex flex-col h-[calc(100vh-8rem)] overflow-hidden">
+      {/* Info Section */}
+      <div className="flex-shrink-0 px-6 py-4 glass rounded-xl border border-white/10 mb-4">
+        <div className="text-sm text-muted-foreground">
+          {t("mcp.serverCount", { count: serverEntries.length })} ·{" "}
+          {t("mcp.unifiedPanel.apps.claude")}: {enabledCounts.claude} ·{" "}
+          {t("mcp.unifiedPanel.apps.codex")}: {enabledCounts.codex} ·{" "}
+          {t("mcp.unifiedPanel.apps.gemini")}: {enabledCounts.gemini}
+        </div>
+      </div>
 
-          {/* Info Section */}
-          <div className="flex-shrink-0 px-6 py-4">
-            <div className="text-sm text-gray-500 dark:text-gray-400">
-              {t("mcp.serverCount", { count: serverEntries.length })} ·{" "}
-              {t("mcp.unifiedPanel.apps.claude")}: {enabledCounts.claude} ·{" "}
-              {t("mcp.unifiedPanel.apps.codex")}: {enabledCounts.codex} ·{" "}
-              {t("mcp.unifiedPanel.apps.gemini")}: {enabledCounts.gemini}
-            </div>
+      {/* Content - Scrollable */}
+      <div className="flex-1 overflow-y-auto overflow-x-hidden px-6 pb-24">
+        {isLoading ? (
+          <div className="text-center py-12 text-gray-500 dark:text-gray-400">
+            {t("mcp.loading")}
           </div>
-
-          {/* Content - Scrollable */}
-          <div className="flex-1 overflow-y-auto px-6 pb-4">
-            {isLoading ? (
-              <div className="text-center py-12 text-gray-500 dark:text-gray-400">
-                {t("mcp.loading")}
-              </div>
-            ) : serverEntries.length === 0 ? (
-              <div className="text-center py-12">
-                <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center">
-                  <Server
-                    size={24}
-                    className="text-gray-400 dark:text-gray-500"
-                  />
-                </div>
-                <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
-                  {t("mcp.unifiedPanel.noServers")}
-                </h3>
-                <p className="text-gray-500 dark:text-gray-400 text-sm">
-                  {t("mcp.emptyDescription")}
-                </p>
-              </div>
-            ) : (
-              <div className="space-y-3">
-                {serverEntries.map(([id, server]) => (
-                  <UnifiedMcpListItem
-                    key={id}
-                    id={id}
-                    server={server}
-                    onToggleApp={handleToggleApp}
-                    onEdit={handleEdit}
-                    onDelete={handleDelete}
-                  />
-                ))}
-              </div>
-            )}
+        ) : serverEntries.length === 0 ? (
+          <div className="text-center py-12">
+            <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-full flex items-center justify-center">
+              <Server
+                size={24}
+                className="text-gray-400 dark:text-gray-500"
+              />
+            </div>
+            <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
+              {t("mcp.unifiedPanel.noServers")}
+            </h3>
+            <p className="text-gray-500 dark:text-gray-400 text-sm">
+              {t("mcp.emptyDescription")}
+            </p>
           </div>
-
-          <DialogFooter>
-            <Button
-              type="button"
-              variant="mcp"
-              onClick={() => onOpenChange(false)}
-            >
-              <Check size={16} />
-              {t("common.done")}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+        ) : (
+          <div className="space-y-3">
+            {serverEntries.map(([id, server]) => (
+              <UnifiedMcpListItem
+                key={id}
+                id={id}
+                server={server}
+                onToggleApp={handleToggleApp}
+                onEdit={handleEdit}
+                onDelete={handleDelete}
+              />
+            ))}
+          </div>
+        )}
+      </div>
 
       {/* Form Modal */}
       {isFormOpen && (
@@ -215,9 +189,11 @@ const UnifiedMcpPanel: React.FC<UnifiedMcpPanelProps> = ({
           onCancel={() => setConfirmDialog(null)}
         />
       )}
-    </>
+    </div>
   );
-};
+});
+
+UnifiedMcpPanel.displayName = "UnifiedMcpPanel";
 
 /**
  * 统一 MCP 列表项组件
diff --git a/src/components/providers/AddProviderDialog.tsx b/src/components/providers/AddProviderDialog.tsx
index 1f2b3d6..ef9c43a 100644
--- a/src/components/providers/AddProviderDialog.tsx
+++ b/src/components/providers/AddProviderDialog.tsx
@@ -1,15 +1,8 @@
 import { useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { Plus } from "lucide-react";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
+import { FullScreenPanel } from "@/components/common/FullScreenPanel";
 import type { Provider, CustomEndpoint } from "@/types";
 import type { AppId } from "@/lib/api";
 import {
@@ -58,8 +51,6 @@ export function AddProviderDialog({
 
       if (!hasCustomEndpoints) {
         // 收集端点候选（仅在缺少自定义端点时兜底）
-        // 1. 从预设配置中获取 endpointCandidates
-        // 2. 从当前配置中提取 baseUrl (ANTHROPIC_BASE_URL 或 Codex base_url)
         const urlSet = new Set<string>();
 
         const addUrl = (rawUrl?: string) => {
@@ -170,34 +161,40 @@ export function AddProviderDialog({
         ? t("provider.addCodexProvider")
         : t("provider.addGeminiProvider");
 
+  const footer = (
+    <>
+      <Button
+        variant="outline"
+        onClick={() => onOpenChange(false)}
+        className="border-border/20 hover:bg-accent hover:text-accent-foreground"
+      >
+        {t("common.cancel")}
+      </Button>
+      <Button
+        type="submit"
+        form="provider-form"
+        className="bg-primary text-primary-foreground hover:bg-primary/90"
+      >
+        <Plus className="h-4 w-4 mr-2" />
+        {t("common.add")}
+      </Button>
+    </>
+  );
+
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-3xl max-h-[85vh] min-h-[600px] flex flex-col">
-        <DialogHeader>
-          <DialogTitle>{submitLabel}</DialogTitle>
-          <DialogDescription>{t("provider.addProviderHint")}</DialogDescription>
-        </DialogHeader>
-
-        <div className="flex-1 overflow-y-auto px-6 py-4">
-          <ProviderForm
-            appId={appId}
-            submitLabel={t("common.add")}
-            onSubmit={handleSubmit}
-            onCancel={() => onOpenChange(false)}
-            showButtons={false}
-          />
-        </div>
-
-        <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t("common.cancel")}
-          </Button>
-          <Button type="submit" form="provider-form">
-            <Plus className="h-4 w-4" />
-            {t("common.add")}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+    <FullScreenPanel
+      isOpen={open}
+      title={submitLabel}
+      onClose={() => onOpenChange(false)}
+      footer={footer}
+    >
+      <ProviderForm
+        appId={appId}
+        submitLabel={t("common.add")}
+        onSubmit={handleSubmit}
+        onCancel={() => onOpenChange(false)}
+        showButtons={false}
+      />
+    </FullScreenPanel>
   );
 }
diff --git a/src/components/providers/EditProviderDialog.tsx b/src/components/providers/EditProviderDialog.tsx
index aa221f7..4a350c4 100644
--- a/src/components/providers/EditProviderDialog.tsx
+++ b/src/components/providers/EditProviderDialog.tsx
@@ -1,15 +1,8 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Save } from "lucide-react";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
+import { FullScreenPanel } from "@/components/common/FullScreenPanel";
 import type { Provider } from "@/types";
 import {
   ProviderForm,
@@ -34,7 +27,7 @@ export function EditProviderDialog({
 }: EditProviderDialogProps) {
   const { t } = useTranslation();
 
-  // 默认使用传入的 provider.settingsConfig，若当前编辑对象是“当前生效供应商”，则尝试读取实时配置替换初始值
+  // 默认使用传入的 provider.settingsConfig，若当前编辑对象是"当前生效供应商"，则尝试读取实时配置替换初始值
   const [liveSettings, setLiveSettings] = useState<Record<
     string,
     unknown
@@ -112,45 +105,38 @@ export function EditProviderDialog({
   }
 
   return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-3xl max-h-[85vh] min-h-[600px] flex flex-col">
-        <DialogHeader>
-          <DialogTitle>{t("provider.editProvider")}</DialogTitle>
-          <DialogDescription>
-            {t("provider.editProviderHint")}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="flex-1 overflow-y-auto px-6 py-4">
-          <ProviderForm
-            appId={appId}
-            providerId={provider.id}
-            submitLabel={t("common.save")}
-            onSubmit={handleSubmit}
-            onCancel={() => onOpenChange(false)}
-            initialData={{
-              name: provider.name,
-              notes: provider.notes,
-              websiteUrl: provider.websiteUrl,
-              // 若读取到实时配置则优先使用
-              settingsConfig: initialSettingsConfig,
-              category: provider.category,
-              meta: provider.meta,
-            }}
-            showButtons={false}
-          />
-        </div>
-
-        <DialogFooter>
-          <Button variant="outline" onClick={() => onOpenChange(false)}>
-            {t("common.cancel")}
-          </Button>
-          <Button type="submit" form="provider-form">
-            <Save className="h-4 w-4" />
-            {t("common.save")}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+    <FullScreenPanel
+      isOpen={open}
+      title={t("provider.editProvider")}
+      onClose={() => onOpenChange(false)}
+    >
+      <ProviderForm
+        appId={appId}
+        providerId={provider.id}
+        submitLabel={t("common.save")}
+        onSubmit={handleSubmit}
+        onCancel={() => onOpenChange(false)}
+        initialData={{
+          name: provider.name,
+          notes: provider.notes,
+          websiteUrl: provider.websiteUrl,
+          // 若读取到实时配置则优先使用
+          settingsConfig: initialSettingsConfig,
+          category: provider.category,
+          meta: provider.meta,
+        }}
+        showButtons={false}
+      />
+      <div className="flex justify-end pt-6">
+        <Button
+          type="submit"
+          form="provider-form"
+          className="bg-primary text-primary-foreground hover:bg-primary/90"
+        >
+          <Save className="h-4 w-4 mr-2" />
+          {t("common.save")}
+        </Button>
+      </div>
+    </FullScreenPanel>
   );
 }
diff --git a/src/components/skills/SkillCard.tsx b/src/components/skills/SkillCard.tsx
index 74dffbd..689a558 100644
--- a/src/components/skills/SkillCard.tsx
+++ b/src/components/skills/SkillCard.tsx
@@ -57,7 +57,8 @@ export function SkillCard({ skill, onInstall, onUninstall }: SkillCardProps) {
     skill.directory.trim().toLowerCase() !== skill.name.trim().toLowerCase();
 
   return (
-    <Card className="flex flex-col h-full border-border-default bg-card transition-[border-color,box-shadow] duration-200 hover:border-border-hover hover:shadow-md">
+    <Card className="glass-card flex flex-col h-full border-white/5 transition-all duration-300 hover:bg-white/[0.02] hover:border-primary/50 hover:shadow-lg hover:-translate-y-1 group relative overflow-hidden">
+      <div className="absolute inset-0 bg-gradient-to-br from-primary/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" />
       <CardHeader className="pb-3">
         <div className="flex items-start justify-between gap-2">
           <div className="flex-1 min-w-0">
@@ -95,7 +96,7 @@ export function SkillCard({ skill, onInstall, onUninstall }: SkillCardProps) {
           {skill.description || t("skills.noDescription")}
         </p>
       </CardContent>
-      <CardFooter className="flex gap-2 pt-3 border-t border-border-default">
+      <CardFooter className="flex gap-2 pt-3 border-t border-white/5 relative z-10">
         {skill.readmeUrl && (
           <Button
             variant="ghost"
diff --git a/src/components/skills/SkillsPage.tsx b/src/components/skills/SkillsPage.tsx
index eed361e..497ffa9 100644
--- a/src/components/skills/SkillsPage.tsx
+++ b/src/components/skills/SkillsPage.tsx
@@ -1,17 +1,22 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, forwardRef, useImperativeHandle } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "@/components/ui/button";
-import { RefreshCw, Settings } from "lucide-react";
+import { RefreshCw } from "lucide-react";
 import { toast } from "sonner";
 import { SkillCard } from "./SkillCard";
-import { RepoManager } from "./RepoManager";
+import { RepoManagerPanel } from "./RepoManagerPanel";
 import { skillsApi, type Skill, type SkillRepo } from "@/lib/api/skills";
 
 interface SkillsPageProps {
   onClose?: () => void;
 }
 
-export function SkillsPage({ onClose: _onClose }: SkillsPageProps = {}) {
+export interface SkillsPageHandle {
+  refresh: () => void;
+  openRepoManager: () => void;
+}
+
+export const SkillsPage = forwardRef<SkillsPageHandle, SkillsPageProps>(({ onClose: _onClose }, ref) => {
   const { t } = useTranslation();
   const [skills, setSkills] = useState<Skill[]>([]);
   const [repos, setRepos] = useState<SkillRepo[]>([]);
@@ -48,6 +53,11 @@ export function SkillsPage({ onClose: _onClose }: SkillsPageProps = {}) {
     Promise.all([loadSkills(), loadRepos()]);
   }, []);
 
+  useImperativeHandle(ref, () => ({
+    refresh: () => loadSkills(),
+    openRepoManager: () => setRepoManagerOpen(true)
+  }));
+
   const handleInstall = async (directory: string) => {
     try {
       await skillsApi.install(directory);
@@ -104,44 +114,11 @@ export function SkillsPage({ onClose: _onClose }: SkillsPageProps = {}) {
   };
 
   return (
-    <div className="flex flex-col h-full min-h-0 bg-background">
-      {/* 顶部操作栏（固定区域） */}
-      <div className="flex-shrink-0 border-b border-border-default bg-muted/20 px-6 py-4">
-        <div className="flex items-center justify-between pr-8">
-          <h1 className="text-lg font-semibold leading-tight tracking-tight text-gray-900 dark:text-gray-100">
-            {t("skills.title")}
-          </h1>
-          <div className="flex gap-2">
-            <Button
-              variant="mcp"
-              size="sm"
-              onClick={() => loadSkills()}
-              disabled={loading}
-            >
-              <RefreshCw
-                className={`h-4 w-4 mr-2 ${loading ? "animate-spin" : ""}`}
-              />
-              {loading ? t("skills.refreshing") : t("skills.refresh")}
-            </Button>
-            <Button
-              variant="mcp"
-              size="sm"
-              onClick={() => setRepoManagerOpen(true)}
-            >
-              <Settings className="h-4 w-4 mr-2" />
-              {t("skills.repoManager")}
-            </Button>
-          </div>
-        </div>
-
-        {/* 描述 */}
-        <p className="mt-1.5 text-sm text-gray-500 dark:text-gray-400">
-          {t("skills.description")}
-        </p>
-      </div>
+    <div className="flex flex-col h-full min-h-0 bg-background/50">
+      {/* 顶部操作栏（固定区域）已移除，由 App.tsx 接管 */}
 
       {/* 技能网格（可滚动详情区域） */}
-      <div className="flex-1 min-h-0 overflow-y-auto px-6 py-6 bg-muted/10">
+      <div className="flex-1 min-h-0 overflow-y-auto px-6 py-4 animate-fade-in">
         {loading ? (
           <div className="flex items-center justify-center h-64">
             <RefreshCw className="h-8 w-8 animate-spin text-muted-foreground" />
@@ -176,15 +153,18 @@ export function SkillsPage({ onClose: _onClose }: SkillsPageProps = {}) {
         )}
       </div>
 
-      {/* 仓库管理对话框 */}
-      <RepoManager
-        open={repoManagerOpen}
-        onOpenChange={setRepoManagerOpen}
-        repos={repos}
-        skills={skills}
-        onAdd={handleAddRepo}
-        onRemove={handleRemoveRepo}
-      />
+      {/* 仓库管理面板 */}
+      {repoManagerOpen && (
+        <RepoManagerPanel
+          repos={repos}
+          skills={skills}
+          onAdd={handleAddRepo}
+          onRemove={handleRemoveRepo}
+          onClose={() => setRepoManagerOpen(false)}
+        />
+      )}
     </div>
   );
-}
+});
+
+SkillsPage.displayName = "SkillsPage";
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index f92f297..dd51dcb 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -27,7 +27,8 @@
     "formatSuccess": "Formatted successfully",
     "formatError": "Format failed: {{error}}",
     "copy": "Copy",
-    "view": "View"
+    "view": "View",
+    "back": "Back"
   },
   "apiKeyInput": {
     "placeholder": "Enter API Key",
@@ -314,7 +315,8 @@
     "pleaseAddEndpoint": "Please add an endpoint first",
     "testUnavailable": "Speed test unavailable",
     "noResult": "No result returned",
-    "testFailed": "Speed test failed: {{error}}"
+    "testFailed": "Speed test failed: {{error}}",
+    "status": "Status: {{code}}"
   },
   "codexConfig": {
     "authJson": "auth.json (JSON) *",
@@ -361,6 +363,9 @@
     "title": "Configure Usage Query",
     "enableUsageQuery": "Enable usage query",
     "presetTemplate": "Preset template",
+    "requestUrl": "Request URL",
+    "requestUrlPlaceholder": "e.g. https://api.example.com",
+    "method": "HTTP method",
     "templateCustom": "Custom",
     "templateGeneral": "General",
     "templateNewAPI": "NewAPI",
@@ -373,11 +378,14 @@
     "queryFailedMessage": "Query failed",
     "queryScript": "Query script (JavaScript)",
     "timeoutSeconds": "Timeout (seconds)",
+    "headers": "Headers",
+    "body": "Body",
     "timeoutHint": "Range: 2-30 seconds",
     "timeoutMustBeInteger": "Timeout must be an integer, decimal part ignored",
     "timeoutCannotBeNegative": "Timeout cannot be negative",
+    "autoIntervalMinutes": "Auto query interval (minutes)",
     "autoQueryInterval": "Auto Query Interval (minutes)",
-    "autoQueryIntervalHint": "0 to disable, recommend 5-60 minutes",
+    "autoQueryIntervalHint": "0 to disable; recommend 5-60 minutes",
     "intervalMustBeInteger": "Interval must be an integer, decimal part ignored",
     "intervalCannotBeNegative": "Interval cannot be negative",
     "intervalAdjusted": "Interval adjusted to {{value}} minutes",
@@ -398,6 +406,9 @@
     "formatSuccess": "Format successful",
     "formatFailed": "Format failed",
     "variablesHint": "Supported variables: {{apiKey}}, {{baseUrl}} | extractor function receives API response JSON object",
+    "scriptConfig": "Request configuration",
+    "extractorCode": "Extractor code",
+    "extractorHint": "Return object should include remaining quota fields",
     "fieldIsValid": "• isValid: Boolean, whether plan is valid",
     "fieldInvalidMessage": "• invalidMessage: String, reason for expiration (shown when isValid is false)",
     "fieldRemaining": "• remaining: Number, remaining quota",
diff --git a/src/i18n/locales/zh.json b/src/i18n/locales/zh.json
index 1e135a6..df54b58 100644
--- a/src/i18n/locales/zh.json
+++ b/src/i18n/locales/zh.json
@@ -27,7 +27,8 @@
     "formatSuccess": "格式化成功",
     "formatError": "格式化失败：{{error}}",
     "copy": "复制",
-    "view": "查看"
+    "view": "查看",
+    "back": "返回"
   },
   "apiKeyInput": {
     "placeholder": "请输入API Key",
@@ -314,7 +315,8 @@
     "pleaseAddEndpoint": "请先添加端点",
     "testUnavailable": "测速功能不可用",
     "noResult": "未返回结果",
-    "testFailed": "测速失败: {{error}}"
+    "testFailed": "测速失败: {{error}}",
+    "status": "状态码：{{code}}"
   },
   "codexConfig": {
     "authJson": "auth.json (JSON) *",
@@ -361,6 +363,9 @@
     "title": "配置用量查询",
     "enableUsageQuery": "启用用量查询",
     "presetTemplate": "预设模板",
+    "requestUrl": "请求地址",
+    "requestUrlPlaceholder": "例如：https://api.example.com",
+    "method": "HTTP 方法",
     "templateCustom": "自定义",
     "templateGeneral": "通用模板",
     "templateNewAPI": "NewAPI",
@@ -373,11 +378,14 @@
     "queryFailedMessage": "查询失败",
     "queryScript": "查询脚本（JavaScript）",
     "timeoutSeconds": "超时时间（秒）",
+    "headers": "请求头",
+    "body": "请求 Body",
     "timeoutHint": "范围: 2-30 秒",
     "timeoutMustBeInteger": "超时时间必须为整数，小数部分已忽略",
     "timeoutCannotBeNegative": "超时时间不能为负数",
+    "autoIntervalMinutes": "自动查询间隔（分钟）",
     "autoQueryInterval": "自动查询间隔（分钟）",
-    "autoQueryIntervalHint": "0 表示不自动查询，建议设置 5-60 分钟",
+    "autoQueryIntervalHint": "0 表示不自动查询，建议 5-60 分钟",
     "intervalMustBeInteger": "自动查询间隔必须为整数，小数部分已忽略",
     "intervalCannotBeNegative": "自动查询间隔不能为负数",
     "intervalAdjusted": "自动查询间隔已调整为 {{value}} 分钟",
@@ -398,6 +406,9 @@
     "formatSuccess": "格式化成功",
     "formatFailed": "格式化失败",
     "variablesHint": "支持变量: {{apiKey}}, {{baseUrl}} | extractor 函数接收 API 响应的 JSON 对象",
+    "scriptConfig": "请求配置",
+    "extractorCode": "提取器代码",
+    "extractorHint": "返回对象需包含剩余额度等字段",
     "fieldIsValid": "• isValid: 布尔值，套餐是否有效",
     "fieldInvalidMessage": "• invalidMessage: 字符串，失效原因说明（当 isValid 为 false 时显示）",
     "fieldRemaining": "• remaining: 数字，剩余额度",
diff --git a/src/lib/query/mutations.ts b/src/lib/query/mutations.ts
index 1013568..b78340d 100644
--- a/src/lib/query/mutations.ts
+++ b/src/lib/query/mutations.ts
@@ -169,7 +169,6 @@ export const useSwitchProviderMutation = (appId: AppId) => {
 
 export const useSaveSettingsMutation = () => {
   const queryClient = useQueryClient();
-  const { t } = useTranslation();
 
   return useMutation({
     mutationFn: async (settings: Settings) => {
@@ -177,19 +176,6 @@ export const useSaveSettingsMutation = () => {
     },
     onSuccess: async () => {
       await queryClient.invalidateQueries({ queryKey: ["settings"] });
-      toast.success(
-        t("notifications.settingsSaved", {
-          defaultValue: "设置已保存",
-        }),
-      );
-    },
-    onError: (error: Error) => {
-      toast.error(
-        t("notifications.settingsSaveFailed", {
-          defaultValue: "保存设置失败: {{error}}",
-          error: error.message,
-        }),
-      );
     },
   });
 };