.login-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding-top:60px}.login-container{background:#fff;padding:40px;border-radius:20px;width:100%;max-width:430px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.spacer{display:none}.tab-container{display:flex;justify-content:space-between;margin-top:10px;position:relative}.tab-button{padding:12px 0;margin:0 5px;border:none;background:none;color:#666;cursor:pointer;font-size:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.tab-button:hover{color:#2980b9}.tab-button.active{color:#2980b9;font-weight:700}.tab-button.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:#2980b9;border-radius:3px;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.form-group{margin-bottom:25px;position:relative}.form-group input{width:100%;padding:15px;background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.05)}.form-group input:focus{border-color:#2980b9;box-shadow:0 2px 8px rgba(41,128,185,.15)}.agreement{margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.agreement span{font-size:16px}.agreement span:last-child{color:#666}.code-input-group{display:flex;gap:15px;align-items:center}.code-input-group input{flex:1}.get-code-btn{padding:12px 20px;background:#2980b9;border:none;border-radius:10px;color:#fff;cursor:pointer;white-space:nowrap;transition:all .3s ease;font-weight:500;box-shadow:0 2px 4px rgba(41,128,185,.2);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.get-code-btn:hover:not(:disabled){background:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px rgba(41,128,185,.3)}.get-code-btn:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none;color:#7f8c8d}.login-btn{width:100%;padding:15px;background:linear-gradient(90deg,#2980b9,#3498db);border:none;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;font-weight:700}.login-btn:hover{background:linear-gradient(90deg,#3498db,#2980b9);transform:translateY(-2px);box-shadow:0 5px 15px rgba(41,128,185,.3)}.form-section{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group i{color:#95a5a6}@media(max-width:480px){.login-container{margin:20px;padding:30px}.tab-button{padding:10px 15px;font-size:14px}}.error-message{color:#e74c3c;text-align:center;padding:10px;margin-top:10px;border-radius:5px;background-color:rgba(231,76,60,.1);animation:fadeIn .3s ease}.form-group input.error{border-color:#e74c3c}.form-group input.valid{border-color:#2ecc71}.input-error-message{position:absolute;left:0;bottom:-20px;color:#e74c3c;font-size:12px;animation:fadeIn .3s ease}.header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.header-content{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo{height:40px}.logo img{height:100%}.header-text{color:#666;font-size:14px}.join-link{color:#3498db;text-decoration:none;margin-left:5px}.header-right{gap:20px}.header-right,.search-box{display:flex;align-items:center}.search-box{border:1px solid #ddd;border-radius:4px;padding:5px 10px}.search-box input{border:none;outline:none;width:200px;padding:5px}.search-btn{background:none;border:none;cursor:pointer;padding:0}.search-btn img{width:20px;height:20px}.user-actions{display:flex;align-items:center;gap:10px}.user-actions a{color:#666;text-decoration:none;font-size:14px}.divider{color:#ddd}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.footer-service{background:#fff;padding:20px 0;box-shadow:0 -2px 10px rgba(0,0,0,.05);width:100%;margin-top:auto}.service-section{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;padding:0 20px;margin-bottom:20px}.service-item{padding:0 20px}.service-item h3{color:#333;font-size:16px;margin-bottom:15px}.service-item p{color:#666;font-size:14px;line-height:1.8;margin:5px 0}.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #eee}.qrcode{text-align:center}.qrcode img{width:100px;height:100px}.qrcode p{color:#666;font-size:12px;margin-top:5px}.company-info{text-align:center}.company-info p{color:#999;font-size:12px;line-height:1.8;margin:3px 0}.quick-links{display:flex;flex-wrap:wrap;gap:15px}.quick-links a{color:#666;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:5px}.quick-links a:hover{color:#3498db}.phone-input-group{display:flex;align-items:center;gap:10px}.area-code-selector{position:relative;cursor:pointer;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;background:#fff}.selected-code{font-size:14px;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow-down{display:inline-block;margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #666;vertical-align:middle}.area-code-list{position:absolute;top:100%;left:0;width:300px;max-height:400px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;margin-top:5px;padding:12px 0}.area-code-list.active{display:block}.area-search{padding:0 12px 12px;border-bottom:1px solid #f0f0f0}.area-search-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none}.area-search-input:focus{border-color:#3498db}.area-frequently{padding:12px 0;border-bottom:1px solid #f0f0f0}.area-label{padding:0 12px 8px;color:#999;font-size:12px}.frequently-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.area-code-item{padding:8px 12px;cursor:pointer;font-size:14px;color:#333;display:flex;align-items:center;transition:background .2s}.area-code-item:hover{background:#f5f5f5}.area-all-list{max-height:300px;overflow-y:auto}.area-all-list::-webkit-scrollbar{width:6px;display:block}.area-all-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.area-all-list::-webkit-scrollbar-track{background:#f5f5f5}.phone-input-group input[type=tel]{flex:1}.input-wrapper{position:relative}.help-icon,.input-wrapper{display:flex;align-items:center}.help-icon{position:absolute;right:10px;width:18px;height:18px;background:#e0e0e0;border-radius:50%;justify-content:center;color:#666;font-size:12px;cursor:help;transition:all .3s ease}.help-icon:hover{background:#3498db;color:#fff}.help-icon:after{content:attr(title);position:absolute;bottom:100%;right:0;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;visibility:hidden;opacity:0;transition:all .3s ease;transform:translateY(10px)}.help-icon:hover:after{visibility:visible;opacity:1;transform:translateY(0)}.input-wrapper input{padding-right:35px;width:100%}