/* Stable navigation and learning layout */
.kb-brand-button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0;color:#1a467b;cursor:pointer;font:inherit;flex-shrink:0}.kb-brand-button strong{font-size:23px}.kb-desktop-search{display:flex;flex:1;max-width:640px;min-width:180px;gap:0}.kb-desktop-search .el-input__wrapper{border-radius:12px 0 0 12px!important}.kb-desktop-search>.el-button{border-radius:0 12px 12px 0!important;margin:0!important;min-width:78px}.kb-header-account,.kb-header-icon,.kb-header-exit{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;color:#4b6484;font:inherit;font-size:13px;padding:8px}.kb-header-account{border:1px solid #dbe8fa;border-radius:12px;color:#2378dc;background:#f5f9ff}.kb-user .sidebar>button.menu-item{border:0;background:none;text-align:left;width:100%;font-family:inherit}.kb-user .m-tabbar{pointer-events:auto!important;z-index:1000!important;isolation:isolate}.kb-user .m-tabbar .m-tab{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;pointer-events:auto;cursor:pointer;color:#8a9cb3;font-family:inherit}.kb-user .m-tabbar .m-tab.active{color:#197cf2;background:#edf6ff}.kb-user .m-tabbar .m-tab>*{pointer-events:none}.kb-learning-heading h1{font-size:23px;margin:0 0 7px;color:#243b5b}.kb-learning-heading p{font-size:12px;color:#8a9bb2;margin:0 0 20px}.kb-learning-categories{display:flex;gap:24px;border-bottom:1px solid #e4edf8;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.kb-learning-categories button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 3px;font:inherit;font-size:13px;color:#8193ab;cursor:pointer;white-space:nowrap}.kb-learning-categories button.active{color:#187bf2;border-bottom-color:#187bf2;font-weight:600}.kb-learning-search{max-width:420px;margin-bottom:20px}.kb-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kb-learning-card{padding:0;border:1px solid #e6eef8;background:white;border-radius:16px;overflow:hidden;text-align:left;font:inherit;cursor:pointer;min-width:0;transition:box-shadow .2s,transform .2s}.kb-learning-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1c67b80c}.kb-learning-cover{position:relative;aspect-ratio:16/9;background:linear-gradient(125deg,#deefff,#e9efff);overflow:hidden;display:grid;place-items:center}.kb-learning-card:nth-child(3n+2) .kb-learning-cover{background:linear-gradient(125deg,#e8e4ff,#f4eaff)}.kb-learning-card:nth-child(3n) .kb-learning-cover{background:linear-gradient(125deg,#dff5ee,#e9f9f4)}.kb-learning-cover-mark{position:absolute;right:18px;bottom:6px;color:#95bcea;opacity:.45;transform:rotate(-12deg)}.kb-learning-play{width:46px;height:46px;border-radius:50%;background:#ffffffdd;color:#187bf2;display:grid;place-items:center;box-shadow:0 3px 12px #3c79b90b}.kb-learning-duration{position:absolute;right:10px;bottom:10px;background:#294769a8;color:white;border-radius:6px;font-size:10px;padding:3px 7px}.kb-learning-info{padding:16px}.kb-learning-info h2{font-size:15px;line-height:1.8;margin:0 0 9px;color:#2a4263}.kb-learning-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:#99a8ba}.kb-learning-action{display:block;font-size:11px;color:#2480e9;margin-top:14px}.kb-learning-loading{padding:55px;text-align:center;color:#92a4bd}.kb-user .m-header .kb-brand-button{color:white;font-size:20px;font-weight:700}.kb-user .kb-mobile-account{display:flex;align-items:center;gap:6px}.kb-learning-card:focus-visible{outline:3px solid #83baff;outline-offset:3px}@media(max-width:1050px){.kb-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.kb-learning-heading h1{font-size:19px}.kb-learning-heading p{font-size:11px;margin-bottom:12px}.kb-learning-categories{gap:22px;margin-bottom:14px}.kb-learning-categories button{font-size:12px;padding:11px 1px}.kb-learning-search{max-width:none;margin-bottom:16px}.kb-learning-grid{grid-template-columns:1fr;gap:16px}.kb-learning-cover{aspect-ratio:16/8}.kb-learning-info{padding:15px}.kb-learning-info h2{font-size:14px}.kb-learning-meta{font-size:11px}.kb-user .m-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.kb-user .m-tabbar{left:0;right:0;bottom:0;height:auto}.kb-user .m-tabbar .m-tab{min-height:46px;min-width:0;margin:0 6px;padding:5px 0}.kb-user .m-tabbar .m-tab.active{border-radius:14px}}

.kb-user.layout{min-height:100vh;background:#f5f8fc;overflow-x:hidden}.kb-user .topbar{height:72px;display:flex;align-items:center;gap:24px;padding:0 28px;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #edf2fa}.kb-user .top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.kb-user .slogan{font-size:12px;color:#72849b}.kb-user .body{display:flex;gap:20px;max-width:1560px;margin:0 auto;padding:20px;align-items:flex-start}.kb-user .sidebar{width:190px;flex-shrink:0;background:white;border-radius:16px;padding:12px 0;position:sticky;top:92px}.kb-user .sidebar .menu-item{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:13px;color:#5f728a;cursor:pointer}.kb-user .sidebar .menu-item.active{background:#edf5ff;color:#187cf2;font-weight:600}.kb-user .sidebar .menu-item:hover{background:#f5f9ff;color:#187cf2}.kb-user .group-title{padding:18px 18px 8px;font-size:11px;color:#9bacc0}.kb-user .content{flex:1;min-width:0}.kb-user.mobile-layout{min-height:100vh;background:#f5f8fc}.kb-user .m-header{position:sticky;top:0;z-index:100;padding:12px 14px;background:linear-gradient(120deg,#4d71e7,#7d82ef)}.kb-user .m-content{padding:16px 12px calc(100px + env(safe-area-inset-bottom))!important}.kb-user .m-tabbar{position:fixed!important;display:flex!important;align-items:center;left:0!important;right:0!important;bottom:0!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;background:#fffffffa!important;border-top:1px solid #edf2f9;box-shadow:0 -5px 24px #1d4f8205;border-radius:20px 20px 0 0}.kb-user .m-tabbar .m-tab{gap:3px;line-height:1.4;font-size:10px}.kb-user .kb-mobile-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kb-user .kb-mobile-account{border:1px solid #ffffff40;color:white;border-radius:18px;background:#ffffff20;padding:7px 10px;font-family:inherit;font-size:11px}.kb-user .kb-mobile-search{display:flex;gap:0;background:white;border-radius:13px;padding:0;overflow:hidden}.kb-user .kb-mobile-search .el-input__wrapper{box-shadow:none!important;border-radius:0!important}.kb-user .kb-mobile-search>.el-button{margin:0!important;border-radius:0!important;min-height:38px}.kb-user .kb-mobile-search .el-input{min-width:0}@media(max-width:1050px){.kb-user .slogan{display:none}}