.training-list-page[data-v-77e4859a]{width:100%;min-height:100vh;background:linear-gradient(135deg,#e8f4ff,#f0f7ff 50%,#e5f0ff);position:relative;overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:72px}.main-content[data-v-77e4859a]{width:100%;min-height:100vh;position:relative;z-index:1}.content-wrapper[data-v-77e4859a]{width:1500px;max-width:100%;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.page-title-section[data-v-77e4859a]{width:100%;height:450px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.page-title-inner[data-v-77e4859a]{width:1500px;max-width:100%;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.breadcrumb-bar[data-v-77e4859a]{background:transparent;padding:16px 0;-ms-flex-negative:0;flex-shrink:0}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb{font-size:14px}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:rgba(0,0,0,.8);-webkit-transition:color .3s ease;transition:color .3s ease}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner:hover{color:#333}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link{font-weight:400}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#333;font-weight:500}.breadcrumb-bar[data-v-77e4859a] .el-breadcrumb .el-breadcrumb__separator{color:rgba(0,0,0,.6);margin:0 4px}.page-title-content[data-v-77e4859a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:8px;padding-bottom:20px}.page-title-content .page-title[data-v-77e4859a]{font-size:48px;font-weight:700;color:#333;margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-title-content .page-title .title-accent[data-v-77e4859a]{width:6px;height:36px;background:-webkit-gradient(linear,left top,left bottom,from(#06f),to(#00d4ff));background:linear-gradient(180deg,#06f,#00d4ff);border-radius:3px;display:inline-block}.page-title-content .page-title-desc[data-v-77e4859a]{font-size:20px;color:#666;line-height:1.8;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.page-title-content .search-box[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-top:24px;width:100%;max-width:600px}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title-content .search-box .search-input-wrapper .search-icon[data-v-77e4859a]{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;fill:#7f7f7f;z-index:1}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner{width:100%;height:48px;padding:0 16px 0 46px;border:2px solid hsla(0,0%,100%,.9);border-radius:24px;font-size:14px;background:hsla(0,0%,100%,.95);-webkit-transition:all .3s ease;transition:all .3s ease;color:#1a1a2e;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner::-webkit-input-placeholder{color:#7f7f7f}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner::-moz-placeholder{color:#7f7f7f}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner:-ms-input-placeholder{color:#7f7f7f}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner::-ms-input-placeholder{color:#7f7f7f}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner::placeholder{color:#7f7f7f}.page-title-content .search-box .search-input-wrapper[data-v-77e4859a] .el-input .el-input__inner:focus{border-color:#06f;background:#fff;-webkit-box-shadow:0 4px 16px rgba(0,102,255,.2);box-shadow:0 4px 16px rgba(0,102,255,.2)}.page-title-content .search-box .search-btn[data-v-77e4859a]{padding:0 32px;height:48px;background:linear-gradient(135deg,#06f,#049);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;white-space:nowrap;-webkit-box-shadow:0 4px 12px rgba(0,102,255,.3);box-shadow:0 4px 12px rgba(0,102,255,.3)}.page-title-content .search-box .search-btn[data-v-77e4859a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(0,102,255,.4);box-shadow:0 6px 20px rgba(0,102,255,.4)}.filter-bar[data-v-77e4859a]{background:hsla(0,0%,100%,.95);border-radius:16px;padding:24px 28px;-webkit-box-shadow:0 4px 24px rgba(0,66,153,.1);box-shadow:0 4px 24px rgba(0,66,153,.1);border:1px solid rgba(0,102,255,.12);margin-bottom:24px}.filter-row[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.filter-label[data-v-77e4859a]{font-size:14px;font-weight:600;color:#1a1a2e;min-width:70px;-ms-flex-negative:0;flex-shrink:0}.filter-list[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.filter-tag[data-v-77e4859a]{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:500;color:#4a5568;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#f5f8fc;border:1px solid transparent;outline:none}.filter-tag[data-v-77e4859a]:hover{background:rgba(0,102,255,.08);color:#06f;border-color:rgba(0,102,255,.2)}.filter-tag.active[data-v-77e4859a]{background:linear-gradient(135deg,#06f,#049);color:#fff;font-weight:600;-webkit-box-shadow:0 4px 12px rgba(0,102,255,.3);box-shadow:0 4px 12px rgba(0,102,255,.3)}.result-stats[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding:0 4px}.result-count[data-v-77e4859a]{font-size:14px;color:#4a5568}.result-count span[data-v-77e4859a]{color:#06f;font-weight:700;font-size:20px}.sort-control[data-v-77e4859a]{cursor:pointer;font-size:14px;color:#4a5568;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.sort-control[data-v-77e4859a]:hover{color:#06f}.app-section[data-v-77e4859a]{padding-bottom:60px}.app-grid[data-v-77e4859a],.app-section[data-v-77e4859a]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.app-grid[data-v-77e4859a]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.app-card[data-v-77e4859a]{background:hsla(0,0%,100%,.95);border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 24px rgba(0,66,153,.1);box-shadow:0 4px 24px rgba(0,66,153,.1);border:1px solid rgba(0,102,255,.12);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.app-card[data-v-77e4859a]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#06f),to(#00d4ff));background:linear-gradient(90deg,#06f,#00d4ff);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:2}.app-card[data-v-77e4859a]:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 8px 40px rgba(0,102,255,.16);box-shadow:0 8px 40px rgba(0,102,255,.16);border-color:#06f}.app-card[data-v-77e4859a]:hover:before{opacity:1}.app-card:hover .card-img[data-v-77e4859a]{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-img-wrapper[data-v-77e4859a]{width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#e8f4ff,#f0f7ff)}.card-img[data-v-77e4859a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.card-body[data-v-77e4859a]{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.card-name[data-v-77e4859a]{font-size:15px;font-weight:600;color:#1a1a2e;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-77e4859a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid rgba(0,102,255,.12)}.card-meta[data-v-77e4859a],.meta-item[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.meta-item[data-v-77e4859a]{gap:4px;font-size:12px;color:#7f7f7f}.card-fade-enter-active[data-v-77e4859a],.card-fade-leave-active[data-v-77e4859a]{-webkit-transition:all .5s ease;transition:all .5s ease}.card-fade-enter[data-v-77e4859a],.card-fade-leave-to[data-v-77e4859a]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.skeleton-card[data-v-77e4859a]{background:#fff;border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 24px rgba(0,66,153,.1);box-shadow:0 4px 24px rgba(0,66,153,.1);border:1px solid rgba(0,102,255,.12)}.skeleton-img[data-v-77e4859a]{width:100%;height:180px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e8e8e8),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:skeletonLoading-data-v-77e4859a 1.5s infinite;animation:skeletonLoading-data-v-77e4859a 1.5s infinite}.skeleton-body[data-v-77e4859a]{padding:16px}.skeleton-body .skeleton-line[data-v-77e4859a]{height:14px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e8e8e8),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:skeletonLoading-data-v-77e4859a 1.5s infinite;animation:skeletonLoading-data-v-77e4859a 1.5s infinite;margin-bottom:8px}.skeleton-body .skeleton-line-short[data-v-77e4859a]{width:60%}@-webkit-keyframes skeletonLoading-data-v-77e4859a{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonLoading-data-v-77e4859a{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state[data-v-77e4859a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon[data-v-77e4859a]{width:80px;height:80px;fill:rgba(0,102,255,.12);margin-bottom:20px}.empty-text[data-v-77e4859a]{font-size:16px;color:#7f7f7f;margin-bottom:20px}.pagination-wrapper[data-v-77e4859a]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px;margin-top:40px;padding-bottom:60px}.pagination-wrapper[data-v-77e4859a],.pagination-wrapper[data-v-77e4859a] .el-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-next,.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-prev{min-width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid rgba(0,102,255,.12);color:#4a5568;-webkit-transition:all .3s ease;transition:all .3s ease}.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-next:hover,.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-prev:hover{background:rgba(0,102,255,.08);color:#06f;border-color:rgba(0,102,255,.2)}.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-next.disabled,.pagination-wrapper[data-v-77e4859a] .el-pagination .btn-prev.disabled{color:#ccc}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pager li{min-width:40px;height:40px;border-radius:10px;font-size:14px;font-weight:500;color:#4a5568;background:#fff;border:1px solid rgba(0,102,255,.12);margin:0 4px;-webkit-transition:all .3s ease;transition:all .3s ease;line-height:40px}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pager li:hover{background:rgba(0,102,255,.08);color:#06f;border-color:rgba(0,102,255,.2)}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pager li.active{background:linear-gradient(135deg,#06f,#049);color:#fff;font-weight:600;-webkit-box-shadow:0 4px 12px rgba(0,102,255,.3);box-shadow:0 4px 12px rgba(0,102,255,.3);border-color:transparent}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pagination__jump{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#4a5568;margin-left:8px;height:40px}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pagination__jump .el-input{margin:0 4px}.pagination-wrapper[data-v-77e4859a] .el-pagination .el-pagination__jump .el-input .el-input__inner{height:32px;line-height:32px;border-radius:8px;border-color:rgba(0,102,255,.12);text-align:center}.page-total-info[data-v-77e4859a]{font-size:14px;color:#7f7f7f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}