diff --git a/src/pages/index/components/module/DetailCardCompontent/index.vue b/src/pages/index/components/module/DetailCardCompontent/index.vue
index 051f60d..cc62e02 100644
--- a/src/pages/index/components/module/DetailCardCompontent/index.vue
+++ b/src/pages/index/components/module/DetailCardCompontent/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="w-full">
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
       <ImageSwiper :images="toolCall.picture" />
diff --git a/src/pages/index/components/module/DetailCardCompontent/styles/index.scss b/src/pages/index/components/module/DetailCardCompontent/styles/index.scss
deleted file mode 100644
index 6231b9e..0000000
--- a/src/pages/index/components/module/DetailCardCompontent/styles/index.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.container {
-  width: 100%;
-  padding: 12px 0;
-}
diff --git a/src/static/scss/padding.scss b/src/static/scss/padding.scss
index fdcd28e..443c8ba 100644
--- a/src/static/scss/padding.scss
+++ b/src/static/scss/padding.scss
@@ -1,4 +1,24 @@
 // 内边距
+.p-6 {
+  padding: 6px;
+}
+
+.pt-6 {
+  padding-top: 6px;
+}
+
+.pb-6 {
+  padding-bottom: 6px;
+}
+
+.pl-6 {
+  padding-left: 6px;
+}
+
+.pr-6 {
+  padding-right: 6px;
+}
+
 .p-8 {
   padding: 8px;
 }
@@ -11,6 +31,14 @@
   padding-bottom: 8px;
 }
 
+.pl-8 {
+  padding-left: 8px;
+}
+
+.pr-8 {
+  padding-right: 8px;
+}
+
 .p-12 {
   padding: 12px;
 }
@@ -19,6 +47,10 @@
   padding-top: 12px;
 }
 
+.l-12 {
+  padding-left: 12px;
+}
+
 .pr-12 {
   padding-right: 12px;
 }