diff --git a/src/app/(main)/character/page.tsx b/src/app/(main)/character/page.tsx
index 266fded..bc7ef4d 100644
--- a/src/app/(main)/character/page.tsx
+++ b/src/app/(main)/character/page.tsx
@@ -54,10 +54,10 @@ const RoleCard: React.FC<any> = React.memo(({ item }) => {
           </div>
           <Tags
             className="mt-2.5"
-            options={[
-              { label: 'tag1', value: 'tag1' },
-              { label: 'tag2', value: 'tag2' },
-            ]}
+            options={item.tags?.slice(0, 3).map((tag: any) => ({
+              label: tag.name,
+              value: tag.tagId,
+            }))}
           />
           <div className="text-text-color/60 mt-4 line-clamp-3 text-sm">
             {item.description}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index dca8e3c..1407dea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,7 +30,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <Script
-          src="//at.alicdn.com/t/c/font_5054282_g1w4osco3ua.js"
+          src="//at.alicdn.com/t/c/font_5054282_0nn29bocnyn.js"
           strategy="afterInteractive"
           async
         />
diff --git a/src/layouts/MainLayout/components/Avatar.tsx b/src/layouts/MainLayout/components/Avatar.tsx
index b3d41e3..85df3e6 100644
--- a/src/layouts/MainLayout/components/Avatar.tsx
+++ b/src/layouts/MainLayout/components/Avatar.tsx
@@ -22,8 +22,8 @@ export default function Avatar() {
         inBody
         open={isOpen}
       >
-        <div className="h-full w-full bg-[rgba(26,23,34,1)] px-10 pt-7">
-          <div className="flex justify-between">
+        <div className="flex h-full w-full flex-col items-center bg-[rgba(26,23,34,1)] px-10 pt-7">
+          <div className="flex w-full justify-between">
             <span onClick={() => setIsOpen(false)}>
               <IconFont
                 className="cursor-pointer"
@@ -31,6 +31,32 @@ export default function Avatar() {
                 size={18}
               />
             </span>
+            <span className="relative">
+              <IconFont
+                className="cursor-pointer"
+                type="icon-xitongtongzhi"
+                size={24}
+              />
+            </span>
+          </div>
+          <div className="relative h-15 w-15">
+            <img
+              src="/avator.png"
+              className="rounded-full"
+              alt="avatar"
+              width={60}
+              height={60}
+            />
+            <span className="flex-center absolute right-0 bottom-0 h-5 w-5 rounded-full bg-blue-600">
+              ♂
+            </span>
+          </div>
+          <div className="font-bold">Darvy</div>
+          <div className="flex items-center gap-1 text-xs">
+            <span className="h-3 w-3 rounded-sm bg-[rgba(255,102,0,1)]">
+              ID
+            </span>
+            <span className="font-bold text-white/60">user12345</span>
           </div>
         </div>
       </Drawer>