1 line
4.4 KiB
CSS
1 line
4.4 KiB
CSS
.footerH[data-v-5afda9b8]{width:100%;height:1.3rem;padding-bottom:constant(safe-area-inset-bottom)}.slider[data-v-40df3ef6]{display:flex;align-items:center;justify-content:center}.slider input[data-v-40df3ef6]{width:4rem;background-size:98% 3px;background:linear-gradient(45deg,#39b54a,#8dc63f);outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;height:3px}.slider input[type=range][data-v-40df3ef6]::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #8dc63f;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0}.slider input[type=range][data-v-40df3ef6]:focus{outline:none}.select[data-v-ba614066]{display:flex;align-items:center;flex:1;height:1.8rem;position:relative}.select label[data-v-ba614066]{position:absolute;top:0;left:0;font-size:.35rem;height:.5rem;line-height:.5rem;color:#989898}.select input[data-v-ba614066]{border:none;cursor:pointer;outline:none;flex:1;font-size:.45rem;height:1rem;line-height:1rem;margin-top:.15rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none}.select .border[data-v-ba614066]{border-bottom:1px solid #333}.select .line[data-v-ba614066]{position:absolute;width:0;top:1.45rem;height:2px;background:linear-gradient(45deg,#39b54a,#8dc63f);transition:width .25s}.select .spread[data-v-ba614066]{width:100%}.select .icon[data-v-ba614066]{position:absolute;font-size:.4rem;right:.2rem;color:#989898}.select .options-table[data-v-ba614066]{position:absolute;top:.2rem;left:-.3rem;background-color:#fff;min-width:7rem;box-shadow:1px 1px 15px #ababab;padding-left:.3rem;padding-top:.3rem;z-index:151;opacity:0;-webkit-animation:toShow-data-v-ba614066 .25s ease .1s;animation:toShow-data-v-ba614066 .25s ease .1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.select .options-table .options[data-v-ba614066]{font-size:.45rem;height:1rem;line-height:1rem;margin-bottom:.3rem}.select .mask[data-v-ba614066]{position:fixed;top:0;left:0;height:100%;width:100%;z-index:150}@-webkit-keyframes toShow-data-v-ba614066{0%{opacity:0}to{opacity:1}}@keyframes toShow-data-v-ba614066{0%{opacity:0}to{opacity:1}}.input[data-v-69176166]{display:flex;align-items:center;flex:1;height:1.8rem;position:relative}.input label[data-v-69176166]{position:absolute;top:0;left:0;font-size:.35rem;height:.5rem;line-height:.5rem;color:#989898;transition:all .25s}.input .placeholder[data-v-69176166]{top:.8rem;font-size:.45rem;height:1rem;line-height:1rem;line-height:.5rem}.input input[data-v-69176166]{border:none;border-bottom:1px solid #333;outline:none;flex:1;font-size:.45rem;height:1rem;line-height:1rem;margin-top:.15rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.input input[data-v-69176166]:focus{border:none}.input input:focus+.line[data-v-69176166]{width:100%}.input .line[data-v-69176166]{position:absolute;width:0;top:1.45rem;height:2px;background:linear-gradient(45deg,#39b54a,#8dc63f);transition:width .25s}.input .spread[data-v-69176166]{width:100%}.personal[data-v-0d710c6c]{width:100%;max-width:500px;margin:0 auto;background-color:#fff;min-height:100%;position:relative;overflow:hidden}.personal header[data-v-0d710c6c]{position:fixed;top:0;left:0;width:100%;height:1.2rem;z-index:100}.personal header .w[data-v-0d710c6c]{height:1.2rem;width:100%;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#39b54a,#8dc63f);color:#fff;position:relative}.personal header .w .title-box[data-v-0d710c6c]{font-size:.5rem}.personal header .w .icon-box[data-v-0d710c6c]{height:1.2rem;width:1.2rem;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.personal header .w .icon-box .title-icon[data-v-0d710c6c]{font-size:.6rem}.personal .main[data-v-0d710c6c]{max-width:425px;margin:0 .7rem}.personal .main .topic[data-v-0d710c6c]{margin-top:.5rem;font-size:.35rem;color:#39b54a;margin-bottom:.5rem}.personal .main .option[data-v-0d710c6c]{display:flex;align-items:center;justify-content:flex-start;min-height:1.5rem}.personal .main .option .option-icon[data-v-0d710c6c]{height:.6rem;width:.6rem;margin-right:.7rem}.personal .main .option .label[data-v-0d710c6c]{font-size:.45rem}.personal .main .option .handle-space[data-v-0d710c6c]{flex:1;min-height:1.5rem;display:flex;align-items:center;justify-content:flex-end} |