*{margin:0;padding:0;color:#333;box-sizing:border-box}html,body{width:100%;height:100%}#app{width:100%;height:100%;font-size:14px;font-weight:500;background:#e8e8e8;display:flex;box-shadow:inset 5px 5px 10px #a9a9aa77,inset -5px -5px 10px #ffffff7e;flex-direction:column;-webkit-font-smoothing:antialiased;font-family:\5fae\8f6f\96c5\9ed1}.wrapper{width:100%;flex:1;display:flex;margin-top:3vh;align-items:flex-start;justify-content:center}.content{width:90vw;height:85vh;position:relative;border-radius:30px;background:#e0e0e0;overflow:hidden;box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;display:flex}.content>div{flex:1}.title{margin-top:2vh;color:#333;width:100%;text-align:center}.form{padding-left:2vw;padding:2vh 2vw;overflow-y:auto;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;flex-direction:column}.form-header>button{margin:0 10px}.form-item{margin:1vh;padding:10px;width:23.3%;border:1px solid red;position:relative;border:2px solid #333}.form-content{flex:1;width:100%;overflow-y:auto;justify-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap}.qrcode-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.qrcode-container>button{margin-top:2vh}.qrcode{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;padding:10px;border-radius:5px;border:2px solid #333}button{--button_radius: .75em;--button_color: #e8e8e8;--button_outline_color: #000000;outline:none;font-size:14px;font-weight:700;border:none;border-radius:var(--button_radius);background:var(--button_outline_color)}.button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:.75em 1.5em;background:var(--button_color);color:var(--button_outline_color);transform:translateY(-.2em);transition:transform .1s ease}button:hover .button_top{transform:translateY(-.33em)}button:active .button_top{transform:translateY(0)}.input{width:100%;height:44px;background-color:#05060f0a;border-radius:.5rem;padding:0 1rem;border:2px solid transparent;font-size:1rem;transition:border-color .3s cubic-bezier(.25,.01,.25,1) 0s,color .3s cubic-bezier(.25,.01,.25,1) 0s,background .2s cubic-bezier(.25,.01,.25,1) 0s}.label{display:block;margin-bottom:.3rem;user-select:none;font-size:.9rem;font-weight:700;color:#05060f99;transition:color .3s cubic-bezier(.25,.01,.25,1) 0s}.input:hover,.input:focus,.input-group:hover .input{outline:none;border-color:#05060f}.input-group:hover .label,.input:focus{color:#05060fc2}.null-desc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;color:#333}.icon{width:20px;height:20px;position:absolute;right:10px;top:10px;cursor:pointer;user-select:none}@media screen and (max-width: 780px){.form-item{width:100%}}