.student-portal{background:#f5f7fa;min-height:100vh}.global-header{align-items:center;background:linear-gradient(135deg,#3a4d8f,#2c3e7a);box-shadow:0 2px 8px #0000001a;display:flex;height:64px;justify-content:space-between;overflow:hidden;padding:0 24px;position:relative}.global-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path fill="rgba(255,255,255,0.05)" d="M0 50q300 50 600 0t600 0V0H0Z"/></svg>') no-repeat;background-size:cover;content:"";inset:0;opacity:.3;position:absolute}.global-header .header-left{position:relative;z-index:1}.global-header .logo-container{align-items:center;display:flex;gap:8px}.global-header .logo-container .logo-text{color:#fff;font-size:20px;font-weight:600}.global-header .logo-container .logo-image{height:32px;-o-object-fit:contain;object-fit:contain;width:auto}.global-header .header-right{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.global-header .user-info{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:4px 12px;transition:background .3s}.global-header .user-info:hover{background:#ffffff1a}.global-header .user-info .username{color:#fff;font-size:14px}.global-header .user-info .el-icon{color:#fff}.portal-body{display:flex;height:calc(100vh - 64px)}.sidebar{background:#3a4d8f;color:#fff;display:flex;flex-direction:column;position:relative;transition:width .3s;width:240px}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-user{padding:20px 10px}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar .sidebar-user{border-bottom:1px solid hsla(0,0%,100%,.1);padding:30px 20px;text-align:center}.sidebar .user-details{margin-top:12px}.sidebar .user-name{font-size:16px;font-weight:600;margin-bottom:4px}.sidebar .user-role{color:#ffffffb3;font-size:12px}.sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:20px 0}.sidebar .nav-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 24px;transition:all .3s}.sidebar .nav-item:hover{background:#ffffff1a}.sidebar .nav-item.active{background:#007bff4d;border-left:3px solid #007bff}.sidebar .nav-item .nav-text{font-size:14px}.sidebar .sidebar-toggle{border-top:1px solid hsla(0,0%,100%,.1);cursor:pointer;padding:16px;text-align:center;transition:background .3s}.sidebar .sidebar-toggle:hover{background:#ffffff1a}.main-content{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:0}.main-content .course-secondary-nav{background:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.main-content .course-secondary-nav .course-nav-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.main-content .course-secondary-nav .course-nav-container .course-nav-title{align-items:center;display:flex;gap:12px}.main-content .course-secondary-nav .course-nav-container .course-nav-title .course-name{color:#303133;font-size:16px;font-weight:600}.main-content .course-secondary-nav .course-nav-container .course-nav-menu{display:flex;gap:8px}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item{align-items:center;border-radius:8px;color:#606266;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item:hover{background:#f5f7fa;color:#409eff}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item.active{background:#ecf5ff;color:#409eff;font-weight:600}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item .el-icon{font-size:16px}.main-content .page-content{flex:1;padding:24px}.floating-help{bottom:40px;height:56px;position:fixed;right:40px;transform-origin:center bottom;-webkit-transform-origin:center bottom;width:56px;will-change:transform,opacity;z-index:1000}.floating-help .help-main{align-items:center;backface-visibility:hidden;background:#f56c6c;border-radius:50%;box-shadow:0 4px 12px #f56b6b66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transform:translateZ(0);transition:transform .2s,box-shadow .2s;width:56px}.floating-help .help-actions{align-items:center;bottom:70px;display:flex;flex-direction:column;gap:12px;position:absolute;right:4px;transform-origin:center bottom;will-change:transform,opacity}.floating-help .help-btn{align-items:center!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#409eff;border:none;box-shadow:0 2px 8px #409eff66;color:#fff;display:flex!important;height:48px!important;justify-content:center!important;padding:0!important;transform:translateZ(0);transform-origin:center center;transition:transform .18s ease,background .18s;width:48px!important}.floating-help .help-btn:hover{transform:scale(1.05)}.floating-help .help-btn :deep(.el-icon){align-items:center;display:flex;justify-content:center;margin:0!important}.floating-help .help-btn-first{transform:translate(6px)}.fan-enter-active,.fan-leave-active{transition:all .22s cubic-bezier(.2,.9,.2,1)}.fan-enter-from,.fan-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:768px){.floating-help{bottom:20px;right:20px}.floating-help .help-actions{bottom:70px;right:4px}.sidebar{height:calc(100vh - 64px);left:0;position:fixed;top:64px;transform:translate(-100%);z-index:100}.sidebar:not(.collapsed){transform:translate(0)}.main-content{width:100%}.main-content .course-secondary-nav .course-nav-container{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.main-content .course-secondary-nav .course-nav-container .course-nav-title{width:100%}.main-content .course-secondary-nav .course-nav-container .course-nav-title .course-name{font-size:14px}.main-content .course-secondary-nav .course-nav-container .course-nav-menu{overflow-x:auto;padding-bottom:4px;width:100%}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item{flex-shrink:0;font-size:13px;padding:6px 12px}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item .el-icon{font-size:14px}}@media(max-width:1024px){.main-content .course-secondary-nav .course-nav-container{padding:14px 20px}.main-content .course-secondary-nav .course-nav-container .course-nav-menu .course-nav-item{font-size:13px;padding:7px 14px}}