feat(frontend): S-cfc-32 我的成就固定五列显示

- profile.vue: 给「我的成就」区块加独立网格类 .achievement-grid.cols-5
- CSS: 新增 .achievement-grid.cols-5 .ach-item { width: 20% } 五列等分
- 不改动全局 .achievement-grid（复用于我的团队/卡券中心），不破坏既有 3 列/2 列布局
- 契约测试 SC-P-96 对应实现落地

cfc-frontend/pages/profile-main/profile.vue

@@ -148,7 +148,7 @@
           <text class="section-title">🏆 我的成就</text>
           <text class="section-sub">持续成长，看见改变</text>
         </view>
-        <view class="achievement-grid">
+        <view class="achievement-grid cols-5">
           <view class="ach-item" @click="goToStreak">
             <view class="ach-icon-wrap" style="background:rgba(255,140,66,0.12)">
               <text class="ach-icon">🔥</text>
@@ -1306,6 +1306,11 @@ $gp-ghost: str-slice($gp-ghost-hex, 2);
   width: 33.33%;
 }
 
+/* 我的成就网格：5 列固定等分（连续打卡/完成任务/收集勋章/成长记录/参加挑战） */
+.achievement-grid.cols-5 .ach-item {
+  width: 20%;
+}
+
 /* 我的订单（电商风格） */
 .order-section {
   margin: 0 $uni-space-lg 20rpx;