/**
 * 桌面端首页同款导航栏（>=1200px）
 * - 只影响 detect/partnership/profile 等页面新增的 .navbar-home
 * - 不改动原有功能，仅在大屏替换样式与登录态展示
 */

/* 默认隐藏：仅大屏显示 */
.navbar-home {
  display: none;
}

@media (min-width: 1200px) {
  /* 隐藏旧导航栏（各页面原有 .navbar） */
  .navbar.navbar-legacy {
    display: none !important;
  }

  /* 检测页：旧导航栏是 fixed，原本预留了顶部空间；大屏换成 sticky 后去掉预留 */
  .ai-detection-container {
    padding-top: 0 !important;
  }

  /* 合作页：body 是 flex（默认 row），大屏显示顶部导航后需要纵向排列 */
  body.page-partnership {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  /* 检测页：detect.css 在 >=1101px 将 body 设为 flex(row) 来居中内容，会导致导航与内容并排 */
  body.page-detect {
    display: block !important;
  }

  /* 我的页：profile.css 在 >=1100px 将 body 设为 flex(row)，会导致导航与内容并排 */
  body.page-profile {
    display: block !important;
  }

  /* 首页同款导航栏主体 */
  .navbar-home {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, sans-serif;
  }

  .navbar-home .navbar-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: fit-content;
  }

  /* 覆盖旧页面对 .logo 的“渐变背景方块”样式：桌面端与首页一致（仅橙色线框 logo） */
  .navbar-home .logo {
    width: 32px;
    height: 32px;
    display: block !important;
    background: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #FF6B35;
  }

  .navbar-home .navbar-brand h1 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 50%, #FFD700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .navbar-home .navbar-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 24px;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .navbar-home .nav-link {
    text-decoration: none;
    color: #636366;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
  }

  .navbar-home .nav-link:hover,
  .navbar-home .nav-link.active {
    color: #FF6B35;
    background-color: rgba(255, 107, 53, 0.1);
  }

  .navbar-home .navbar-auth {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: fit-content;
  }

  .navbar-home .auth-btn {
    text-decoration: none;
    color: #FF6B35;
    border: 1px solid #FF6B35;
    padding: 8px 16px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
    cursor: pointer;
  }

  .navbar-home .auth-btn:hover {
    background-color: #FF6B35;
    color: #fff;
  }

  /* 用户菜单（登录态） */
  .navbar-home .user-menu {
    align-items: center;
    gap: 8px;
  }

  /* 防止旧页面 .user-menu 强制 display 的样式影响隐藏逻辑 */
  .navbar-home .user-menu.hidden {
    display: none !important;
  }

  .navbar-home .user-menu:not(.hidden) {
    display: flex !important;
  }

  .navbar-home .user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: rgba(255, 107, 53, 0.06);
    border: 1px solid rgba(255, 107, 53, 0.18);
  }

  .navbar-home .username {
    font-size: 14px;
    font-weight: 600;
    color: #1C1C1E;
    white-space: nowrap;
  }
}