.site-header{z-index:var(--z-header);background:var(--color-bg);border-bottom:2px solid var(--color-text);position:relative}.clap{height:calc(20 * var(--u));border-bottom:1px solid var(--color-line);background:repeating-linear-gradient(135deg,var(--color-text) 0 calc(16 * var(--u)),var(--color-bg) calc(16 * var(--u)) calc(32 * var(--u)))}.bar{min-height:calc(59 * var(--u));align-items:center;display:flex;position:relative}.logo{min-height:var(--tap-min);color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.bar .logo{margin-right:min(calc(48 * var(--u)),3.75vw)}.logo-word{font:400 calc(36 * var(--u))/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;padding-top:calc(7 * var(--u))}.nav{gap:min(calc(40 * var(--u)),3.125vw);margin:0;padding:0;list-style:none;display:flex}.nav a{min-height:var(--tap-min);padding-top:calc(3 * var(--u));font:500 calc(16 * var(--u))/1 var(--font-sans);white-space:nowrap;color:var(--color-text);text-underline-offset:6px;align-items:center;font-stretch:87.5%;text-decoration:none;text-decoration-thickness:2px;display:flex}.nav a:hover,.nav a[aria-current]{text-decoration-line:underline}.hsearch{align-items:center;gap:calc(13 * var(--u));width:min(calc(282 * var(--u)),22.03vw);min-width:0;height:calc(32 * var(--u));margin-left:min(calc(55 * var(--u)),4.3vw);padding:0 calc(10 * var(--u));border:1px solid var(--color-text);background:var(--color-surface);color:var(--color-text);display:flex}.hsearch svg{width:calc(16 * var(--u));height:calc(16 * var(--u));flex:none}.hsearch input{min-width:0;height:100%;color:inherit;font:500 calc(15 * var(--u))/1 var(--font-sans);background:0 0;border:0;outline:none;flex:1;padding:0;font-stretch:87.5%}.hsearch input::-webkit-search-cancel-button{display:none}.hsearch:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.header-tools{flex:none;align-items:center;gap:16px;margin-inline-start:auto;padding-inline-start:16px;display:flex}.lang-switch{gap:calc(10 * var(--u));font:700 calc(12 * var(--u))/1 var(--font-sans);letter-spacing:.06em;font-stretch:87.5%;display:flex}.lang-switch a{min-height:var(--tap-min);color:var(--color-text-muted);align-items:center;text-decoration:none;display:inline-flex}.lang-switch a:hover{color:var(--color-text)}.lang-switch a[aria-current]{color:var(--color-text);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.header-tools .header-account{--b-bg:transparent;--b-fg:var(--color-text);--b-bd:transparent;min-height:var(--tap-min);padding:calc(3 * var(--u)) 0 0;font:500 calc(16 * var(--u))/1 var(--font-sans);white-space:nowrap;font-stretch:87.5%}.header-tools .header-account:hover{--b-bg:transparent;--b-fg:var(--color-text);--b-bd:transparent;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.menu-btn{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-text);color:var(--color-text);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:none}.menu-btn[aria-expanded=true]{background:var(--color-text);color:var(--color-bg)}.menu-btn span,.theme-toggle span{display:inline-flex}.menu-btn svg,.theme-toggle svg{flex:none;width:18px;height:18px}.menu-btn[aria-expanded=false] .menu-close-icon,.menu-btn[aria-expanded=true] .menu-open-icon,#theme-toggle[aria-pressed=false] .theme-sun,#theme-toggle[aria-pressed=true] .theme-moon{display:none}.header-menu{color:var(--color-text);font-size:var(--text-sm);position:relative}.header-menu>summary{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-weight:500;list-style:none;display:flex}.header-menu>summary::-webkit-details-marker{display:none}.header-menu>summary::marker{content:""}.header-menu>summary:hover,.header-menu[open]>summary{background:var(--color-surface-2)}.header-menu svg{flex:none;width:18px;height:18px}.header-menu .header-popup{inset-inline-end:0;z-index:30;background:var(--color-surface);border:1px solid var(--color-text);width:264px;padding:6px;position:absolute;top:calc(100% + 12px)}.header-menu:not([open])>.header-popup{display:none}.header-menu-item{width:100%;min-height:44px;color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:11px 12px;text-decoration:none;display:flex}.header-menu-item:hover,.header-menu-item[aria-current]{background:var(--color-surface-2)}.header-menu-item svg{color:var(--color-text-muted)}.header-menu-item:disabled{cursor:wait;opacity:.6}.account-menu>summary{border-radius:50%;width:44px;height:44px;padding:4px}.account-avatar{background:var(--color-surface-2);width:34px;height:34px;color:var(--color-text);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:600;display:inline-grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.header-identity{padding:14px 12px}.header-person{align-items:center;gap:12px;display:flex}.header-person>div{min-width:0}.header-person strong{overflow-wrap:anywhere;font-weight:600;display:block}.header-person span:not(.account-avatar){color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.header-plan{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:12px;display:flex}.account-plan-badge{color:var(--color-text);border:1px solid var(--color-text);font:700 11px/1.6 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;display:inline-block}.header-menu-group{border-top:1px solid var(--color-line);margin-top:5px;padding-top:5px}.header-menu-error{color:var(--color-danger);padding:6px 12px;font-size:12px;line-height:1.6}@media (width<=1100px){.bar{flex-wrap:wrap;column-gap:16px;padding:7px 0 10px}.bar .logo{margin-right:auto}.header-tools{gap:16px;margin-inline-start:0;padding-inline-start:0}.menu-btn{display:inline-flex}.hsearch{flex:1 0 100%;order:3;width:auto;height:40px;margin:4px 0 0}html.js .nav-wrap{z-index:var(--z-header);background:var(--color-surface);border:1px solid var(--color-text);padding:var(--space-2) var(--space-4);border-top:0;display:none;position:absolute;top:100%;left:0;right:0}html.js .nav-wrap.open{display:block}html.js .nav{flex-direction:column;gap:0}html:not(.js) .nav-wrap{flex-basis:100%;order:4}html:not(.js) .nav{flex-wrap:wrap;gap:0 24px}html:not(.js) .menu-btn{display:none}.site-header .header-menu{position:static}.site-header .header-menu .header-popup{inset-inline-end:0;max-width:100%;top:100%}}@media (width<=400px){.bar{column-gap:6px}.header-tools{gap:6px}.logo-word{font-size:26px}.lang-switch{gap:6px}.header-tools .header-account{font-size:14px}}@media (width<=360px){.bar .logo-word{font-size:22px}}.site-footer{margin-top:var(--space-9);background:var(--footer-bg);color:var(--footer-fg);padding:var(--space-8) 0 var(--space-6);font-size:var(--text-sm)}.site-footer .wrap{gap:var(--space-5) var(--space-8);flex-wrap:wrap;justify-content:space-between;display:flex}.site-footer .lt{align-items:flex-start;gap:var(--space-3);max-width:46ch;color:var(--footer-muted);flex-direction:column;display:flex}.site-footer .logo{color:var(--footer-fg)}.site-footer .logo-word{font-size:30px}.site-footer .links{gap:var(--space-1) var(--space-5);flex-wrap:wrap;place-content:flex-start flex-end;align-items:center;max-width:560px;display:flex}.site-footer a{color:var(--footer-fg);min-height:var(--tap-min);min-width:var(--tap-min);align-items:center;text-decoration:none;display:inline-flex}.site-footer .links a:hover{text-underline-offset:4px;text-decoration:underline}.site-footer .links>span{text-align:right;color:var(--footer-muted);border-top:1px solid var(--footer-line);padding-top:var(--space-4);margin-top:var(--space-2);flex-basis:100%}.site-footer :focus-visible{outline-color:var(--footer-fg);box-shadow:0 0 0 6px var(--footer-bg)}.theme-toggle{width:var(--tap-min);height:var(--tap-min);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-2)}html:not(.js) #theme-toggle{display:none}@media (width<=760px){.site-footer .links{justify-content:flex-start}.site-footer .links>span{text-align:left}}html[lang=zh-CN] :is(.lang-switch,.theme-toggle){letter-spacing:.02em}
