
/* Own-logo motion, a single slogan, and no visible demonstration controls. */
#about.lf-logo-playground {
 --lp-paper:#ffffff;--lp-ink:#000000;--lp-muted:#747474;--lp-orange:#ff7417;--lp-play:1;
 box-sizing:border-box;position:relative;isolation:isolate;display:flex;flex-direction:column;
 align-items:stretch;justify-content:center;gap:0;width:100%;max-width:none;
 min-height:780px;min-height:max(680px,100svh);
 padding:clamp(108px,10.5vh,148px) clamp(24px,6.8vw,110px) 66px;
 background:var(--lp-paper);color:var(--lp-ink);overflow:clip;
 font-family:var(--lf-body,Arial,"PingFang SC","Microsoft YaHei",sans-serif);
}
#about.lf-logo-playground *{box-sizing:border-box;}
#about .lp-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#about .lp-main{display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;min-width:0;padding:20px 0 26px;}
#about .lp-stage{width:calc(100% + 34px);max-width:1450px;flex:none;position:relative;isolation:isolate;aspect-ratio:1600 / 710;}
#about .lp-art{display:block;width:100%;height:auto;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}
#about .lp-glyph{cursor:grab;outline:none;touch-action:pan-y;}
#about .lp-glyph[data-dragging="true"]{cursor:grabbing;}
#about .lp-hit{fill:transparent;stroke:transparent;stroke-width:2.5;pointer-events:all;}
#about .lp-model{pointer-events:none;}
#about .lp-glyph:focus-visible .lp-hit{stroke:#ff9b4b;stroke-dasharray:5 10;}
#about .lp-play,#about .lp-face{opacity:var(--lp-play);}
#about .lp-original{opacity:calc(1 - var(--lp-play));}
#about .lp-rim{fill:none;stroke:#fff6e9;stroke-width:3.4;stroke-linejoin:round;}
#about .lp-title{font-family:"Lingfei Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:900;font-size:215px;letter-spacing:-.065em;}
#about .lp-slogan{cursor:pointer;outline:none;touch-action:pan-y;}
#about .lp-slogan-hit{fill:transparent;pointer-events:all;}
#about .lp-slogan-text,#about .lp-slogan-period{pointer-events:none;}
#about .lp-slogan-frame{opacity:0;pointer-events:none;transition:opacity .24s ease;fill:none;stroke:#b69ad8;stroke-width:1.5;}
#about .lp-slogan-frame .lp-corner{fill:var(--lp-paper);}
#about[data-logo-mode="original"] .lp-slogan-frame,
#about .lp-slogan:focus-visible .lp-slogan-frame{opacity:1;}
@media(min-width:1800px){#about .lp-stage{max-width:1560px;}}
@media(max-width:960px){
 #about.lf-logo-playground{min-height:max(600px,94svh);padding:104px 26px 46px;}
 #about .lp-stage{width:calc(100% + 24px);max-width:none;}
 #about .lp-main{padding:16px 0 26px;}
}
@media(max-width:560px){
 #about.lf-logo-playground{min-height:max(500px,89svh);padding:96px 20px 44px;}
 #about .lp-main{min-height:270px;}
 #about .lp-stage{width:calc(100% + 30px);}
 #about .lp-title{font-size:215px;}
}
@media(max-width:360px){#about.lf-logo-playground{padding-inline:16px;}}
@media(min-width:961px) and (max-height:760px){#about.lf-logo-playground{min-height:640px;padding-top:100px;padding-bottom:30px;}#about .lp-stage{max-width:1120px;}#about .lp-main{padding:8px 0 20px;}}
@media(prefers-reduced-motion:reduce){#about.lf-logo-playground *,#about.lf-logo-playground *::before,#about.lf-logo-playground *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
