/* 工作台新旧版共用的账户菜单；保留入口、权限与用户自选头像。 */
#acct {
  --acct-paper:#faf8f5;
  --acct-border:#e8ddd3;
  --acct-ink:#4a4543;
  --acct-muted:#776e65;
  --acct-accent:#a64e32;
  --acct-tint:#f5e6d3;
  --acct-shadow:rgba(193,165,140,.18);
}
html[data-theme="dark"] #acct {
  --acct-paper:#2e2b27;
  --acct-border:#51483f;
  --acct-ink:#f2ede5;
  --acct-muted:#c3b8ab;
  --acct-accent:#e5a68b;
  --acct-tint:#47332a;
  --acct-shadow:rgba(16,14,12,.32);
}
#acct #acctTrigger {
  gap:8px;
  padding:4px;
  border:1px solid transparent;
  border-radius:24px;
  color:var(--acct-muted);
  transition:background .2s ease-out,border-color .2s ease-out;
}
#acct #acctTrigger:hover,
#acct #acctTrigger[aria-expanded="true"] { background:var(--acct-tint); border-color:var(--acct-border); }
#acct #acctAvatarSm { width:32px; height:32px; background:var(--acct-tint); color:var(--acct-accent); }
#acct .acct-caret { display:flex; color:var(--acct-muted); transition:transform .2s ease-out; }
#acct .acct-trigger[aria-expanded="true"] .acct-caret { transform:rotate(180deg); }
#acct #acctMenu {
  box-sizing:border-box;
  top:calc(100% + 12px);
  right:0;
  width:264px;
  max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 96px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--acct-border) transparent;
  padding:8px;
  border:1px solid var(--acct-border);
  border-radius:16px;
  background:var(--acct-paper);
  color:var(--acct-ink);
  box-shadow:0 4px 24px var(--acct-shadow);
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out;
}
#acct #acctMenu .acct-head { gap:12px; padding:16px 12px; margin:0 4px 8px; border-bottom:1px solid var(--acct-border); }
#acct #acctMenu .acct-head>div:last-child { flex:1; min-width:0; }
#acct #acctMenu .avatar.sm { width:40px; height:40px; background:var(--acct-tint); color:var(--acct-accent); border:1px solid var(--acct-border); font-size:18px; }
#acct #acctMenu .an { color:var(--acct-ink); font-size:15px; font-weight:600; line-height:1.5; }
#acct #acctMenu .ap { color:var(--acct-muted); font-size:12px; line-height:1.5; margin-top:2px; }
#acct #acctMenu :is(.an,.ap) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#acct #acctMenu>a,
#acct #acctMenu>button {
  box-sizing:border-box;
  gap:12px;
  width:100%;
  min-height:40px;
  padding:8px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--acct-ink);
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  text-align:left;
  text-decoration:none;
  transition:background .16s ease-out,color .16s ease-out;
}
#acct #acctMenu>a:hover,
#acct #acctMenu>button:hover { background:var(--acct-tint); color:var(--acct-accent); }
#acct #acctMenu>.current { background:var(--acct-tint); color:var(--acct-accent); font-weight:500; }
#acct #acctMenu>.current::after { color:var(--acct-accent); font-size:10px; font-weight:400; }
#acct #acctMenu .acct-icon { display:grid; place-items:center; flex:none; width:24px; height:24px; color:var(--acct-muted); }
#acct #acctMenu .acct-icon svg { display:block; width:18px; height:18px; }
#acct #acctMenu :is(a,button):is(:hover,.current) .acct-icon { color:var(--acct-accent); }
#acct #acctMenu .acct-label { min-width:0; width:auto; font-size:14px; text-align:left; }
#acct #acctMenu .acct-div { height:1px; margin:8px 16px; border:0; background:var(--acct-border); }
#acct #acctMenu>[hidden] { display:none!important; }
#acct #acctMenu>.studio-version-mobile { display:none; padding-left:48px; color:var(--acct-muted); font-size:12px; }
#acct :is(.acct-trigger,#acctMenu>a,#acctMenu>button):focus-visible { outline:2px solid var(--acct-accent); outline-offset:2px; }
@media(max-width:768px) {
  #acct #acctMenu>.studio-version-mobile { display:flex; }
  #acct #acctMenu>a,#acct #acctMenu>button { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  #acct #acctTrigger,#acct .acct-caret,#acct #acctMenu,#acct #acctMenu>a,#acct #acctMenu>button { transition:none; }
}