| 1 |
- .popup-mask[data-v-d7c01a5b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:999;display:flex;align-items:center;justify-content:center}.popup-content[data-v-d7c01a5b]{width:80%;max-height:70%;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.popup-header[data-v-d7c01a5b]{height:3.125rem;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:.0625rem solid #eee}.popup-title[data-v-d7c01a5b]{font-size:1rem;font-weight:700;color:#333}.close-icon[data-v-d7c01a5b]{position:absolute;right:.9375rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#999;line-height:1;padding:.3125rem}.popup-body[data-v-d7c01a5b]{padding:.9375rem;font-size:.875rem;color:#666;line-height:1.6;max-height:18.75rem;box-sizing:border-box}.popup-footer[data-v-d7c01a5b]{padding:.9375rem;border-top:.0625rem solid #eee}.confirm-btn[data-v-d7c01a5b]{background:linear-gradient(90deg,#ff6f00,#ff5722);color:#fff;font-size:.9375rem;font-weight:700;height:2.5rem;line-height:2.5rem;border-radius:.25rem;box-shadow:0 .125rem .3125rem rgba(255,87,34,.2)}.confirm-btn[data-v-d7c01a5b]:after{border:none}.container{height:100vh;overflow:hidden;background-color:#fff;position:relative;display:flex;flex-direction:column}.banner-area{width:100%;position:relative}.banner-img{width:100%;display:block}.content-card{flex:1;background-color:#fff;margin-top:-2.5rem;border-radius:100% 100% 0 0/1.875rem 1.875rem 0 0;position:relative;z-index:10;padding:0 1.5625rem;display:flex;flex-direction:column;align-items:center}.logo-wrapper{margin-top:-2.1875rem;margin-bottom:1.5625rem;border-radius:50%;box-shadow:0 .3125rem 1.25rem rgba(0,0,0,.1);background-color:#fff;padding:.25rem}.logo-img{width:3.75rem;height:3.75rem;border-radius:50%;display:block}.tabs{display:flex;align-items:center;margin-bottom:1.875rem}.tab-item{display:flex;flex-direction:column;align-items:center;padding:0 .9375rem}.tab-text{font-size:1rem;color:#999;font-weight:500;margin-bottom:.3125rem}.tab-item.active .tab-text{color:#ff5722;font-weight:700;font-size:1.125rem}.tab-indicator{width:1.25rem;height:.1875rem;background-color:#ff5722;border-radius:.09375rem}.divider{width:1px;height:.9375rem;background-color:#eee;margin:0 .3125rem}.form-area{width:100%}.input-group{display:flex;align-items:center;border-bottom:1px solid #f0f0f0;padding:.9375rem 0;margin-bottom:.625rem}.area-code{display:flex;align-items:center;margin-right:.625rem;font-size:1rem;color:#333;height:100%}.arrow{font-size:.625rem;color:#999;margin-left:.25rem}.input{flex:1;font-size:.9375rem}.get-code-btn{background-color:#fff0e9;padding:.46875rem .9375rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center}.code-text{color:#ff5722;font-size:.875rem;line-height:1}.eye-icon{padding:.3125rem;display:flex;align-items:center;justify-content:center}.svg-icon{width:1.25rem;height:1.25rem}.forgot-pwd{width:100%;text-align:right;padding-top:.625rem;font-size:.8125rem;color:#666}.login-btn{background:linear-gradient(90deg,#ff9e60,#ff5722);color:#fff;border-radius:1.5625rem;margin-top:1.875rem;margin-bottom:1.25rem;font-size:1.0625rem;font-weight:700;box-shadow:0 .3125rem .9375rem rgba(255,87,34,.35)}.login-btn:after{border:none}.agreement{display:flex;align-items:center;justify-content:center}.checkbox{width:1rem;height:1rem;border:.0625rem solid #ccc;border-radius:50%;margin-right:.375rem;display:flex;align-items:center;justify-content:center}.checkbox.checked{border-color:#ff5722;background-color:#ff5722}.check-mark{color:#fff;font-size:.6875rem;line-height:1}.agree-text{font-size:.75rem;color:#999;line-height:1.5}.link{color:#666}.footer-recruit{margin-top:auto;padding-bottom:2.5rem;width:100%;display:flex;justify-content:center}.recruit-badge{display:flex;align-items:center;padding:.625rem 1.5625rem;background-color:#fff;border:1px solid #FF5722;border-radius:1.875rem;color:#ff5722;font-size:.875rem;font-weight:700;box-shadow:0 .15625rem .46875rem rgba(255,87,34,.2)}.flag-icon{margin-right:.46875rem;font-size:.875rem;color:#ff5722}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.modal-content{width:18.75rem;background-color:#fff;border-radius:.625rem;overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.modal-header{padding:.9375rem;text-align:center;border-bottom:1px solid #eee}.modal-title{font-size:1rem;font-weight:700}.modal-body{padding:.9375rem;flex:1;overflow-y:auto}.modal-text{font-size:.875rem;color:#666;line-height:1.6}.modal-footer{padding:.625rem .9375rem .9375rem}.confirm-btn{background-color:#ff5722;color:#fff;font-size:.9375rem;border-radius:1.25rem}
|
