diff --git a/public/images/icons/damai.webp b/public/images/icons/damai.webp
new file mode 100644
index 0000000..d7018af
Binary files /dev/null and b/public/images/icons/damai.webp differ
diff --git a/public/images/icons/goodme.webp b/public/images/icons/goodme.webp
new file mode 100644
index 0000000..e95e843
Binary files /dev/null and b/public/images/icons/goodme.webp differ
diff --git a/public/images/icons/heytea.webp b/public/images/icons/heytea.webp
new file mode 100644
index 0000000..c725fec
Binary files /dev/null and b/public/images/icons/heytea.webp differ
diff --git a/public/images/icons/ins.webp b/public/images/icons/ins.webp
new file mode 100644
index 0000000..c35a2fa
Binary files /dev/null and b/public/images/icons/ins.webp differ
diff --git a/public/images/icons/lucking_coffee.webp b/public/images/icons/lucking_coffee.webp
new file mode 100644
index 0000000..50a7bfb
Binary files /dev/null and b/public/images/icons/lucking_coffee.webp differ
diff --git a/public/images/icons/music.webp b/public/images/icons/music.webp
new file mode 100644
index 0000000..bdd95dc
Binary files /dev/null and b/public/images/icons/music.webp differ
diff --git a/public/images/icons/rseg.webp b/public/images/icons/rseg.webp
new file mode 100644
index 0000000..5ea2b05
Binary files /dev/null and b/public/images/icons/rseg.webp differ
diff --git a/public/images/icons/rssg.webp b/public/images/icons/rssg.webp
new file mode 100644
index 0000000..a9e8e8d
Binary files /dev/null and b/public/images/icons/rssg.webp differ
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 198a97e..4b82bc0 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -47,6 +47,7 @@ export default function index() {
       <div className='w-40 h-40 rounded-full bg-blue-100 absolute -top-10 -left-10 z-0 blur-circle'></div>
       <div className='w-40 h-40 rounded-full bg-green-100 absolute top-10 -right-10 z-0 blur-circle'></div>
       <div className='w-40 h-40 rounded-full bg-purple-100 absolute top-30 left-10 z-0 blur-circle'></div>
+      
       <div className='my-4 relative p-4'>
         <img src='/images/big-sticker_logo_2.webp' alt='logo' className='w-12 h-12' />
         <div className='text-3xl op90 mt-5'>{getMsg()}</div>
@@ -84,6 +85,20 @@ export default function index() {
           <AccountButton />
         </div>
       </div>
+      <div className='mb-6 mt-6 text-[24px] font-bold relative'>所有工具</div>
+      <div className='grid grid-cols-2 md:grid-cols-3 gap-8'>
+        {list.done.map((item, key)=>(
+          <a href={item.url} className='flex items-center' key={key}>
+            <div className={`flex items-center justify-center h-13.5 w-13.5 rounded-md p-3`} style={{background: `linear-gradient(to top right, ${item.color[0]}, ${item.color[1]})`}}>
+              <img src={item.logo} alt="logo" className='w-auto max-h-8 h-auto' />
+            </div>
+            <div className='ml-4'>
+              <div className='text-md font-bold'>{item.name[0]}</div>
+              <div className='text-xs op50 mt-1'>{item.name[1]}</div>
+            </div>
+          </a>
+        ))}
+      </div>
       <div text='sm' op50 mb-2>已完成</div>
       <div className='grid grid-cols-2 md:grid-cols-3 gap-3'>
         {list.done.map((item, key)=>(
diff --git a/src/utils/router.ts b/src/utils/router.ts
index 34e0912..78f3e2f 100644
--- a/src/utils/router.ts
+++ b/src/utils/router.ts
@@ -1,6 +1,6 @@
 import LuckingCoffee from '/images/lucking_coffee.svg'
 import Train from '/images/train.svg'
-import Ticket_ from '/images/damai.png'
+// import Ticket_ from '/images/damai.png'
 import Ticket from '/images/cinema_logo.png'
 import Mcdonald from '/images/mcdonald.png'
 import Heytea from '/images/heytea.png'
@@ -8,13 +8,14 @@ import Chagee from '/images/chagee.png'
 
 const hot = ['#FEE2E2','#DC2626']
 // const warn = ['#FEF3C7','#D97706']
-
+// @unocss-include
 const list = {
   done: [
     {
       name: ['Apple Music', '播放器 透卡/小卡'],
-      logo: '/images/apple-music-icon.svg',
+      logo: '/images/icons/music.webp',
       url: '/tools/music',
+      color: ['#EB4666', '#EF4146'],
       tag: '还没做好',
       tag_color: ['#dcfce7','#16a34a']
     },
@@ -22,27 +23,31 @@ const list = {
       name: ['星巴克', '咖啡标签'],
       logo: '/images/starbucks.png',
       url: '/tools/starbucks',
+      color: ['#116E49', '#0f8b5a'],
       tag: '新上线',
       tag_color: ['#dcfce7','#16a34a']
     },
     {
       name: ['人生二格', '85mm*54mm 明信片'],
-      logo: '/images/rslg.webp',
+      logo: '/images/icons/rseg.webp',
       url: '/tools/rseg',
+      color: ['#F1A050', '#F3AA3C'],
       tag: '热门',
       tag_color: hot
     },
     {
       name: ['人生四格', '50mm*150mm'],
-      logo: '/images/rssg.webp',
+      logo: '/images/icons/rssg.webp',
       url: '/tools/rssg',
+      color: ['#F1A050', '#F3AA3C'],
       tag: '',
       tag_color: []
     },
     {
       name: ['Instagram', '三寸 小卡/透卡'],
-      logo: '/images/instagram/logo.webp',
+      logo: '/images/icons/ins.webp',
       url: '/tools/instagram',
+      color: ['#FFCF00', '#FF009E'],
       tag: '热门',
       tag_color: hot
     },
@@ -50,13 +55,15 @@ const list = {
       name: ['茶百道', '奶茶标签'],
       logo: '/images/chapanda.webp',
       url: '/tools/chapanda',
+      color: ['#0A4DDC', '#3676ff'],
       tag: '热门',
       tag_color: hot
     },
     {
       name: ['古茗', '奶茶标签'],
-      logo: '/images/goodme.webp',
+      logo: '/images/icons/goodme.webp',
       url: '/tools/goodme',
+      color: ['#4B4746', '#2E3746'],
       tag: '热门',
       tag_color: hot
     },
@@ -64,27 +71,31 @@ const list = {
       name: ['仿拍立得', '三寸 小卡'],
       logo: '/images/fpld.webp',
       url: '/fpld',
+      color: ['#5D39DA', '#7E42DD'],
       tag: '热门',
       tag_color: hot
     },
     {
       name: ['大麦票根', '纪念票根'],
-      logo: Ticket_,
+      logo: '/images/icons/damai.webp',
       url: '/ticket',
+      color: ['#FF2869', '#ff5286'],
       tag: '热门',
       tag_color: hot
     },
     {
       name: ['喜茶', '奶茶标签'],
-      logo: Heytea,
+      logo: '/images/icons/heytea.webp',
       url: '/tools/heytea',
+      color: ['#EB4666', '#EF4146'],
       tag: '热门',
       tag_color: hot
     },
     {
       name: ['瑞幸咖啡', '咖啡标签'],
-      logo: LuckingCoffee,
+      logo: '/images/icons/lucking_coffee.webp',
       url: '/lucking_coffee',
+      color: ['#EB4666', '#EF4146'],
       tag: '热门',
       tag_color: hot
     },
@@ -92,6 +103,7 @@ const list = {
       name: ['沪上阿姨', '奶茶标签'],
       logo: '/images/hsay.jpg',
       url: '/tools/hsay',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -99,6 +111,7 @@ const list = {
       name: ['库迪咖啡', '咖啡标签'],
       logo: '/images/cotti.png',
       url: '/tools/cotti',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -106,6 +119,7 @@ const list = {
       name: ['照片打卡', '纪念卡'],
       logo: '/images/photo.png',
       url: '/photo',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -113,6 +127,7 @@ const list = {
       name: ['路牌', '你懂的'],
       logo: '/images/guideboard.png',
       url: '/guideboard',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -120,6 +135,7 @@ const list = {
       name: ['蜜雪冰城', '奶茶标签'],
       logo: '/images/mxbc.png',
       url: '/tools/mxbc',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -127,6 +143,7 @@ const list = {
       name: ['霸王茶姬', '奶茶标签'],
       logo: Chagee,
       url: '/tools/chagee',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -134,6 +151,7 @@ const list = {
       name: ['观影纪念票', '纪念票根'],
       logo: Ticket,
       url: '/tools/cinema_ticket',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -141,6 +159,7 @@ const list = {
       name: ['高铁票', '纪念票根'],
       logo: Train,
       url: '/train',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },
@@ -148,6 +167,7 @@ const list = {
       name: ['麦当劳', '小票'],
       logo: Mcdonald,
       url: '/mcdonald',
+      color: ['#EB4666', '#EF4146'],
       tag: '',
       tag_color: ['','']
     },