diff --git a/src/components/customHeader/size1440/index.vue b/src/components/customHeader/size1440/index.vue
index 0807929..bf4c99f 100644
--- a/src/components/customHeader/size1440/index.vue
+++ b/src/components/customHeader/size1440/index.vue
@@ -175,6 +175,7 @@ const handleToHome = () => {
   transition: all 0.3s ease;
   background: transparent;
   height: var(--header-height);
+  border-bottom: 2px dashed #e0e0e0;
 
   &.header-scrolled {
     background: rgba(220, 207, 248, 0.95);
diff --git a/src/components/customHeader/size1920/index.vue b/src/components/customHeader/size1920/index.vue
index 553b7cf..c20d299 100644
--- a/src/components/customHeader/size1920/index.vue
+++ b/src/components/customHeader/size1920/index.vue
@@ -172,6 +172,7 @@ const handleToHome = () => {
   transition: all 0.3s ease;
   background: transparent;
   height: var(--header-height);
+  border-bottom: 1px dashed #e0e0e0;
 
   &.header-scrolled {
     background: rgba(220, 207, 248, 0.95);
diff --git a/src/components/customHeader/size375/index.vue b/src/components/customHeader/size375/index.vue
index 8537630..56f92f6 100644
--- a/src/components/customHeader/size375/index.vue
+++ b/src/components/customHeader/size375/index.vue
@@ -4,7 +4,7 @@
     class="custom-header"
     :class="{ 'header-scrolled': isScrolled }"
   >
-    <div class="header-container">
+    <div class="header-container" :class="{ 'border-bottom': !showMenu }">
       <div class="logo" @click="handleToHome">
         <NImage
           style="width: 100px; max-width: 100%"
@@ -208,6 +208,9 @@ const handleToHome = () => {
   align-items: center;
   justify-content: space-between;
 }
+.border-bottom {
+  border-bottom: 1 * 5.12px dashed #e0e0e0;
+}
 
 .lang-switch {
   display: flex;
diff --git a/src/components/customHeader/size768/index.vue b/src/components/customHeader/size768/index.vue
index b44e6c7..b73708f 100644
--- a/src/components/customHeader/size768/index.vue
+++ b/src/components/customHeader/size768/index.vue
@@ -4,7 +4,7 @@
     class="custom-header"
     :class="{ 'header-scrolled': isScrolled }"
   >
-    <div class="header-container">
+    <div class="header-container" :class="{ 'border-bottom': !showMenu }">
       <div class="logo" @click="handleToHome">
         <NImage class="logo-image" :src="FiEELogo" preview-disabled />
       </div>
@@ -193,7 +193,9 @@ const handleToHome = () => {
     box-shadow: 0 2 * 2.5px 8 * 2.5px rgba(0, 0, 0, 0.1);
   }
 }
-
+.border-bottom {
+  border-bottom: 1 * 5.12px dashed #e0e0e0;
+}
 .header-container {
   width: 100%;
   min-width: 0;