/* 修复滚动问题 */
.main-content {
  height: auto !important;
  min-height: calc(100vh - 80px);
  overflow-y: visible !important;
}

.content-section {
  max-height: none !important;
  overflow-y: visible !important;
}

.content-section.active {
  display: block;
  overflow: visible !important;
}

/* 确保社交圈子容器可以完整显示 */
.groups-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 20px;
  overflow: visible !important;
}

/* 修复移动端视图 */
@media (max-width: 768px) {
  .main-content {
    height: auto !important;
    min-height: calc(100vh - 140px);
    padding-bottom: 80px;
    overflow-y: visible !important;
  }
  
  body {
    overflow-y: auto !important;
  }
  
  html, body {
    height: auto !important;
    overflow: auto !important;
  }
}

/* 确保页面可以滚动 */
html, body {
  height: auto;
  overflow: auto !important;
}

/* 修复底部导航不挡住内容 */
.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

/* 确保内容区域有足够的底部间距 */
.app-container {
  padding-bottom: 60px;
}