diff --git a/src/assets/images/isme.png b/src/assets/images/isme.png
new file mode 100644
index 0000000..6a2acca
Binary files /dev/null and b/src/assets/images/isme.png differ
diff --git a/src/components/common/TheLogo.vue b/src/components/common/TheLogo.vue
new file mode 100644
index 0000000..73fe73d
--- /dev/null
+++ b/src/components/common/TheLogo.vue
@@ -0,0 +1,12 @@
+<!--------------------------------
+ - @Author: Ronnie Zhang
+ - @LastEditor: Ronnie Zhang
+ - @LastEditTime: 2024/03/04 16:09:47
+ - @Email: zclzone@outlook.com
+ - Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
+ --------------------------------->
+<template>
+  <div class="h-40 w-40 rounded-full bg-primary p-1/100">
+    <img src="@/assets/images/isme.png" alt="Logo" />
+  </div>
+</template>
diff --git a/src/layouts/components/SideLogo.vue b/src/layouts/components/SideLogo.vue
index 97ed0c1..a7df513 100644
--- a/src/layouts/components/SideLogo.vue
+++ b/src/layouts/components/SideLogo.vue
@@ -8,7 +8,8 @@
 
 <template>
   <router-link class="h-60 f-c-c" to="/">
-    <img src="@/assets/images/logo.png" class="h-40" />
+    <!-- <img src="@/assets/images/logo.png" class="h-40" /> -->
+    <TheLogo class="rounded-8!" />
     <h2
       v-show="!appStore.collapsed"
       class="ml-10 max-w-140 flex-shrink-0 text-16 color-primary font-bold"
diff --git a/src/styles/reset.css b/src/styles/reset.css
index be95e91..71447a2 100644
--- a/src/styles/reset.css
+++ b/src/styles/reset.css
@@ -41,3 +41,9 @@ textarea {
   border: none;
   resize: none;
 }
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}