/* Top Nav Component — 九黎拾章共享组件 */

/* 容器 */
.top-nav{position:fixed;top:24px;right:28px;z-index:100;display:flex;gap:12px;align-items:center}
.top-nav.absolute{position:absolute}
.top-nav.compact{top:20px;right:20px;gap:10px}

/* 导航胶囊按钮（白底橙字） */
.nav-pill-light{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;
  border:1px solid rgba(255,75,57,0.35);border-radius:999px;
  background:rgba(255,255,255,0.85);color:#FF4B39;
  font-size:13px;font-family:inherit;text-decoration:none;
  letter-spacing:1px;white-space:nowrap;cursor:pointer;transition:all 0.3s;
  box-shadow:0 2px 8px rgba(255,75,57,0.08)}
.nav-pill-light:hover{background:#FF4B39;color:#fff;border-color:#FF4B39;
  transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,75,57,0.25)}
.nav-pill-light svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

/* 登录 CTA 按钮（实色橙红） */
.top-nav .top-entry{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;
  border:1px solid #FF4B39;border-radius:50px;
  background:linear-gradient(135deg,#FF4B39,#FF6B35);color:#fff;font-weight:600;
  font-size:13px;font-family:inherit;text-decoration:none;letter-spacing:1px;
  cursor:pointer;transition:all 0.3s;
  box-shadow:0 4px 12px rgba(255,75,57,0.25)}
.top-nav .top-entry:hover{color:#fff;border-color:#E53E2F;
  transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,75,57,0.35)}

/* 已登录：只显示用户名 + 下拉箭头（点击弹出账号菜单：设置/反馈/商务合作/退出登录）
   注意：Auth.updateUI 把 display 置为 ''，这里必须给出 display:flex 才不会退回 inline */
.top-nav .auth-user-info{display:flex;align-items:center;gap:6px;cursor:pointer;
  color:var(--text,#1a1a1a);text-decoration:none;transition:color 0.2s}
.top-nav .auth-user-info:hover{color:#FF4B39}
.top-nav .auth-user-info .um-caret{width:12px;height:12px;stroke:currentColor;fill:none;
  stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0.6;flex-shrink:0}

/* 响应式 */
@media(max-width:600px){
  .top-nav{top:14px;right:16px;gap:8px}
  .top-nav .top-entry{padding:7px 18px;font-size:12px}
}