*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:#f5f7fa}.achievement-content{text-align:center;padding:20px}.achievement-content .achievement-icon{font-size:64px;margin-bottom:16px;animation:bounce .6s ease-in-out}.achievement-content h3{font-size:24px;color:#303133;margin-bottom:12px}.achievement-content .achievement-desc{font-size:14px;color:#606266;margin-bottom:16px}.achievement-content .achievement-reward{font-size:16px;color:#409eff;font-weight:700}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] #app{background:#0a0e1a}html[data-theme=dark] .el-dialog,html[data-theme=dark] .el-drawer,html[data-theme=dark] .el-dropdown-menu,html[data-theme=dark] .el-message-box,html[data-theme=dark] .el-popover{background:#0f1828!important;border-color:#1f2b45!important;color:#e8edf5!important}html[data-theme=dark] .el-dialog__title,html[data-theme=dark] .el-drawer__header,html[data-theme=dark] .el-dropdown-menu__item,html[data-theme=dark] .el-message-box__title{color:#e8edf5!important}html[data-theme=dark] .el-dialog__body,html[data-theme=dark] .el-message-box__message{color:#8b9bb4!important}html[data-theme=dark] .el-dropdown-menu__item:not(.is-disabled):hover{background:rgba(38,198,218,.12);color:#26c6da}html[data-theme=dark] .main-layout{background:#0a0e1a}html[data-theme=dark] .custom-navbar,html[data-theme=dark] .main-layout .header{background:#0f1828!important;border-bottom-color:#1f2b45!important}html[data-theme=dark] .custom-navbar .back-icon,html[data-theme=dark] .custom-navbar .navbar-title h1{color:#e8edf5!important}html[data-theme=dark] .custom-navbar .navbar-title .navbar-subtitle{color:#8b9bb4!important}html[data-theme=dark] .main-layout .header .user-info{background:#1a2740!important}html[data-theme=dark] .main-layout .header .user-info .username{color:#e8edf5!important}html[data-theme=dark] .home-page{background:#0a0e1a;color:#e8edf5}html[data-theme=dark] .home-header{background:rgba(10,14,26,.85)!important}html[data-theme=dark] .home-search{background:#1a2740!important}html[data-theme=dark] .home-search input{color:#e8edf5!important;caret-color:#26c6da}html[data-theme=dark] .home-search input::-moz-placeholder{color:#5a6b85!important}html[data-theme=dark] .home-search input::placeholder{color:#5a6b85!important}html[data-theme=dark] .learning-level{color:#8b9bb4!important}html[data-theme=dark] .theme-toggle{background:#1a2740!important;color:#8b9bb4!important}html[data-theme=dark] .home-avatar{background:#24304a!important;color:#26c6da!important}html[data-theme=dark] .brand-copy strong{color:#e8edf5!important}html[data-theme=dark] .brand-copy span{color:#8b9bb4!important}html[data-theme=dark] .site-footer{border-top-color:#1f2b45!important;color:#5a6b85!important}html[data-theme=dark] .clips-heading h2,html[data-theme=dark] .course-stats h3{color:#e8edf5!important}html[data-theme=dark] .clips-heading p,html[data-theme=dark] .course-stats p{color:#5a6b85!important}html[data-theme=dark] .course-search{background:#0f1828!important;border-color:#1f2b45!important}html[data-theme=dark] .course-search input{color:#e8edf5!important}html[data-theme=dark] .course-search input::-moz-placeholder{color:#5a6b85!important}html[data-theme=dark] .course-search input::placeholder{color:#5a6b85!important}html[data-theme=dark] .filter-panel{background:#0f1828!important;border-color:#1f2b45!important}html[data-theme=dark] .filter-switcher{background:#0f1828!important;border-bottom-color:#1f2b45!important}html[data-theme=dark] .filter-switcher button{color:#8b9bb4!important}html[data-theme=dark] .filter-switcher button.active{color:#26c6da!important;background:rgba(38,198,218,.14)!important}html[data-theme=dark] .filter-label{color:#e8edf5!important}html[data-theme=dark] .filter-tags button{background:#0f1828!important;border-color:#1f2b45!important;color:#c3cbd9!important}html[data-theme=dark] .filter-tags button.active{border-color:#26c6da!important;color:#26c6da!important;background:rgba(38,198,218,.14)!important}html[data-theme=dark] .sort-row{background:#0f1828!important;border-top-color:#1f2b45!important;color:#8b9bb4!important}html[data-theme=dark] .sort-row button{background:#1a2740!important;color:#8b9bb4!important}html[data-theme=dark] .sort-row button.active{background:#26c6da!important;color:#fff!important}html[data-theme=dark] .course-card{background:#0f1828!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}html[data-theme=dark] .course-copy h4{color:#e8edf5!important}html[data-theme=dark] .course-series{color:#8b9bb4!important}html[data-theme=dark] .course-desc{color:#b6c0d0!important}html[data-theme=dark] .course-meta{color:#5a6b85!important}html[data-theme=dark] .load-more-button{background:#0f1828!important;border-color:#26c6da!important;color:#26c6da!important}html[data-theme=dark] .load-state{color:#5a6b85!important}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.custom-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s}.custom-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.custom-btn{padding:10px 24px;border-radius:8px;font-weight:500;transition:all .3s;cursor:pointer;border:none}.custom-btn.primary{background:#6366f1;color:#fff}.custom-btn.primary:hover{background:#3438ed}.custom-btn.success{background:#10b981;color:#fff}.custom-btn.success:hover{background:#0c8a60}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}