/* 页面主体区域 */
 .main-section {
     width: 100%;
     padding-top: 120px;
     padding-bottom: 80px;
     position: relative;
     min-height: calc(100vh - 120px);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 /* 标题区域（带分割线） */
 .community-title {
     width: 800px;
     margin: 0 auto 40px;
     text-align: center;
     position: relative;
 }

 .community-title img {
     width: 100%;
     height: auto;
 }

 /* 社区内容容器 */
 .community-content {
     width: 1160px;
     display: flex;
     justify-content: center;
     gap: 160px;
 }

 /* 社区项（图标+文字） */
 .community-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 40px;
 }

 /* 图标容器 */
 .icon-wrapper {
     width: 200px;
     height: 200px;
     position: relative;
 }

 .icon-wrapper img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 /* 文字样式 */
 .community-text {
     font-size: 24px;
     color: #F8E2A8;
     font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
     letter-spacing: 1px;
 }

 /* 响应式适配 */
 @media (max-width: 1200px) {
     .community-content {
         width: 90%;
     }

     .community-content {
         gap: 80px;
     }

     .icon-wrapper {
         width: 160px;
         height: 160px;
     }

     .community-text {
         font-size: 20px;
     }
 }

 @media (max-width: 768px) {
     .community-content {
         flex-direction: column;
         gap: 60px;
     }

     .icon-wrapper {
         width: 140px;
         height: 140px;
     }

     .community-text {
         font-size: 18px;
     }
 }