/* Shared visual language: calm ink, indigo accents, generous spacing. */
:root{--el-color-primary:#5369e8;--el-color-primary-light-3:#8797f1;--el-color-primary-light-5:#aab5f6;--el-color-primary-light-7:#d0d7fb;--el-color-primary-light-9:#f0f2ff;--el-border-radius-base:8px;--el-text-color-primary:#25324b;--el-text-color-regular:#63718a;--el-border-color:#e3e9f2;--el-fill-color-light:#f6f8fc;--el-font-family:Inter,"Microsoft YaHei",sans-serif}
.kb-user{margin:0;color:#25324b;background:#f5f7fb;font-family:Inter,"Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.kb-user *{box-sizing:border-box}.kb-user a{color:#5369e8;text-decoration:none}.kb-user .layout,.kb-user .mobile-layout{background:#f5f7fb!important}.kb-user .topbar{height:76px!important;border-bottom:1px solid #e7edf5;box-shadow:0 3px 20px #20366305!important;gap:24px!important}.kb-user .logo-text{font-size:23px!important;color:#243353!important;letter-spacing:1px}.kb-user .slogan{color:#9ba6b7!important}.kb-user .body{max-width:1480px!important;padding:28px 24px!important;gap:24px!important}.kb-user .sidebar{width:192px!important;border:1px solid #e7edf5;border-radius:14px!important;padding:14px 8px!important;top:100px!important;scrollbar-width:none}.kb-user .sidebar::-webkit-scrollbar{display:none}.kb-user .group-title{font-size:10px!important;letter-spacing:2px;padding:18px 14px 7px!important;color:#9ba7ba!important}.kb-user .menu-item{padding:11px 14px!important;border-radius:8px;margin:3px 0;transition:background .15s ease,color .15s ease}.kb-user .menu-item.active{border-right:0!important;background:#eef1ff!important;color:#5369e8!important}.kb-user .menu-item:hover{background:#f5f7ff!important;color:#5369e8!important}.kb-user .el-card{border:1px solid #e7edf5!important;border-radius:14px!important;box-shadow:0 4px 20px #24385a04!important}.kb-user .el-card__header{border-color:#edf1f7;padding:20px 24px}.kb-user .el-card__body{padding:24px}.kb-user .el-button,.kb-main .el-button{border-radius:8px;min-height:36px;font-weight:500;box-shadow:none}.kb-user .el-input__wrapper,.kb-user .el-textarea__inner{border-radius:8px!important;min-height:38px}.kb-user .el-form-item__label{font-size:13px;color:#65738b}.kb-user .el-table,.kb-main .el-table{--el-table-header-bg-color:#f7f9fd;--el-table-border-color:#edf1f7;--el-table-row-hover-bg-color:#f5f7ff;font-size:13px!important}.kb-user .el-table th,.kb-main .el-table th{font-weight:500!important;color:#7b899f!important;height:48px}.kb-user .el-table td,.kb-main .el-table td{height:52px}.kb-user .page-title{font-size:23px!important;letter-spacing:.3px;color:#26354f;margin:0 0 22px!important}.kb-user .el-tag{border-radius:5px;font-weight:400}.kb-user .el-pagination{margin-top:24px}.kb-user .el-empty{padding:56px 12px}.kb-user .tabs{border-bottom:1px solid #e7edf5;padding-bottom:12px;gap:22px}.kb-user .tab.active{color:#5369e8!important}.kb-user .filter-row{padding:14px 0!important;line-height:2}.kb-user .f-label{color:#8c98ab!important}.kb-user .banner{background:linear-gradient(115deg,#edf2ff 0%,#f1edff 70%,#e8f2ff 100%)!important;border:1px solid #dfe6fb;border-radius:18px!important;padding:30px!important;color:#293d70!important}.kb-user .banner .sub{color:#7a88ab!important}.kb-user .banner h1,.kb-user .banner h2{letter-spacing:1px;line-height:1.45}.kb-user .svc-card{border-radius:14px!important;border:1px solid #e8edf6!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease}.kb-user .svc-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2639570b!important}.kb-user .svc-icon{border-radius:12px!important}.kb-user .section-head{margin-bottom:18px!important}.kb-user .section-head h3{font-size:18px!important}.kb-user .lit-title{font-weight:500;color:#334b75!important}.kb-user .journal-item,.kb-user .article-item{padding:22px 4px!important;border-bottom:1px solid #edf1f7!important}.kb-user .journal-item .meta,.kb-user .article-item .meta{font-size:12px;color:#8e9aaf!important}.kb-user .abstract{line-height:1.95!important;color:#63718a}.kb-user .video-card{overflow:hidden;transition:transform .18s ease}.kb-user .video-card:hover{transform:translateY(-3px)}.kb-user .video-card .cover{background:#edf1fc!important;aspect-ratio:16/9}.kb-user .video-card .title{font-weight:600;font-size:15px;line-height:1.7}.kb-user .video-card .teacher{color:#8e9bb0!important}.kb-user .step-card{margin-bottom:20px;border-radius:14px!important}.kb-user .sku-price{color:#5369e8!important}.kb-user .status-box{padding:42px 24px!important}.kb-user .similarity-number{color:#5369e8!important}.kb-user .account-layout{max-width:1280px!important;gap:24px!important;padding:0 24px!important}.kb-user .account-layout>.side{border:1px solid #e7edf5;border-radius:14px!important}.kb-user .account-layout>.content{border:1px solid #e7edf5;border-radius:14px!important;padding:28px!important}.kb-user .account-layout .side a{border-right:0!important;margin:3px 10px;border-radius:7px;padding:11px 14px!important}.kb-user .account-layout .side a.router-link-active{background:#eef1ff!important;color:#5369e8!important}.kb-user .msg{border-bottom:1px solid #edf1f7!important;padding:20px!important}.kb-user .msg .time{font-size:11px;color:#9ba6b7!important}.kb-user .login-page,body:not(.kb-user) .login-page{min-height:100vh!important;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 20% 15%,#e6eaff,transparent 55%),radial-gradient(ellipse at 90% 85%,#e7f2f7,transparent 55%),#f7f9fd!important;padding:24px!important}.kb-user .login-card,body:not(.kb-user) .login-card{width:420px!important;max-width:100%!important;border-radius:18px!important;border:1px solid #e4eaf6!important;box-shadow:0 20px 70px #29436a0c!important}.kb-user .login-card .el-card__body,body:not(.kb-user) .login-card .el-card__body{padding:36px!important}.kb-user .login-card h2,body:not(.kb-user) .login-card h2{font-size:24px;letter-spacing:1px;margin-bottom:22px}.kb-user .login-card p{font-size:12px;color:#8b99af}.kb-user .m-header{background:linear-gradient(115deg,#5369e8,#7785ef)!important;padding:16px 18px!important}.kb-user .m-title{letter-spacing:1px}.kb-user .m-search{padding:10px 16px!important}.kb-user .m-tabbar{padding:10px 0 calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid #e8edf6!important;box-shadow:0 -4px 18px #1e335505}.kb-user .m-tab.active{color:#5369e8!important}.kb-user .m-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}.kb-content .el-dialog{border-radius:14px}.kb-content .el-dialog__header{border-bottom:1px solid #edf1f7;padding-bottom:18px}.kb-content .el-dialog__body{padding-top:24px}.kb-content .el-pagination{padding-top:16px}.kb-content .el-tag{border-radius:5px}.kb-content .el-form{max-width:100%}.kb-content .el-alert{border-radius:9px}.kb-main .el-table__body-wrapper{scrollbar-width:thin}.kb-content .el-empty{padding:48px 0}
@media(max-width:1000px){.kb-user .body{padding:20px 16px!important;gap:16px!important}.kb-user .sidebar{width:170px!important}.kb-user .slogan{display:none!important}.kb-user .banner{padding:24px!important}.kb-user .el-card__body{padding:20px}.kb-user .right-col{min-width:0}}
@media(max-width:768px){.kb-user .topbar{height:64px!important;padding:0 16px!important}.kb-user .page-title{font-size:20px!important;margin-bottom:18px!important}.kb-user .el-card__body{padding:18px!important}.kb-user .banner{padding:22px!important;border-radius:14px!important}.kb-user .account-layout{padding:0 12px!important;gap:12px!important}.kb-user .account-layout>.content{padding:18px!important}.kb-user .account-layout .side a{margin:0 2px}.kb-user .el-dialog,.kb-main .el-dialog{width:calc(100% - 24px)!important}.kb-user .journal-item,.kb-user .article-item{padding:18px 0!important}.kb-user .login-card .el-card__body,body:not(.kb-user) .login-card .el-card__body{padding:26px!important}.kb-user .video-card .title{font-size:14px}.kb-user .filter-row{display:flex;flex-wrap:wrap;gap:8px}.kb-user .el-table .cell{line-height:1.6}.kb-user .actions{display:flex;flex-wrap:wrap;gap:10px}.kb-user .actions .el-button{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){.kb-user *{transition:none!important;scroll-behavior:auto!important}}