| 1 |
- .agreement-mask[data-v-83f7234c]{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-83f7234c]{width:18.75rem;max-height:80vh;background-color:#fff;border-radius:.625rem;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn-83f7234c .3s ease}.agreement-header[data-v-83f7234c]{padding:.9375rem;text-align:center;border-bottom:.0625rem solid #f5f5f5}.agreement-title[data-v-83f7234c]{font-size:1rem;font-weight:700;color:#333}.agreement-body[data-v-83f7234c]{flex:1;padding:.9375rem;font-size:.875rem;line-height:1.6;color:#666;max-height:50vh}.agreement-footer[data-v-83f7234c]{padding:.9375rem;border-top:.0625rem solid #f5f5f5}.confirm-btn[data-v-83f7234c]{width:100%;height:2.5rem;line-height:2.5rem;background-color:#ff5722;color:#fff;border-radius:1.25rem;font-size:.875rem}@keyframes fadeIn-83f7234c{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.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}
|
