/* ============================================================
 * 喵数据 · 账号入口（导航栏登录/注册按钮 + 账号条 + 登录弹窗）
 *
 * 设计约定：
 *   1. 首页正常展示全部内容，不做任何遮挡、不锁滚动 —— 登录/注册只是导航栏右侧两个功能按钮。
 *   2. 已登录时用 <html class="mm-logged"> 把按钮换成顶部账号条；
 *      判断放在 <head> 的内联脚本里同步执行，避免已登录用户先看到按钮再闪一下。
 *   3. 只在本文件里写样式，不侵入 style.css / home-v4.css。
 *   4. 视觉红线（沿用全站「去 AI 味」精修）：hover 只改颜色与阴影，不做位移、不加扫光/扫描线。
 * ============================================================ */

:root{
  --mm-line:#262a31;
  --mm-ink:#e8edf5;
  --mm-ink2:#a6b2c4;
  --mm-ink3:#6f7d92;
  --mm-brand:var(--brand,#007AFB);
  --mm-ice:#52DBFD;
}

/* 已登录 → 收起入口按钮，账号信息并入导航栏 logo 后（#mmInline，见下方） */
html.mm-logged .mm-entry{display:none !important}

/* ---------------- 导航栏右侧：登录 / 注册 ---------------- */
.mm-entry{display:flex;align-items:center;gap:8px;flex:none}

.mm-ebtn{
  display:inline-flex;align-items:center;gap:6px;
  font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;
  padding:9px 15px;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.mm-ebtn svg{width:15px;height:15px;flex:none}
.mm-ebtn:focus-visible{outline:2px solid var(--mm-ice);outline-offset:2px}
.mm-ebtn[disabled]{opacity:.55;cursor:not-allowed}

/* 登录：描边幽灵 */
.mm-ebtn-ghost{
  background:rgba(255,255,255,.02);
  border-color:var(--mm-line);
  color:var(--mm-ink2);
}
.mm-ebtn-ghost:hover{
  background:rgba(0,122,251,.10);
  border-color:var(--mm-brand);
  color:var(--mm-ice);
}

/* 注册：品牌实心 + 柔光 */
.mm-ebtn-solid{
  background:var(--mm-brand);
  border-color:transparent;
  color:#08111c;
  box-shadow:0 6px 18px -10px rgba(0,122,251,.9);
}
.mm-ebtn-solid:hover{
  background:#5aa4ec;
  box-shadow:0 8px 22px -10px rgba(0,122,251,1);
}

@media(max-width:1100px){
  .mm-ebtn{padding:8px 13px;font-size:12.5px}
}
@media(max-width:520px){
  .mm-entry{gap:6px}
  .mm-ebtn{padding:8px 11px}
  .mm-ebtn-ghost span{display:none}
  .mm-ebtn-ghost{padding:8px}
}

/* ---------------- 登录后账号信息（2026-09-27 改版） ----------------
   用户要求：昵称/会员等级/退出登录不再独占顶部一条，**并入导航栏、跟在喵数据 logo 后面**；
   旧 #mmBar 整条永久隐藏；导航栏 logo 下那条横线（.nav 的 border-bottom）也已从 style.css 去掉。 */
#mmBar{display:none !important}

/* 导航栏内嵌账号组：logo 右侧，紧凑一行 */
#mmInline{
  display:none;align-items:center;gap:9px;flex:none;
  padding-left:16px;margin-left:2px;margin-right:auto; /* nav-inner 是 space-between：把整组钉在 logo 侧，导航链接仍靠右 */
  border-left:0;font-size:12.5px;color:var(--mm-ink2);
  white-space:nowrap;
}
html.mm-logged #mmInline{display:inline-flex}
#mmInline .mm-who{
  font-weight:700;color:var(--mm-ink);font-size:13px;
  max-width:11em;overflow:hidden;text-overflow:ellipsis;
}
#mmInline .mm-plan{
  border:1px solid var(--mm-line);border-radius:999px;padding:2.5px 9px;
  font-size:11px;line-height:1.4;color:var(--mm-ink2);
}
#mmInline .mm-plan.mm-vip{border-color:var(--mm-brand);color:var(--mm-ice);background:rgba(0,122,251,.08)}
#mmInline a,#mmInline button{
  font:inherit;font-size:12px;color:var(--mm-ink2);background:none;border:0;cursor:pointer;
  text-decoration:none;padding:2px 4px;white-space:nowrap
}
#mmInline a:hover,#mmInline button:hover{color:var(--mm-ice)}

/* 窄屏：昵称与会员 chip 收紧，避免把导航挤换行 */
@media(max-width:1100px){
  #mmInline{gap:7px;padding-left:12px}
  #mmInline .mm-who{max-width:7em;font-size:12.5px}
  #mmInline .mm-plan{padding:2px 7px;font-size:10.5px}
}
/* 手机：390 宽放不下完整一组，只保留「昵称 + 退出登录」，会员状态去会员中心看 */
@media(max-width:760px){
  #mmInline{gap:6px;padding-left:10px}
  #mmInline .mm-who{max-width:5.5em;font-size:12px}
  #mmInline .mm-plan,#mmInline a{display:none}
  #mmInline button{font-size:11px;padding:2px 2px}
}