diff --git a/packages/opendesign/src/collapse/style/index.scss b/packages/opendesign/src/collapse/style/index.scss
index e6b6f59b06731c7cec52d32669a01b1cb474daeb..8bb47c5840ef5591b0176e882570a9878c439b64 100644
--- a/packages/opendesign/src/collapse/style/index.scss
+++ b/packages/opendesign/src/collapse/style/index.scss
@@ -1,3 +1,3 @@
 @use './style.scss' as *;
-@use './media.scss' as *;
 @use './var.scss' as *;
+@use './media.scss' as *;
diff --git a/packages/opendesign/src/collapse/style/media.scss b/packages/opendesign/src/collapse/style/media.scss
index b12f6acf695bb9bd295f83a9c35f4f3b57c1cd26..c3c407318f0b4ee8cfbd28df5c90250a1b3d65b9 100644
--- a/packages/opendesign/src/collapse/style/media.scss
+++ b/packages/opendesign/src/collapse/style/media.scss
@@ -1,27 +1,33 @@
 @use '../../_styles/mixin.scss' as *;
 
-@include respond-to('laptop') {
+@include respond-to('<=pc_s') {
   .o-collapse {
     --collapse-padding: 8px 24px;
   }
-
+  
   .o-collapse-item {
     --collapse-item-header-padding: 17px 0px;
-
+  
     --collapse-item-title-text-size: var(--o-font_size-text2);
     --collapse-item-title-text-height: var(--o-line_height-text2);
-
+  
     --collapse-item-body-text-size: var(--o-font_size-tip1);
     --collapse-item-body-text-height: var(--o-line_height-tip1);
-
+  
     --collapse-item-icon-color: var(--o-color-info1);
     --collapse-item-icon-size: var(--o-icon_size_control-m);
-
-    --collapse-item-gap: 12px;
+  
+    --collapse-item-gap: var(--o-gap-4);
   }
 }
 
 @include respond-to('<=pad') {
+  .o-collapse-item {
+    --collapse-item-gap: var(--o-gap-3);
+  }
+}
+
+@include respond-to('<=pad_v') {
   .o-collapse {
     --collapse-radius: var(--o-radius_control-s);
     --collapse-padding: 0px 16px;
@@ -38,7 +44,5 @@
 
     --collapse-item-icon-color: var(--o-color-info1);
     --collapse-item-icon-size: var(--o-icon_size_control-m);
-
-    --collapse-item-gap: 12px;
   }
 }
diff --git a/packages/opendesign/src/collapse/style/theme-ascend.scss b/packages/opendesign/src/collapse/style/theme-ascend.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..8d980e4cccdae60cd15a2a6ec4214819e1c3c322 100644
--- a/packages/opendesign/src/collapse/style/theme-ascend.scss
+++ b/packages/opendesign/src/collapse/style/theme-ascend.scss
@@ -0,0 +1,17 @@
+@use '../../_styles/mixin.scss' as *;
+
+.o-collapse {
+  --collapse-radius: var(--o-radius-l);
+}
+
+@include respond-to('pad_v-pc_s') {
+  .o-collapse {
+    --collapse-radius: var(--o-radius-m);
+  }
+}
+
+@include respond-to('<=pad_v') {
+  .o-collapse {
+    --collapse-radius: var(--o-radius-s);
+  }
+}
diff --git a/packages/opendesign/src/collapse/style/theme-kunpeng.scss b/packages/opendesign/src/collapse/style/theme-kunpeng.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..bebb73c6ca638e49b267918996ca6298fe1c7fb4 100644
--- a/packages/opendesign/src/collapse/style/theme-kunpeng.scss
+++ b/packages/opendesign/src/collapse/style/theme-kunpeng.scss
@@ -0,0 +1,11 @@
+@use '../../_styles/mixin.scss' as *;
+
+.o-collapse {
+  --collapse-radius: 0px;
+}
+
+@include respond-to('<=pad_v') {
+  .o-collapse {
+    --collapse-radius: var(--o-radius-s);
+  }
+}
diff --git a/packages/opendesign/src/collapse/style/theme-openeuler.scss b/packages/opendesign/src/collapse/style/theme-openeuler.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..291b9b72736b5294a27a3d8b0c270172cd910bc0 100644
--- a/packages/opendesign/src/collapse/style/theme-openeuler.scss
+++ b/packages/opendesign/src/collapse/style/theme-openeuler.scss
@@ -0,0 +1,9 @@
+.o-collapse {
+  --collapse-radius: var(--o-radius-xs);
+}
+
+.o-collapse-item-expanded {
+  .o-collapse-item-title {
+    color: var(--o-color-primary1);
+  }
+}
diff --git a/packages/opendesign/src/collapse/style/var.scss b/packages/opendesign/src/collapse/style/var.scss
index a70a68fc8e9b1c0158fb441d29a637bb4590b149..710a145fff982d52cabc5478e68aceb3b85148d0 100644
--- a/packages/opendesign/src/collapse/style/var.scss
+++ b/packages/opendesign/src/collapse/style/var.scss
@@ -18,5 +18,5 @@
   --collapse-item-icon-color: var(--o-color-info1);
   --collapse-item-icon-size: var(--o-icon_size_control-m);
 
-  --collapse-item-gap: 16px;
+  --collapse-item-gap: var(--o-gap-5);
 }