/* Reference header: 2.38325rem by .57971rem, 297:73 artwork.
   Keep Miaolian's square icon and live, accessible text. The text starts at
   x=96; its Chinese and Latin glyphs are fitted to the reference's text area.
   Scope scaling to the header so the page and footer retain their layout. */
.mlw-header{--mlw-brand-rem:clamp(37.26px,4.8515625vw,248.4px)}
.mlw-header .mlw-brand{position:relative;display:inline-block;flex:none;width:calc(var(--mlw-brand-rem)*2.38325);height:calc(var(--mlw-brand-rem)*.57971);gap:0;vertical-align:middle}
.mlw-header .mlw-brand .miaolian-brand-icon{position:absolute;left:0;top:0;width:calc(var(--mlw-brand-rem)*.57971);height:calc(var(--mlw-brand-rem)*.57971);border-radius:23%}
.mlw-header .mlw-brand strong{position:absolute;left:32.323232%;top:0;display:flex;align-items:center;width:67.676768%;height:100%;font-size:calc(var(--mlw-brand-rem)*.41726936);font-weight:500;letter-spacing:-.01em;line-height:1}
.mlw-header .mlw-brand-vpn{position:absolute;left:50.746269%;top:50%;margin:0;font-size:1.19230769em;line-height:1;letter-spacing:0;transform:translateY(-50%) scaleX(.7687);transform-origin:left center;vertical-align:baseline}
@media(min-width:769px) and (max-width:1023px){.mlw-header{--mlw-brand-rem:6.113vw}}
@media(max-width:768px){.mlw-header{--mlw-brand-rem:clamp(32px,10vw,76.8px)}}