/*
 * 璀泊科技 — WeKnora 登录页品牌补丁（样式）
 * 只作用于登录页元素；不修改 WeKnora 源码，官方升级不受影响。
 */

/* 1. 隐藏右上角 GitHub 链接（按链接地址匹配，比按位置匹配更稳） */
.header-links a.header-link[href*="github.com"] {
  display: none !important;
}

/* 2. 左上角品牌区：白色胶囊底，Logo + 公司名 */
.header-logo {
  /* JS 替换完成前先隐藏，避免闪现官方 Logo */
  visibility: hidden;
}
.header-logo[data-cuibo-brand] {
  visibility: visible;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 8px 18px 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.header-logo[data-cuibo-brand] .logo-image {
  width: auto !important;
  height: 32px !important;
  filter: none !important; /* 官方暗色模式会对 Logo 反色，这里取消 */
}
.cuibo-brand-name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #1f2937;
  line-height: 1;
  white-space: nowrap;
}

/* 窄屏适配 */
@media (max-width: 1024px) {
  .header-logo[data-cuibo-brand] { padding: 6px 14px 6px 10px; gap: 8px; }
  .header-logo[data-cuibo-brand] .logo-image { height: 26px !important; }
  .cuibo-brand-name { font-size: 17px; }
}
@media (max-width: 640px) {
  .header-logo[data-cuibo-brand] { padding: 5px 12px 5px 8px; gap: 6px; }
  .header-logo[data-cuibo-brand] .logo-image { height: 22px !important; }
  .cuibo-brand-name { font-size: 15px; letter-spacing: 1px; }
}