1

src/user_pages/edit/index.scss

@@ -119,7 +119,7 @@
 }
 
 // 主要内容区域
-.main_content {
+.edit_main_content {
   position: relative;
   z-index: 5;
   flex: 1;

src/user_pages/edit/index.tsx

@@ -375,7 +375,7 @@ const EditProfilePage: React.FC = () => {
         }}
       />
       {/* 主要内容 */}
-      <ScrollView className="main_content" scrollY>
+      <ScrollView className="edit_main_content" scrollY>
         {loading ? (
           <View className="loading_container">
             <Text className="loading_text">加载中...</Text>

src/user_pages/myself/index.scss

@@ -33,9 +33,9 @@
 }
 
 // 主要内容区域
-.main_content {
+.myself_main_content {
   // position: relative;
-  background: #ffffff;
+  // background: #ffffff;
   animation: backgroundGradient 0s ease-in-out forwards;
   z-index: 5;
   flex: 1;
@@ -172,6 +172,144 @@
   .test-entry-card-box {
     padding: 0 15px;
   }
+}
+
+// MyselfPageContent 组件使用的类名（与 myself_main_content 样式相同）
+.myself_page_content_main {
+  // position: relative;
+  // background: #ffffff;
+  animation: backgroundGradient 0s ease-in-out forwards;
+  z-index: 5;
+  flex: 1;
+  margin-top: 0;
+  box-sizing: border-box;
+  padding-bottom: 15px;
+  // padding-top 由内联样式控制
+
+  // 用户信息区域
+  .user_info_section {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 0 15px;
+
+    // 加载状态
+    .loading_container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 40px 0;
+
+      .loading_text {
+        @include text-style(16px, 400, 1.4em);
+        color: $color-primary-lightest;
+      }
+    }
+
+    // 统计数据
+    .stats_section {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+
+      .stats_container {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+
+        .stat_item {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+
+          .stat_number {
+            @include text-medium;
+          }
+
+          .stat_label {
+            @include text-small;
+          }
+        }
+      }
+    }
+
+    // 标签和简介
+    .tags_bio_section {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+
+      .tags_container {
+        display: flex;
+        gap: 8px;
+        flex-wrap: wrap;
+
+        .tag_item {
+          @include tag-base;
+
+          .tag_icon {
+            width: 12px;
+            height: 12px;
+          }
+
+          .tag_text {
+            @include text-tag;
+          }
+        }
+      }
+
+      .bio_text {
+        @include text-body;
+        white-space: pre-line;
+      }
+    }
+
+    // 球局订单和收藏功能
+    .quick_actions_section {
+      margin-bottom: 16px;
+
+      .action_card {
+        @include card-base;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        overflow: hidden;
+        height: 48px;
+
+        .action_content {
+          height: 100%;
+          flex: 1;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+          cursor: pointer;
+          transition: background-color 0.3s ease;
+
+          .action_icon {
+            width: 20px;
+            height: 20px;
+          }
+
+          .action_text {
+            @include text-style(15px, 600, 1.4em);
+            color: $color-primary;
+          }
+        }
+
+        .action_divider {
+          width: 1px;
+          height: 16px;
+          background: $color-primary-lightest-5;
+        }
+      }
+    }
+  }
+
+  .test-entry-card-box {
+    padding: 0 15px;
+  }
 
   // 球局类型标签页
   .game_tabs_section {

src/user_pages/myself/index.tsx

@@ -181,7 +181,7 @@ const MyselfPage: React.FC = () => {
   return (
     <View className="myself_page">
       {/* 主要内容 */}
-      <View className="main_content">
+      <View className="myself_main_content">
         {/* 用户信息区域 */}
         <View className="user_info_section">
           <UserInfoCard

src/user_pages/other/index.scss

@@ -60,7 +60,7 @@
 }
 
 // 主要内容区域
-.main_content {
+.other_main_content {
   position: relative;
   z-index: 5;
   flex: 1;

src/user_pages/other/index.tsx

@@ -237,7 +237,7 @@ const OtherUserPage: React.FC = () => {
         }}
       />
       {/* 主要内容 */}
-      <View className="main_content">
+      <View className="other_main_content">
         {/* 用户信息区域 */}
         <View className="user_info_section">
           <UserInfoCard