*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden}.login-page{height:100vh;background:#fff;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.header{background:#fff;border-bottom:1px solid #e8e8e8;padding:0 20px}.header-inner{max-width:1200px;margin:0 auto;justify-content:space-between;height:60px}.header-inner,.logo-area{display:flex;align-items:center}.main-logo{width:40px;height:40px;margin-right:12px}.logo-text{font-size:18px;font-weight:600;color:#333}.header-nav{display:flex;align-items:center}.nav-item{margin-left:30px;font-size:14px;color:#666;text-decoration:none;transition:color .2s}.nav-item:hover{color:#07c160}.content-body{width:100%;background:url(../../static/img/bj.42033c1e.jpg);background-size:cover;background-position:50%;padding:40px 20px}.content-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.left-section{flex:1;padding-right:40px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item{background:hsla(0,0%,100%,.15);padding:16px;backdrop-filter:blur(10px)}.feature-icon,.feature-item{display:flex;align-items:center;border-radius:8px}.feature-icon{width:40px;height:40px;background:hsla(0,0%,100%,.9);justify-content:center;margin-right:12px;flex-shrink:0}.feature-icon i{font-size:20px;color:#07c160}.feature-content h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px 0}.feature-content p{font-size:12px;color:hsla(0,0%,100%,.85);margin:0}.right-section{width:320px}.login-form-wrapper{background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.form-header{text-align:center;margin-bottom:20px}.form-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.login-elform .el-form-item{margin-bottom:16px}.login-elform .el-form-item.login-btn-item{margin-bottom:0}.login-elform .el-form-item__label{font-size:13px;font-weight:500;color:#333;padding-bottom:6px}.login-elform .el-input__prefix{color:#999}.login-elform .el-input__inner{height:38px;border-radius:6px}.login-elform .el-button--primary{background:linear-gradient(135deg,#07c160,#10b981);border:none;height:40px;font-size:14px;font-weight:600;border-radius:6px}.login-elform .el-button--primary:hover{background:linear-gradient(135deg,#06ad56,#059669)}.platform-section{flex:1;background:#fff;padding:30px 20px;display:flex;align-items:center}.platform-inner{max-width:1200px;width:100%;margin:0 auto}.section-title{text-align:center;margin-bottom:24px}.section-title h2{font-size:20px;font-weight:600;color:#333;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.platform-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.platform-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.platform-icon{width:48px;height:48px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.platform-icon i{font-size:24px;color:#07c160}.platform-icon img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.platform-card h3{font-size:14px;font-weight:600;color:#333;margin:0 0 6px 0}.platform-card p{font-size:12px;color:#999;margin:0}@media(max-width:992px){.content-inner{flex-direction:column}.left-section{padding-right:0;margin-bottom:30px}.left-section,.right-section{width:100%;max-width:400px}.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-nav{display:none}.feature-list,.platform-grid{grid-template-columns:1fr}}