diff --git a/frontend/src/views/Websites.vue b/frontend/src/views/Websites.vue
index dffaa16..bfbd251 100644
--- a/frontend/src/views/Websites.vue
+++ b/frontend/src/views/Websites.vue
@@ -71,7 +71,7 @@
           </el-select>
           <el-button size="small" :disabled="!selectedWebsite" :loading="groupsLoading" @click="loadWebsiteGroups">拉取分组</el-button>
         </div>
-        <el-table :data="websiteGroups" v-loading="groupsLoading" row-key="id" size="small" style="width:100%">
+        <el-table :data="sortedWebsiteGroups" v-loading="groupsLoading" row-key="id" size="small" style="width:100%">
           <el-table-column prop="name" label="分组" min-width="150" />
           <el-table-column prop="id" label="ID" min-width="130" />
           <el-table-column label="倍率" width="100">
@@ -744,6 +744,30 @@ const websites = ref<(WebsiteData & { _testing?: boolean })[]>([])
 const upstreams = ref<UpstreamData[]>([])
 const selectedWebsite = ref<WebsiteData | null>(null)
 const websiteGroups = ref<WebsiteGroup[]>([])
+const sortedWebsiteGroups = computed(() => {
+  return [...websiteGroups.value].sort((a, b) => {
+    const rateA = a.rate_multiplier !== null && a.rate_multiplier !== undefined && a.rate_multiplier !== '—'
+      ? parseFloat(String(a.rate_multiplier))
+      : NaN
+    const rateB = b.rate_multiplier !== null && b.rate_multiplier !== undefined && b.rate_multiplier !== '—'
+      ? parseFloat(String(b.rate_multiplier))
+      : NaN
+
+    const isNaN_A = isNaN(rateA)
+    const isNaN_B = isNaN(rateB)
+
+    if (isNaN_A && isNaN_B) {
+      return a.name.localeCompare(b.name) || String(a.id).localeCompare(String(b.id))
+    }
+    if (isNaN_A) return 1
+    if (isNaN_B) return -1
+
+    if (rateA !== rateB) {
+      return rateA - rateB
+    }
+    return a.name.localeCompare(b.name) || String(a.id).localeCompare(String(b.id))
+  })
+})
 const bindingWebsiteGroups = ref<WebsiteGroup[]>([])
 const bindings = ref<(GroupBindingData & { _syncing?: boolean })[]>([])
 const logs = ref<WebsiteSyncLog[]>([])