*,body{margin:0;padding:0}*{box-sizing:border-box}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}[data-v-f28ae91a]{margin:0;padding:0;box-sizing:border-box}body[data-v-f28ae91a]{font-family:Arial,sans-serif;background-color:#f2f2f2}.container[data-v-f28ae91a]{position:relative;width:340px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);left:50%;top:50%;transform:translate(-50%,-50%)}.login-page[data-v-f28ae91a]{width:100vw;height:100vh}.bg[data-v-f28ae91a]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}h2[data-v-f28ae91a]{text-align:center;color:#333}label[data-v-f28ae91a]{width:80px;display:inline-block;margin-bottom:10px;color:#666}input[type=password][data-v-f28ae91a],input[type=text][data-v-f28ae91a]{padding:6px;width:calc(100% - 90px);margin-bottom:20px;border:1px solid #ccc;border-radius:4px}input[type=button][data-v-f28ae91a]{width:100%;padding:8px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}input[type=button][data-v-f28ae91a]:hover{background-color:#45a049}.type-box[data-v-f28ae91a]{display:flex;height:30px;line-height:30px;margin:20px 0;cursor:pointer}.type-box div[data-v-f28ae91a]{flex:1;font-size:12px;border:1px solid #ccc;text-align:center}.active[data-v-f28ae91a]{background-color:#719ac9;color:#fff}.login-box[data-v-f28ae91a]{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.login-box div[data-v-f28ae91a]{text-align:center;flex:1}