.language-menu{position:relative;flex-shrink:0;border:0;margin:0;z-index:30}.language-menu summary{font-size:13px;padding:9px 11px;border:1px solid currentColor;border-radius:7px;gap:7px;min-height:42px;white-space:nowrap}.language-menu summary>span{font-size:12px}.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:210px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 25px -12px #101a3040}.language-options a{display:block;font-size:14px;line-height:1.5;padding:11px 13px;text-decoration:none;border-radius:5px}.language-options a:hover,.language-options a[aria-current=page]{background:#dce8fc}.nav-wrap{gap:18px}.header nav{gap:23px}.header nav a{white-space:nowrap}html:not([lang=en]) h1{overflow-wrap:anywhere;hyphens:auto}html[lang^=zh] body{font-family:Outfit,"PingFang SC","PingFang TC","Microsoft YaHei",sans-serif}html[lang^=zh] h1,html[lang^=zh] h2{letter-spacing:-.02em}html:not([lang=en]) .hero h1 em{font-size:clamp(25px,3vw,48px)}
@media(max-width:1200px){.header{height:100px}.header nav{display:none;position:absolute;top:100px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);color:var(--ink);padding:15px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 16px 25px -18px #0005}.header nav.open{display:flex}.header nav a{padding:13px 0;white-space:normal}.header .github-link{margin-top:12px;text-align:center}.menu-button{display:block;padding:9px 14px;border:1px solid currentColor;border-radius:5px;background:none;color:inherit;font-size:13px;margin-inline-start:auto}.language-menu{order:2}.language-menu summary{max-width:180px;overflow:hidden;text-overflow:ellipsis}.header nav a[aria-current=page]::after{bottom:8px}}
@media(max-width:700px){.nav-wrap{gap:10px;padding-inline:16px}.brand{font-size:17px;gap:8px}.brand>svg{width:26px}.brand-guide{font-size:11px}.menu-button{padding:9px 10px;font-size:12px}.language-menu summary{padding:9px 8px;max-width:104px;font-size:12px}.language-menu summary>span{display:none}.page-head h1{font-size:clamp(36px,10vw,49px)}.hero h1{font-size:clamp(42px,12vw,57px)}.blog-article-head h1{font-size:clamp(34px,10vw,41px)}.article-heading h1{font-size:clamp(35px,10vw,46px)}.device-form{grid-template-columns:minmax(0,1fr) minmax(110px,auto)}.filter-chips button{min-height:36px}.result-links a{padding-block:5px}.language-options{width:210px}.header{height:82px}.header nav{top:82px}}