style(frontend): 优化 Components 代码风格和结构

- 统一移除语句末尾分号，规范代码格式
- 优化组件类型定义和 props 声明
- 改进组件文档和示例代码
- 提升代码可读性和一致性

frontend/src/components/account/SyncFromCrsModal.vue

@@ -10,10 +10,15 @@
       <div class="text-sm text-gray-600 dark:text-dark-300">
         {{ t('admin.accounts.syncFromCrsDesc') }}
       </div>
-      <div class="text-xs text-gray-500 dark:text-dark-400 bg-gray-50 dark:bg-dark-700/60 rounded-lg p-3">
-        已有账号仅同步 CRS 返回的字段，缺失字段保持原值；凭据按键合并，不会清空未下发的键；未勾选"同步代理"时保留原有代理。
+      <div
+        class="rounded-lg bg-gray-50 p-3 text-xs text-gray-500 dark:bg-dark-700/60 dark:text-dark-400"
+      >
+        已有账号仅同步 CRS
+        返回的字段，缺失字段保持原值；凭据按键合并，不会清空未下发的键；未勾选"同步代理"时保留原有代理。
       </div>
-      <div class="text-xs text-amber-600 dark:text-amber-400 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg p-3">
+      <div
+        class="rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs text-amber-600 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-400"
+      >
         {{ t('admin.accounts.crsVersionRequirement') }}
       </div>
 
@@ -31,12 +36,7 @@
         <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
           <div>
             <label class="input-label">{{ t('admin.accounts.crsUsername') }}</label>
-            <input
-              v-model="form.username"
-              type="text"
-              class="input"
-              autocomplete="username"
-            />
+            <input v-model="form.username" type="text" class="input" autocomplete="username" />
           </div>
           <div>
             <label class="input-label">{{ t('admin.accounts.crsPassword') }}</label>
@@ -50,12 +50,19 @@
         </div>
 
         <label class="flex items-center gap-2 text-sm text-gray-700 dark:text-dark-300">
-          <input v-model="form.sync_proxies" type="checkbox" class="rounded border-gray-300 dark:border-dark-600" />
+          <input
+            v-model="form.sync_proxies"
+            type="checkbox"
+            class="rounded border-gray-300 dark:border-dark-600"
+          />
           {{ t('admin.accounts.syncProxies') }}
         </label>
       </div>
 
-      <div v-if="result" class="rounded-xl border border-gray-200 dark:border-dark-700 p-4 space-y-2">
+      <div
+        v-if="result"
+        class="space-y-2 rounded-xl border border-gray-200 p-4 dark:border-dark-700"
+      >
         <div class="text-sm font-medium text-gray-900 dark:text-white">
           {{ t('admin.accounts.syncResult') }}
         </div>
@@ -67,9 +74,12 @@
           <div class="text-sm font-medium text-red-600 dark:text-red-400">
             {{ t('admin.accounts.syncErrors') }}
           </div>
-          <div class="mt-2 max-h-48 overflow-auto rounded-lg bg-gray-50 dark:bg-dark-800 p-3 text-xs font-mono">
+          <div
+            class="mt-2 max-h-48 overflow-auto rounded-lg bg-gray-50 p-3 font-mono text-xs dark:bg-dark-800"
+          >
             <div v-for="(item, idx) in errorItems" :key="idx" class="whitespace-pre-wrap">
-              {{ item.kind }} {{ item.crs_account_id }} — {{ item.action }}{{ item.error ? `: ${item.error}` : '' }}
+              {{ item.kind }} {{ item.crs_account_id }} — {{ item.action
+              }}{{ item.error ? `: ${item.error}` : '' }}
             </div>
           </div>
         </div>