.hitarea{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.action{all:unset;color:#fff;display:block;padding:5px;transition:all .2s;width:100%}.action:hover{background-color:#008b8b}.contextmenu.hide{opacity:0;pointer-events:none;transform:translateY(-20px)}.contextmenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border-radius:5px;box-shadow:0 0 10px #000;color:#fff;left:0;overflow:hidden;padding:10px;position:fixed;top:0;transition:all .2s,left 0s,top 0s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(40px)}}.page-enter-active,.v-enter-active{animation:fadeIn .3s ease-out}.page-leave-active,.v-leave-active{animation:fadeOut .3s ease-out;opacity:0}hr{opacity:50%}body{overflow-y:auto}.btn{border-radius:10px;color:#fff;display:inline-block;padding:10px 1em;text-align:center;text-decoration:none}button{color:initial}body,html{margin:0;overflow-x:hidden!important;padding:0}h1{font-size:xx-large}h1,h2{font-weight:400;margin:5px 0}h2{font-size:x-large}h3{font-size:larger}h3,h4{font-weight:400;margin:5px 0}h4{font-size:large}.row{display:flex;flex-wrap:wrap}.col{flex-grow:1;margin-right:10px}*{color:#fff;font-family:Segoe UI,Microsoft YaHei,Roboto,PingFang SC,sans-serif;font-size:16px;transition:all .2s}button:disabled{filter:grayscale(100%) opacity(50%)!important}button.prim{background:#0095ff;border:solid #006fbe;border-width:1px 1px 3px;color:#fff}button.dang{background:red;border:solid #be0000;border-width:1px 1px 3px;color:#fff}button{background:#eee;border:solid #aaa;border-radius:5px;border-width:1px 1px 3px;margin:5px;padding:5px 10px 4px;transition:all .2s}table{border-collapse:collapse}table.line td{border-bottom:1px solid hsla(0,0%,66.7%,.667);padding:5px}table.line th{border-bottom:3px solid hsla(0,0%,66.7%,.667);padding:5px}table.line tbody tr:hover{background-color:#00000080}button:hover{filter:brightness(1.1)}button:active{border-bottom-width:1px;filter:brightness(.9);padding-bottom:6px}.input{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#00000080;border:none;border-bottom:3px solid gray;border-radius:4px;margin:5px;padding:4px 8px}.input-nostate,button.link{all:unset;transition:all .2s}a,button.link{color:#add8e6;cursor:pointer!important;text-decoration:none}@keyframes input-error{0%{background-color:#00000080}50%{background-color:#ff000080}to{background-color:#00000080}}.force-invalid,.input:invalid{animation:input-error 2s linear 1;border-bottom:3px solid darkred}.input.allow-empty:empty{animation:none;border-bottom:3px solid gray}.input.allow-valid:valid{border-bottom:3px solid #006400}.input.allow-valid:valid:focus{border-bottom:3px solid green}.force-invalid:focus,.input:invalid:focus{border-bottom:3px solid red}.input.allow-empty:empty:focus,.input:focus{background:#000000bf;border-bottom:3px solid #0095ff;outline:none}*{cursor:auto!important}
