diff --git a/apps/admin-web/src/i18n/messages/en-US.ts b/apps/admin-web/src/i18n/messages/en-US.ts
index b4b5e4b..f89735a 100644
--- a/apps/admin-web/src/i18n/messages/en-US.ts
+++ b/apps/admin-web/src/i18n/messages/en-US.ts
@@ -82,6 +82,7 @@ const enUS = {
     tracking: 'Tracking',
     trackingDetail: 'Data Details',
     trackingMarkedArticles: 'External Article Marks',
+    aiAccounts: 'AI Account Management',
     contentManagement: 'Content Management',
     knowledge: 'Knowledge Base',
     images: 'Image Management',
@@ -270,6 +271,10 @@ const enUS = {
       description:
         'Manage manually marked external article URLs so they count in cited articles and citation rankings.',
     },
+    aiAccounts: {
+      title: 'AI Account Management',
+      description: 'Review AI model accounts, authorization state, and desktop runtime nodes.',
+    },
     trackingQuestion: {
       title: 'Question Detail',
       description:
diff --git a/apps/admin-web/src/i18n/messages/zh-CN.ts b/apps/admin-web/src/i18n/messages/zh-CN.ts
index 786f2cc..78cfd40 100644
--- a/apps/admin-web/src/i18n/messages/zh-CN.ts
+++ b/apps/admin-web/src/i18n/messages/zh-CN.ts
@@ -92,6 +92,7 @@ const zhCN = {
     tracking: '数据追踪',
     trackingDetail: '数据详情',
     trackingMarkedArticles: '外部文章标记',
+    aiAccounts: 'AI 账号管理',
     contentManagement: '内容管理',
     knowledge: '知识库',
     images: '图片管理',
@@ -269,6 +270,10 @@ const zhCN = {
       title: '外部文章标记',
       description: '维护用户手动标记的外部文章 URL，让它们参与引用文章和引用排行统计。',
     },
+    aiAccounts: {
+      title: 'AI 账号管理',
+      description: '查看 AI 模型账号、授权状态和桌面运行节点。',
+    },
     trackingQuestion: {
       title: '问题详情',
       description: '按问题查看大模型回答、引用来源、引用分析和回答引用。',
@@ -564,7 +569,8 @@ const zhCN = {
     backToQuestions: '返回问题列表',
     citationRanking: 'Citation Ranking',
     citationRankingTitle: '引用排行',
-    citationRankingHint: '按发布外链、投稿外链和手动标记 URL 归因外部文章在模型引用来源中的出现次数与占比。',
+    citationRankingHint:
+      '按发布外链、投稿外链和手动标记 URL 归因外部文章在模型引用来源中的出现次数与占比。',
     citationWindow7: '近 7 天',
     citationWindow30: '近 30 天',
     citationWindowLabel: '近 {days} 天',
@@ -697,7 +703,8 @@ const zhCN = {
   },
   trackingMarkedArticles: {
     title: '外部文章标记',
-    description: '把无法自动对接的官网、媒体或第三方页面标记为外部文章，系统会在 6 个月内用于引用归因。',
+    description:
+      '把无法自动对接的官网、媒体或第三方页面标记为外部文章，系统会在 6 个月内用于引用归因。',
     createAction: '标记文章',
     createTitle: '标记外部文章',
     editTitle: '编辑外部文章',
diff --git a/apps/admin-web/src/layouts/AppShell.vue b/apps/admin-web/src/layouts/AppShell.vue
index 03d2f83..f0ada71 100644
--- a/apps/admin-web/src/layouts/AppShell.vue
+++ b/apps/admin-web/src/layouts/AppShell.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import {
+  ApiOutlined,
   AppstoreOutlined,
   BankOutlined,
   BarChartOutlined,
@@ -384,6 +385,11 @@ const navSections = computed<NavSection[]>(() => {
           label: t('nav.trackingMarkedArticles'),
           icon: FileTextOutlined,
         },
+        {
+          key: '/tracking/ai-accounts',
+          label: t('nav.aiAccounts'),
+          icon: ApiOutlined,
+        },
       ],
     },
     {
diff --git a/apps/admin-web/src/router/index.ts b/apps/admin-web/src/router/index.ts
index c84f0a3..fed7f63 100644
--- a/apps/admin-web/src/router/index.ts
+++ b/apps/admin-web/src/router/index.ts
@@ -249,6 +249,16 @@ const router = createRouter({
             navKey: '/tracking/marked-articles',
           },
         },
+        {
+          path: 'tracking/ai-accounts',
+          name: 'tracking-ai-accounts',
+          component: () => import('@/views/AIAccountsView.vue'),
+          meta: {
+            titleKey: 'route.aiAccounts.title',
+            descriptionKey: 'route.aiAccounts.description',
+            navKey: '/tracking/ai-accounts',
+          },
+        },
         {
           path: 'tracking/questions/:brandId/:questionId',
           name: 'tracking-question-detail',
diff --git a/apps/admin-web/src/views/AIAccountsView.vue b/apps/admin-web/src/views/AIAccountsView.vue
new file mode 100644
index 0000000..ffc9914
--- /dev/null
+++ b/apps/admin-web/src/views/AIAccountsView.vue
@@ -0,0 +1,1681 @@
+<script setup lang="ts">
+import {
+  DeleteOutlined,
+  ExclamationCircleOutlined,
+  MoreOutlined,
+  ReloadOutlined,
+  SearchOutlined,
+  SyncOutlined,
+} from '@ant-design/icons-vue'
+import type { DesktopAccountInfo } from '@geo/shared-types'
+import { aiPlatformCatalog } from '@geo/shared-types'
+import { useMutation, useQuery } from '@tanstack/vue-query'
+import { message } from 'ant-design-vue'
+import { computed, ref } from 'vue'
+
+import { resolveApiURL, tenantAccountsApi } from '@/lib/api'
+import { resolveAccountCheckedAt, resolveAccountHealth } from '@/lib/desktop-account-runtime'
+import { formatDateTime } from '@/lib/display'
+import { formatError } from '@/lib/errors'
+import { isMonitoringPlatformId, normalizeMonitoringPlatformId } from '@/lib/monitoring-platforms'
+
+type AccountHealthFilter = 'all' | 'live' | 'captcha' | 'risk' | 'expired'
+type CollectionState = 'ready' | 'waiting' | 'unavailable'
+
+type AIAccountCard = {
+  id: string
+  platformId: string
+  platformLabel: string
+  platformShortName: string
+  platformAccent: string
+  displayName: string
+  platformUid: string
+  avatarUrl: string | null
+  health: DesktopAccountInfo['health']
+  verifiedAt: string | null
+  clientId: string | null
+  clientOnline: boolean
+  accountSessionOnline: boolean
+  taskConsumerOnline: boolean
+  clientDeviceName: string | null
+  clientLastSeenAt: string | null
+  collectionState: CollectionState
+  deleteRequestedAt: string | null
+  runtimeAuthReason: string | null
+}
+
+const searchQuery = ref('')
+const selectedHealth = ref<AccountHealthFilter>('all')
+const requestingAccountDeleteId = ref<string | null>(null)
+const unbindModalOpen = ref(false)
+const unbindAccountTarget = ref<AIAccountCard | null>(null)
+const unbindVerifyInput = ref('')
+const unbindConfirmLoading = ref(false)
+
+const platformMap = new Map(aiPlatformCatalog.map((platform) => [platform.id, platform]))
+
+const accountsQuery = useQuery({
+  queryKey: ['tenant', 'desktop-accounts', 'ai-account-management'],
+  queryFn: () => tenantAccountsApi.list(),
+  staleTime: 0,
+  refetchInterval: 5_000,
+  refetchOnWindowFocus: true,
+})
+
+const requestAccountDeleteMutation = useMutation({
+  mutationFn: (payload: { id: string; undo?: boolean }) =>
+    tenantAccountsApi.requestDelete(payload.id, { undo: payload.undo }),
+  onSuccess: async (_account, payload) => {
+    message.success(payload.undo ? '已撤销解绑申请' : '已申请解绑')
+    await accountsQuery.refetch()
+  },
+  onError: (error) => message.error(formatError(error)),
+  onSettled: () => {
+    requestingAccountDeleteId.value = null
+  },
+})
+
+const removeAccountMutation = useMutation({
+  mutationFn: (id: string) => tenantAccountsApi.remove(id),
+  onSuccess: async () => {
+    message.success('AI 账号已解绑')
+    await accountsQuery.refetch()
+  },
+  onError: (error) => message.error(formatError(error)),
+  onSettled: () => {
+    requestingAccountDeleteId.value = null
+  },
+})
+
+const accountCards = computed<AIAccountCard[]>(() =>
+  (accountsQuery.data.value ?? [])
+    .filter((account) => {
+      const platformId = normalizeMonitoringPlatformId(account.platform)
+      return isMonitoringPlatformId(platformId) && !account.deleted_at
+    })
+    .map((account) => {
+      const platformId = normalizeMonitoringPlatformId(account.platform)
+      const platform = platformMap.get(platformId)
+      const health = resolveAccountHealth(account)
+      const clientOnline = account.client_online === true
+      const taskConsumerOnline = account.task_consumer_online === true
+      return {
+        id: account.id,
+        platformId,
+        platformLabel: platform?.label ?? platformId,
+        platformShortName: platform?.shortName ?? 'AI',
+        platformAccent: platform?.accent ?? '#64748b',
+        displayName: account.display_name,
+        platformUid: normalizePlatformUid(account.platform_uid),
+        avatarUrl: resolveApiURL(account.avatar_url),
+        health,
+        verifiedAt: resolveAccountCheckedAt(account),
+        clientId: account.client_id,
+        clientOnline,
+        accountSessionOnline: account.account_session_online === true,
+        taskConsumerOnline,
+        clientDeviceName: account.client_device_name,
+        clientLastSeenAt: account.client_last_seen_at,
+        collectionState: resolveCollectionState(account, health),
+        deleteRequestedAt: account.delete_requested_at,
+        runtimeAuthReason: account.runtime_auth_reason ?? null,
+      }
+    })
+    .sort((left, right) => {
+      const healthGap = healthRank(left.health) - healthRank(right.health)
+      if (healthGap !== 0) {
+        return healthGap
+      }
+      const platformGap = left.platformLabel.localeCompare(right.platformLabel, 'zh-CN')
+      if (platformGap !== 0) {
+        return platformGap
+      }
+      return left.displayName.localeCompare(right.displayName, 'zh-CN')
+    }),
+)
+
+const overview = computed(() => ({
+  accounts: accountCards.value.length,
+  platforms: new Set(accountCards.value.map((account) => account.platformId)).size,
+  healthy: accountCards.value.filter((account) => account.health === 'live').length,
+  attention: accountCards.value.filter((account) => account.health !== 'live').length,
+}))
+
+const filteredAccounts = computed(() => {
+  const keyword = searchQuery.value.trim().toLowerCase()
+  return accountCards.value.filter((account) => {
+    if (selectedHealth.value !== 'all' && account.health !== selectedHealth.value) {
+      return false
+    }
+    if (!keyword) {
+      return true
+    }
+    return [
+      account.displayName,
+      account.platformUid,
+      account.platformLabel,
+      account.clientDeviceName ?? '',
+    ]
+      .join(' ')
+      .toLowerCase()
+      .includes(keyword)
+  })
+})
+
+const isUnbindVerified = computed(() => {
+  const account = unbindAccountTarget.value
+  if (!account) {
+    return false
+  }
+  const input = unbindVerifyInput.value.trim()
+  return input === account.displayName.trim() || input === '解绑'
+})
+
+function resolveCollectionState(
+  account: DesktopAccountInfo,
+  health: DesktopAccountInfo['health'],
+): CollectionState {
+  if (account.delete_requested_at || health !== 'live' || !account.client_id) {
+    return 'unavailable'
+  }
+  return account.task_consumer_online === true ? 'ready' : 'waiting'
+}
+
+function healthRank(health: DesktopAccountInfo['health']): number {
+  switch (health) {
+    case 'live':
+      return 0
+    case 'captcha':
+      return 1
+    case 'risk':
+      return 2
+    default:
+      return 3
+  }
+}
+
+function healthLabel(health: DesktopAccountInfo['health']): string {
+  switch (health) {
+    case 'live':
+      return '授权正常'
+    case 'captcha':
+      return '需要验证'
+    case 'risk':
+      return '触发风控'
+    default:
+      return '授权异常'
+  }
+}
+
+function healthColor(health: DesktopAccountInfo['health']): string {
+  switch (health) {
+    case 'live':
+      return 'green'
+    case 'captcha':
+      return 'orange'
+    case 'risk':
+      return 'gold'
+    default:
+      return 'red'
+  }
+}
+
+function collectionStateLabel(state: CollectionState): string {
+  switch (state) {
+    case 'ready':
+      return '采集就绪'
+    case 'waiting':
+      return '等待客户端'
+    default:
+      return '不可采集'
+  }
+}
+
+function collectionStateColor(state: CollectionState): string {
+  switch (state) {
+    case 'ready':
+      return 'green'
+    case 'waiting':
+      return 'gold'
+    default:
+      return 'red'
+  }
+}
+
+function clientStatusText(account: AIAccountCard): string {
+  if (!account.clientId) {
+    return '未绑定桌面客户端'
+  }
+  const heartbeat = account.clientOnline ? '心跳在线' : '心跳离线'
+  const channel = account.taskConsumerOnline ? '任务通道在线' : '任务通道离线'
+  return account.clientDeviceName
+    ? `${heartbeat} · ${channel} · ${account.clientDeviceName}`
+    : `${heartbeat} · ${channel}`
+}
+
+function clientStatusColor(account: AIAccountCard): string {
+  if (!account.clientId) {
+    return 'default'
+  }
+  if (account.taskConsumerOnline) {
+    return 'green'
+  }
+  return account.clientOnline ? 'orange' : 'gold'
+}
+
+function accountInitial(account: AIAccountCard): string {
+  return account.displayName.trim().slice(0, 1).toUpperCase() || account.platformShortName
+}
+
+function normalizePlatformUid(value: string): string {
+  const trimmed = value.trim()
+  return trimmed || '--'
+}
+
+function runtimeWarning(account: AIAccountCard): string | null {
+  if (account.deleteRequestedAt) {
+    return '已申请解绑，可完成服务端解绑或撤销申请'
+  }
+  if (account.health === 'risk') {
+    return '账号触发平台风控，当前账号已暂停采集'
+  }
+  if (account.health === 'captcha') {
+    return '账号需要人工验证，请在桌面客户端处理'
+  }
+  if (account.health === 'expired') {
+    return '账号授权已失效，请在桌面客户端重新授权'
+  }
+  return null
+}
+
+async function refreshAccounts(): Promise<void> {
+  await accountsQuery.refetch()
+}
+
+function requestUnbindAccount(account: AIAccountCard): void {
+  unbindAccountTarget.value = account
+  unbindVerifyInput.value = ''
+  unbindConfirmLoading.value = false
+  unbindModalOpen.value = true
+}
+
+function undoUnbindAccount(account: AIAccountCard): void {
+  requestingAccountDeleteId.value = account.id
+  requestAccountDeleteMutation.mutate({ id: account.id, undo: true })
+}
+
+function isAccountDeleteRequestPending(accountId: string): boolean {
+  return (
+    (requestAccountDeleteMutation.isPending.value || removeAccountMutation.isPending.value) &&
+    requestingAccountDeleteId.value === accountId
+  )
+}
+
+async function handleConfirmUnbind(): Promise<void> {
+  const account = unbindAccountTarget.value
+  if (!account || !isUnbindVerified.value) {
+    return
+  }
+  unbindConfirmLoading.value = true
+  try {
+    requestingAccountDeleteId.value = account.id
+    await removeAccountMutation.mutateAsync(account.id)
+    unbindModalOpen.value = false
+  } finally {
+    unbindConfirmLoading.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="ai-accounts-view">
+    <!-- Premium Dark Banner Section -->
+    <section class="ai-accounts-view__top-card">
+      <div class="ai-accounts-view__header">
+        <div class="ai-accounts-view__header-title">
+          <h2>AI 账号管理</h2>
+          <p>AI 模型账号与桌面运行节点</p>
+        </div>
+        <div class="ai-accounts-view__header-actions">
+          <a-button class="btn-refresh" :loading="accountsQuery.isFetching.value" @click="refreshAccounts">
+            <template #icon><ReloadOutlined /></template>
+            刷新状态
+          </a-button>
+        </div>
+      </div>
+
+      <!-- Metrics strip styling -->
+      <div class="overview-strip border-t">
+        <div class="overview-chip">
+          <div class="chip-icon-box total-bg">
+            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+              <path
+                d="M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2zm1 14h-2v-6h2v6zm0-8h-2V6h2v2z"
+              />
+            </svg>
+          </div>
+          <div class="chip-copy">
+            <span>已绑定账号</span>
+            <strong>{{ overview.accounts }}</strong>
+          </div>
+        </div>
+        <div class="overview-chip">
+          <div class="chip-icon-box total-bg">
+            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+              <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm8.5-4.43c-.1-.45-.5-.75-1-.75h-1c-.55 0-1-.45-1-1v-2c0-.55-.45-1-1-1h-2c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1H9V4.3c3.08.3 5.62 2.37 6.63 5.13L17 11c.55 0 1 .45 1 1v2c0 .45-.3.84-.75.95l-.75.05z"/>
+            </svg>
+          </div>
+          <div class="chip-copy">
+            <span>覆盖平台</span>
+            <strong>{{ overview.platforms }}</strong>
+          </div>
+        </div>
+        <div class="overview-chip">
+          <div class="chip-icon-box live-bg">
+            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+              <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
+            </svg>
+          </div>
+          <div class="chip-copy">
+            <span>授权正常</span>
+            <strong>{{ overview.healthy }}</strong>
+          </div>
+        </div>
+        <div class="overview-chip">
+          <div class="chip-icon-box attention-bg">
+            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+              <path
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
+              />
+            </svg>
+          </div>
+          <div class="chip-copy">
+            <span>待处理</span>
+            <strong>{{ overview.attention }}</strong>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="panel media-list-panel">
+      <div class="media-list-header-row">
+        <div class="media-list-title-box">
+          <h3 class="panel-title">已绑定 AI 账号</h3>
+          <p class="panel-desc">管理各 AI 账号的授权状态、采集就绪状态和桌面运行节点。</p>
+        </div>
+
+        <div class="media-list-toolbar">
+          <a-input
+            v-model:value="searchQuery"
+            placeholder="搜索账号昵称、UID、运行节点..."
+            class="media-search"
+            allow-clear
+          >
+            <template #prefix>
+              <SearchOutlined style="color: #a0aec0" />
+            </template>
+          </a-input>
+
+          <a-select v-model:value="selectedHealth" class="media-select" style="width: 150px">
+            <a-select-option value="all">全部状态</a-select-option>
+            <a-select-option value="live">授权正常</a-select-option>
+            <a-select-option value="captcha">需要验证</a-select-option>
+            <a-select-option value="risk">触发风控</a-select-option>
+            <a-select-option value="expired">授权异常</a-select-option>
+          </a-select>
+        </div>
+      </div>
+
+      <a-spin :spinning="accountsQuery.isPending.value">
+        <a-empty
+          v-if="!filteredAccounts.length"
+          class="premium-empty"
+          description="暂无符合条件的 AI 账号"
+        />
+
+        <div v-else class="media-grid">
+          <article v-for="account in filteredAccounts" :key="account.id" class="media-card">
+            <!-- Top brand line accent using accent color -->
+            <div
+              class="media-card__accent-bar"
+              :style="{ background: account.platformAccent }"
+            ></div>
+
+            <div class="media-card__head">
+              <div class="media-card__identity">
+                <span
+                  class="media-card__avatar"
+                  :style="{ border: `2px solid ${account.platformAccent}` }"
+                >
+                  <img
+                    v-if="account.avatarUrl"
+                    :src="account.avatarUrl"
+                    :alt="account.displayName"
+                    referrerpolicy="no-referrer"
+                  />
+                  <span
+                    v-else
+                    class="avatar-initial"
+                    :style="{ background: account.platformAccent }"
+                  >
+                    {{ accountInitial(account) }}
+                  </span>
+                </span>
+
+                <div class="media-card__identity-copy">
+                  <h3 :title="account.displayName">
+                    {{ account.displayName }}
+                    <span class="platform-logo-container">
+                      <span
+                        class="media-card__inline-platform-text"
+                        :style="{
+                          color: account.platformAccent,
+                          background: `${account.platformAccent}15`,
+                        }"
+                      >
+                        {{ account.platformShortName }}
+                      </span>
+                    </span>
+                  </h3>
+                  <p>
+                    <span class="media-card__platform-name">{{ account.platformLabel }}</span>
+                    <span class="media-card__uid-divider">•</span>
+                    <span class="media-card__uid" :title="account.platformUid">
+                      ID: {{ account.platformUid }}
+                    </span>
+                  </p>
+                </div>
+              </div>
+
+              <a-dropdown
+                :trigger="['click']"
+                placement="bottomRight"
+                overlay-class-name="premium-unbind-dropdown"
+              >
+                <a-button
+                  type="text"
+                  class="media-card__more"
+                  :loading="isAccountDeleteRequestPending(account.id)"
+                  @click.stop
+                >
+                  <template #icon><MoreOutlined /></template>
+                </a-button>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item
+                      v-if="account.deleteRequestedAt"
+                      key="complete-unbind"
+                      danger
+                      @click="requestUnbindAccount(account)"
+                    >
+                      <DeleteOutlined />
+                      <span>完成解绑</span>
+                    </a-menu-item>
+                    <a-menu-item
+                      v-if="account.deleteRequestedAt"
+                      key="undo-unbind"
+                      @click="undoUnbindAccount(account)"
+                    >
+                      <SyncOutlined />
+                      <span>撤销解绑申请</span>
+                    </a-menu-item>
+                    <a-menu-item v-else key="unbind" danger @click="requestUnbindAccount(account)">
+                      <DeleteOutlined />
+                      <span>解绑账号</span>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </div>
+
+            <div class="media-card__tags">
+              <span class="badge-status" :class="`badge-status--${healthColor(account.health)}`">
+                <i class="indicator-dot"></i>
+                {{ healthLabel(account.health) }}
+              </span>
+              <span
+                class="badge-status"
+                :class="`badge-status--${collectionStateColor(account.collectionState)}`"
+              >
+                <i class="indicator-dot"></i>
+                {{ collectionStateLabel(account.collectionState) }}
+              </span>
+            </div>
+
+            <div class="media-card__client-info">
+              <div class="client-info-inner">
+                <span class="client-label">运行节点</span>
+                <a-tooltip :title="clientStatusText(account)" placement="top">
+                  <span class="client-value" :class="`client-value--${clientStatusColor(account)}`">
+                    {{ clientStatusText(account) }}
+                  </span>
+                </a-tooltip>
+              </div>
+            </div>
+
+            <div class="media-card__meta-box">
+              <div class="meta-box-item">
+                <span class="meta-label">安全校验</span>
+                <span class="meta-value">{{ account.verifiedAt ? formatDateTime(account.verifiedAt) : '--' }}</span>
+              </div>
+              <div class="meta-box-item">
+                <span class="meta-label">节点心跳</span>
+                <span class="meta-value">
+                  {{ account.clientLastSeenAt ? formatDateTime(account.clientLastSeenAt) : '--' }}
+                </span>
+              </div>
+            </div>
+
+            <div v-if="runtimeWarning(account)" class="media-card__footer">
+              <div class="footer-alert footer-alert--warning">
+                <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor">
+                  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+                </svg>
+                <span>{{ runtimeWarning(account) }}</span>
+              </div>
+            </div>
+          </article>
+        </div>
+      </a-spin>
+    </section>
+
+    <a-modal
+      v-model:open="unbindModalOpen"
+      :footer="null"
+      :width="480"
+      :destroy-on-close="true"
+      wrap-class-name="premium-unbind-modal"
+    >
+      <div class="unbind-modal-header">
+        <div class="unbind-warning-icon-wrapper">
+          <ExclamationCircleOutlined class="unbind-warning-icon" />
+        </div>
+        <h3 class="unbind-modal-title">解绑 AI 账号</h3>
+        <p class="unbind-modal-subtitle">解绑后该账号将无法继续执行采集任务，请确认操作。</p>
+      </div>
+
+      <div v-if="unbindAccountTarget" class="unbind-account-preview">
+        <div class="preview-avatar-wrapper">
+          <img
+            v-if="unbindAccountTarget.avatarUrl"
+            :src="unbindAccountTarget.avatarUrl"
+            :alt="unbindAccountTarget.displayName"
+            class="preview-avatar"
+            referrerpolicy="no-referrer"
+          />
+          <span
+            v-else
+            class="preview-avatar-placeholder"
+            :style="{ background: unbindAccountTarget.platformAccent }"
+          >
+            {{ accountInitial(unbindAccountTarget) }}
+          </span>
+        </div>
+        <div class="preview-info">
+          <div class="preview-name">{{ unbindAccountTarget.displayName }}</div>
+          <div class="preview-meta">
+            {{ unbindAccountTarget.platformLabel }} · ID: {{ unbindAccountTarget.platformUid }}
+          </div>
+          <div class="preview-meta">
+            运行节点 · {{ unbindAccountTarget.clientDeviceName || '未命名客户端' }}
+          </div>
+        </div>
+      </div>
+
+      <div class="unbind-consequences">
+        <div class="consequence-item">
+          <span class="consequence-icon-wrapper"><ExclamationCircleOutlined /></span>
+          <span class="consequence-text">
+            该账号的所有<strong>采集任务将立即停止</strong>
+          </span>
+        </div>
+        <div class="consequence-item">
+          <span class="consequence-icon-wrapper"><ExclamationCircleOutlined /></span>
+          <span class="consequence-text">
+            客户端上的本地<strong>授权缓存将被自动清理</strong>
+          </span>
+        </div>
+      </div>
+
+      <div class="unbind-verification">
+        <div class="verification-label">
+          请输入该账号的昵称
+          <span class="highlight-name">{{ unbindAccountTarget?.displayName }}</span>
+          或
+          <span class="highlight-keyword">解绑</span>
+          以确认操作：
+        </div>
+        <a-input
+          v-model:value="unbindVerifyInput"
+          placeholder="请输入以确认"
+          class="unbind-input"
+        />
+      </div>
+
+      <div class="unbind-modal-footer">
+        <a-button class="btn-cancel" @click="unbindModalOpen = false">取消</a-button>
+        <a-button
+          danger
+          type="primary"
+          class="btn-confirm"
+          :disabled="!isUnbindVerified"
+          :loading="unbindConfirmLoading"
+          @click="handleConfirmUnbind"
+        >
+          确认解绑
+        </a-button>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<style scoped>
+/* Page Layout */
+.ai-accounts-view {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  background-color: #f8fafc;
+  min-height: 100%;
+}
+
+/* Premium Dark Banner Section */
+.ai-accounts-view__top-card {
+  position: relative;
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  overflow: hidden;
+  padding: 0;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
+}
+
+.ai-accounts-view__header {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 32px;
+  z-index: 2;
+}
+
+.ai-accounts-view__header-title {
+  max-width: 650px;
+}
+
+.ai-accounts-view__header-title h2 {
+  margin: 0;
+  font-size: 24px;
+  font-weight: 700;
+  color: #0f172a;
+  line-height: 1.3;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  letter-spacing: 0;
+}
+
+.ai-accounts-view__header-title p {
+  margin: 8px 0 0;
+  font-size: 13.5px;
+  color: #475569;
+  line-height: 1.6;
+  font-weight: 400;
+}
+
+.ai-accounts-view__header-actions {
+  display: flex;
+  gap: 12px;
+}
+
+/* Premium Refresh Button Override */
+:deep(.btn-refresh.ant-btn) {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #0f172a;
+  border-radius: 8px;
+  height: 40px;
+  padding: 0 18px;
+  font-weight: 500;
+  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 2px 4px rgba(148, 163, 184, 0.05);
+}
+
+:deep(.btn-refresh.ant-btn:hover) {
+  background: #f8fafc;
+  border-color: #cbd5e1;
+  color: #1d4ed8;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(148, 163, 184, 0.08);
+}
+
+/* Metrics strip styling */
+.overview-strip {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  background: rgba(255, 255, 255, 0.4);
+  backdrop-filter: blur(12px);
+  border-top: 1px solid #e2e8f0;
+  z-index: 2;
+}
+
+.overview-chip {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 24px 32px;
+  border-right: 1px solid #e2e8f0;
+  transition: all 0.25s ease;
+}
+
+.overview-chip:last-child {
+  border-right: none;
+}
+
+.overview-chip:hover {
+  background: rgba(255, 255, 255, 0.7);
+}
+
+.chip-icon-box {
+  width: 42px;
+  height: 42px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+/* Metric colored boxes styling */
+.total-bg {
+  background: #dbeafe;
+  color: #1d4ed8;
+  border: 1px solid #bfdbfe;
+}
+
+.live-bg {
+  background: #d1fae5;
+  color: #059669;
+  border: 1px solid #a7f3d0;
+}
+
+.queued-bg {
+  background: #fef3c7;
+  color: #d97706;
+  border: 1px solid #fde68a;
+}
+
+.attention-bg {
+  background: #ffe4e6;
+  color: #e11d48;
+  border: 1px solid #fecdd3;
+}
+
+.chip-copy {
+  display: flex;
+  flex-direction: column;
+}
+
+.chip-copy span {
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0;
+}
+
+.chip-copy strong {
+  color: #0f172a;
+  font-size: 26px;
+  font-weight: 700;
+  margin-top: 4px;
+  line-height: 1;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  letter-spacing: 0;
+}
+
+/* Panel Layout Styling */
+.panel {
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 32px;
+  border: 1px solid #e2e8f0;
+  box-shadow: 0 4px 20px rgba(148, 163, 184, 0.05);
+  transition:
+    box-shadow 0.3s ease,
+    border-color 0.3s ease;
+}
+
+.panel:hover {
+  box-shadow: 0 10px 30px rgba(148, 163, 184, 0.08);
+}
+
+.panel-title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  color: #0f172a;
+  letter-spacing: 0;
+}
+
+.panel-desc {
+  margin: 6px 0 0;
+  color: #64748b;
+  font-size: 13.5px;
+  line-height: 1.5;
+}
+
+/* Spinners, alerts, empty state styling */
+.premium-empty {
+  padding: 40px 0;
+  border: 1px dashed #e2e8f0;
+  border-radius: 8px;
+}
+
+/* Media list panel & search toolbar */
+.media-list-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.media-list-header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 24px;
+  flex-wrap: wrap;
+}
+
+.media-list-title-box {
+  flex: 1;
+  min-width: 250px;
+}
+
+.media-list-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+/* Styled Inputs & Selects */
+:deep(.media-search.ant-input-affix-wrapper) {
+  width: 320px;
+  height: 40px;
+  border-radius: 8px;
+  border-color: #cbd5e1;
+  background-color: #ffffff;
+  padding-left: 12px;
+  transition: all 0.2s ease;
+}
+
+:deep(.media-search.ant-input-affix-wrapper:hover) {
+  border-color: #94a3b8;
+}
+
+:deep(.media-search.ant-input-affix-wrapper-focused) {
+  border-color: #1d4ed8;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14);
+}
+
+:deep(.media-select.ant-select .ant-select-selector) {
+  height: 40px !important;
+  border-radius: 8px !important;
+  border-color: #cbd5e1 !important;
+  padding: 4px 12px !important;
+  transition: all 0.2s ease;
+}
+
+:deep(.media-select.ant-select:hover .ant-select-selector) {
+  border-color: #94a3b8 !important;
+}
+
+:deep(.media-select.ant-select-focused .ant-select-selector) {
+  border-color: #1d4ed8 !important;
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.14) !important;
+}
+
+/* Media Card Grid */
+.media-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
+  gap: 20px;
+}
+
+/* Premium Media Card */
+.media-card {
+  position: relative;
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(148, 163, 184, 0.03);
+}
+
+.media-card__accent-bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  opacity: 0.85;
+}
+
+.media-card:hover {
+  transform: translateY(-5px);
+  border-color: #cbd5e1;
+  box-shadow: 0 16px 36px rgba(148, 163, 184, 0.12);
+}
+
+.media-card__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.media-card__identity {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  min-width: 0;
+  flex: 1;
+}
+
+.media-card__more.ant-btn-text {
+  width: 32px;
+  height: 32px;
+  flex-shrink: 0;
+  border-radius: 50%;
+  color: #64748b;
+  background: transparent;
+  border: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  transition: all 0.2s ease;
+}
+
+.media-card__more.ant-btn-text:hover,
+.media-card__more.ant-btn-text:focus {
+  color: #0f172a;
+  background: #f1f5f9;
+  border: none;
+}
+
+/* Circular Avatar glow container */
+.media-card__avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  flex-shrink: 0;
+  background: #f1f5f9;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  transition: transform 0.3s ease;
+}
+
+.media-card:hover .media-card__avatar {
+  transform: scale(1.05);
+}
+
+.media-card__avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.avatar-initial {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+  font-weight: 700;
+  font-size: 16px;
+}
+
+.media-card__identity-copy {
+  min-width: 0;
+  flex: 1;
+}
+
+.media-card__identity-copy h3 {
+  margin: 0;
+  color: #0f172a;
+  font-size: 15.5px;
+  font-weight: 700;
+  line-height: 1.3;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.platform-logo-container {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.media-card__inline-platform-text {
+  font-size: 10px;
+  font-weight: 700;
+  padding: 1px 5px;
+  border-radius: 4px;
+  letter-spacing: 0;
+}
+
+.media-card__identity-copy p {
+  margin: 5px 0 0;
+  color: #64748b;
+  font-size: 12.5px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.media-card__platform-name {
+  font-weight: 600;
+  color: #475569;
+}
+
+.media-card__uid-divider {
+  color: #cbd5e1;
+  font-weight: bold;
+}
+
+.media-card__uid {
+  color: #94a3b8;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+}
+
+/* Polished Pill Badges */
+.media-card__tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.badge-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11.5px;
+  font-weight: 600;
+  padding: 3px 10px;
+  border-radius: 8px;
+  line-height: 1.4;
+}
+
+.indicator-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
+/* Colorful status mapping */
+.badge-status--green {
+  background: rgba(16, 185, 129, 0.08);
+  color: #059669;
+  border: 1px solid rgba(16, 185, 129, 0.15);
+}
+.badge-status--green .indicator-dot {
+  background-color: #10b981;
+}
+
+.badge-status--orange {
+  background: rgba(245, 158, 11, 0.08);
+  color: #d97706;
+  border: 1px solid rgba(245, 158, 11, 0.15);
+}
+.badge-status--orange .indicator-dot {
+  background-color: #f59e0b;
+}
+
+.badge-status--gold {
+  background: rgba(217, 119, 6, 0.08);
+  color: #b45309;
+  border: 1px solid rgba(217, 119, 6, 0.15);
+}
+.badge-status--gold .indicator-dot {
+  background-color: #d97706;
+}
+
+.badge-status--red {
+  background: rgba(244, 63, 94, 0.08);
+  color: #e11d48;
+  border: 1px solid rgba(244, 63, 94, 0.15);
+}
+.badge-status--red .indicator-dot {
+  background-color: #f43f5e;
+}
+
+.badge-status--default {
+  background: rgba(100, 116, 139, 0.08);
+  color: #475569;
+  border: 1px solid rgba(100, 116, 139, 0.15);
+}
+.badge-status--default .indicator-dot {
+  background-color: #64748b;
+}
+
+/* Client runtime block */
+.media-card__client-info {
+  background: #f8fafc;
+  border: 1px solid #f1f5f9;
+  border-radius: 8px;
+  padding: 10px 12px;
+}
+
+.client-info-inner {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+}
+
+.client-label {
+  color: #64748b;
+  font-weight: 500;
+}
+
+.client-value {
+  font-weight: 600;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.client-value--green {
+  color: #059669;
+}
+
+.client-value--gold {
+  color: #d97706;
+}
+
+.client-value--default {
+  color: #64748b;
+}
+
+/* Metadata box */
+.media-card__meta-box {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-top: 1px solid #f1f5f9;
+  padding-top: 12px;
+}
+
+.meta-box-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 11.5px;
+}
+
+.meta-label {
+  color: #94a3b8;
+  font-weight: 500;
+}
+
+.meta-value {
+  color: #475569;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-weight: 500;
+}
+
+/* Card footer details hints */
+.media-card__footer {
+  margin-top: auto;
+  border-top: 1px dashed #f1f5f9;
+  padding-top: 12px;
+}
+
+.footer-alert {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: #64748b;
+  background: #f8fafc;
+  border-radius: 6px;
+  padding: 6px 10px;
+  line-height: 1.4;
+}
+
+.footer-alert svg {
+  flex-shrink: 0;
+  color: #94a3b8;
+}
+
+.footer-alert span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.footer-alert--warning {
+  background: #fffbeb;
+  color: #b45309;
+  border: 1px solid #fecdd3;
+}
+
+.footer-alert--warning svg {
+  color: #d97706;
+}
+
+/* Responsiveness adjustments */
+@media (max-width: 1024px) {
+  .overview-strip {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .overview-chip {
+    border-bottom: 1px solid #e2e8f0;
+  }
+
+  .overview-chip:nth-child(even) {
+    border-right: none;
+  }
+
+  .overview-chip:nth-child(n + 3) {
+    border-bottom: none;
+  }
+}
+
+@media (max-width: 768px) {
+  .ai-accounts-view__header {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 20px;
+    padding: 24px;
+  }
+
+  .ai-accounts-view__header-actions {
+    width: 100%;
+  }
+
+  .ai-accounts-view__header-actions :deep(.ant-btn) {
+    width: 100%;
+  }
+
+  .overview-chip {
+    padding: 16px 20px;
+  }
+
+  .panel {
+    padding: 20px;
+  }
+
+  .media-list-header-row {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 16px;
+  }
+
+  .media-list-toolbar {
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+  }
+
+  :deep(.media-search.ant-input-affix-wrapper) {
+    width: 100%;
+  }
+
+  :deep(.media-select.ant-select) {
+    width: 100% !important;
+  }
+}
+
+@media (max-width: 480px) {
+  .overview-strip {
+    grid-template-columns: 1fr;
+  }
+
+  .overview-chip {
+    border-right: none;
+    border-bottom: 1px solid #e2e8f0;
+  }
+
+  .overview-chip:last-child {
+    border-bottom: none;
+  }
+
+  .media-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+:deep(.ant-dropdown-menu-item) {
+  padding: 8px 14px;
+  font-size: 13.5px;
+  color: #334155;
+}
+
+:deep(.ant-dropdown-menu-title-content) {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+:deep(.ant-dropdown-menu-item .anticon) {
+  font-size: 15px;
+  color: #64748b;
+  transition: color 0.2s ease;
+}
+
+:deep(.ant-dropdown-menu-item:not(.ant-dropdown-menu-item-danger):hover .anticon) {
+  color: #2563eb;
+}
+
+:deep(.ant-dropdown-menu-item-danger:hover .anticon) {
+  color: #ffffff;
+}
+
+/* Custom Account Unbind Modal Styles */
+.premium-unbind-modal :deep(.ant-modal-content) {
+  border-radius: 16px;
+  padding: 24px;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.premium-unbind-modal :deep(.ant-modal-header) {
+  margin-bottom: 20px;
+}
+
+.unbind-modal-header {
+  text-align: center;
+  margin-bottom: 24px;
+}
+
+.unbind-warning-icon-wrapper {
+  width: 56px;
+  height: 56px;
+  background-color: #fef2f2;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 16px;
+  border: 1px solid #fee2e2;
+  animation: pulse-warning 2s infinite ease-in-out;
+}
+
+@keyframes pulse-warning {
+  0%, 100% {
+    transform: scale(1);
+    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.15);
+  }
+  50% {
+    transform: scale(1.05);
+    box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
+  }
+}
+
+.unbind-warning-icon {
+  font-size: 24px;
+  color: #ef4444;
+}
+
+.unbind-modal-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #0f172a;
+  margin: 0 0 8px;
+}
+
+.unbind-modal-subtitle {
+  font-size: 13px;
+  color: #64748b;
+  margin: 0;
+  line-height: 1.5;
+}
+
+/* Account Preview inside Modal */
+.unbind-account-preview {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  background-color: #f8fafc;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  padding: 12px 16px;
+  margin-bottom: 20px;
+}
+
+.preview-avatar-wrapper {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  flex-shrink: 0;
+}
+
+.preview-avatar {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 1px solid #cbd5e1;
+}
+
+.preview-avatar-placeholder {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.preview-info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.preview-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1e293b;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.preview-meta {
+  font-size: 12px;
+  color: #64748b;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Consequences List */
+.unbind-consequences {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background-color: #fffaf0;
+  border: 1px dashed #feebc8;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 24px;
+}
+
+.consequence-item {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+}
+
+.consequence-icon-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: #dd6b20;
+}
+
+.consequence-icon-wrapper .anticon {
+  font-size: 14px;
+}
+
+.consequence-text {
+  font-size: 13px;
+  color: #7b341e;
+  line-height: 1.5;
+}
+
+.consequence-text strong {
+  color: #dd6b20;
+}
+
+/* Verification Input */
+.unbind-verification {
+  margin-bottom: 24px;
+}
+
+.verification-label {
+  font-size: 13px;
+  color: #475569;
+  margin-bottom: 8px;
+  line-height: 1.5;
+}
+
+.highlight-name {
+  font-family: monospace;
+  font-weight: 700;
+  color: #ef4444;
+  background-color: #fef2f2;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #fee2e2;
+  margin: 0 2px;
+}
+
+.highlight-keyword {
+  font-weight: 700;
+  color: #3b82f6;
+  background-color: #eff6ff;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #dbeafe;
+  margin: 0 2px;
+}
+
+.unbind-input.ant-input {
+  height: 40px;
+  border-radius: 8px;
+  border-color: #cbd5e1;
+  font-size: 14px;
+  transition: all 0.2s ease;
+}
+
+.unbind-input.ant-input:focus {
+  border-color: #ef4444;
+  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
+}
+
+/* Footer Actions */
+.unbind-modal-footer {
+  display: flex;
+  gap: 12px;
+  justify-content: flex-end;
+}
+
+.unbind-modal-footer .btn-cancel {
+  height: 40px;
+  border-radius: 8px;
+  padding: 0 16px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #475569;
+  border-color: #cbd5e1;
+}
+
+.unbind-modal-footer .btn-cancel:hover {
+  color: #1e293b;
+  border-color: #94a3b8;
+  background: #f8fafc;
+}
+
+.unbind-modal-footer .btn-confirm {
+  height: 40px;
+  border-radius: 8px;
+  padding: 0 20px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+/* Premium Dropdown styles */
+:global(.premium-unbind-dropdown .ant-dropdown-menu) {
+  border-radius: 12px !important;
+  padding: 6px !important;
+  border: 1px solid #f1f5f9 !important;
+  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 16px -6px rgba(15, 23, 42, 0.04) !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item) {
+  border-radius: 8px !important;
+  padding: 8px 16px !important;
+  font-size: 13.5px !important;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-danger):hover) {
+  background-color: #eff6ff !important;
+  color: #2563eb !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item:not(.ant-dropdown-menu-item-danger):hover .anticon) {
+  color: #2563eb !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item-danger) {
+  color: #ef4444 !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item-danger .anticon) {
+  color: #ef4444 !important;
+  font-size: 15px !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item-danger:hover) {
+  background-color: #fef2f2 !important;
+  color: #dc2626 !important;
+}
+
+:global(.premium-unbind-dropdown .ant-dropdown-menu-item-danger:hover .anticon) {
+  color: #dc2626 !important;
+}
+</style>
diff --git a/apps/admin-web/src/views/TrackingView.vue b/apps/admin-web/src/views/TrackingView.vue
index 62fdab6..0691e8e 100644
--- a/apps/admin-web/src/views/TrackingView.vue
+++ b/apps/admin-web/src/views/TrackingView.vue
@@ -9,7 +9,6 @@ import {
   SearchOutlined,
 } from '@ant-design/icons-vue'
 import type {
-  DesktopAccountInfo,
   MonitoringCitedArticle,
   MonitoringHotQuestion,
   MonitoringPlatformAuthorizationStatus,
@@ -25,12 +24,10 @@ import { useRoute, useRouter } from 'vue-router'
 
 import ArticleDetailDrawer from '@/components/ArticleDetailDrawer.vue'
 import PageHero from '@/components/PageHero.vue'
-import { monitoringApi, tenantAccountsApi } from '@/lib/api'
-import { resolveAccountCheckedAt, resolveAccountHealth } from '@/lib/desktop-account-runtime'
+import { monitoringApi } from '@/lib/api'
 import { formatDateTime } from '@/lib/display'
 import { formatError } from '@/lib/errors'
 import {
-  isMonitoringPlatformId,
   normalizeMonitoringPlatformFilter,
   normalizeMonitoringPlatformId,
 } from '@/lib/monitoring-platforms'
@@ -62,19 +59,6 @@ type CitationRankingRow = {
   glyph: string
 }
 
-type AIPlatformStatusCard = {
-  id: string
-  label: string
-  shortName: string
-  accent: string
-  description: string
-  account: DesktopAccountInfo | null
-  isClientOnline: boolean
-  sampleStatus: string
-  lastSampledAt: string | null
-  actualSampleCount: number
-}
-
 function formatTrackingBusinessDate(value: Date): string {
   const parts = new Intl.DateTimeFormat('en-US', {
     timeZone: trackingBusinessTimeZone,
@@ -366,11 +350,6 @@ const citationSummaryQuery = useQuery({
     }),
 })
 
-const aiAccountsQuery = useQuery({
-  queryKey: ['tracking', 'ai-platform-accounts'],
-  queryFn: () => tenantAccountsApi.list(),
-})
-
 const collectNowMutation = useMutation({
   mutationFn: async () => {
     if (!selectedBrandId.value) {
@@ -475,61 +454,6 @@ const hotQuestionsPageInfo = computed(() => {
 
 const hotQuestionsTotal = computed(() => hotQuestionsPageInfo.value?.total ?? 0)
 
-const aiPlatformStatusCards = computed<AIPlatformStatusCard[]>(() => {
-  const accountGroups = new Map<string, DesktopAccountInfo[]>()
-  for (const account of aiAccountsQuery.data.value ?? []) {
-    const platformId = normalizeMonitoringPlatformId(account.platform)
-    if (!isMonitoringPlatformId(platformId) || account.deleted_at) {
-      continue
-    }
-    const list = accountGroups.get(platformId) ?? []
-    list.push(account)
-    accountGroups.set(platformId, list)
-  }
-
-  const breakdownMap = new Map(
-    (dashboardQuery.data.value?.platform_breakdown ?? []).map((item) => [
-      normalizeMonitoringPlatformId(item.ai_platform_id),
-      item,
-    ]),
-  )
-  const onlineAuthorizedPlatformIDs = new Set(
-    (dashboardQuery.data.value?.runtime.online_authorized_monitoring_platform_ids ?? [])
-      .map((item) => normalizeMonitoringPlatformId(item))
-      .filter((item): item is string => Boolean(item)),
-  )
-
-  return aiPlatformCatalog.map((platform) => {
-    const matchedAccounts = [...(accountGroups.get(platform.id) ?? [])].sort((left, right) => {
-      const leftOnline = left.client_online === true ? 1 : 0
-      const rightOnline = right.client_online === true ? 1 : 0
-      if (leftOnline !== rightOnline) {
-        return rightOnline - leftOnline
-      }
-      const leftAt = Date.parse(resolveAccountCheckedAt(left) ?? '') || 0
-      const rightAt = Date.parse(resolveAccountCheckedAt(right) ?? '') || 0
-      return rightAt - leftAt
-    })
-    const breakdown = breakdownMap.get(platform.id)
-
-    return {
-      id: platform.id,
-      label: platform.label,
-      shortName: platform.shortName,
-      accent: platform.accent,
-      description: platform.description,
-      account: matchedAccounts[0] ?? null,
-      isClientOnline:
-        onlineAuthorizedPlatformIDs.has(platform.id) ||
-        (!dashboardQuery.data.value &&
-          matchedAccounts.some((account) => account.client_online === true)),
-      sampleStatus: breakdown?.platform_sample_status ?? 'pending',
-      lastSampledAt: breakdown?.last_sampled_at ?? null,
-      actualSampleCount: breakdown?.actual_sample_count ?? 0,
-    }
-  })
-})
-
 const selectedMetricCards = computed(() => {
   const overview = dashboardQuery.data.value?.overview
   return [
@@ -820,48 +744,6 @@ function normalizeCitationWindowDays(value: unknown): number {
   return numeric === 30 ? 30 : 7
 }
 
-function accountAuthLabel(account: DesktopAccountInfo | null): string {
-  if (!account) {
-    return '未绑定'
-  }
-
-  switch (resolveAccountHealth(account)) {
-    case 'live':
-      return '授权正常'
-    case 'captcha':
-      return '待处理'
-    case 'expired':
-      return '授权过期'
-    default:
-      return '风险观察'
-  }
-}
-
-function accountAuthColor(account: DesktopAccountInfo | null): string {
-  if (!account) {
-    return 'default'
-  }
-
-  switch (resolveAccountHealth(account)) {
-    case 'live':
-      return 'green'
-    case 'captcha':
-      return 'gold'
-    case 'expired':
-      return 'red'
-    default:
-      return 'orange'
-  }
-}
-
-function desktopStatusLabel(account: DesktopAccountInfo | null, isClientOnline: boolean): string {
-  if (!account?.client_id) {
-    return '未绑定桌面端'
-  }
-
-  return isClientOnline ? '客户端在线' : '客户端离线'
-}
-
 function formatCount(value: number | null | undefined): string {
   if (value === null || value === undefined) {
     return '--'
@@ -1075,7 +957,9 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
                 ]"
               >
                 <span v-if="(card.value ?? 0) > (card.previous ?? 0)" class="trend-arrow">↑</span>
-                <span v-else-if="(card.value ?? 0) < (card.previous ?? 0)" class="trend-arrow">↓</span>
+                <span v-else-if="(card.value ?? 0) < (card.previous ?? 0)" class="trend-arrow">
+                  ↓
+                </span>
                 {{ (formatDelta(card.value, card.previous) ?? '').replace(/[+-]/, '') }}
               </span>
             </div>
@@ -1130,80 +1014,6 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
       </a-card>
     </div>
 
-    <a-card
-      class="tracking-panel tracking-panel--ai-platforms"
-      :loading="dashboardQuery.isLoading.value || aiAccountsQuery.isLoading.value"
-    >
-      <div class="tracking-panel__header">
-        <div>
-          <h3 class="panel-title">AI 平台状态</h3>
-        </div>
-      </div>
-
-      <div class="ai-platform-status-grid">
-        <article
-          v-for="platform in aiPlatformStatusCards"
-          :key="platform.id"
-          class="ai-platform-status-card"
-          :style="{ '--platform-accent': platform.accent }"
-        >
-          <div class="ai-platform-status-card__head">
-            <div class="ai-platform-status-card__identity">
-              <span
-                class="ai-platform-status-card__badge"
-                :style="{
-                  backgroundColor: `${platform.accent}14`,
-                  color: platform.accent,
-                  borderColor: `${platform.accent}30`,
-                }"
-              >
-                {{ platform.shortName }}
-              </span>
-              <div>
-                <strong>{{ platform.label }}</strong>
-                <p>{{ platform.description }}</p>
-              </div>
-            </div>
-
-            <a-tag :color="accountAuthColor(platform.account)">
-              {{ accountAuthLabel(platform.account) }}
-            </a-tag>
-          </div>
-
-          <div class="ai-platform-status-card__meta">
-            <div class="ai-platform-status-card__row">
-              <span>绑定状态</span>
-              <strong>{{ platform.account ? '已绑定' : '未绑定' }}</strong>
-            </div>
-            <div class="ai-platform-status-card__row">
-              <span>客户端</span>
-              <strong>{{ desktopStatusLabel(platform.account, platform.isClientOnline) }}</strong>
-            </div>
-            <div class="ai-platform-status-card__row">
-              <span>采样状态</span>
-              <a-tag :color="statusTagColor(platform.sampleStatus)">
-                {{ statusLabel(platform.sampleStatus) }}
-              </a-tag>
-            </div>
-            <div class="ai-platform-status-card__row">
-              <span>最近采样</span>
-              <strong>
-                {{ platform.lastSampledAt ? formatDateTime(platform.lastSampledAt) : '--' }}
-              </strong>
-            </div>
-            <div class="ai-platform-status-card__row">
-              <span>样本数</span>
-              <strong>{{ formatCount(platform.actualSampleCount) }}</strong>
-            </div>
-            <div v-if="platform.account" class="ai-platform-status-card__row">
-              <span>账号</span>
-              <strong>{{ platform.account.display_name }}</strong>
-            </div>
-          </div>
-        </article>
-      </div>
-    </a-card>
-
     <div class="tracking-grid tracking-grid--middle">
       <a-card
         class="tracking-panel tracking-panel--citation"
@@ -1462,7 +1272,7 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
                       ? t('tracking.manualMarkedArticle')
                       : item.source_type === 'media_supply_order_item'
                         ? t('tracking.mediaSupplySubmissionCitation')
-                      : item.publish_platform
+                        : item.publish_platform
                   }}
                 </span>
               </div>
@@ -1579,105 +1389,6 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
   grid-template-columns: minmax(0, 1fr);
 }
 
-.tracking-panel--ai-platforms {
-  overflow: hidden;
-}
-
-.ai-platform-status-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 16px;
-  margin-top: 12px;
-}
-
-.ai-platform-status-card {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  padding: 16px;
-  border-radius: 16px;
-  border: 1px solid #e2e8f0;
-  background: #ffffff;
-  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02);
-}
-
-.ai-platform-status-card:hover {
-  border-color: var(--platform-accent) !important;
-  box-shadow: 0 10px 20px -8px var(--platform-accent);
-  transform: translateY(-2px);
-}
-
-.ai-platform-status-card__head {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  align-items: flex-start;
-}
-
-.ai-platform-status-card__identity {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
-}
-
-.ai-platform-status-card__identity strong {
-  display: block;
-  color: #0f172a;
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 1.2;
-}
-
-.ai-platform-status-card__identity p {
-  margin: 4px 0 0;
-  color: #64748b;
-  line-height: 1.5;
-  font-size: 12px;
-}
-
-.ai-platform-status-card__badge {
-  width: 36px;
-  height: 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 10px;
-  border: 1px solid transparent;
-  font-size: 14px;
-  font-weight: 700;
-  flex-shrink: 0;
-}
-
-.ai-platform-status-card__meta {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.ai-platform-status-card__row {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-  align-items: center;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background: #f8fafc;
-  border: 1px solid #f1f5f9;
-}
-
-.ai-platform-status-card__row span {
-  color: #64748b;
-  font-size: 12px;
-}
-
-.ai-platform-status-card__row strong {
-  color: #0f172a;
-  font-size: 13px;
-  text-align: right;
-  word-break: break-all;
-}
-
 .tracking-citation-section {
   display: flex;
   flex-direction: column;
@@ -1715,7 +1426,10 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
   border-radius: 16px;
   background: #ffffff;
   border: 1px solid rgba(226, 232, 240, 0.8) !important;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.01);
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.02),
+    0 10px 15px -3px rgba(0, 0, 0, 0.03),
+    0 0 0 1px rgba(0, 0, 0, 0.01);
 }
 
 .tracking-panel--citation {
@@ -1845,7 +1559,9 @@ function disableTrackingDate(current: dayjs.Dayjs): boolean {
 .metric-card:hover {
   border-color: #3b82f6;
   transform: translateY(-2px);
-  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.05), 0 4px 6px -2px rgba(59, 130, 246, 0.02);
+  box-shadow:
+    0 10px 15px -3px rgba(59, 130, 246, 0.05),
+    0 4px 6px -2px rgba(59, 130, 246, 0.02);
 }
 
 .metric-card__label {