body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input{margin:0;padding:0}*{box-sizing:border-box}body{font:16px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;color:#333}ul,ol{list-style:none}em,i{font-style:normal}a{text-decoration:none;color:#333}img{vertical-align:middle}input{border:none;outline:none;color:#333}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}body{display:flex;justify-content:center;align-items:center;height:100vh;background:url(https://api.r10086.com/樱道随机图片api接口.php?图片系列=动漫综合2) no-repeat center;background-size:cover}.input-box[data-v-e8c417ef]{display:flex;flex-direction:column;justify-content:center;align-items:start}.input-box>label[data-v-e8c417ef]{margin-bottom:5px;color:#ffffffe6;font-size:13px}.input-box>input[data-v-e8c417ef]{box-sizing:border-box;color:#ffffffe6;font-size:14px;height:35px;width:300px;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);border-radius:5px;transition:.2s;outline:none;padding:0 10px;letter-spacing:1px}.input-box>input[data-v-e8c417ef]:focus{border:1px solid rgba(255,255,255,.8)}.box[data-v-c71d0b40]{display:flex;justify-content:center;height:auto;width:auto;padding:30px;border-radius:20px;border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#32323233}.form[data-v-27e31cc3]{display:flex;flex-direction:column;align-items:center}.input-box[data-v-27e31cc3]{margin-bottom:20px}.cdkey-tip[data-v-27e31cc3]{margin-top:5px;width:100%;height:15px;display:flex;align-items:center;justify-content:left;font-size:14px;color:#ffff00b3}.cdkey-icon[data-v-27e31cc3]{height:15px}.school-list[data-v-27e31cc3]{margin-top:-20px;margin-bottom:20px;position:relative;width:100%}.input-with-selector:focus+.school-list[data-v-27e31cc3]{display:block}.school-list .list[data-v-27e31cc3]{position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:0 0 5px 5px;height:auto;width:100%;z-index:99}.school-list .list li[data-v-27e31cc3]{padding-left:10px;cursor:pointer}.school-list .list li[data-v-27e31cc3]:hover{background-color:#87ceeb;color:#fff}.tip[data-v-27e31cc3]{margin-bottom:10px;font-size:14px;color:red}.btn-box[data-v-27e31cc3]{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:start}.btn-box>button[data-v-27e31cc3]{width:100px;height:32px;border:1px solid rgba(197,81,58,.8);background:#c5513a80;color:#ffffffe6;border-radius:5px;transition:.2s}.btn-box>button[data-v-27e31cc3]:hover{border:1px solid rgba(248,108,76,.8);background:#f86c4c80}.btn-box>button[data-v-27e31cc3]:nth-of-type(2){margin-left:10px;border:1px solid rgba(214,214,213,.8);background:#00a2d880}.box .btn-box>button[data-v-27e31cc3]:nth-of-type(2):hover{border:1px solid rgba(214,214,213,.8);background:#047dd680}