body,html{margin:0;width:100%;height:100%;overflow:hidden}#bg-layer{position:fixed;inset:0;background-image:radial-gradient(circle at center,transparent 0,transparent 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.8) 100%),url(../img/gmxy_bg.377c1d58.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(1px);transform:scale(1.05);z-index:-2;background-color:#000}#viewport{width:100vw;height:100vh;perspective:800px;position:relative;transform-style:preserve-3d;z-index:1}.img-card{position:absolute;width:240px;height:160px;left:50%;top:50%;margin-left:-120px;margin-top:-80px;background-size:cover;background-position:50%;border:1px solid rgba(0,255,255,.45);box-shadow:0 0 15px rgba(0,255,255,.25);border-radius:4px;will-change:transform,opacity,filter;transition:box-shadow .3s}.img-card:hover{box-shadow:0 0 30px rgba(0,255,255,.7);border-color:#fff;cursor:pointer}.letter-page{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.loading-mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;font-family:PingFang SC;font-size:20px;color:#fff;background:rgba(0,0,0,.35)}