/* ══════════════════════════════════════════════════════════════════════
   全站用户区 · userchip.css        2026-09-30
   ──────────────────────────────────────────────────────────────────────
   设计（老大定）：右上角**只留一个头像**；姓名 / 身份 / 退出 收进悬停面板。
   全站统一 —— 学员中心与官网所有页面共用同一套。

   依赖站点的设计变量（--bg2/--bg3/--line/--ink/--ink2/--gold/--red…）；
   每个都带内联回退值，所以 center.html（未引站点 CSS）也能直接用。
   ══════════════════════════════════════════════════════════════════════ */

.uchip{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}

/* ── 头像按钮 ── */
.uchip-av{
  width:34px;height:34px;padding:0;border-radius:50%;
  border:1px solid var(--line,#26262e);background:var(--bg3,#1b1b21);
  color:var(--ink,#e8e6e1);cursor:pointer;font:inherit;font-size:14px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  transition:border-color .2s,color .2s,background .2s;
  -webkit-tap-highlight-color:transparent;
}
.uchip-av:hover,.uchip:focus-within .uchip-av,.uchip.open .uchip-av{
  border-color:var(--gold,#c9a86a);color:var(--gold,#c9a86a);
}
.uchip-av.is-guest{color:var(--ink2,#9b98a3)}
.uchip-av.is-guest svg{width:17px;height:17px;display:block}

/* 登录后：字号随字数自适应（1 字 15px、2–3 字 12px，靠 JS 给 data-len） */
.uchip-av[data-len="1"]{font-size:15px;font-weight:600}
.uchip-av[data-len="2"],.uchip-av[data-len="3"]{font-size:12px;font-weight:600}
.uchip-av.is-staff{border-color:var(--red,#8e1c2b)}

/* ── 悬停面板 ── */
.uchip-panel{
  position:absolute;top:calc(100% + 10px);right:0;z-index:60;
  min-width:196px;padding:14px 16px;
  background:var(--bg2,#141418);border:1px solid var(--line,#26262e);border-radius:var(--r,6px);
  box-shadow:0 12px 32px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
  text-align:left;font-size:13px;line-height:1.6;
}
/* 面板与头像之间留一段"桥"，鼠标从头像移到面板不会因空隙而关闭 */
.uchip-panel::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.uchip:hover .uchip-panel,
.uchip:focus-within .uchip-panel,
.uchip.open .uchip-panel{opacity:1;visibility:visible;transform:translateY(0)}

.uchip-hd{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line,#26262e)}
.uchip-nm{display:block;color:var(--ink,#e8e6e1);font-weight:600;font-size:14px;word-break:break-all}
.uchip-rl{display:inline-block;margin-top:6px;padding:1px 8px;border-radius:2px;
  font-size:11px;letter-spacing:1px;
  border:1px solid var(--red,#8e1c2b);color:var(--red2,#a42337)}
.uchip-rl.is-student{border-color:var(--gold,#c9a86a);color:var(--gold,#c9a86a)}
.uchip-rl.is-guest{border-color:var(--line,#26262e);color:var(--ink3,#6d6a78)}
.uchip-tip{display:block;margin-top:8px;font-size:12px;color:var(--ink3,#6d6a78);line-height:1.5}

.uchip-menu{list-style:none;margin:0;padding:0}
.uchip-menu li{margin:0}
.uchip-menu a,.uchip-menu button{
  display:block;width:100%;padding:7px 0;border:none;background:none;
  color:var(--ink2,#9b98a3);font:inherit;font-size:13px;text-align:left;cursor:pointer;
  text-decoration:none;transition:color .15s;
}
.uchip-menu a:hover,.uchip-menu button:hover{color:var(--gold,#c9a86a)}
.uchip-menu .is-danger:hover{color:var(--red2,#a42337)}

/* 窄屏：面板贴右边缘不溢出 */
@media (max-width:480px){
  .uchip-panel{min-width:170px;right:-8px}
}

/* ══ 第二轮微调（2026-09-30，老大反馈「排版怪怪的」）══ UCHIP-ROUND2 */
/* 菜单项做成整行，hover 有底色，比原来纯文字好看 */
.uchip-menu{margin:0 -10px}
.uchip-menu a,.uchip-menu button{
  padding:8px 10px;border-radius:4px;width:100%;box-sizing:border-box;
}
.uchip-menu a:hover,.uchip-menu button:hover{background:var(--bg3,#1b1b21)}
/* 标签更轻：不要一圈重边框 */
.uchip-rl{padding:1px 7px;font-size:10.5px;letter-spacing:.5px;border-radius:3px}
.uchip-hd{margin-bottom:8px}
.uchip-nm{margin-top:7px}

/* ══ 导航当前页高亮（2026-09-30）══ nav-current */
.nav a.cur, .top-nav a.cur,
.nav a.active, .top-nav a.active { color: var(--gold, #c9a86a); font-weight: 600; }