#app {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* 占满整个屏幕 */
transition: height 2s ease-in-out;
-webkit-font-smoothing: antialiased;
/**字体更平滑、细腻*/
-moz-osx-font-smoothing: grayscale;
/**字体灰度抗锯齿*/
text-rendering: optimizeLegibility;
font-synthesis: none;
color: #ffffff;
max-width: 486px;
margin: 0 auto;
}
.x-load-box {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #04534a;
}
.loader {
width: fit-content;
font-size: 40px;
font-family: system-ui, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #0000;
-webkit-text-stroke: 1px #fdd880;
background: linear-gradient(90deg, #ffd140, #a7d129, #2e7d32) 0/0% 100% no-repeat text;
animation: l1 1s linear infinite;
}
.loader:before {
content: 'a1868';
}
@keyframes l1 {
to {
background-size: 120% 100%;
}
}
/* push重写 */
.mt_webpush_preivew .preview-inner .bg {
max-width: 486px !important;
transform: translate(-50%, 0%) !important;
left: 50% !important;
}