diff --git a/VisualNovel/app/src/main/java/com/remax/visualnovel/ui/main/actor/ActorListFragment.kt b/VisualNovel/app/src/main/java/com/remax/visualnovel/ui/main/actor/ActorListFragment.kt
index aeab5e3..daa554e 100644
--- a/VisualNovel/app/src/main/java/com/remax/visualnovel/ui/main/actor/ActorListFragment.kt
+++ b/VisualNovel/app/src/main/java/com/remax/visualnovel/ui/main/actor/ActorListFragment.kt
@@ -38,9 +38,13 @@ class ActorListFragment : BaseBindingFragment<FragmentMainActorBinding>() {
     private fun setUI() {
         initTagLayout()
         initRecyclerView()
+        initTitleView()
+    }
 
+    private fun initTitleView() {
         with(binding) {
-            tagFlowLayout
+            avatarView.loadImageResourceAvatar(R.mipmap.sex_man_big)
+            tvDiamondLevel.text = "150"
         }
     }
 
@@ -57,8 +61,33 @@ class ActorListFragment : BaseBindingFragment<FragmentMainActorBinding>() {
             val characterList = createSampleData()
             actorAdapter.setList(characterList)
         }
+    }
 
+    private fun initTagLayout() {
+        with(binding) {
+            val tags = listOf(
+                ActorTagBean("1", "Youth"),
+                ActorTagBean("2", "Lolita"),
+                ActorTagBean("2", "Lolita2"),
+                ActorTagBean("3", "Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG"),
+                ActorTagBean("3", "ggggggggggg CEO ABCDEFG Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG"),
+                ActorTagBean("4", "Uncle"),
+                ActorTagBean("5", "Character Status"),
+                ActorTagBean("6", "Imouto"),
+                ActorTagBean("7", "Fanwork"),
+                ActorTagBean("8", "LastLine"),
+            )
 
+            tagFlowLayout.setTagDataList(tags)
+
+            tagFlowLayout.setOnTagClickListener { tag ->
+                Toast.makeText(context, "Clicked: ${tag.showStr}", Toast.LENGTH_SHORT).show()
+            }
+
+            tagFlowLayout.setOnExpandStateChangeListener { isExpanded ->
+                Log.d("TagFlowLayout", "Expand state: $isExpanded")
+            }
+        }
     }
 
     private fun createSampleData(): List<ActorItem> {
@@ -154,32 +183,7 @@ class ActorListFragment : BaseBindingFragment<FragmentMainActorBinding>() {
         )
     }
 
-    private fun initTagLayout() {
-        with(binding) {
-            val tags = listOf(
-                ActorTagBean("1", "Youth"),
-                ActorTagBean("2", "Lolita"),
-                ActorTagBean("2", "Lolita2"),
-                ActorTagBean("3", "Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG"),
-                ActorTagBean("3", "ggggggggggg CEO ABCDEFG Overbearing CEO ABCDEFG Overbearing CEO ABCDEFG"),
-                ActorTagBean("4", "Uncle"),
-                ActorTagBean("5", "Character Status"),
-                ActorTagBean("6", "Imouto"),
-                ActorTagBean("7", "Fanwork"),
-                ActorTagBean("8", "LastLine"),
-            )
 
-            tagFlowLayout.setTagDataList(tags)
-
-            tagFlowLayout.setOnTagClickListener { tag ->
-                Toast.makeText(context, "Clicked: ${tag.showStr}", Toast.LENGTH_SHORT).show()
-            }
-
-            tagFlowLayout.setOnExpandStateChangeListener { isExpanded ->
-                Log.d("TagFlowLayout", "Expand state: $isExpanded")
-            }
-        }
-    }
 
     companion object {
         fun newInstance(): ActorListFragment {
diff --git a/VisualNovel/app/src/main/res/drawable/diamond_info_bg.xml b/VisualNovel/app/src/main/res/drawable/diamond_info_bg.xml
new file mode 100644
index 0000000..33bd7af
--- /dev/null
+++ b/VisualNovel/app/src/main/res/drawable/diamond_info_bg.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="@dimen/dp_35" />
+    <solid android:color="@color/white" />
+</shape>
+
diff --git a/VisualNovel/app/src/main/res/layout/fragment_main_actor.xml b/VisualNovel/app/src/main/res/layout/fragment_main_actor.xml
index d475568..997b6fd 100644
--- a/VisualNovel/app/src/main/res/layout/fragment_main_actor.xml
+++ b/VisualNovel/app/src/main/res/layout/fragment_main_actor.xml
@@ -14,17 +14,83 @@
         android:layout_height="wrap_content"
         android:paddingHorizontal="@dimen/dp_16"
         android:paddingVertical="@dimen/dp_4"
-        android:orientation="horizontal"
+        android:layout_marginTop="@dimen/dp_40"
         >
-        <com.remax.visualnovel.widget.ui.UserAvatarView
-            android:id="@+id/avatarView"
+
+        <com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            app:avatarSizeType="M"
+            android:orientation="horizontal"
+            android:gravity="center_vertical"
+            app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
+            >
+            <com.remax.visualnovel.widget.ui.UserAvatarView
+                android:id="@+id/avatarView"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                app:avatarSizeType="M"
+                />
+
+            <com.remax.visualnovel.widget.uitoken.view.UITokenTextView
+                android:id="@+id/tv_diamond_level"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="@dimen/dp_15"
+                android:background="@drawable/diamond_info_bg"
+                android:padding="@dimen/dp_6"
+                android:paddingRight="@dimen/dp_12"
+                android:gravity="center_vertical"
+                app:drawableLeftCompat="@mipmap/diamond_3"
+                android:drawablePadding="@dimen/dp_6"
+                android:textSize="@dimen/sp_14"
+                android:textColor="@color/black"
+                android:textStyle="bold"
+                app:radiusToken="@string/radius_pill"
+                />
+
+        </com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
+
+        <com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:gravity="center_vertical"
             app:layout_constraintTop_toTopOf="parent"
-            />
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            >
+
+            <com.remax.visualnovel.widget.uitoken.view.UITokenImageView
+                android:id="@+id/iv_search"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="@dimen/dp_4"
+                android:src="@mipmap/icon_search_on"
+                />
+
+            <com.remax.visualnovel.widget.uitoken.view.UITokenImageView
+                android:id="@+id/iv_sign"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="@dimen/dp_4"
+                android:layout_marginStart="@dimen/dp_10"
+                android:src="@mipmap/icon_sign"
+                />
+
+            <com.remax.visualnovel.widget.uitoken.view.UITokenImageView
+                android:id="@+id/iv_discussion"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:padding="@dimen/dp_4"
+                android:layout_marginStart="@dimen/dp_10"
+                android:src="@mipmap/icon_discussion"
+                />
+
+        </com.remax.visualnovel.widget.uitoken.view.UITokenLinearLayout>
+
+
     </com.remax.visualnovel.widget.uitoken.view.UITokenConstraintLayout>
 
 
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_1.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_1.webp
new file mode 100644
index 0000000..e4e4f0f
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_1.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_2.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_2.webp
new file mode 100644
index 0000000..f4c77f2
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_2.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_3.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_3.webp
new file mode 100644
index 0000000..2d41e03
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_3.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_4.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_4.webp
new file mode 100644
index 0000000..ad279ec
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_4.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_1.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_1.webp
new file mode 100644
index 0000000..99ff1a1
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_1.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_2.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_2.webp
new file mode 100644
index 0000000..67cccf0
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/diamond_temp_2.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_discussion.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_discussion.webp
new file mode 100644
index 0000000..3f9e3ad
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_discussion.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_off.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_off.webp
new file mode 100644
index 0000000..3e54b0a
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_off.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_on.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_on.webp
new file mode 100644
index 0000000..f927fe2
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_search_on.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_sign.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_sign.webp
new file mode 100644
index 0000000..fe51968
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/icon_sign.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_big.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_big.webp
new file mode 100644
index 0000000..5bf38e5
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_big.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_small.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_small.webp
new file mode 100644
index 0000000..8e8a541
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_male_small.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_big.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_big.webp
new file mode 100644
index 0000000..d0c342e
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_big.webp differ
diff --git a/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_small.webp b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_small.webp
new file mode 100644
index 0000000..719f127
Binary files /dev/null and b/VisualNovel/app/src/main/res/mipmap-xxhdpi/sex_man_small.webp differ