diff --git a/src/oj/achievement/components/AchievementCard.vue b/src/oj/achievement/components/AchievementCard.vue
index 05b846a..35d9100 100644
--- a/src/oj/achievement/components/AchievementCard.vue
+++ b/src/oj/achievement/components/AchievementCard.vue
@@ -55,10 +55,15 @@ const unlockDate = computed(() => {
 <template>
   <n-card
     size="small"
-    :class="{ locked: !achievement.unlocked, rare: isRare }"
-    :style="{ borderColor: RARITY_COLOR[achievement.rarity] }"
+    :class="{ rare: isRare }"
+    :style="{
+      borderColor: RARITY_COLOR[achievement.rarity],
+      // 1px 的描边在卡片背景上几乎看不出稀有度，加粗一档
+      borderWidth: '2px',
+    }"
   >
-    <n-thing>
+    <!-- 置灰只作用在内容上：套在整张卡上会把稀有度边框也一并洗成灰色 -->
+    <n-thing :class="{ locked: !achievement.unlocked }">
       <template #avatar>
         <AchievementIcon :icon="achievement.icon" :size="32" />
       </template>
diff --git a/src/oj/achievement/index.vue b/src/oj/achievement/index.vue
index 9b8edfe..c9c65e3 100644
--- a/src/oj/achievement/index.vue
+++ b/src/oj/achievement/index.vue
@@ -88,7 +88,12 @@ watch(name, load)
             :percentage="summary.percent"
             :stroke-width="8"
             :style="{ width: isDesktop ? '110px' : '76px' }"
-          />
+          >
+            <!-- 自带指示器字号是固定的，76px 的圆环里会撑出来 -->
+            <n-text strong :style="{ fontSize: isDesktop ? '22px' : '15px' }">
+              {{ summary.percent }}%
+            </n-text>
+          </n-progress>
           <n-text depth="3" class="nowrap">
             已获得 {{ summary.unlocked }} / {{ summary.total }}
           </n-text>