.el-dropdown-link[data-v-a773d71a]{align-items:center;cursor:pointer;display:flex;gap:12px}.el-dropdown-link[data-v-a773d71a],.el-dropdown-link[data-v-a773d71a]:focus,.el-dropdown-link[data-v-a773d71a]:hover{border:none;outline:none}.el-dropdown-link[data-v-a773d71a]:focus-visible{outline:none}.header-image[data-v-a773d71a]{border-radius:50%;flex-shrink:0;height:36px;width:36px}.user-info[data-v-a773d71a]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1.5}.user-name[data-v-a773d71a]{color:#333;font-size:14px;font-weight:500}.user-role[data-v-a773d71a]{color:#999;font-size:12px}.dropdown-user-header[data-v-a773d71a]{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 20px 8px}.dropdown-avatar[data-v-a773d71a]{border-radius:50%;box-shadow:0 0 0 3px #fff,0 4px 10px #00000014;flex-shrink:0;height:56px;width:56px}.dropdown-user-main[data-v-a773d71a]{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.dropdown-user-name[data-v-a773d71a]{color:#333;font-size:16px;font-weight:500;margin-bottom:2px}.dropdown-user-sub[data-v-a773d71a]{color:#999;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-a773d71a] .el-dropdown-menu{min-width:260px;padding-bottom:8px;padding-top:0}.menu-item-link[data-v-a773d71a]{align-items:center;color:inherit;display:flex;gap:8px;text-decoration:none;width:100%}.menu-icon[data-v-a773d71a]{color:#666;flex-shrink:0;font-size:14px;text-align:center;width:16px}[data-v-a773d71a] .el-dropdown-menu__item{padding:8px 18px}[data-v-a773d71a] .el-dropdown-menu__item:hover{background-color:#f5f7fa}[data-v-a773d71a] .el-dropdown-menu__item:hover .menu-icon{color:#409eff}.join-class-content[data-v-a773d71a]{padding:20px 0}.join-class-tip[data-v-a773d71a]{color:#333;font-size:14px;margin-bottom:20px;text-align:center}.passcode-inputs[data-v-a773d71a]{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.passcode-input[data-v-a773d71a]{width:50px}.passcode-input[data-v-a773d71a] .el-input__wrapper{font-size:18px;font-weight:500;text-align:center}.passcode-input[data-v-a773d71a] .el-input__inner{text-align:center}.dialog-footer[data-v-a773d71a]{display:flex;gap:10px;justify-content:flex-end}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-header[data-v-cb88efea]{background:#fff;border:1px solid #ebeef5;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.el-header[data-v-cb88efea],.top[data-v-cb88efea]{display:flex;height:70px}.top[data-v-cb88efea]{align-items:center;box-sizing:border-box;gap:15px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;width:100%}.top .logo-link[data-v-cb88efea]{align-items:center;display:flex;flex-shrink:0;line-height:0;margin-left:-65px;margin-right:10px}.top .header-logo[data-v-cb88efea]{display:block;height:44px;max-width:min(640px,58vw);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto}.top .top-nav[data-v-cb88efea]{align-items:center;display:flex;flex-shrink:0;flex:0 0 auto}.top .top-nav .top-nav-title[data-v-cb88efea]{font-size:18px;margin-left:20px;position:relative;white-space:nowrap}.top .top-nav .top-nav-title a[data-v-cb88efea]{border-radius:4px;color:#333;display:inline-block;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}.top .top-nav .top-nav-title a[data-v-cb88efea]:hover{background-color:#409eff14;color:#409eff}.top .top-nav .top-nav-title a.active[data-v-cb88efea]{background-color:#409eff1a;color:#409eff;font-weight:600}.top .top-nav .top-nav-title a.active[data-v-cb88efea]:after{background:linear-gradient(90deg,#409eff,#66b1ff);border-radius:2px 2px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:80%}.top .top-user[data-v-cb88efea]{align-items:center;display:flex;flex-shrink:0;flex:0 0 auto;gap:12px;margin-left:auto;margin-right:-60px}.top .top-user[data-v-cb88efea] img{border-radius:50%}.top .top-user .home-link[data-v-cb88efea]{align-items:center;background:linear-gradient(135deg,#e0f2fe,#fff);border-radius:20px;color:#409eff;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.top .top-user .home-link .home-icon[data-v-cb88efea]{font-size:14px}.top .top-user .home-link[data-v-cb88efea]:hover{background:linear-gradient(135deg,#bae6fd,#e0f2fe);box-shadow:0 2px 8px #409eff33;color:#2563eb;transform:translateY(-1px)}.top .top-user a[data-v-cb88efea]{color:inherit;font-size:16px;margin-left:10px;text-decoration:none;transition:color .3s;white-space:nowrap}.top .top-user a[data-v-cb88efea]:hover{color:#46c37b}@media(min-width:768px){.top[data-v-cb88efea]{padding:0 48px}.top .top-user[data-v-cb88efea]{margin-right:-40px}}@media(max-width:1024px){.top[data-v-cb88efea]{gap:10px}.top .top-nav .top-nav-title[data-v-cb88efea]{font-size:16px;margin-left:15px}.top .top-user[data-v-cb88efea]{gap:10px;margin-right:0}.top .top-user .home-link[data-v-cb88efea]{font-size:13px;padding:6px 12px}.top .top-user .home-link .home-icon[data-v-cb88efea]{font-size:13px}.top .top-user a[data-v-cb88efea]{font-size:14px;margin-left:8px}}@media(max-width:768px){.el-header[data-v-cb88efea],.top[data-v-cb88efea]{height:60px}.top[data-v-cb88efea]{gap:8px;padding:0 16px}.top .top-nav .top-nav-title[data-v-cb88efea]{font-size:14px;margin-left:10px}.top .top-user[data-v-cb88efea]{gap:8px;margin-right:0}.top .top-user .home-link[data-v-cb88efea]{font-size:12px;padding:6px 10px}.top .top-user .home-link .home-icon[data-v-cb88efea]{font-size:12px}.top .top-user a[data-v-cb88efea]{font-size:12px;margin-left:6px}.top .header-logo[data-v-cb88efea]{height:34px;max-width:min(420px,78vw)}}@media(max-width:480px){.el-header[data-v-cb88efea],.top[data-v-cb88efea]{height:55px}.top[data-v-cb88efea]{gap:5px;padding:0 12px}.top .top-nav .top-nav-title[data-v-cb88efea]{font-size:12px;margin-left:8px}.top .top-user[data-v-cb88efea]{gap:6px;margin-right:0}.top .top-user .home-link[data-v-cb88efea]{font-size:11px;padding:5px 8px}.top .top-user .home-link .home-icon[data-v-cb88efea]{font-size:11px}.top .top-user .home-link span[data-v-cb88efea]{display:none}.top .top-user a[data-v-cb88efea]{font-size:11px;margin-left:4px}.top .header-logo[data-v-cb88efea]{height:28px;max-width:min(320px,85vw)}}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}