#login[data-v-d4535c34]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}#login .login-container[data-v-d4535c34]{width:100%;max-width:1200px}#login .login-container .login-content[data-v-d4535c34]{display:flex;align-items:center;gap:80px}#login .login-container .login-content .logo-section[data-v-d4535c34]{flex:1;display:flex;justify-content:center;align-items:center}#login .login-container .login-content .logo-section .logo[data-v-d4535c34]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}#login .login-container .login-content .logo-section .logo .logo-icon .logo-image[data-v-d4535c34]{width:120px;height:120px;border-radius:28px;box-shadow:0 8px 32px #0003;object-fit:cover}#login .login-container .login-content .logo-section .logo .brand-info[data-v-d4535c34]{color:#fff}#login .login-container .login-content .logo-section .logo .brand-info .brand-name[data-v-d4535c34]{font-size:42px;font-weight:700;margin:0 0 12px;letter-spacing:2px}#login .login-container .login-content .logo-section .logo .brand-info .brand-subtitle[data-v-d4535c34]{font-size:16px;margin:0 0 8px;opacity:.9;font-weight:400}#login .login-container .login-content .logo-section .logo .brand-info .brand-slogan[data-v-d4535c34]{font-size:18px;margin:0;font-weight:500;opacity:.95}#login .login-container .login-card[data-v-d4535c34]{flex:1;max-width:480px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000001a}#login .login-container .login-card .welcome-section[data-v-d4535c34]{text-align:center;margin-bottom:32px}#login .login-container .login-card .welcome-section .welcome-title[data-v-d4535c34]{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 8px}#login .login-container .login-card .welcome-section .welcome-subtitle[data-v-d4535c34]{font-size:14px;color:#666;margin:0;line-height:1.5}#login .login-container .login-card .login-type-tabs[data-v-d4535c34]{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:24px}#login .login-container .login-card .login-type-tabs .tab-item[data-v-d4535c34]{flex:1;text-align:center;padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#666}#login .login-container .login-card .login-type-tabs .tab-item.active[data-v-d4535c34]{background:white;color:#1a1a1a;box-shadow:0 2px 4px #0000001a}#login .login-container .login-card .login-type-tabs .tab-item[data-v-d4535c34]:hover:not(.active){color:#333}#login .login-container .login-card .form-box .login-input[data-v-d4535c34]{margin-bottom:16px}#login .login-container .login-card .form-box .login-input[data-v-d4535c34] .el-input__wrapper{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;box-shadow:none}#login .login-container .login-card .form-box .login-input[data-v-d4535c34] .el-input__wrapper:hover{border-color:#667eea}#login .login-container .login-card .form-box .login-input[data-v-d4535c34] .el-input__wrapper.is-focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}#login .login-container .login-card .form-box .login-input[data-v-d4535c34] .el-input__inner{background:transparent;border:none;font-size:14px}#login .login-container .login-card .form-box .login-input[data-v-d4535c34] .el-input__inner::placeholder{color:#999}#login .login-container .login-card .form-box[data-v-d4535c34] .el-checkbox{margin-bottom:24px}#login .login-container .login-card .form-box[data-v-d4535c34] .el-checkbox .el-checkbox__label{color:#666;font-size:14px}#login .login-container .login-card .form-box .login-btn[data-v-d4535c34]{width:100%;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}#login .login-container .login-card .form-box .login-btn[data-v-d4535c34]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}#login .login-container .login-card .form-box .login-btn[data-v-d4535c34]:active{transform:translateY(0)}#login .login-container .login-card .footer-info[data-v-d4535c34]{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef;font-size:12px;color:#999;line-height:1.5}@media (max-width: 768px){#login[data-v-d4535c34]{padding:16px}#login .login-container[data-v-d4535c34]{max-width:100%}#login .login-container .login-content[data-v-d4535c34]{flex-direction:column;gap:40px}#login .login-container .login-content .logo-section .logo[data-v-d4535c34]{gap:16px}#login .login-container .login-content .logo-section .logo .logo-icon .logo-image[data-v-d4535c34]{width:80px;height:80px;border-radius:20px}#login .login-container .login-content .logo-section .logo .brand-info .brand-name[data-v-d4535c34]{font-size:28px}#login .login-container .login-content .logo-section .logo .brand-info .brand-subtitle[data-v-d4535c34]{font-size:14px}#login .login-container .login-content .logo-section .logo .brand-info .brand-slogan[data-v-d4535c34]{font-size:16px}#login .login-container .login-card[data-v-d4535c34]{padding:24px;max-width:100%}#login .login-container .login-card .welcome-section[data-v-d4535c34]{margin-bottom:24px}#login .login-container .login-card .welcome-section .welcome-title[data-v-d4535c34]{font-size:24px}}