/* ===== 宏业教练 MACRO COACH · UI 增强层 =====
   原则：不改原有结构，只提升质感。加载顺序放在页面内联样式之后，覆盖同名规则。
   —— 品牌标识 / 胶囊导航 / 标题红字 / 按钮
*/

/* ---------- 品牌标识 ---------- */
.brand-wrap { gap: 10px; }
.brand-logo {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;      /* 新 LOGO 含文字行，不做圆形裁切 */
  object-fit: cover;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .16);
  overflow: hidden;
}
.brand-title {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 2.5px !important;
  line-height: 1.15;
  background: linear-gradient(96deg, #9f1239 0%, #c1121f 52%, #d97706 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
}
.brand-sub {
  font-size: 9.5px !important;
  letter-spacing: 1.6px !important;
  color: #94a3b8 !important;
  font-weight: 700;
  text-transform: uppercase;
}

/* ---------- 胶囊导航 ---------- */
.nav-links {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center;
  gap: 2px !important;
  background: #f4f6fa;
  border: 1px solid #eaeef5;
  border-radius: 999px;
  padding: 4px !important;
  margin: 0 auto;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.nav-links::-webkit-scrollbar { display: none; }

.nav-link {
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  letter-spacing: .2px;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
  background: transparent !important;
}
.nav-link:hover { background: #ffffff !important; color: #c1121f !important; box-shadow: 0 1px 4px rgba(15, 23, 42, .07); }
.nav-link:active { transform: scale(.97); }
.nav-link.active {
  background: linear-gradient(135deg, #e11d48 0%, #b91c1c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(193, 18, 31, .30);
}

/* ---------- 右侧动作区 ---------- */
.nav-actions { gap: 8px !important; }
.lang-btn {
  border-radius: 999px !important;
  background: #f4f6fa !important;
  border: 1px solid #eaeef5 !important;
  color: #475569 !important;
  font-weight: 800 !important;
  padding: 7px 13px !important;
  transition: background .18s, border-color .18s, color .18s;
}
.lang-btn:hover { background: #ffffff !important; border-color: #fecdd3 !important; color: #c1121f !important; }

.install-btn {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #d97706, #b45309) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 800 !important;
  padding: 8px 14px !important;
  box-shadow: 0 3px 10px rgba(217, 119, 6, .28);
}
.install-btn:hover { filter: brightness(1.06); }

.btn-nav-auth {
  border-radius: 999px !important;
  background: #0f172a !important;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 8px 16px !important;
  letter-spacing: .3px;
  transition: background .18s, transform .18s, box-shadow .18s;
}
.btn-nav-auth:hover { background: #c1121f !important; box-shadow: 0 4px 14px rgba(193, 18, 31, .28); transform: translateY(-1px); }

/* ---------- 主按钮 ---------- */
.btn-primary {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #e11d48 0%, #b91c1c 100%) !important;
  box-shadow: 0 6px 20px rgba(193, 18, 31, .26);
  transition: transform .18s, box-shadow .18s, filter .18s;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(193, 18, 31, .32); filter: brightness(1.04); }

/* ---------- 移动端 ---------- */
@media (max-width: 820px) {
  .brand-logo { width: 34px !important; height: 34px !important; }
  .brand-title { font-size: 15px !important; letter-spacing: 2px !important; }
  .nav-links {
    position: sticky; top: 0;
    justify-content: flex-start;
    border-radius: 0 !important;
    padding: 6px 8px !important;
    border-left: none; border-right: none;
    margin: 0;
  }
  .nav-link { padding: 7px 13px !important; font-size: 13px !important; }
}