/* 前台导航：账号头像 / 昵称入口放进侧栏；赛程标签内的「列表 / 赛程图」切换。
   只作用于 .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}
  /* The list item, rather than its child button, is the horizontal flex item. */
  .site-front .tournament-list>li{flex:0 0 auto;max-width:78vw;min-width:0}
  .site-front .tournament-list .tournament-item__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ---- 标签内视图切换（赛程：列表 / 赛程图） ---- */
.site-front .view-switch{display:inline-flex;gap:2px;margin:0 0 20px;padding:4px;border:1px solid rgba(164,184,214,.14);border-radius:11px;background:var(--surface-inset)}
.site-front .view-switch__item{min-height:36px;padding:6px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font-size:13.5px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
.site-front .view-switch__item.is-active{border-color:#876231;background:#3b2d1e;color:#ffd18a;cursor:default}
.site-front .view-switch__item:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.site-front .view-switch__item:not(.is-active):active{transform:scale(.97)}
@media(hover:hover){.site-front .view-switch__item:not(.is-active):hover{color:var(--text);background:rgba(164,184,214,.07)}}
@media(max-width:620px){
  .site-front .view-switch{display:flex;width:100%}
  .site-front .view-switch__item{flex:1 1 0}
}