/* 前台导航：账号头像 / 昵称入口放进侧栏；赛程标签内的「列表 / 赛程图」切换。
   只作用于 .site-front，加载在 frontend.css / account.css 之后。
   回滚：去掉 index.html 里这一行样式引用即可。 */

/* ---- 账号头像 + 昵称：侧栏底部（原来是悬浮在内容左下角的圆角按钮） ---- */
.site-front .sidebar{display:flex;flex-direction:column}
.site-front .side-account{margin-top:auto;padding-top:22px;min-width:0}
.site-front .side-account .acct-entry{position:static;width:100%;max-width:none;min-height:52px;padding:8px 14px 8px 8px;gap:12px;border-radius:12px;border:1px solid rgba(164,184,214,.14);background:rgba(17,26,38,.72);box-shadow:none;font-size:14px;text-align:left}
.site-front .side-account .acct-entry__ava{width:36px;height:36px}
.site-front .side-account .acct-entry #acctEntryTxt{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-front .side-account .acct-entry::after{content:"";flex:none;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.5;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s}
@media(hover:hover){
  .site-front .side-account .acct-entry:hover{border-color:#ac8244;background:#1e2834;transform:none}
  .site-front .side-account .acct-entry:hover::after{transform:translateX(2px) rotate(45deg);opacity:.9}
}
/* 窄屏：侧栏在内容上方，入口是一行，不再盖住比赛卡 */
@media(max-width:900px){
  .site-front .side-account{margin-top:0;padding-top:12px}
  .site-front .side-account .acct-entry{min-height:48px}
}