/* Avatar popover and private workspace, borrowing the familiar Bilibili account hierarchy. */
header .account-user{position:relative;display:block;max-width:none}
header .account-user[hidden]{display:none}
header .account-menu-trigger{display:flex;align-items:center;gap:8px;height:38px;min-height:38px;max-width:190px;padding:0 4px;border:0;background:transparent;color:#dce7f0;font:inherit;font-size:12px;border-radius:20px}
.account-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #728d9b;border-radius:50%;background:linear-gradient(145deg,#335b6a,#172b39);color:#e8f4fa;font-size:14px;font-weight:650;line-height:1}
.account-menu-trigger>svg{width:14px;height:14px;fill:none;stroke:#91a8bc;stroke-width:1.5;transition:transform .16s}
.account-menu-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
header .account-name{max-width:110px}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;width:258px;padding:14px 10px 8px;border:1px solid #364b5d;border-radius:12px;background:#13212e;box-shadow:0 12px 40px #0007;z-index:100;text-align:left}
.account-menu[hidden]{display:none}
.account-menu-profile{display:flex;gap:12px;align-items:center;padding:6px 8px 16px;border-bottom:1px solid #2e4152;margin-bottom:6px}
.account-menu-profile .account-avatar{width:44px;height:44px;font-size:20px}
.account-menu-profile>div{min-width:0}.account-menu-profile strong{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;color:#f1f5f8;font-size:14px}.account-menu-profile small{display:block;color:#839daf;font-size:10px;margin-top:4px}
header .account-menu>button,header .account-menu #accountLogout{display:flex;align-items:center;gap:12px;width:100%;height:44px;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#cad8e4;font:inherit;font-size:13px;text-align:left;white-space:nowrap}
header .account-menu>button:hover,header .account-menu>button:focus-visible{background:#203748;color:#f2f8ff}
.account-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;font-size:21px;font-family:'Segoe UI Symbol','Segoe UI',sans-serif;color:#98b8ca}.account-menu i{font-size:20px;margin-left:auto;color:#7190a7;font-style:normal}.account-menu-divider{height:1px;background:#2e4152;margin:6px 8px}
.ac-center{width:min(1020px,calc(100vw - 32px));height:min(740px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);padding:0;overflow:hidden;border:1px solid #395165;border-radius:14px;background:#101d29;box-shadow:0 28px 90px #000a;color:#dce8f2}
.ac-top{height:58px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3e4e}.ac-top h2{font-size:16px;margin:0}.ac-close{border:0;background:transparent;color:#92aabd;font-size:27px;width:36px;height:36px;border-radius:7px}.ac-close:hover{background:#273c4d;color:white}
.ac-layout{display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100% - 58px)}
.ac-sidebar{display:flex;flex-direction:column;padding:24px 12px 18px;background:#142431;border-right:1px solid #2a3e4e;min-width:0}
.ac-identity{text-align:center;margin:0 0 25px}.ac-identity .account-avatar{width:56px;height:56px;font-size:25px}.ac-identity strong{display:block;overflow-wrap:anywhere;font-size:14px;margin:10px 0 3px}.ac-identity small{color:#7695a8;font-size:10px;letter-spacing:1px}
.ac-sidebar nav{display:flex;flex-direction:column;gap:7px}.ac-sidebar nav button{border:0;border-radius:7px;background:transparent;color:#a7bdce;padding:12px 16px;text-align:left;font:inherit;font-size:13px}.ac-sidebar nav button:hover{background:#1e3546}.ac-sidebar nav button[aria-current=true]{background:#284a60;color:#edf8ff}.ac-manage{margin-top:auto;padding:16px 8px 0;color:#86adc5;font-size:11px;line-height:1.6}
.ac-main{overflow:auto;padding:27px 28px 24px;min-width:0;scrollbar-width:thin;scrollbar-color:#405b70 transparent}.ac-main-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ac-main h3{font-size:21px;margin:0 0 5px}.ac-main-heading p{font-size:11px;line-height:1.7;color:#8da8ba;margin:0}.ac-main-heading #acActions{display:flex;gap:8px;flex-shrink:0}.ac-main .quiet{height:32px;min-height:32px;padding:0 10px;font-size:11px}.ac-main .ac-clear{color:#c2a4a9}
.ac-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;padding-bottom:14px;border-bottom:1px solid #2a3e4e}.ac-toolbar[hidden]{display:none}.ac-kinds{display:flex;gap:6px;flex-wrap:wrap}.ac-kinds button{border:0;border-radius:5px;padding:6px 11px;background:transparent;color:#92adbf;font:inherit;font-size:12px}.ac-kinds button[aria-pressed=true]{background:#284a60;color:#e1f6ff}.ac-kinds button:hover{background:#203b4f}.ac-toolbar input{width:200px;height:33px;margin:0;padding:0 10px;border-radius:6px;font-size:11px}
.ac-status{font-size:11px;color:#e7c188;padding:8px 0;margin:0}.ac-status[hidden]{display:none}.ac-loading{padding:60px 10px;text-align:center;font-size:12px;color:#8da7bc}.ac-empty{padding:48px 14px;text-align:center;color:#91a9bd}.ac-empty-mark{display:block;font-size:44px;line-height:1.3;color:#55768d;margin-bottom:12px}.ac-empty strong{display:block;color:#b8ccdb;font-size:14px}.ac-empty p{font-size:11px;line-height:1.8}.ac-day{font-size:12px;color:#93b3c9;font-weight:500;margin:22px 0 5px}.ac-day:first-child{margin-top:8px}
.ac-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #233847;padding:13px 0}.ac-row-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.ac-row-link:hover strong{color:#93d7ee}.ac-thumb{display:flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;height:60px;border-radius:6px;background:#1e3546;color:#92b8ce;font-size:20px;overflow:hidden}.ac-thumb img{width:100%;height:100%;object-fit:cover}.ac-crosshair{background:radial-gradient(circle,#29404e,#0c1923);font-size:28px}.ac-crosshair-light{background:#b6c6cf}.ac-crosshair svg{width:84px;height:56px;shape-rendering:crispEdges}.ac-row-text{display:block;min-width:0;flex:1}.ac-row-text strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.6;font-weight:550;color:#d8e7f0;overflow-wrap:anywhere}.ac-row-text small,.ac-row-text time{display:block;font-size:10px;color:#7f9bb0;margin-top:4px;line-height:1.5}.ac-row-remove{font:inherit;font-size:10px;color:#88a3b7;border:0;background:transparent;padding:6px;white-space:nowrap;border-radius:5px}.ac-row-remove:hover{color:#e8b3ba;background:#392c38}.ac-more{display:block;margin:20px auto 0}.ac-more[hidden]{display:none}
.ac-settings{max-width:520px;margin-top:24px}.ac-setting-group{border-bottom:1px solid #2a3e4e;padding-bottom:22px;margin-bottom:22px}.ac-setting-group h4{font-size:13px;margin:0 0 18px;color:#cae1f1}.ac-setting-group label{color:#a6c0d3;font-size:11px;margin:0 0 7px}.ac-setting-group input:not([type=checkbox]),.ac-setting-group select{max-width:320px;height:37px;margin-bottom:5px;font-size:12px}.ac-setting-group p{font-size:10px;color:#7896ac;line-height:1.8;margin:5px 0 0}.ac-setting-group .ac-toggle{display:flex;align-items:flex-start;gap:11px;margin:23px 0 0;cursor:pointer;font-size:12px;color:#d1e2ef}.ac-toggle input{width:16px;height:16px;min-height:16px;accent-color:#7cb8d0;margin:3px 0 0}.ac-toggle small{display:block;font-size:10px;color:#8ca6b9;margin-top:5px;line-height:1.7}.ac-setting-footer{display:flex;align-items:center;gap:12px}.ac-primary{border:1px solid #8ec9e2;background:#81bad2;border-radius:6px;color:#102633;padding:9px 17px;font:inherit;font-size:12px;font-weight:600}.ac-primary:hover{background:#a3d8ed}#acSaved{font-size:11px;color:#91d6bb}.ac-confirm{padding:36px 20px;background:#152837;border:1px solid #314d60;border-radius:8px;margin-top:20px}.ac-confirm strong{font-size:15px}.ac-confirm p{font-size:12px;line-height:1.8;color:#9fb6c7}.ac-confirm button{margin:12px 10px 0 0}
@media(max-width:650px){header .account-menu-trigger{height:36px;min-height:36px;gap:6px;max-width:150px}header .account-name{max-width:80px}.account-menu{width:244px;right:0}.ac-center{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:10px}.ac-top{height:48px;padding:0 13px}.ac-layout{height:calc(100% - 48px);display:flex;flex-direction:column}.ac-sidebar{flex:none;display:block;border-right:0;border-bottom:1px solid #2a3e4e;padding:8px}.ac-identity,.ac-manage{display:none}.ac-sidebar nav{flex-direction:row;gap:5px}.ac-sidebar nav button{flex:1;text-align:center;padding:10px 4px;font-size:12px}.ac-main{padding:19px 13px;flex:1;min-height:0}.ac-main h3{font-size:19px}.ac-main-heading{flex-wrap:wrap;gap:10px}.ac-main-heading #acActions{margin-left:auto}.ac-toolbar{flex-wrap:wrap;margin-top:16px;gap:12px}.ac-toolbar input{width:100%;height:35px}.ac-kinds{gap:4px}.ac-kinds button{padding:6px 10px;font-size:11px}.ac-thumb{flex-basis:76px;width:76px;height:49px}.ac-row-link{gap:10px}.ac-row{gap:5px}.ac-row-text strong{font-size:11px}.ac-row-remove{font-size:9px;padding:5px 2px}.ac-row-text small,.ac-row-text time{font-size:9px}.ac-settings{margin-top:20px}}
.ac-profile-link{display:inline-block;color:#94bfd6;font-size:11px;margin-top:10px}