[data-v-0ac41a70]:export{siteNavWidth:200px;siteHeaderHeight:60px;siteFooterHeight:65px;Red:#ee5257;RedHover:rgba(238,82,87,.5);RedHalf:rgba(238,82,87,.5);Blue:#6b90cf;BlueHover:#5176b4;BlueHalf:rgba(81,118,180,.5);Black:#17181a;MiniBlack:#292b2e;SmallBlack:#323437;Gray:#666;MiniGray:#999}.skill-hub-page[data-v-0ac41a70]{height:calc(100vh - 50px);position:relative}.skill-hub-scroll[data-v-0ac41a70]{height:100%;position:relative}.skill-hub-scroll[data-v-0ac41a70]:before{background:url(../img/skillHub-bg.534cbe0f.jpg) #d3d3d3 50%/cover no-repeat}.skill-hub-scroll[data-v-0ac41a70]:after,.skill-hub-scroll[data-v-0ac41a70]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.skill-hub-scroll[data-v-0ac41a70]:after{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-v-0ac41a70] .el-scrollbar__wrap{height:100%}[data-v-0ac41a70] .el-scrollbar__view{position:relative;z-index:1}[data-v-0ac41a70] .el-loading-mask{background-color:transparent}.skill-hub[data-v-0ac41a70]{padding:32px 15vw 40px;min-height:calc(100vh - 50px);position:relative;z-index:1}.skill-hub>[data-v-0ac41a70]{position:relative;z-index:1}.skill-hub__header[data-v-0ac41a70]{display:flex;align-items:center;margin-bottom:12px;padding:0 8px}.skill-hub__title[data-v-0ac41a70]{font-size:24px;line-height:24px;color:#000;font-family:PingFang SC,sans-serif;font-weight:400}.skill-hub__upload-btn[data-v-0ac41a70]{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:148px;height:48px;border-radius:9999px;background:#fff;border:1px solid #5465ff;cursor:pointer;flex-shrink:0}.skill-hub__upload-btn .upload-btn-icon[data-v-0ac41a70]{font-size:14px;color:#5367ff}.skill-hub__upload-btn span[data-v-0ac41a70]{font-size:14px;font-weight:500;color:#5367ff;font-family:PingFang SC,sans-serif}.skill-hub__upload-btn[data-v-0ac41a70]:hover{border-color:#5367ff;background:rgba(83,103,255,.02)}.skill-hub__count[data-v-0ac41a70]{font-size:14px;line-height:24px;color:#6a7282;margin-left:3px}.skill-hub__search[data-v-0ac41a70]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.skill-hub__search-box[data-v-0ac41a70]{flex:1;display:flex;align-items:center;height:48px;background:#fff;border:1px solid #dbeafe;border-radius:9999px;padding:0 20px;box-sizing:border-box}.skill-hub__search-box .search-prefix-icon[data-v-0ac41a70]{font-size:18px;color:#99a1af;flex-shrink:0;margin-right:8px}.skill-hub__search-box .search-clear-icon[data-v-0ac41a70]{font-size:20px;color:#c0c4cc;cursor:pointer;flex-shrink:0;margin-left:4px}.skill-hub__search-box .search-clear-icon[data-v-0ac41a70]:hover{color:#909399}.skill-hub__search-input[data-v-0ac41a70]{flex:1;height:48px;border:none;outline:none;background:transparent;font-size:14px;color:#333;font-family:PingFang SC,sans-serif}.skill-hub__search-input[data-v-0ac41a70]::-moz-placeholder{color:#99a1af}.skill-hub__search-input[data-v-0ac41a70]::placeholder{color:#99a1af}.skill-hub__toolbar[data-v-0ac41a70]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px 8px 0;position:sticky;top:0;z-index:10;background:transparent}.skill-hub__toolbar.is-sticky[data-v-0ac41a70]{background:transparent;box-shadow:none;padding:12px 8px}.skill-hub__toolbar.is-sticky[data-v-0ac41a70]:before{content:"";position:absolute;top:0;left:-15vw;right:-15vw;height:100%;background:hsla(0,0%,100%,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:-1}.skill-hub__grid[data-v-0ac41a70]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:0 0 20px}@media(min-width:1441px){.skill-hub__grid[data-v-0ac41a70]{grid-template-columns:repeat(3,1fr)}}.skill-hub__empty[data-v-0ac41a70]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;background:#fff;border-radius:16px}.skill-hub__empty-img[data-v-0ac41a70]{width:240px;height:240px;margin-bottom:16px;opacity:.6}.skill-hub__empty-text[data-v-0ac41a70]{font-size:16px;color:#4a5565;font-family:PingFang SC,sans-serif;margin:0 0 8px}.skill-hub__empty-sub[data-v-0ac41a70]{font-size:14px;color:#99a1af;font-family:PingFang SC,sans-serif;margin:0}.category-tabs[data-v-0ac41a70]{display:flex;align-items:center;gap:12px}.category-tab[data-v-0ac41a70]{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;border-radius:9999px;font-size:14px;color:#4a5565;background:#fff;border:1px solid #e5e7eb;cursor:pointer;font-family:PingFang SC,sans-serif;white-space:nowrap;box-sizing:border-box;transition:all .2s}.category-tab[data-v-0ac41a70]:first-child{padding:0 20px}.category-tab.active[data-v-0ac41a70]{background:rgba(140,148,255,.16);color:#5367ff;border-color:transparent;font-weight:500}.category-tab[data-v-0ac41a70]:not(.active):hover{border-color:#5465ff;color:#5367ff}.toolbar-right[data-v-0ac41a70]{display:flex;align-items:center;gap:12px}.toolbar-btn[data-v-0ac41a70]{display:inline-flex;align-items:center;height:38px;border-radius:9999px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;font-size:14px;color:#4a5565;box-sizing:border-box;font-family:PingFang SC,sans-serif;transition:all .2s}.toolbar-btn.active[data-v-0ac41a70]{border-color:#5465ff}.source-btn[data-v-0ac41a70]{padding:0 12px;gap:4px;min-width:112px}.source-btn .label-gray[data-v-0ac41a70]{color:#6a7282}.source-btn .arrow-icon[data-v-0ac41a70]{font-size:14px;color:#6a7282;transition:transform .2s}.source-btn .arrow-icon.flip[data-v-0ac41a70]{transform:rotate(180deg)}.filter-btn[data-v-0ac41a70]{padding:0 12px;gap:4px;min-width:72px}.filter-btn .filter-icon[data-v-0ac41a70]{font-size:16px;color:#4a5565}.skill-card[data-v-0ac41a70]{height:140px;border-radius:16px;border:1px solid #f3f4f6;background:#fff;padding:20px;box-sizing:border-box;cursor:pointer;transition:all .2s}.skill-card.selected[data-v-0ac41a70],.skill-card[data-v-0ac41a70]:hover{border-color:#6e15ff;box-shadow:0 2px 15px 0 rgba(98,127,255,.3)}.skill-card.selected[data-v-0ac41a70]{background:#fff}.skill-card__top[data-v-0ac41a70]{display:flex;gap:12px;margin-bottom:12px}.skill-card__avatar[data-v-0ac41a70]{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;font-family:Inter,sans-serif;flex-shrink:0}.skill-card__body[data-v-0ac41a70]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.skill-card__title-row[data-v-0ac41a70]{display:flex;align-items:center;gap:8px;height:22px;overflow:hidden}.skill-card__name[data-v-0ac41a70]{font-size:16px;font-weight:700;color:#101828;line-height:22px;font-family:Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card__name.gradient[data-v-0ac41a70]{background:linear-gradient(90deg,#6e15ff,#5367ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skill-card__tag[data-v-0ac41a70]{display:inline-flex;height:22px;padding:0 8px;border-radius:9999px;background:rgba(236,241,255,.33);border:1px solid #dbeafe;color:#627fff;white-space:nowrap;flex-shrink:0}.skill-card__meta[data-v-0ac41a70],.skill-card__tag[data-v-0ac41a70]{align-items:center;font-size:12px;line-height:16px;font-family:Inter,PingFang SC,sans-serif}.skill-card__meta[data-v-0ac41a70]{display:flex;gap:0;height:16px;color:#99a1af}.skill-card__desc[data-v-0ac41a70]{font-size:14px;line-height:22.75px;color:#6a7282;font-family:PingFang SC,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.meta-item[data-v-0ac41a70]{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.meta-icon[data-v-0ac41a70]{font-size:14px;color:#99a1af}.meta-icon--sm[data-v-0ac41a70]{font-size:12px}.meta-dot[data-v-0ac41a70]{color:#e5e7eb;margin:0 4px;font-size:12px;line-height:16px}.skill-hub-popover.el-popover{padding:4px;border-radius:12px;min-width:142px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:none}.skill-hub-popover.el-popover .popover-list .popover-item{height:38px;line-height:38px;padding:0 16px;font-size:14px;color:#000;border-radius:8px;cursor:pointer;font-family:PingFang SC,sans-serif;white-space:nowrap}.skill-hub-popover.el-popover .popover-list .popover-item:hover{background:rgba(83,103,255,.05)}.skill-hub-popover.el-popover .popover-list .popover-item.active{background:rgba(83,103,255,.1);color:#5367ff;font-weight:500}.upload-skill-dialog.el-dialog{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}.upload-skill-dialog.el-dialog .el-dialog__header{display:none}.upload-skill-dialog.el-dialog .el-dialog__body{padding:0}.upload-dialog__inner{position:relative;height:78vh;display:flex;flex-direction:column;overflow:hidden}.upload-dialog__header{flex-shrink:0;padding:24px 36px 0;position:relative;background:#fff}.upload-dialog__body{flex:1;overflow-y:auto;padding:0 36px 32px}.upload-dialog__close{position:absolute;top:20px;right:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:#4a5565;font-size:18px}.upload-dialog__close:hover{background:#f3f4f6;color:#101828}.upload-dialog__close .close-icon{font-size:18px;font-weight:700}.upload-dialog__title{font-size:22px;font-weight:700;color:#101828;font-family:PingFang SC,sans-serif;margin-bottom:6px}.upload-dialog__subtitle{font-size:14px;color:#99a1af;font-family:PingFang SC,sans-serif;margin-bottom:24px}.upload-form .el-form-item__label{font-size:14px;font-weight:600;color:#101828;font-family:PingFang SC,sans-serif;padding-bottom:6px;line-height:1.4}.upload-form .el-input__inner,.upload-form .el-textarea__inner{border-radius:10px;border-color:#e5e7eb;font-size:14px;color:#333}.upload-form .el-input__inner::-moz-placeholder,.upload-form .el-textarea__inner::-moz-placeholder{color:#99a1af}.upload-form .el-input__inner::placeholder,.upload-form .el-textarea__inner::placeholder{color:#99a1af}.upload-form .el-input__inner:focus,.upload-form .el-textarea__inner:focus{border-color:#5367ff}.upload-form .el-select .el-input__inner{border-radius:10px}.upload-form__item{margin-bottom:20px}.upload-form__footer{display:flex;justify-content:center;margin-top:8px}.upload-drop-zone{border:1.5px dashed #bfceff;border-radius:14px;background:rgba(236,241,255,.15);padding:18px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-drop-zone.is-dragover{border-color:#5367ff;background:rgba(83,103,255,.06)}.upload-drop-zone__hint{font-size:15px;font-weight:500;color:#1e2939;font-family:PingFang SC,sans-serif;margin:10px 0 6px}.upload-drop-zone__sub{font-size:12px;color:#99a1af;font-family:PingFang SC,sans-serif;margin:0 0 16px}.upload-drop-zone__btns{display:flex;justify-content:center;gap:10px}.upload-drop-zone__selected{display:flex;align-items:center;gap:8px;justify-content:center;font-size:14px;color:#4a5565;font-family:PingFang SC,sans-serif}.upload-drop-zone__selected .selected-icon{font-size:20px;color:#5367ff}.upload-drop-zone__selected .selected-name{font-weight:500;color:#101828}.upload-drop-zone__selected .selected-size{color:#99a1af;font-size:12px}.upload-drop-zone__selected .selected-remove{margin-left:4px;cursor:pointer;color:#99a1af;font-size:12px}.upload-drop-zone__selected .selected-remove:hover{color:#ff3259}.upload-icon-wrap{width:44px;height:44px;border-radius:50%;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.upload-icon-wrap .upload-file-icon{font-size:20px;color:#6a7282}.upload-select-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:9999px;font-size:13px;font-weight:500;font-family:PingFang SC,sans-serif;cursor:pointer;background:linear-gradient(90deg,#6e15ff,#5367ff);color:#fff;border:none}.upload-select-btn--outline{background:#fff;color:#5367ff;border:1px solid #dbeafe}.upload-select-btn .btn-icon{font-size:14px}.upload-submit-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 36px;border-radius:9999px;background:linear-gradient(90deg,#6e15ff,#5367ff);color:#fff;border:none;font-size:15px;font-weight:600;font-family:PingFang SC,sans-serif;cursor:pointer;transition:opacity .2s}.upload-submit-btn:disabled{opacity:.6;cursor:not-allowed}.upload-submit-btn:not(:disabled):hover{opacity:.85}.upload-submit-btn .send-icon{font-size:16px}