diff --git a/qwen3-tts-backend/core/tts_service.py b/qwen3-tts-backend/core/tts_service.py
index b9d28f6..e58c33b 100644
--- a/qwen3-tts-backend/core/tts_service.py
+++ b/qwen3-tts-backend/core/tts_service.py
@@ -330,15 +330,43 @@ class AliyunTTSBackend(TTSBackend):
 
     async def health_check(self) -> dict:
         try:
-            import httpx
-            async with httpx.AsyncClient() as client:
-                resp = await client.get(
-                    self.http_url.replace('/customization', '/health'),
-                    headers={"Authorization": f"Bearer {self.api_key}"},
-                    timeout=5
-                )
-                return {"available": resp.status_code < 500}
-        except:
+            from core.config import settings
+            url = f"{self.ws_url}?model={settings.ALIYUN_MODEL_FLASH}"
+            headers = {"Authorization": f"Bearer {self.api_key}"}
+
+            async with websockets.connect(url, additional_headers=headers, close_timeout=3) as ws:
+                await ws.send(json.dumps({
+                    "type": "session.update",
+                    "session": {
+                        "mode": "server_commit",
+                        "voice": "Cherry",
+                        "language_type": "zh",
+                        "response_format": "pcm",
+                        "sample_rate": 24000
+                    }
+                }))
+
+                await ws.send(json.dumps({
+                    "type": "input_text_buffer.append",
+                    "text": "测试"
+                }))
+
+                await ws.send(json.dumps({
+                    "type": "session.finish"
+                }))
+
+                async for message in ws:
+                    event = json.loads(message)
+                    event_type = event.get('type')
+
+                    if event_type == 'error':
+                        return {"available": False}
+                    elif event_type in ['response.audio.delta', 'session.finished']:
+                        return {"available": True}
+
+            return {"available": True}
+        except Exception as e:
+            logger.warning(f"Aliyun health check failed: {e}")
             return {"available": False}
 
     @staticmethod
diff --git a/qwen3-tts-frontend/src/components/JobDetailDialog.tsx b/qwen3-tts-frontend/src/components/JobDetailDialog.tsx
index 39676c2..6d52aae 100644
--- a/qwen3-tts-frontend/src/components/JobDetailDialog.tsx
+++ b/qwen3-tts-frontend/src/components/JobDetailDialog.tsx
@@ -3,6 +3,7 @@ import type { Job } from '@/types/job'
 import {
   Dialog,
   DialogContent,
+  DialogDescription,
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog'
@@ -76,6 +77,7 @@ const JobDetailDialog = memo(({ job, open, onOpenChange }: JobDetailDialogProps)
               {formatTimestamp(job.created_at)}
             </span>
           </div>
+          <DialogDescription>查看任务的详细参数和生成结果</DialogDescription>
         </DialogHeader>
 
         <ScrollArea className="max-h-[calc(90vh-120px)] pr-4">
diff --git a/qwen3-tts-frontend/src/components/Navbar.tsx b/qwen3-tts-frontend/src/components/Navbar.tsx
index b307fe7..ac691a8 100644
--- a/qwen3-tts-frontend/src/components/Navbar.tsx
+++ b/qwen3-tts-frontend/src/components/Navbar.tsx
@@ -1,4 +1,4 @@
-import { Menu, LogOut, Users, Settings } from 'lucide-react'
+import { Menu, LogOut, Users, Settings, AudioLines } from 'lucide-react'
 import { Link } from 'react-router-dom'
 import { Button } from '@/components/ui/button'
 import { ThemeToggle } from '@/components/ThemeToggle'
@@ -25,8 +25,9 @@ export function Navbar({ onToggleSidebar }: NavbarProps) {
       )}
 
       <div className="flex-1">
-        <Link to="/">
-          <h1 className="text-sm md:text-xl font-bold cursor-pointer hover:opacity-80 transition-opacity">
+        <Link to="/" className="flex items-center gap-2">
+          <AudioLines className="h-6 w-6 md:hidden" />
+          <h1 className="hidden md:block text-xl font-bold cursor-pointer hover:opacity-80 transition-opacity">
             Qwen3-TTS-WebUI
           </h1>
         </Link>
diff --git a/qwen3-tts-frontend/src/components/tts/CustomVoiceForm.tsx b/qwen3-tts-frontend/src/components/tts/CustomVoiceForm.tsx
index 1457292..1879856 100644
--- a/qwen3-tts-frontend/src/components/tts/CustomVoiceForm.tsx
+++ b/qwen3-tts-frontend/src/components/tts/CustomVoiceForm.tsx
@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
 import { Label } from '@/components/ui/label'
 import { Globe2, User, Type, Sparkles, Play, Settings } from 'lucide-react'
 import { toast } from 'sonner'
@@ -228,6 +228,7 @@ const CustomVoiceForm = forwardRef<CustomVoiceFormHandle>((_props, ref) => {
         <DialogContent className="sm:max-w-[500px]">
           <DialogHeader>
             <DialogTitle>高级参数设置</DialogTitle>
+            <DialogDescription>调整生成参数以控制音频质量和生成长度</DialogDescription>
           </DialogHeader>
           <div className="space-y-4 py-4">
             <div className="space-y-2">
diff --git a/qwen3-tts-frontend/src/components/tts/VoiceCloneForm.tsx b/qwen3-tts-frontend/src/components/tts/VoiceCloneForm.tsx
index ff35b72..e0f421c 100644
--- a/qwen3-tts-frontend/src/components/tts/VoiceCloneForm.tsx
+++ b/qwen3-tts-frontend/src/components/tts/VoiceCloneForm.tsx
@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
 import { Checkbox } from '@/components/ui/checkbox'
 import { Label } from '@/components/ui/label'
 import { Settings, Globe2, Type, Play, FileText, Mic, ArrowRight, ArrowLeft } from 'lucide-react'
@@ -329,6 +329,7 @@ function VoiceCloneForm() {
           <DialogContent className="sm:max-w-[500px]">
             <DialogHeader>
               <DialogTitle>高级参数设置</DialogTitle>
+              <DialogDescription>调整生成参数以控制音频质量和生成长度</DialogDescription>
             </DialogHeader>
             <div className="space-y-4 py-4">
               <div className="space-y-2">
diff --git a/qwen3-tts-frontend/src/components/tts/VoiceDesignForm.tsx b/qwen3-tts-frontend/src/components/tts/VoiceDesignForm.tsx
index 6e0aa9f..d9f6a9b 100644
--- a/qwen3-tts-frontend/src/components/tts/VoiceDesignForm.tsx
+++ b/qwen3-tts-frontend/src/components/tts/VoiceDesignForm.tsx
@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, DialogFooter } from '@/components/ui/dialog'
 import { Label } from '@/components/ui/label'
 import { Settings, Globe2, Type, Play, Palette } from 'lucide-react'
 import { toast } from 'sonner'
@@ -197,6 +197,7 @@ const VoiceDesignForm = forwardRef<VoiceDesignFormHandle>((_props, ref) => {
         <DialogContent className="sm:max-w-[500px]">
           <DialogHeader>
             <DialogTitle>高级参数设置</DialogTitle>
+            <DialogDescription>调整生成参数以控制音频质量和生成长度</DialogDescription>
           </DialogHeader>
           <div className="space-y-4 py-4">
             <div className="space-y-2">
diff --git a/qwen3-tts-frontend/src/components/users/ChangePasswordDialog.tsx b/qwen3-tts-frontend/src/components/users/ChangePasswordDialog.tsx
index fd034dc..33cf9a7 100644
--- a/qwen3-tts-frontend/src/components/users/ChangePasswordDialog.tsx
+++ b/qwen3-tts-frontend/src/components/users/ChangePasswordDialog.tsx
@@ -73,7 +73,7 @@ export function ChangePasswordDialog({
 
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
-      <DialogContent className="sm:max-w-[425px]">
+      <DialogContent className="sm:max-w-[425px] max-h-[90vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>修改密码</DialogTitle>
           <DialogDescription>
@@ -140,16 +140,17 @@ export function ChangePasswordDialog({
               )}
             />
 
-            <DialogFooter>
+            <DialogFooter className="flex-col sm:flex-row gap-2">
               <Button
                 type="button"
                 variant="outline"
                 onClick={() => handleOpenChange(false)}
                 disabled={isLoading}
+                className="w-full sm:w-auto"
               >
                 取消
               </Button>
-              <Button type="submit" disabled={isLoading}>
+              <Button type="submit" disabled={isLoading} className="w-full sm:w-auto">
                 {isLoading ? '提交中...' : '确认修改'}
               </Button>
             </DialogFooter>
diff --git a/qwen3-tts-frontend/src/components/users/DeleteUserDialog.tsx b/qwen3-tts-frontend/src/components/users/DeleteUserDialog.tsx
index cb33a38..367eb9a 100644
--- a/qwen3-tts-frontend/src/components/users/DeleteUserDialog.tsx
+++ b/qwen3-tts-frontend/src/components/users/DeleteUserDialog.tsx
@@ -27,7 +27,7 @@ export function DeleteUserDialog({
 }: DeleteUserDialogProps) {
   return (
     <AlertDialog open={open} onOpenChange={onOpenChange}>
-      <AlertDialogContent>
+      <AlertDialogContent className="max-w-[90vw] sm:max-w-lg">
         <AlertDialogHeader>
           <AlertDialogTitle>确认删除用户</AlertDialogTitle>
           <AlertDialogDescription>
@@ -36,9 +36,9 @@ export function DeleteUserDialog({
             此操作不可撤销，该用户的所有数据将被永久删除。
           </AlertDialogDescription>
         </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel disabled={isLoading}>取消</AlertDialogCancel>
-          <AlertDialogAction onClick={onConfirm} disabled={isLoading}>
+        <AlertDialogFooter className="flex-col sm:flex-row gap-2">
+          <AlertDialogCancel disabled={isLoading} className="w-full sm:w-auto">取消</AlertDialogCancel>
+          <AlertDialogAction onClick={onConfirm} disabled={isLoading} className="w-full sm:w-auto">
             {isLoading ? '删除中...' : '确认删除'}
           </AlertDialogAction>
         </AlertDialogFooter>
diff --git a/qwen3-tts-frontend/src/components/users/UserDialog.tsx b/qwen3-tts-frontend/src/components/users/UserDialog.tsx
index 5e18f40..e296397 100644
--- a/qwen3-tts-frontend/src/components/users/UserDialog.tsx
+++ b/qwen3-tts-frontend/src/components/users/UserDialog.tsx
@@ -5,6 +5,7 @@ import * as z from 'zod'
 import {
   Dialog,
   DialogContent,
+  DialogDescription,
   DialogHeader,
   DialogTitle,
   DialogFooter,
@@ -87,9 +88,12 @@ export function UserDialog({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
+      <DialogContent className="sm:max-w-[500px] max-h-[90vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>{isEditing ? '编辑用户' : '创建用户'}</DialogTitle>
+          <DialogDescription>
+            {isEditing ? '修改用户信息和权限设置' : '创建新用户并配置基本信息'}
+          </DialogDescription>
         </DialogHeader>
 
         <Form {...form}>
@@ -174,16 +178,17 @@ export function UserDialog({
               )}
             />
 
-            <DialogFooter>
+            <DialogFooter className="flex-col sm:flex-row gap-2">
               <Button
                 type="button"
                 variant="outline"
                 onClick={() => onOpenChange(false)}
                 disabled={isLoading}
+                className="w-full sm:w-auto"
               >
                 取消
               </Button>
-              <Button type="submit" disabled={isLoading}>
+              <Button type="submit" disabled={isLoading} className="w-full sm:w-auto">
                 {isLoading ? '保存中...' : '保存'}
               </Button>
             </DialogFooter>
diff --git a/qwen3-tts-frontend/src/components/users/UserTable.tsx b/qwen3-tts-frontend/src/components/users/UserTable.tsx
index b373888..52120d2 100644
--- a/qwen3-tts-frontend/src/components/users/UserTable.tsx
+++ b/qwen3-tts-frontend/src/components/users/UserTable.tsx
@@ -28,60 +28,115 @@ export function UserTable({ users, isLoading, onEdit, onDelete }: UserTableProps
   }
 
   return (
-    <div className="overflow-x-auto">
-      <table className="w-full">
-        <thead className="border-b">
-          <tr className="text-left">
-            <th className="px-4 py-3 font-medium">ID</th>
-            <th className="px-4 py-3 font-medium">用户名</th>
-            <th className="px-4 py-3 font-medium">邮箱</th>
-            <th className="px-4 py-3 font-medium">状态</th>
-            <th className="px-4 py-3 font-medium">角色</th>
-            <th className="px-4 py-3 font-medium">创建时间</th>
-            <th className="px-4 py-3 font-medium text-right">操作</th>
-          </tr>
-        </thead>
-        <tbody>
-          {users.map((user) => (
-            <tr key={user.id} className="border-b hover:bg-muted/50">
-              <td className="px-4 py-3">{user.id}</td>
-              <td className="px-4 py-3">{user.username}</td>
-              <td className="px-4 py-3">{user.email}</td>
-              <td className="px-4 py-3">
+    <>
+      <div className="hidden md:block overflow-x-auto">
+        <table className="w-full">
+          <thead className="border-b">
+            <tr className="text-left">
+              <th className="px-4 py-3 font-medium">ID</th>
+              <th className="px-4 py-3 font-medium">用户名</th>
+              <th className="px-4 py-3 font-medium">邮箱</th>
+              <th className="px-4 py-3 font-medium">状态</th>
+              <th className="px-4 py-3 font-medium">角色</th>
+              <th className="px-4 py-3 font-medium">创建时间</th>
+              <th className="px-4 py-3 font-medium text-right">操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            {users.map((user) => (
+              <tr key={user.id} className="border-b hover:bg-muted/50">
+                <td className="px-4 py-3">{user.id}</td>
+                <td className="px-4 py-3">{user.username}</td>
+                <td className="px-4 py-3">{user.email}</td>
+                <td className="px-4 py-3">
+                  <Badge variant={user.is_active ? 'default' : 'secondary'}>
+                    {user.is_active ? '活跃' : '停用'}
+                  </Badge>
+                </td>
+                <td className="px-4 py-3">
+                  <Badge variant={user.is_superuser ? 'destructive' : 'outline'}>
+                    {user.is_superuser ? '超级管理员' : '普通用户'}
+                  </Badge>
+                </td>
+                <td className="px-4 py-3">
+                  {new Date(user.created_at).toLocaleString('zh-CN')}
+                </td>
+                <td className="px-4 py-3">
+                  <div className="flex justify-end gap-2">
+                    <Button
+                      variant="ghost"
+                      size="icon"
+                      onClick={() => onEdit(user)}
+                    >
+                      <Edit className="h-4 w-4" />
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      size="icon"
+                      onClick={() => onDelete(user)}
+                    >
+                      <Trash2 className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="md:hidden space-y-4">
+        {users.map((user) => (
+          <div key={user.id} className="border rounded-lg p-4 space-y-3">
+            <div className="flex items-center justify-between">
+              <div className="font-medium">{user.username}</div>
+              <div className="flex gap-2">
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => onEdit(user)}
+                >
+                  <Edit className="h-4 w-4" />
+                </Button>
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => onDelete(user)}
+                >
+                  <Trash2 className="h-4 w-4" />
+                </Button>
+              </div>
+            </div>
+
+            <div className="space-y-2 text-sm">
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">ID:</span>
+                <span>{user.id}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">邮箱:</span>
+                <span className="truncate ml-2">{user.email}</span>
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="text-muted-foreground">状态:</span>
                 <Badge variant={user.is_active ? 'default' : 'secondary'}>
                   {user.is_active ? '活跃' : '停用'}
                 </Badge>
-              </td>
-              <td className="px-4 py-3">
+              </div>
+              <div className="flex justify-between items-center">
+                <span className="text-muted-foreground">角色:</span>
                 <Badge variant={user.is_superuser ? 'destructive' : 'outline'}>
                   {user.is_superuser ? '超级管理员' : '普通用户'}
                 </Badge>
-              </td>
-              <td className="px-4 py-3">
-                {new Date(user.created_at).toLocaleString('zh-CN')}
-              </td>
-              <td className="px-4 py-3">
-                <div className="flex justify-end gap-2">
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    onClick={() => onEdit(user)}
-                  >
-                    <Edit className="h-4 w-4" />
-                  </Button>
-                  <Button
-                    variant="ghost"
-                    size="icon"
-                    onClick={() => onDelete(user)}
-                  >
-                    <Trash2 className="h-4 w-4" />
-                  </Button>
-                </div>
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">创建时间:</span>
+                <span className="text-xs">{new Date(user.created_at).toLocaleString('zh-CN')}</span>
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </>
   )
 }
diff --git a/qwen3-tts-frontend/src/pages/UserManagement.tsx b/qwen3-tts-frontend/src/pages/UserManagement.tsx
index e6e790b..91580a9 100644
--- a/qwen3-tts-frontend/src/pages/UserManagement.tsx
+++ b/qwen3-tts-frontend/src/pages/UserManagement.tsx
@@ -93,11 +93,11 @@ export default function UserManagement() {
   return (
     <div className="min-h-screen bg-background">
       <Navbar />
-      <div className="container mx-auto p-6">
+      <div className="container mx-auto p-4 sm:p-6">
         <Card>
-          <CardHeader className="flex flex-row items-center justify-between">
+          <CardHeader className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
             <CardTitle>用户管理</CardTitle>
-            <Button onClick={handleCreateUser}>
+            <Button onClick={handleCreateUser} className="w-full sm:w-auto">
               <Plus className="h-4 w-4 mr-2" />
               创建用户
             </Button>