/* PC端Admin页面修复样式 - 确保内容不被固定导航栏遮挡 */

@media (min-width: 1024px) {
  /* 强制所有admin页面的容器都有足够的padding-top */
  body .ios-container,
  body .container,
  body .container.mx-auto {
    padding-top: calc(100px + 24px) !important;
  }

  /* 确保第一个内容元素有足够的间距 */
  .ios-container > *:first-child,
  .container > *:first-child {
    margin-top: 0;
  }

  /* 如果第一个元素是卡片，确保有足够间距和padding */
  .ios-container > .modern-card:first-child,
  .container > .modern-card:first-child,
  .ios-container > div:first-child > .modern-card:first-child,
  .container > div:first-child > .modern-card:first-child {
    margin-top: 16px;
    padding-top: 24px;
  }

  /* 确保按钮组不被遮挡 - 特别是users.html页面的顶部按钮 */
  .ios-container .flex.gap-3,
  .container .flex.gap-3,
  .ios-container > div:first-child .flex.gap-3,
  .container > div:first-child .flex.gap-3,
  .modern-card .flex.gap-3 {
    margin-top: 0;
  }

  /* 确保页面标题区域不被遮挡 */
  .ios-container > .modern-card:first-child,
  .ios-container > div:first-child > .modern-card:first-child,
  .container > .modern-card:first-child,
  .container > div:first-child > .modern-card:first-child {
    padding-top: 24px;
  }

  /* 确保第一个div内的内容有足够空间 */
  .ios-container > div:first-child,
  .container > div:first-child {
    padding-top: 0;
  }
}