/* 第一行按钮下移 6px，与下方页面入口留出 8px 空白。 */
.site-header{position:relative;padding-top:38px}
.account-menu{position:absolute;right:0;top:6px;display:flex;align-items:center;gap:8px;flex-shrink:0;z-index:25}
.account-toggle,.account-twinkle{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:24px;padding:2px 10px;border:0;border-radius:10px;background:transparent;color:var(--accent);font-size:11px;line-height:18px;letter-spacing:.25px;white-space:nowrap;text-decoration:none;transition:background .2s}
.account-toggle:hover,.account-toggle[aria-expanded=true],.account-twinkle:hover,.account-twinkle[aria-current=page]{background:var(--accent-soft)}
.account-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:240px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 30px #39302914;color:var(--ink)}
.account-popover strong{display:block;font-size:14px;overflow-wrap:anywhere}
.account-popover small{display:block;font-size:11px;color:var(--muted);margin:7px 0 12px;line-height:1.6}
.account-action{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:11px 0 4px;color:var(--accent);font-size:12px}
.invite-output{margin-top:12px}.invite-output input{width:100%;font-size:12px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--background)}
.account-locked>:not(.account-lock-notice){visibility:hidden!important;pointer-events:none!important}
.account-lock-notice{position:fixed;inset:35% 16px auto;text-align:center;padding:20px;color:var(--accent);background:var(--paper);border-radius:16px;z-index:100}
.login-body{min-height:100svh;display:grid;place-items:center;padding:28px 20px}
.login-card{width:min(100%,420px);padding:32px 36px 27px;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 20px 70px #39302908}
.login-card .brand{font-size:17px;letter-spacing:2px}.login-card .brand-mark{width:34px;height:34px}
.login-avatar{display:block;margin:27px auto 15px;border-radius:50%;object-fit:cover}
.login-card h1{text-align:center;font-size:24px;margin:0;line-height:1.5;letter-spacing:1px}
.login-english{color:var(--muted);text-align:center;font-size:12px;margin:10px 0 25px}
.login-tabs{display:flex;gap:6px;margin-bottom:23px;padding:4px;background:var(--background);border-radius:14px}
.login-tabs button{flex:1;border:0;padding:9px 5px;background:transparent;color:var(--muted);border-radius:10px;font-size:13px}
.login-tabs button[aria-selected=true]{background:var(--paper);color:var(--accent);box-shadow:0 2px 8px #39302908}
.login-card label{display:block;font-size:12px;margin:16px 0 8px;color:var(--muted)}
.login-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fffefa;font-size:14px}
.login-card #invite-field small{display:block;margin-top:8px;color:var(--muted);font-size:11px}
.login-card .primary-button{width:100%;margin-top:24px;padding:12px}
.login-status{font-size:12px;line-height:1.7;text-align:center;color:var(--muted);margin:17px 0 0;min-height:21px}.login-status.error{color:var(--danger)}
@media(max-width:480px){.login-card{padding:28px 24px}.login-card h1{font-size:22px}.account-popover{width:220px}}