feat ui设计稿

src/views/service/index.vue

@@ -42,20 +42,33 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .service {
-  .flex(column, flex-start);
-  gap: @spacing-base;
-  padding-top: @spacing-xl;
-  padding-bottom: @spacing-xxl;
+  .flex(column, flex-start, stretch);
+  gap: @spacing-base; // 头部→聊天卡 19 × 0.77
+  max-width: @container-width;
+  min-height: calc(100vh - @header-height);
+  margin: 0 auto;
+  padding: 25px @spacing-base @spacing-xxl; // 标题上留白 32 × 0.77
+  background: @white; // 设计 38 页面底色为纯白
 
-  &__title {
-    font-size: @font-size-xxl;
-    font-weight: 600;
-    color: @heading-color;
+  // 设计 38：头部文案左缩进 42 × 0.77（标题 x112 相对内容边 x70）
+  &__head {
+    padding-left: 32px;
   }
 
+  // 设计 38：大标题 36 → 28 / 700 / #121212
+  &__title {
+    font-size: @font-size-xxl;
+    font-weight: 700;
+    color: @home-ink;
+  }
+
+  // 设计 38：副标题 24 → 18 / 500 / #666666
   &__subtitle {
-    margin-top: @spacing-xs;
-    font-size: @font-size-base;
+    margin-top: 12px; // 标题→副标题 15 × 0.77
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1.5;
+    color: @contract-muted;
   }
 }
 </style>