.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px}.background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float 6s ease-in-out infinite;&.shape-1{width:80px;height:80px;top:10%;left:10%;animation-delay:0s}&.shape-2{width:120px;height:120px;top:20%;right:15%;animation-delay:1s}&.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:2s}&.shape-4{width:100px;height:100px;bottom:30%;right:10%;animation-delay:3s}&.shape-5{width:40px;height:40px;top:50%;left:50%;animation-delay:4s}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-logo{max-width:50%;height:auto;object-fit:contain}.login-content{width:100%;max-width:1200px;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);backdrop-filter:blur(10px);overflow:hidden;z-index:2}.login-content,.login-info{display:flex;position:relative}.login-info{flex:1;background:linear-gradient(135deg,#409eff,#d18bb0);padding:60px 40px;align-items:center;justify-content:center;color:#fff;&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}}.info-content{position:relative;z-index:1;text-align:center}.logo-section{margin-bottom:40px}.logo-icon{width:80px;height:80px;margin:0 auto 20px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;svg{width:40px;height:40px}}.platform-title{font-size:28px;font-weight:700;margin-bottom:10px;line-height:1.3}.platform-subtitle{font-size:16px;opacity:.9;margin-bottom:0}.features{display:flex;flex-direction:column;gap:20px}.feature-item{gap:15px;padding:15px;background:hsla(0,0%,100%,.1);border-radius:12px;backdrop-filter:blur(10px);transition:transform .3s ease;&:hover{transform:translateX(5px)}}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{font-size:24px;width:40px;height:40px;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:50%}.feature-text{text-align:left;h3{font-size:16px;font-weight:600;margin:0 0 5px}p{font-size:14px;opacity:.8;margin:0;line-height:1.4}}.login-form-container{flex:1;padding:40px;display:flex;align-items:center;justify-content:center}.login-form-card{width:100%;max-width:400px}.form-header{text-align:center;margin-bottom:30px}.welcome-text{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.login-desc{color:#666;font-size:14px;margin:0}.login-tabs{.el-tabs__header{margin-bottom:30px;border-bottom:2px solid #f5f5f5}.el-tabs__nav-wrap:after{display:none}.el-tabs__nav{background:#f8f9fa;border-radius:12px;padding:4px}.el-tabs__item{font-size:16px;font-weight:600;color:#666;padding:12px 24px;border-radius:8px;transition:all .3s ease;position:relative;margin:0 2px;display:inline-flex!important;align-items:center;justify-content:center;text-align:center;&.is-active{color:#fff;background:linear-gradient(135deg,#ff9a56,#ff9a56 100%);box-shadow:0 4px 12px rgba(254,129,46,.3);transform:translateY(-1px)}&:hover:not(.is-active){background:rgba(254,129,46,.1)}}.el-tabs__item:nth-child(2){padding-left:24px!important}.el-tabs__item:last-child{padding-right:24px!important}.el-tabs__active-bar{display:none}}.third-party-login{margin-top:30px}.divider{position:relative;text-align:center;margin:20px 0;&:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}span{background:#fff;padding:0 15px;color:#999;font-size:14px}}.third-party-buttons{display:flex;justify-content:center;gap:15px}.third-party-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .3s ease;svg{width:18px;height:18px}&:hover{border-color:#999;color:#999;transform:translateY(-2px);box-shadow:0 4px 12px rgba(254,129,46,.2)}&.wechat-btn:hover{border-color:#07c160;color:#07c160;box-shadow:0 4px 12px rgba(7,193,96,.2)}}@media (max-width:1024px){.login-content{flex-direction:column;max-width:500px}.login-info{padding:40px 30px}.platform-title{font-size:24px}.features{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature-item{flex:1;min-width:200px}}@media (max-width:768px){.login-container{padding:10px}.login-content{border-radius:15px}.login-form-container,.login-info{padding:30px 20px}.platform-title{font-size:20px}.features{flex-direction:column}.feature-item{min-width:auto}.login-tabs{.el-tabs__item{font-size:14px;padding:10px 16px}}}@media (max-width:480px){.login-info{display:none}.login-form-container{padding:20px}.welcome-text{font-size:20px}}