html{scroll-padding-top:72px}.hemo-header{position:sticky;top:0;z-index:30;line-height:1.5;background:var(--c-header-bg);border-bottom:var(--line-1) solid var(--c-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hemo-header-inner{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-6)}.hemo-lockup{display:inline-flex;flex:none;align-items:center;gap:var(--space-1);color:var(--c-ink);text-decoration:none;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--heading-tracking);line-height:1}.hemo-box{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-2);border-radius:var(--radius-control);background:var(--c-brand);color:var(--c-on-brand)}.hemo-where{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--c-ink-soft);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap}.hemo-where:before{content:"";width:var(--line-1);height:18px;background:var(--c-line-strong)}.hemo-nav{display:flex;align-items:center;min-width:0;margin-left:auto;font-size:var(--text-sm)}.hemo-account{position:relative;min-width:0}.hemo-account-button{display:inline-flex;align-items:center;gap:var(--space-2);max-width:12em;min-height:var(--control-h-compact);padding:0 var(--space-3);margin-right:calc(-1 * var(--space-3));border:0;border-radius:var(--radius-control);background:none;color:var(--c-ink);font:inherit;font-weight:var(--weight-medium);cursor:pointer}.hemo-account-button:after{content:"";flex:none;border-top:5px solid var(--c-muted);border-right:4px solid transparent;border-left:4px solid transparent}.hemo-account.is-open .hemo-account-button{background:var(--c-brand-soft)}.hemo-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hemo-user:empty:before{content:"账号"}.hemo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hemo-account-menu{position:absolute;top:calc(100% + var(--space-2));right:calc(-1 * var(--space-3));z-index:1;display:none;min-width:148px;padding:var(--space-1);background:var(--c-surface);border:var(--line-1) solid var(--c-line);border-radius:var(--radius-card);box-shadow:var(--shadow-float)}.hemo-account-menu:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:var(--space-3)}.hemo-account.is-open .hemo-account-menu{display:grid}.hemo-account-item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-control);background:none;color:var(--c-ink);font:inherit;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.hemo-account-item[aria-current=page]{color:var(--c-brand);font-weight:var(--weight-medium)}.hemo-account-item:disabled{opacity:.5;cursor:not-allowed}.hemo-logout{color:var(--c-negative)}.hemo-account-item+.hemo-logout{margin-top:var(--space-1);border-top:var(--line-1) solid var(--c-line)}@media(hover:hover)and (pointer:fine){.hemo-lockup:hover{color:var(--c-brand)}.hemo-account-button:hover{background:var(--c-brand-soft)}.hemo-account:hover .hemo-account-menu{display:grid}.hemo-account-item:not(:disabled):hover{background:var(--c-brand-soft);color:var(--c-brand)}.hemo-logout:not(:disabled):hover{background:var(--c-negative-soft);color:var(--c-negative)}[data-theme=retro] .hemo-account-item:not(:disabled):hover{background:var(--c-select-bg);color:var(--c-select-ink)}}.hemo-account.is-dismissed .hemo-account-menu{display:none}.hemo-lockup:focus-visible,.hemo-account-button:focus-visible,.hemo-account-item:focus-visible{outline:var(--line-2) solid var(--c-focus);outline-offset:var(--line-2)}@media(max-width:640px){.hemo-header-inner{gap:var(--space-2);padding:0 var(--space-4)}.hemo-lockup{font-size:var(--text-base)}.hemo-box{height:24px}.hemo-where{gap:var(--space-2);font-size:var(--text-sm)}.hemo-account-button{max-width:8em}}[data-theme=retro] .hemo-header{border-bottom-width:var(--line-2)}[data-theme=retro] .hemo-account-menu{background:var(--c-bevel-face);border-color:var(--c-line-strong);box-shadow:inset -1px -1px var(--c-bevel-dark),inset 1px 1px var(--c-bevel-light),inset -2px -2px var(--c-bevel-shadow),inset 2px 2px var(--c-bevel-highlight)}