@font-face{font-family:得意黑 斜体;src:url(../assets/SmileySans-Oblique.ttf.woff2)}*{font-family:得意黑 斜体}body{background-color:#f5f5f5;display:flex;flex-direction:column;margin:0}.header{background-color:#fff;box-shadow:0 1px 3px hsla(0,0%,7%,.1);display:flex}.nav{color:#0086d1;display:flex;height:56px;justify-content:space-between;margin:0 auto;width:50%}.question,.title{line-height:56px}.feedback{padding:4px}.feedback:hover{background-color:#f5f5f5}.support{margin-left:10px;padding:4px}.support:hover{background-color:#f5f5f5}.support span{cursor:pointer}dialog{border-radius:12px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05);color:#fff;cursor:auto;padding:0;z-index:999}dialog div{background-color:#2aae67;font-size:18px;text-align:center}dialog form{margin-top:-20px;text-align:center}dialog form button{background-color:#efefef;border:none;border-radius:8px;color:#787383;padding:6px}.title{font-size:larger;font-weight:700}.container{margin:10px auto;min-height:100%;width:50%}.container:before{background-image:url(../assets/background.png);background-position:100% 100%;background-repeat:no-repeat;background-size:20%;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.input-box{border:2px solid #dddde0;border-radius:12px;font-size:1rem;opacity:.8;padding:4px;resize:none;transition:.4s;width:100%}.input-box:focus{border:2px solid #0086d1;outline:none;transition:.4s}.options{flex-wrap:wrap;margin:10px 0;width:102%}.option,.options{display:flex;justify-content:space-between}.option{background-color:#fff;border:2px solid #dddde0;border-radius:8px;height:38px;line-height:38px;margin:2px;width:49%}.input-key{border:2px solid #dddde0;border-radius:12px;font-size:1rem;margin-left:8%;padding:4px;resize:none;transition:.4s;width:46%}.input-key:focus{border:2px solid #0086d1;outline:none;transition:.4s}.tag{background-color:#dddde0;border-radius:4px 0 0 4px;display:flex;justify-content:center;width:22%}.selector{border:none;border-radius:0 4px 4px 0;transition:.4s;width:78%}.selector:focus{border:1px solid #0086d1;outline:none;transition:.4s}.slide{width:50%}.param{border-radius:0 4px 4px 0}.btn-group{height:42px;margin:6px 0}#download-button,.produce{background-color:#0086d1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:SmileySans;font-size:1rem;height:42px;margin-right:20px;transition:.4s;width:10%}#download-button{background-color:#28a745}#download-button:hover,.produce:hover{background-color:#066ba5;transition:.4s}#download-button:hover{background-color:#218838}.player{height:42px;width:100%}.intro{border:1px solid #d0d7de;border-radius:8px;margin:14px 0;padding:16px 8px;width:100%}.intro-item{border-bottom:1px solid #d0d7de;font-weight:700;padding:8px}li{padding:4px}.footer{color:#0086d1;font-size:.875rem;width:100%}.designer,.source{display:flex;justify-content:center}a{color:#0086d1;text-decoration:none}a:hover{background-color:#efefef}@media screen and (max-width:420px){.header{justify-content:space-between;margin:0}.nav{padding:0 16px;width:100%}.container{width:84%}.option{width:100%}.input-key{margin:0;padding:4px;resize:none;width:100%}.source a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6%}.footer{bottom:-40vh}.player,.produce{height:100px;width:100%}.produce{margin:0}.container:before{background-image:url(../assets/background.png);background-position:100% 100%;background-repeat:no-repeat;background-size:70%;bottom:-30%;content:"";opacity:.3;right:15%;z-index:-1}}