diff --git a/web/frontend/src/pages/AccountsPage.tsx b/web/frontend/src/pages/AccountsPage.tsx
index 0a492e8..d710720 100644
--- a/web/frontend/src/pages/AccountsPage.tsx
+++ b/web/frontend/src/pages/AccountsPage.tsx
@@ -12,6 +12,10 @@ import { usePermissions } from '../hooks/usePermissions';
 import { formatTime } from '../utils/time';
 import { getErrorMessage } from '../utils/error';
 
+const TAG_COLORS = [
+  'blue', 'green', 'cyan', 'geekblue', 'purple', 'orange', 'magenta', 'volcano',
+];
+
 const { TextArea } = Input;
 const { Text } = Typography;
 
@@ -194,6 +198,14 @@ export default function AccountsPage() {
     }
   };
 
+  const tagColorMap = useMemo(() => {
+    const map: Record<string, string> = {};
+    tags.forEach((tg, i) => {
+      map[tg] = TAG_COLORS[i % TAG_COLORS.length];
+    });
+    return map;
+  }, [tags]);
+
   const handleBatchTag = async () => {
     if (selectedCount === 0) {
       message.warning('请先选择账号');
@@ -213,6 +225,17 @@ export default function AccountsPage() {
     }
   };
 
+  const handleSetTag = async (accountId: number, tag: string) => {
+    try {
+      await accountApi.setTag(accountId, tag);
+      message.success('标签已更新');
+      loadAccounts();
+      loadTags();
+    } catch (e: unknown) {
+      message.error(getErrorMessage(e));
+    }
+  };
+
   const handleDelete = async (id: number) => {
     try {
       await accountApi.delete(id);
@@ -351,6 +374,35 @@ export default function AccountsPage() {
         </Space>
       ),
     },
+    {
+      title: '标签',
+      dataIndex: 'tag',
+      width: 170,
+      render: (tag: string, record: AccountItem) => {
+        // 有权限时直接就地改（Select 输入新标签即保存）；无权限则只读展示。
+        if (canTag) {
+          return (
+            <Select
+              mode="tags"
+              maxCount={1}
+              allowClear
+              showSearch
+              optionFilterProp="label"
+              size="small"
+              placeholder="选择或输入标签"
+              style={{ width: 150 }}
+              value={tag ? [tag] : []}
+              onChange={(values) => {
+                const value = values.at(-1)?.trim() || '';
+                if (value !== tag) handleSetTag(record.id, value);
+              }}
+              options={tags.map((value) => ({ value, label: value }))}
+            />
+          );
+        }
+        return tag ? <Tag color={tagColorMap[tag]}>{tag}</Tag> : <Text type="secondary">-</Text>;
+      },
+    },
   ];
 
   if (canViewFull && sensitiveVisible) {