diff --git a/apps/web/src/pages/points/Packages.tsx b/apps/web/src/pages/points/Packages.tsx
index 9a2f05310..558ba4049 100644
--- a/apps/web/src/pages/points/Packages.tsx
+++ b/apps/web/src/pages/points/Packages.tsx
@@ -5,7 +5,7 @@
  */
 import React, { useEffect, useState } from "react"
 import { Card, Col, Row, Button, Tag, Typography, Space, Modal, message, Tooltip } from "antd"
-import { DiamondOutlined, SafetyCertificateOutlined, CrownFilled } from "@ant-design/icons"
+import { ThunderboltOutlined, SafetyCertificateOutlined, CrownFilled } from "@ant-design/icons"
 import { useNavigate } from "react-router-dom"
 import PageHead from "@/components/layout/PageHead"
 import { usePointsStore } from "@/store/pointsStore"
@@ -30,8 +30,8 @@ const PointsRecharge: React.FC = () => {
 
   const getPackPrice = (pkg: PointsPackage): number => {
     const mt = balance?.member_type ?? "free"
-    const key = `discounted_price_for_${mt}` as const
-    return (pkg as PointsPackage & Record<string, number>)[key] ?? pkg.price
+    const key = `discounted_price_for_${mt}` as keyof PointsPackage
+    return (pkg[key] as number | undefined) ?? pkg.price
   }
 
   const handleBuy = async (pkg: PointsPackage) => {
@@ -68,7 +68,8 @@ const PointsRecharge: React.FC = () => {
       <PageHead
         title="积分充值"
         description="积分永久有效，可用于全部 AI 功能；付费会员享折扣"
-        extra={
+
+        actions={
           <Space>
             {!balance?.is_member && (
               <Button icon={<CrownFilled />} onClick={() => navigate("/app/subscription")}>
@@ -89,7 +90,7 @@ const PointsRecharge: React.FC = () => {
             <div>
               <Text type="secondary">当前可用积分</Text>
               <div style={{ fontSize: 28, fontWeight: 800, color: "#7c3aed" }}>
-                <DiamondOutlined /> {balance.balance.toLocaleString()}
+                <ThunderboltOutlined /> {balance.balance.toLocaleString()}
               </div>
             </div>
           </Space>
@@ -116,7 +117,7 @@ const PointsRecharge: React.FC = () => {
                 )}
                 <div className="xx-pkg-name">{pkg.name}</div>
                 <div className="xx-pkg-points">
-                  <DiamondOutlined /> {pkg.points.toLocaleString()} 积分
+                  <ThunderboltOutlined /> {pkg.points.toLocaleString()} 积分
                 </div>
                 <div className="xx-pkg-price">
                   <span className="currency">¥</span>