/**
 * 电脑版设置页面滚动优化
 * 解决电脑版设置页面出现双滚动条的问题
 */

/* 修复电脑版设置页面的滚动问题 */
@media (min-width: 769px) {
  /* 设置面板容器样式 */
  #settings-panel {
    height: auto !important; /* 取消固定高度 */
    max-height: none !important; /* 取消最大高度限制 */
    overflow-y: visible !important; /* 禁用独立滚动 */
    padding-bottom: 20px !important; /* 减少底部填充 */
  }
  
  /* 侧边栏内容区域样式 */
  .sidebar-content {
    height: 100% !important;
    overflow-y: auto !important; /* 只保留外层容器的滚动 */
    padding-bottom: 20px !important;
  }
  
  /* 确保内容面板不会有独立滚动 */
  .content-panel {
    height: auto !important;
    overflow-y: visible !important;
  }
  
  /* 确保设置组不会被截断 */
  .ios-settings-group {
    overflow: visible !important;
  }
  
  /* 确保设置按钮区域有足够的底部间距 */
  .ios-settings-buttons {
    margin-bottom: 30px !important;
  }
  
  /* 优化侧边栏滚动条样式 */
  .sidebar-content::-webkit-scrollbar {
    width: 6px;
  }
  
  .sidebar-content::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .sidebar-content::-webkit-scrollbar-thumb {
    background-color: rgba(var(--primary-color-rgb), 0.5);
    border-radius: 3px;
  }
  
  .dark-mode .sidebar-content::-webkit-scrollbar-thumb {
    background-color: rgba(var(--primary-color-rgb), 0.7);
  }
  
  /* 确保侧边栏有足够的高度 */
  #sidebar {
    height: 100vh !important;
    overflow: hidden !important; /* 防止侧边栏自身滚动 */
  }
}