@font-face{font-family:Site Display;src:url('/portal-assets/fonts/site-display-20261024.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--display:"Site Display","Microsoft YaHei",sans-serif}
h1,h2,h3,.hero-title{font-family:var(--display)}
.hero h1#page-title{font-family:"Site Display",sans-serif}
/* Use one coherent local typeface per script, avoiding mixed CJK title glyphs. */
html[lang="zh-Hant"]{--display:"Microsoft JhengHei","PingFang TC",sans-serif;--sans:"Microsoft JhengHei","PingFang TC",sans-serif}
html[lang="ja"]{--display:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--sans:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
html[lang="ko"]{--display:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;--sans:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
html[lang="en"]{--sans:"Segoe UI",Arial,sans-serif}
.header,.site-header{position:relative;z-index:50}
.site-header{position:sticky}
.language-menu{position:relative;flex-shrink:0;font:11px/1.5 var(--sans);color:var(--ink);z-index:60;margin-left:16px}
.language-menu>summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:7px;padding:7px 10px;white-space:nowrap;display:flex;gap:7px;align-items:center;min-height:34px}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary::after{content:'⌄';margin-left:4px;color:var(--muted)}
.language-menu>nav{position:absolute;right:0;top:calc(100% + 9px);display:flex;flex-direction:column;gap:0!important;margin:0!important;min-width:150px;padding:6px;background:var(--paper,#f3f3ef);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 35px #0002}
.language-menu>nav>a{display:block;padding:10px 13px!important;border-radius:5px;font-size:12px;white-space:nowrap}
.language-menu>nav>a:hover,.language-menu>nav>a[aria-current]{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--accent,var(--blue))}
.language-menu>summary:focus-visible,.language-menu>nav>a:focus-visible{outline:2px solid var(--accent,var(--blue));outline-offset:3px}
.screenshots-section,.changelog-section{padding-block:70px;border-top:1px solid var(--line)}
.page-links{display:flex;gap:27px;padding-block:24px;font-size:12px;color:var(--accent)}
@media(max-width:640px){.site-header{column-gap:8px!important}.site-header>nav{gap:12px!important;font-size:10px!important}.site-header .theme-toggle{padding:6px 8px;font-size:10px;gap:5px}.site-header .language-menu{margin-left:auto!important}.language-menu>summary{padding:6px 7px;gap:5px;min-height:31px}.language-label{font-size:0}.language-label::before{content:attr(data-short);font-size:10px}.language-menu>summary::after{margin-left:0}}
.screenshots-section h2,.changelog-section h2{font-size:42px}
.section-description{font-size:13px;color:var(--muted);line-height:1.9;margin:-5px 0 28px}
.screenshot-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.screenshot-gallery figure{min-width:0;margin:0}
.screenshot-gallery figure:first-child{grid-column:1/-1}
.screenshot-gallery img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#11111b;box-shadow:0 14px 35px #0000000b}
.screenshot-gallery figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.8;padding-top:14px}
.screenshot-gallery figcaption>a{font-size:10px;color:var(--muted)}
.release-date{font:11px/1.8 var(--sans);color:var(--muted);text-align:right}
.release-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 32px}
.release-intro>strong{font-family:var(--display);font-weight:400;font-size:33px}
.release-intro>strong>span{font:10px var(--mono);vertical-align:middle;margin-left:10px;border:1px solid var(--line);padding:4px 7px;border-radius:4px}
.release-intro>span{font:11px var(--mono);color:var(--muted)}
.changelog-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.changelog-grid article{display:flex;gap:20px;border-top:1px solid var(--line);padding:25px 0}
.change-index{font:10px var(--mono);color:var(--accent);padding-top:5px}
.changelog-grid h3{font-size:23px;margin:0 0 12px;font-weight:400}
.changelog-grid p,.release-upgrade p{font-size:12px;color:var(--muted);line-height:2;margin:0}
.release-upgrade{border:1px solid var(--line);border-radius:9px;padding:22px 26px;margin-top:12px}
.release-upgrade h3{font-size:20px;font-weight:400;margin:0 0 9px}
.release-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-size:12px;color:var(--accent)}
html[lang="en"] .feature-copy h2{font-size:clamp(31px,3.2vw,46px);line-height:1.25}
html[lang="en"] .hero-title{font-size:34px;line-height:1.3}
html[lang="en"] .hero-description{max-width:29em}
html[lang="en"] .download-card .button{font-size:11px}
@media(max-width:1050px){.site-caption,.brand-caption{display:none}.site-header nav{gap:18px}.language-menu{margin-left:2px}.release-intro{align-items:flex-start}}
@media(max-width:640px){.header,.site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.header nav,.site-header>nav{gap:16px;margin-left:auto}.language-menu{margin-left:auto}.site-header .language-menu{margin-left:0}.screenshots-section,.changelog-section{padding-block:38px}.screenshots-section h2,.changelog-section h2{font-size:31px}.screenshot-gallery{grid-template-columns:1fr;gap:23px}.screenshot-gallery figure:first-child{grid-column:auto}.section-description{font-size:11px;margin-bottom:22px}.release-intro{display:block;padding:7px 0 23px}.release-intro>strong{font-size:28px;display:block;margin-bottom:14px}.changelog-grid{grid-template-columns:1fr}.changelog-grid article{padding:22px 0}.release-date{font-size:9px;max-width:11em}.changelog-grid h3{font-size:22px}.release-upgrade{padding:20px}.screenshot-gallery figcaption{font-size:11px}html[lang="en"] .hero-title{font-size:29px}html[lang="en"] .feature-copy h2{font-size:36px}.hero .eyebrow{flex-wrap:wrap}}
