/* 顶栏动态坑位 + 上传常驻 + 全部 */
.dk-nav-slots {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.15rem;
  margin-right: 0.35rem;
}

.dk-nav-slots .nav-link {
  padding: 0.4rem 0.5rem !important;
  margin: 0;
  font-size: 0.8125rem;
}

.dk-nav-slots .nav-link img,
.dk-nav-actions .nav-link img {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.dk-nav-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

/* 上传：常驻主 CTA，绿底白字 */
a.nav-link.dk-nav-upload-cta,
a.nav-link.dk-nav-upload-cta:link,
a.nav-link.dk-nav-upload-cta:visited,
a.nav-link.dk-nav-upload-cta:hover,
a.nav-link.dk-nav-upload-cta:focus,
a.nav-link.dk-nav-upload-cta:active {
  background: #059669 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px;
  padding: 0.4rem 0.9rem !important;
  font-weight: 600;
  box-shadow: none;
  transform: none;
}

a.nav-link.dk-nav-upload-cta:hover {
  background: #047857 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.28);
  transform: translateY(-1px);
}

a.nav-link.dk-nav-upload-cta::before {
  display: none;
}

a.nav-link.dk-nav-upload-cta img {
  filter: brightness(0) invert(1);
}

/* 避免顶栏 overflow 裁切「全部」下拉 */
nav.navbar,
nav.navbar > .container,
nav.navbar .navbar-collapse,
.dk-nav-more {
  overflow: visible !important;
}

.dk-nav-more .nav-link,
button.nav-link.dropdown-toggle#dkNavMoreToggle {
  padding: 0.4rem 0.65rem !important;
  color: #4a5568 !important;
  -webkit-text-fill-color: #4a5568;
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: inherit;
  font: inherit;
}

button.nav-link.dropdown-toggle#dkNavMoreToggle:hover,
button.nav-link.dropdown-toggle#dkNavMoreToggle:focus {
  color: #059669 !important;
  -webkit-text-fill-color: #059669;
}

.dk-nav-more-menu {
  min-width: 220px;
  max-height: min(70vh, 420px);
  overflow-y: auto;
  padding: 0.4rem 0;
  z-index: 1080 !important;
}

/* 无 Bootstrap 时的兜底显示 */
.dk-nav-more.show > .dk-nav-more-menu,
.dk-nav-more-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dk-nav-more-menu .dropdown-header {
  font-size: 0.7rem;
  font-weight: 600;
  color: #6b7280;
  padding: 0.4rem 1rem 0.2rem;
}

.dk-nav-more-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.55rem 1rem;
  margin: 0 0.35rem;
  border-radius: 0.5rem;
  color: #111827 !important;
  -webkit-text-fill-color: #111827;
  text-decoration: none !important;
}

.dk-nav-more-menu .dropdown-item:hover {
  background: #ecfdf5;
  color: #047857 !important;
  -webkit-text-fill-color: #047857;
  transform: none;
}

.dk-nav-more-menu .dropdown-item img {
  width: 1em;
  height: 1em;
}

.dk-nav-more-menu .dropdown-item.is-in-slot {
  opacity: 0.55;
}

.dk-nav-more-menu .dropdown-item .dk-nav-recent-tag {
  margin-left: auto;
  font-size: 0.65rem;
  color: #059669;
  background: #ecfdf5;
  border-radius: 999px;
  padding: 0.05rem 0.4rem;
}

.dk-nav-slot-badge {
  font-size: 0.55rem;
  line-height: 1;
  padding: 0.15rem 0.35rem;
  border-radius: 999px;
  background: #059669;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  margin-left: 0.25rem;
}

@media (max-width: 1199.98px) {
  .dk-nav-slots {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 0 0 0.5rem;
    gap: 0.25rem;
  }

  .dk-nav-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0.35rem;
  }

  a.nav-link.dk-nav-upload-cta {
    justify-content: center;
  }
}