diff --git a/src/app/admin/(dashboard)/_assets/coming-soon.svg b/src/app/admin/(dashboard)/_assets/coming-soon.svg
new file mode 100644
index 0000000..12314d4
--- /dev/null
+++ b/src/app/admin/(dashboard)/_assets/coming-soon.svg
@@ -0,0 +1,3 @@
+<svg width="103" height="87" viewBox="0 0 103 87" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.5" d="M95.7003 71.8324H52.3795C51.4054 71.8324 50.6358 72.5971 50.6358 73.5651C50.6358 74.5331 51.4054 75.298 52.3795 75.298H95.7003C96.6744 75.298 97.444 74.5331 97.444 73.5651C97.444 72.5971 96.6744 71.8324 95.7003 71.8324ZM63.5555 83.1924H32.7955C31.8213 83.1924 31.0517 83.9587 31.0517 84.9268C31.0517 85.8932 31.8213 86.658 32.7955 86.658H63.5555C64.5296 86.658 65.2993 85.8932 65.2993 84.9268C65.2993 84.0083 64.5296 83.194 63.5555 83.194V83.1924ZM77.3463 77.4883H63.9661C62.992 77.4883 62.2223 78.2515 62.2223 79.2196C62.2223 80.1876 62.992 80.9523 63.9661 80.9523H77.3463C78.3205 80.9523 79.0901 80.1876 79.0901 79.2196C79.0901 78.3027 78.3205 77.4883 77.3463 77.4883ZM24.5918 75.2963H37.972C38.9478 75.2963 39.7158 74.5331 39.7158 73.5651C39.7158 72.5971 38.9478 71.8324 37.9737 71.8324H24.5934C23.6177 71.8324 22.8496 72.5971 22.8496 73.5651C22.7981 74.5331 23.6177 75.298 24.5918 75.298V75.2963ZM46.3287 81.0036H53.5066C54.4808 81.0036 55.2504 80.2388 55.2504 79.2708C55.2504 78.3027 54.4808 77.5396 53.5066 77.5396H46.3303C45.3561 77.5396 44.5865 78.3027 44.5865 79.2708C44.5865 80.1876 45.3561 81.0036 46.3303 81.0036H46.3287ZM29.514 77.4883H8.08308C7.11056 77.4883 6.34091 78.2515 6.34091 79.2196C6.34091 80.1876 7.11056 80.9523 8.08469 80.9523H29.514C30.4881 80.9523 31.2578 80.1876 31.2578 79.2196C31.2578 78.3027 30.4881 77.4883 29.514 77.4883ZM77.3995 11.8707C77.5524 12.5331 78.116 12.9395 78.7826 12.9395C78.8856 12.9395 78.9871 12.9395 79.0901 12.8899C79.2722 12.853 79.4446 12.779 79.5965 12.6727C79.7484 12.5663 79.8766 12.4299 79.9729 12.272C80.0692 12.1141 80.1316 11.938 80.1562 11.755C80.1808 11.572 80.167 11.3858 80.1158 11.2083L77.7054 1.07075C77.6682 0.889999 77.5938 0.718841 77.4868 0.568007C77.3799 0.417174 77.2428 0.289921 77.0841 0.194227C76.9253 0.0985331 76.7484 0.0364638 76.5644 0.0119116C76.3804 -0.0126407 76.1933 0.000853873 76.0147 0.0515488C75.8328 0.088532 75.6606 0.162463 75.5088 0.268707C75.357 0.37495 75.229 0.511213 75.1327 0.668949C75.0364 0.826686 74.9739 1.00249 74.9492 1.18535C74.9245 1.3682 74.9381 1.55416 74.9891 1.73155L77.3978 11.8707H77.3995ZM91.2402 2.19075C91.0757 2.10501 90.8956 2.0528 90.7105 2.03718C90.5255 2.02156 90.3391 2.04284 90.1624 2.09978C89.9857 2.15671 89.8223 2.24816 89.6816 2.36874C89.541 2.48932 89.426 2.6366 89.3435 2.80195L84.7803 11.6659C84.6938 11.8295 84.641 12.0086 84.6252 12.1927C84.6093 12.3767 84.6307 12.5621 84.688 12.7379C84.7453 12.9137 84.8374 13.0763 84.9589 13.2161C85.0804 13.356 85.2288 13.4703 85.3954 13.5523C85.5861 13.6505 85.7973 13.7026 86.0121 13.7043C86.5241 13.7043 87.0361 13.4483 87.2422 12.9395L91.8053 4.07555C91.9019 3.91719 91.9641 3.74052 91.9878 3.55688C92.0116 3.37324 91.9965 3.18668 91.9434 3.0092C91.8903 2.83171 91.8005 2.66721 91.6797 2.52626C91.5589 2.38531 91.4097 2.27103 91.2418 2.19075H91.2402ZM102.315 9.78115C101.853 9.16995 100.982 9.01795 100.366 9.47715L91.3432 16.0995C90.7282 16.5571 90.5736 17.4227 91.0357 18.0355C91.1682 18.2081 91.3386 18.3482 91.534 18.4453C91.7293 18.5423 91.9444 18.5937 92.1628 18.5955C92.4703 18.5955 92.7263 18.4931 92.984 18.3395L102.007 11.7171C102.622 11.2595 102.775 10.3923 102.313 9.78115H102.315ZM83.7563 20.3779H42.1777L47.2013 10.4435C47.3638 10.1112 47.4004 9.73175 47.3044 9.37475C47.2533 9.19423 47.1623 9.0273 47.0381 8.88614C46.9139 8.74498 46.7595 8.63313 46.5863 8.55875L33.4105 1.98755C32.7439 1.63075 31.8728 1.93635 31.5138 2.59875L26.1311 13.2467C26.1311 13.1443 26.0796 13.0419 26.0796 12.9907C25.157 8.81475 21.3103 7.99875 19.4651 8.10115C14.134 8.20195 11.9796 12.9907 11.8782 13.1955C10.1859 16.7619 12.2372 21.1427 13.5189 23.2307C12.2718 23.7411 11.2522 24.6821 10.648 25.8804C10.0313 27.1539 9.87838 28.53 10.2374 29.7523C7.77715 30.0084 3.00793 30.9235 1.11119 34.3876C1.00975 34.5924 -1.5552 39.1763 1.47025 43.4563C2.23989 44.6787 4.18816 46.4628 6.7515 46.4628C7.57267 46.4628 8.44214 46.3092 9.36636 45.9028C9.44333 45.8898 9.5146 45.8541 9.57084 45.8004L4.23807 56.4483C4.07613 56.7809 4.04012 57.1603 4.13663 57.5172C4.18773 57.6977 4.27871 57.8646 4.40294 58.0058C4.52717 58.1469 4.68152 58.2588 4.85475 58.3332L18.0305 64.9044C18.2206 65.0028 18.4313 65.0554 18.6456 65.058C19.1576 65.058 19.6712 64.7523 19.8757 64.2932L30.026 44.2211L31.3592 41.5715V63.6307C31.3592 64.3955 31.9743 65.0068 32.7439 65.0068H83.7563C84.5243 65.0068 85.141 64.3955 85.141 63.6307V21.8051C85.141 20.9891 84.5243 20.3779 83.7563 20.3779ZM33.4105 5.09475L44.0745 10.4435L35.2042 28.0196L24.5403 22.6707L33.4105 5.09475ZM28.2323 41.7252L17.5684 36.4259L19.5167 32.6052L23.2586 25.218L33.9226 30.5667L30.7441 36.834L28.2323 41.7252ZM14.4415 14.3667C14.4415 14.3155 15.9792 11.0051 19.6197 10.9027C19.7727 10.9027 22.7466 10.6979 23.4132 13.8067C23.4132 13.8579 24.3873 17.4228 19.5167 24.0468C19.4136 24.1988 19.3122 24.3507 19.3122 24.5555C18.887 24.0838 18.3838 23.6877 17.8244 23.3843C17.4653 23.1796 17.1079 23.0788 16.6973 22.9764C16.6973 22.9252 16.6973 22.9251 16.6458 22.8739C15.5686 21.4483 13.1598 17.1683 14.4399 14.3667H14.4415ZM13.1598 27.1539C13.4658 26.4916 14.0309 26.034 14.6975 25.778C14.9551 25.6772 15.2611 25.6259 15.5187 25.6259C15.8761 25.6259 16.1837 25.7283 16.4912 25.8804C17.6714 26.4916 18.1336 28.0195 17.4653 29.3443C17.1594 30.0067 16.5959 30.4644 15.9277 30.7204C15.3126 30.9236 14.646 30.9235 14.0824 30.6179C12.9554 30.0579 12.4932 28.4788 13.1598 27.1539ZM8.49366 43.2532C8.44214 43.2532 8.39222 43.3043 8.3407 43.3043C5.67431 44.5267 4.03359 42.2323 3.8291 41.9283C1.77778 39.0756 3.52156 35.9172 3.57148 35.7635C5.00772 33.0644 9.97982 32.4515 11.7751 32.4515H11.8782C12.1841 32.7076 12.4932 32.9108 12.8523 33.1139C13.4158 33.4195 14.0309 33.5219 14.6975 33.5732C14.5816 33.726 14.4943 33.8984 14.4399 34.082C11.9796 41.9283 8.49366 43.2532 8.49366 43.2532ZM18.082 61.7971L7.41809 56.4483L16.3382 38.8708L27.0022 44.2211L18.082 61.7971ZM34.2317 36.0691L40.7415 23.1796H51.56V62.3076H34.2301V36.0691H34.2317ZM54.3777 62.3076V23.1796H62.1708V62.3076H54.3777ZM82.3699 62.3076H65.0433V23.1796H82.3716V62.3076H82.3699Z" fill="#88A0C5"/>
+</svg>
diff --git a/src/app/admin/(dashboard)/page.tsx b/src/app/admin/(dashboard)/page.tsx
index 80200b0..b212b59 100644
--- a/src/app/admin/(dashboard)/page.tsx
+++ b/src/app/admin/(dashboard)/page.tsx
@@ -2,14 +2,24 @@ import Page from '@/components/page'
 import Image from 'next/image'
 import banner from './_assets/banner.webp'
 import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card'
-import {Button} from '@/components/ui/button'
 import {Tabs, TabsContent, TabsList, TabsTrigger} from '@/components/ui/tabs'
+import soon from './_assets/coming-soon.svg'
+import {getProfile} from '@/actions/auth'
+import {format} from 'date-fns'
+import {CheckCircleIcon, CircleAlertIcon, LinkIcon} from 'lucide-react'
+import {Button} from '@/components/ui/button'
+import RechargeModal from '@/components/composites/recharge'
+import {merge} from '@/lib/utils'
 
 export type DashboardPageProps = {}
 
 export default async function DashboardPage(props: DashboardPageProps) {
   return (
-    <Page className={`flex-auto grid grid-cols-4 grid-rows-[150px_minmax(200px,1fr)_minmax(200px,1fr)_minmax(200px,1fr)]`}>
+    <Page className={merge(
+      `flex-auto grid`,
+      `grid-cols-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_300px]`,
+      `grid-rows-[150px_200px_minmax(150px,1fr)_minmax(150px,1fr)]`,
+    )}>
       {/* banner */}
       <section className={`col-start-1 row-start-1 col-span-3 relative rounded-lg overflow-hidden`}>
         <Image src={banner} alt={`banner image`} className={`w-full h-full inset-0 absolute object-cover`}/>
@@ -24,22 +34,21 @@ export default async function DashboardPage(props: DashboardPageProps) {
         <CardHeader>
           <CardTitle>短效动态套餐</CardTitle>
         </CardHeader>
-        <CardContent className={`flex gap-4`}>
-          <div className={`flex-1 flex flex-col items-stretch justify-center gap-2`}>
-            <h4 className={`text-lg`}>包时</h4>
-            <p className={`flex justify-between`}>
-              <span>套餐数量</span>
-              <span>todo</span>
+        <CardContent className={`flex-auto flex flex-col gap-2`}>
+          <div className={`flex-1 flex items-center justify-between`}>
+            <h4>包时</h4>
+            <p className={`flex flex-col items-end`}>
+              <span className={`text-sm text-weak`}>当日可提取数量</span>
+              <span className={`text-lg`}>todo</span>
             </p>
-            <Button className={`h-9`}>去购买</Button>
           </div>
-          <div className={`flex-1 flex flex-col items-stretch justify-center gap-2`}>
-            <h4 className={`text-lg`}>包量</h4>
-            <p className={`flex justify-between`}>
-              <span>套餐数量</span>
-              <span>todo</span>
+          <div className={`border-b`}></div>
+          <div className={`flex-1 flex items-center justify-between`}>
+            <h4>包量</h4>
+            <p className={`flex flex-col items-end`}>
+              <span className={`text-sm text-weak`}>剩余可提取数量</span>
+              <span className={`text-lg`}>todo</span>
             </p>
-            <Button className={`h-9`}>去购买</Button>
           </div>
         </CardContent>
       </Card>
@@ -49,17 +58,20 @@ export default async function DashboardPage(props: DashboardPageProps) {
         <CardHeader>
           <CardTitle>长效动态套餐</CardTitle>
         </CardHeader>
-        <CardContent>
-          todo
+        <CardContent className={`flex-auto flex flex-col gap-2 items-center justify-center`}>
+          <Image alt={`coming soon`} src={soon}/>
+          <p>敬请期待</p>
         </CardContent>
       </Card>
+
       {/* 固定 */}
       <Card className={`col-start-3 row-start-2 py-4`}>
         <CardHeader className={`px-4`}>
           <CardTitle>固定IP套餐</CardTitle>
         </CardHeader>
-        <CardContent className={`flex px-4 gap-4`}>
-          todo
+        <CardContent className={`flex-auto flex flex-col gap-2 items-center justify-center`}>
+          <Image alt={`coming soon`} src={soon}/>
+          <p>敬请期待</p>
         </CardContent>
       </Card>
 
@@ -80,18 +92,89 @@ export default async function DashboardPage(props: DashboardPageProps) {
       </section>
 
       {/* 信息 */}
-      <Card className={`col-start-4 row-start-1 row-span-2`}>
-        <CardHeader>
-          <CardTitle>个人中心</CardTitle>
-        </CardHeader>
-      </Card>
+      <UserCenter/>
 
       {/* 通知 */}
       <Card className={`col-start-4 row-start-3 row-span-2`}>
         <CardHeader>
-          <CardTitle>待办事项</CardTitle>
+          <CardTitle>通知</CardTitle>
         </CardHeader>
+        <CardContent>
+          todo
+        </CardContent>
       </Card>
     </Page>
   )
 }
+
+async function UserCenter() {
+
+  const resp = await getProfile()
+  if (!resp.success) {
+    return (
+      <div className={`col-start-4 row-start-1 row-span-2 flex justify-center items-center`}>
+        获取用户数据失败
+      </div>
+    )
+  }
+
+  const profile = resp.data
+  return (
+    <Card className={`col-start-4 row-start-1 row-span-2`}>
+      <CardContent className={`flex-auto flex flex-col justify-between`}>
+        <div className={`flex flex-col gap-1`}>
+          <p>{profile.phone}</p>
+          <p className={`text-sm text-weak`}>{`最后登录：${format(profile.last_login, 'yyyy-MM-dd HH:mm')}`}</p>
+        </div>
+        <div className={merge(
+          `flex justify-between  p-2 rounded-md`,
+          profile.id_token ? `bg-done-muted` : `bg-warn-muted`,
+        )}>
+          {profile.id_token
+            ? <>
+              <div className={`flex gap-2 items-center`}>
+                <CheckCircleIcon size={20} className={`text-done`}/>
+                <span>已实名</span>
+              </div>
+              <div className={`flex flex-col items-end`}>
+                <span className={`text-sm`}>{profile.name}</span>
+                <span className={`text-xs text-weak`}>{profile.id_no}</span>
+              </div>
+            </>
+            : <>
+              <span className={`flex gap-2 items-center`}>
+                <CircleAlertIcon className={`text-warn`}/>
+                <span>未实名</span>
+              </span>
+              <Button className={`h-9`}>去实名</Button>
+            </>
+          }
+        </div>
+        <div className={`flex flex-col gap-1`}>
+          <h4 className={`text-sm text-weak`}>账户余额</h4>
+          <div className={`flex justify-between items-baseline`}>
+            <p className={`text-xl text-accent`}>￥{profile.balance}</p>
+            <RechargeModal/>
+          </div>
+        </div>
+        <div className={`flex flex-col gap-3`}>
+          <h4 className={`text-sm text-weak`}>快捷入口</h4>
+          <div className={`flex justify-around gap-2`}>
+            <Button theme={`ghost`} className={`flex flex-col gap-2 h-auto p-2`}>
+              <LinkIcon className={`size-8`}/>
+              <span>功能入口</span>
+            </Button>
+            <Button theme={`ghost`} className={`flex flex-col gap-2 h-auto p-2`}>
+              <LinkIcon className={`size-8`}/>
+              <span>功能入口</span>
+            </Button>
+            <Button theme={`ghost`} className={`flex flex-col gap-2 h-auto p-2`}>
+              <LinkIcon className={`size-8`}/>
+              <span>功能入口</span>
+            </Button>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  )
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index 8794b1c..cca9171 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -21,12 +21,15 @@
 
   --done: oklch(0.65 0.16 145);
   --done-text: oklch(1 0 0);
+  --done-muted: oklch(0.965 0.024 145);
 
   --warn: oklch(0.72 0.16 55);
   --warn-text: oklch(1 0 0);
+  --warn-muted: oklch(0.965 0.024 55);
 
   --fail: oklch(0.65 0.16 25);
   --fail-text: oklch(1 0 0);
+  --fail-muted: oklch(0.965 0.024 25);
 
   --card: oklch(1 0 0);
   --card-text: oklch(0.25 0 0);
@@ -71,12 +74,15 @@
 
   --color-done: var(--done);
   --color-done-foreground: var(--done-text);
+  --color-done-muted: var(--done-muted);
 
   --color-warn: var(--warn);
   --color-warn-foreground: var(--warn-text);
+  --color-warn-muted: var(--warn-muted);
 
   --color-fail: var(--fail);
   --color-fail-foreground: var(--fail-text);
+  --color-fail-muted: var(--fail-muted);
 
   --color-card: var(--card);
   --color-card-foreground: var(--card-text);