/* PC端Admin页面专用布局系统 - 彻底重构 */

@media (min-width: 1024px) {
  /* ============================================
     PC端Admin导航栏 - 固定顶部，紧凑设计
     ============================================ */
  
  body.admin-pc-page {
    padding-top: 0 !important; /* 统一顶部导航使用sticky定位，不需要padding-top */
    margin-top: 0 !important;
  }

  /* 统一PC端导航栏样式 */
  .admin-pc-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 64px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .admin-pc-nav-content {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: -webkit-box; /* 旧版Safari */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -webkit-box-align: center; /* 旧版Safari */
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    -webkit-box-pack: justify; /* 旧版Safari */
    -ms-flex-pack: justify; /* IE10 */
    justify-content: space-between;
    height: 100%;
  }

  .admin-pc-nav-brand {
    display: -webkit-box !important; /* 旧版Safari */
    display: -ms-flexbox !important; /* IE10 */
    display: flex !important;
    -webkit-box-align: center !important; /* 旧版Safari */
    -ms-flex-align: center !important; /* IE10 */
    align-items: center !important;
    /* gap: 12px !important; 改为margin实现兼容性 */
    text-decoration: none !important;
    color: #1f2937 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* 使用margin替代gap实现兼容性 */
  .admin-pc-nav-brand > * {
    margin-right: 12px !important;
  }
  .admin-pc-nav-brand > *:last-child {
    margin-right: 0 !important;
  }

  .admin-pc-nav-brand img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .admin-pc-nav-brand-text {
    display: -webkit-box !important; /* 旧版Safari */
    display: -ms-flexbox !important; /* IE10 */
    display: flex !important;
    -webkit-box-orient: vertical !important; /* 旧版Safari */
    -webkit-box-direction: normal !important; /* 旧版Safari */
    -ms-flex-direction: column !important; /* IE10 */
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .admin-pc-nav-brand-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #1f2937 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .admin-pc-nav-brand-subtitle {
    font-size: 12px !important;
    color: #6b7280 !important;
    line-height: 1.2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .admin-pc-nav-menu {
    display: -webkit-box; /* 旧版Safari */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -webkit-box-align: center; /* 旧版Safari */
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    /* gap: 4px; 改为margin实现兼容性 */
    -webkit-box-flex: 1; /* 旧版Safari */
    -ms-flex: 1; /* IE10 */
    flex: 1;
    margin: 0 24px;
  }
  
  /* 使用margin替代gap实现兼容性 */
  .admin-pc-nav-menu > * {
    margin-right: 4px;
  }
  .admin-pc-nav-menu > *:last-child {
    margin-right: 0;
  }

  .admin-pc-nav-link {
    display: -webkit-box; /* 旧版Safari */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -webkit-box-align: center; /* 旧版Safari */
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    /* gap: 6px; 改为margin实现兼容性 */
    padding: 8px 16px;
    border-radius: 6px;
    color: #6b7280;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease; /* Safari */
    -o-transition: all 0.2s ease; /* Opera */
    transition: all 0.2s ease;
    white-space: nowrap;
  }
  
  /* 使用margin替代gap实现兼容性 */
  .admin-pc-nav-link > * {
    margin-right: 6px;
  }
  .admin-pc-nav-link > *:last-child {
    margin-right: 0;
  }

  .admin-pc-nav-link:hover {
    background: #f3f4f6;
    color: #1f2937;
  }

  .admin-pc-nav-link.active {
    background: #eff6ff;
    color: #2563eb;
    font-weight: 500;
  }

  .admin-pc-nav-link i {
    font-size: 14px;
  }

  .admin-pc-nav-actions {
    display: -webkit-box; /* 旧版Safari */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -webkit-box-align: center; /* 旧版Safari */
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    /* gap: 12px; 改为margin实现兼容性 */
  }
  
  /* 使用margin替代gap实现兼容性 */
  .admin-pc-nav-actions > * {
    margin-right: 12px;
  }
  .admin-pc-nav-actions > *:last-child {
    margin-right: 0;
  }

  .admin-pc-nav-btn {
    display: -webkit-box; /* 旧版Safari */
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -webkit-box-align: center; /* 旧版Safari */
    -ms-flex-align: center; /* IE10 */
    align-items: center;
    /* gap: 6px; 改为margin实现兼容性 */
    padding: 8px 16px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid #e5e7eb;
    color: #374151;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease; /* Safari */
    -o-transition: all 0.2s ease; /* Opera */
    transition: all 0.2s ease;
    text-decoration: none;
  }
  
  /* 使用margin替代gap实现兼容性 */
  .admin-pc-nav-btn > * {
    margin-right: 6px;
  }
  .admin-pc-nav-btn > *:last-child {
    margin-right: 0;
  }

  .admin-pc-nav-btn:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #1f2937;
  }

  .admin-pc-nav-btn i {
    font-size: 14px;
  }

  /* ============================================
     PC端Admin内容区域
     ============================================ */
  
  .admin-pc-container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 24px;
    padding-top: 24px;
    min-height: calc(100vh - 64px);
    /* IE11兼容性降级 */
    min-height: -webkit-calc(100vh - 64px);
    min-height: -moz-calc(100vh - 64px);
  }

  /* 移除内容区域的padding-top（导航栏使用sticky定位，不需要预留空间） */
  body.admin-pc-page .admin-pc-container,
  body.admin-pc-page .container,
  body.admin-pc-page .ios-container,
  body.admin-pc-page .mck-container,
  body.admin-pc-page .health-container,
  body.admin-pc-page > div:not(#admin-pc-nav):not(#adminBottomNav):not(#adminTopNav):not(#adminTopNavContainer):first-of-type {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 强制移除内联样式中的padding-top */
  body.admin-pc-page [style*="padding-top"],
  body.admin-pc-page [style*="padding-top: 0"],
  body.admin-pc-page [style*="padding-top:0"] {
    padding-top: 0 !important;
  }

  /* 特别处理包含calc的padding-top */
  body.admin-pc-page [style*="calc"][style*="padding-top"] {
    padding-top: 0 !important;
  }

  /* 移除第一个内容元素的间距（导航栏使用sticky定位，不需要预留空间） */
  body.admin-pc-page .admin-pc-container > *:first-child,
  body.admin-pc-page .container > *:first-child,
  body.admin-pc-page .ios-container > *:first-child {
    margin-top: 0;
  }

  /* 页面标题区域 */
  .admin-pc-page-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
  }

  .admin-pc-page-title {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
  }

  .admin-pc-page-subtitle {
    font-size: 14px;
    color: #6b7280;
  }

  /* 操作按钮区域 */
  .admin-pc-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
  }

  .admin-pc-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-decoration: none;
  }

  .admin-pc-btn-primary {
    background: #3b82f6;
    color: #ffffff;
  }

  .admin-pc-btn-primary:hover {
    background: #2563eb;
  }

  .admin-pc-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
  }

  .admin-pc-btn-secondary:hover {
    background: #e5e7eb;
  }

  .admin-pc-btn-success {
    background: #10b981;
    color: #ffffff;
  }

  .admin-pc-btn-success:hover {
    background: #059669;
  }

  .admin-pc-btn-danger {
    background: #ef4444;
    color: #ffffff;
  }

  .admin-pc-btn-danger:hover {
    background: #dc2626;
  }

  /* 卡片样式 */
  .admin-pc-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  /* 隐藏移动端导航栏（保留统一顶部导航） */
  .ios-nav,
  .mck-nav,
  nav.ios-nav,
  nav.mck-nav,
  #mobileNav {
    display: none !important;
  }
  
  /* PC端显示统一顶部导航（使用health-nav系统） */
  #adminTopNav.health-nav {
    display: block !important;
  }
  
  /* PC端导航栏移除前后留空和与内容之间的留空，占满整个宽度，滚动时置顶 */
  body.admin-pc-page #adminTopNav.health-nav {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: 0;
    z-index: var(--health-z-sticky, 1020);
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: var(--health-spacing-md, 12px) !important;
    left: 0 !important;
    right: 0 !important;
  }
  
  body.admin-pc-page #adminTopNav .health-nav-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 var(--health-spacing-md, 16px) !important;
    margin: 0 !important;
  }
  
  /* 超大屏幕也保持全宽，不限制宽度 */
  @media (min-width: 1400px) {
    body.admin-pc-page #adminTopNav .health-nav-content {
      max-width: 100% !important;
      width: 100% !important;
      margin: 0 !important;
    }
  }

  /* 隐藏移动端底部导航 */
  #adminBottomNav {
    display: none !important;
  }

  /* 隐藏移动端顶部导航栏 */
  #mobileNav {
    display: none !important;
  }
  
  /* 隐藏旧的PC导航（如果存在） */
  #admin-pc-nav {
    display: none !important;
  }

  /* 确保ios-container在PC端不遮挡 - 但admin-pc-page下的容器需要padding */
  body:not(.admin-pc-page) .ios-container,
  body:not(.admin-pc-page) .container.mx-auto,
  body:not(.admin-pc-page) .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* admin-pc-page下的容器移除padding-top（导航栏使用sticky定位，不需要预留空间） */
  body.admin-pc-page .ios-container,
  body.admin-pc-page .container.mx-auto,
  body.admin-pc-page .container,
  body.admin-pc-page .health-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  /* PC端health-container最大宽度扩展 */
  body.admin-pc-page .health-container {
    max-width: 1400px;
  }

  /* 移除body的padding-top和margin-top（如果有） */
  body.admin-pc-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  /* 导航容器和导航栏无留空（导航已直接内嵌，不需要容器） */
  /* 导航栏样式由admin-nav.css统一管理 */
  
  /* 管理端导航栏在PC端正确显示 - 使用统一的health-nav系统 */
  /* 内容区域无留空（导航栏使用sticky定位，不需要预留空间） */
  body.admin-pc-page .health-container,
  body.admin-pc-page .container,
  body.admin-pc-page .ios-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 确保内容区域正确显示 */
  body.admin-pc-page > *:not(#admin-pc-nav):not(#adminBottomNav):not(#adminTopNav):not(#adminTopNavContainer) {
    margin-top: 0;
  }
}

/* 移动端保持原有样式 */
@media (max-width: 1023px) {
  .admin-pc-nav {
    display: none !important;
  }

  body.admin-pc-page {
    padding-top: 0;
  }

  /* 确保移动端统一顶部导航显示（使用health-nav系统） */
  #adminTopNav.health-nav {
    display: block !important;
  }

  #adminBottomNav {
    display: block !important;
  }
  
  /* 移动端隐藏导航菜单 */
  .admin-nav-menu {
    display: none !important;
  }
}