:root{color:#1f2937;--institution-primary:#7c3aed;--institution-primary-dark:#6d28d9;--institution-primary-light-3:#a78bfa;--institution-primary-light-5:#c4b5fd;--institution-primary-light-7:#ddd6fe;--institution-primary-light-8:#ede9fe;--institution-primary-light-9:#f5f3ff;--el-color-primary:var(--institution-primary);--el-color-primary-dark-2:var(--institution-primary-dark);--el-color-primary-light-3:var(--institution-primary-light-3);--el-color-primary-light-5:var(--institution-primary-light-5);--el-color-primary-light-7:var(--institution-primary-light-7);--el-color-primary-light-8:var(--institution-primary-light-8);--el-color-primary-light-9:var(--institution-primary-light-9);--van-primary-color:var(--institution-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}.login-container{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.login-container:before{width:480px;height:480px;top:-160px;left:-160px}.login-container:after{width:360px;height:360px;bottom:-120px;right:-120px}.login-box{z-index:1;background:#fff;border-radius:12px;width:420px;max-width:100%;padding:40px 36px 24px;position:relative;box-shadow:0 20px 50px #00000026}.login-header{text-align:center;margin-bottom:28px}.login-header .title{letter-spacing:1px;color:#303133;margin:0 0 8px;font-size:24px;font-weight:600}.login-header .subtitle{color:#909399;margin:0;font-size:14px}.login-form .el-input__wrapper{padding:4px 12px}.login-options{justify-content:space-between;align-items:center;margin:-8px 0 16px;display:flex}.forget-link{color:var(--institution-primary-dark);font-size:14px}.login-btn{letter-spacing:4px;width:100%;height:44px;font-size:16px}.login-footer{text-align:center;color:#c0c4cc;margin-top:16px;font-size:12px}.desktop-page{background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 28%),linear-gradient(#faf7ff 0%,#eee7ff 100%);min-height:100vh;padding:48px}.hero{grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);align-items:stretch;gap:24px;display:grid}.hero__content,.hero__panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:24px;box-shadow:0 24px 60px #0f172a14}.hero__content{padding:48px}.hero__badge{color:var(--institution-primary-dark);background:#7c3aed29;border-radius:999px;padding:6px 12px;font-size:14px;display:inline-flex}.hero__content h1{color:#0f172a;margin:20px 0 16px;font-size:40px;line-height:1.15}.hero__content p{color:#475569;max-width:640px;margin:0;font-size:16px}.hero__actions{gap:16px;margin-top:32px;display:flex}.hero__panel{padding:8px}.panel__header{justify-content:space-between;align-items:center;display:flex}.mobile-page{background:linear-gradient(#faf7ff 0%,#eee7ff 100%);min-height:100vh}.mobile-page__content{padding:20px 16px 32px}.mobile-page__content h2{color:#0f172a;margin:8px 0 12px;font-size:26px}.mobile-page__content p{color:#475569;margin:0 0 20px;font-size:14px}.mobile-page__content .van-button{margin-top:20px}@media (width<=1024px){.login-box{padding:32px 24px 20px}.desktop-page{padding:24px}.hero{grid-template-columns:1fr}.hero__content{padding:32px}.hero__content h1{font-size:32px}}