| 1 |
- .agreement-mask[data-v-34783796]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000;display:flex;align-items:center;justify-content:center}.agreement-container[data-v-34783796]{width:18.75rem;max-height:80vh;background-color:#fff;border-radius:.625rem;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn-34783796 .3s ease}.agreement-header[data-v-34783796]{padding:.9375rem;text-align:center;border-bottom:.0625rem solid #f5f5f5}.agreement-title[data-v-34783796]{font-size:1rem;font-weight:700;color:#333}.agreement-body[data-v-34783796]{flex:1;padding:.9375rem;font-size:.875rem;line-height:1.6;color:#666;max-height:50vh}.agreement-footer[data-v-34783796]{padding:.9375rem;border-top:.0625rem solid #f5f5f5}.confirm-btn[data-v-34783796]{width:100%;height:2.5rem;line-height:2.5rem;background-color:#ff5722;color:#fff;border-radius:1.25rem;font-size:.875rem}@keyframes fadeIn-34783796{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body{background-color:#f5f6f8}.container{padding:.625rem}.card{background-color:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.625rem}.form-item{display:flex;align-items:center;margin-bottom:.9375rem}.form-item:last-child{margin-bottom:0}.label{width:3.75rem;font-size:.9375rem;font-weight:700;color:#333;margin-right:.625rem;flex-shrink:0}.input-box{flex:1;height:2.5rem;background-color:#f8f8f8;border-radius:.25rem;display:flex;align-items:center;padding:0 .625rem;font-size:.875rem;color:#333}.input{flex:1;height:100%;font-size:.875rem}.station-display{display:flex;flex-direction:column;justify-content:center;line-height:1.4;padding:.3125rem 0}.area-tag{font-size:.6875rem;color:#999;margin-bottom:.125rem}.station-name{font-size:.875rem;color:#333;font-weight:500}.prefix-area{display:flex;align-items:center;margin-right:.625rem;height:100%}.prefix{color:#333;margin-right:.15625rem}.arrow-down{font-size:.625rem;color:#999;line-height:1}.get-code-text{color:#ff5722;font-size:.875rem;font-weight:700;margin-left:.625rem}.gender-group{display:flex;align-items:center}.radio-item{display:flex;align-items:center;margin-right:1.25rem;font-size:.9375rem;color:#333}.radio-icon{margin-right:.3125rem;font-size:1rem;color:#ccc}.radio-icon.active{color:#ff5722}.radio-label.active{color:#ff5722;font-weight:700}.arrow-right{color:#ccc;font-size:.75rem;margin-left:auto}.eye-icon{padding:.3125rem;color:#ccc}.section-title{font-size:.9375rem;font-weight:700;color:#333;margin-bottom:.625rem}.service-types{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.9375rem}.type-btn{width:calc((100% - 1.25rem) / 3);height:2.5rem;background-color:#f8f8f8;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#333;font-weight:500}.type-btn.selected{background-color:#fff3e0;color:#ff5722;font-weight:700}.footer-actions{margin-top:1.25rem;padding:0 .3125rem 1.875rem}.agreement-row{display:flex;align-items:center;margin-bottom:.9375rem}.checkbox{width:1rem;height:1rem;border:.0625rem solid #ccc;border-radius:.125rem;margin-right:.46875rem;display:flex;align-items:center;justify-content:center}.checkbox.checked{border-color:#ff5722;background-color:#ff5722}.check-mark{color:#fff;font-size:.6875rem}.agree-text{font-size:.8125rem;color:#999}.footer-btn-area{width:100%;margin-top:1.25rem}.submit-btn{background:linear-gradient(90deg,#ff6f00,#ff5722);color:#fff;font-size:.875rem;font-weight:700;height:2.8125rem;line-height:2.8125rem;border-radius:1.40625rem;box-shadow:0 .3125rem .625rem rgba(255,87,34,.2)}.submit-btn:after{border:none}.picker-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;visibility:hidden;opacity:0;transition:all .3s}.picker-mask.show{visibility:visible;opacity:1}.picker-content{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;border-radius:.625rem .625rem 0 0;transform:translateY(100%);transition:all .3s}.picker-mask.show .picker-content{transform:translateY(0)}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:.9375rem;border-bottom:1px solid #eee;font-size:1rem}.picker-btn-cancel{color:#999}.picker-title{font-weight:700;color:#333}.picker-btn-confirm{color:#ff5722;font-weight:700}.picker-view{width:100%;height:12.5rem}.picker-item{line-height:50px;text-align:center;font-size:1rem;color:#333}.monkey-icon{padding:.3125rem;display:flex;align-items:center;justify-content:center}.svg-icon{width:1.25rem;height:1.25rem}.picker-content{height:25rem;display:flex;flex-direction:column}.picker-body{flex:1;display:flex;overflow:hidden;padding:0 .9375rem .9375rem}.timeline-area{width:6.25rem;border-right:1px solid #f5f5f5;padding-right:.625rem;display:flex;flex-direction:column}.timeline-item{position:relative;padding-bottom:1.25rem;padding-left:.9375rem;color:#333;font-size:.875rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:0;top:.375rem;width:.4375rem;height:.4375rem;border-radius:50%;background-color:#eee}.timeline-item.active .timeline-dot{background-color:#ff5722;box-shadow:0 0 0 .125rem rgba(255,87,34,.2)}.timeline-item.active{font-weight:700;color:#ff5722}.timeline-item:not(:last-child):after{content:"";position:absolute;left:.1875rem;top:.9375rem;bottom:-.3125rem;width:.0625rem;background-color:#f0f0f0}.list-area{flex:1;padding-left:.9375rem;overflow-y:auto}.list-item{padding:.75rem 0;border-bottom:1px solid #f9f9f9;font-size:.875rem;color:#666}.list-item:active{background-color:#f5f5f5}.picker-list{max-height:18.75rem;overflow-y:auto;padding:.625rem 0}.city-item{display:flex;align-items:center;padding:.75rem 1.25rem;font-size:.9375rem;color:#333}.city-item.active{color:#ff5722;font-weight:700}.dot-radio{width:.5rem;height:.5rem;border-radius:50%;background-color:#eee;margin-right:.625rem;position:relative}.city-item.active .dot-radio{background-color:#ff5722;box-shadow:0 0 0 .1875rem rgba(255,87,34,.2)}.station-item{padding:.9375rem 1.25rem;font-size:.9375rem;color:#333;border-bottom:1px solid #f9f9f9}.station-item:last-child{border-bottom:none}
|
