.skillScrollbarView{scrollbar-width:thin;scrollbar-color:var(--background-system-scrollbar) transparent}.skillScrollbarView::-webkit-scrollbar{width:6px}.skillScrollbarView::-webkit-scrollbar-thumb{background:var(--background-system-scrollbar);border-radius:4px}.skillScrollbarView::-webkit-scrollbar-track{background:transparent}.skillModalWrap .mt-design-rc-CommonModal__mask{background:#00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skillModalWrap .mt-design-rc-CommonModal__inner{overflow:visible;border:none;background:transparent;box-shadow:none}.skillModalShell{position:relative;display:inline-block;max-width:100%;overflow:visible}.skillModal{display:flex;width:948px;max-width:calc(100vw - 200px);height:640px;min-height:520px;overflow:hidden;border-radius:24px;background:var(--background-system-main-background-default, #f6f7fa);box-shadow:0 0 2px #00000014,0 10px 40px #0000001a}.skillModalClose{position:absolute;top:0;left:100%;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;margin-left:20px;padding:10px;border:none;border-radius:99px;background:#fff9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);cursor:pointer}.skillModalLeft{flex:1;min-width:0;overflow:hidden}.skillModalRight{display:flex;flex:0 0 474px;flex-direction:column;width:474px;min-height:0;border-top-left-radius:24px;border-bottom-left-radius:24px;background:var(--background-system-frame-floatpanel, #fff);overflow:hidden}.skillModalHeader{display:flex;flex-shrink:0;align-items:center;gap:4px;padding:32px 24px}.skillModalBack{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer}.skillModalTitle{color:var(--content-system-primary, #1c1d1f);font-size:16px;font-weight:500;line-height:1.5}.skillModalPreview{position:relative;width:100%;height:100%;overflow:hidden}.skillModalPreviewGrid{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,rgba(0,0,0,.35) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.skillModalPreviewFade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,247,250,0) 51.89%,var(--background-system-main-background-default, #f6f7fa) 98.3%);pointer-events:none}.skillModalPreviewCards{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:360px;overflow:hidden}.skillModalPreviewSingle{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:24px}.skillModalPreviewSwiper{width:100%;height:auto;max-height:300px;opacity:0;transition:opacity .25s ease;overflow:visible!important;flex-shrink:0}.skillModalPreviewSwiper .swiper-wrapper{align-items:center;height:auto!important}.skillModalPreviewSwiperReady{opacity:1}.skillModalPreviewPagination{position:relative;z-index:4;display:flex;flex-shrink:0;gap:6px;align-items:center;justify-content:center;width:100%;margin-top:40px}.skillModalPreviewSlide{display:flex!important;align-items:center;justify-content:center;width:240px;height:auto!important;transition:transform .4s ease}.skillModalPreviewCard{position:relative;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:240px;max-height:300px;margin:0 auto;overflow:hidden;border-radius:16px;background:#f3f3f3;box-shadow:0 0 1px #00000040,0 10px 40px #0000001a;transition:transform .4s ease}.skillModalPreviewCard img,.skillModalPreviewCard video{display:block;width:auto;height:auto;max-width:240px;max-height:300px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.skillModalPreviewSwiper .swiper-slide{z-index:1;display:flex!important;align-items:center;justify-content:center;width:240px}.skillModalPreviewSwiper .swiper-slide-active{z-index:3}.skillModalPreviewSwiper .swiper-slide-active .skillModalPreviewCard{transform:none}.skillModalPreviewSwiper .swiper-slide-prev .skillModalPreviewCard{transform:translate(-20px,11px) rotate(-4deg)}.skillModalPreviewSwiper .swiper-slide-next .skillModalPreviewCard{transform:translate(20px,11px) rotate(4deg)}.skillModalPreviewMedia{width:auto;height:auto;max-width:240px;max-height:300px;-o-object-fit:contain;object-fit:contain}.skillModalPreviewPlayBadge{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.8;pointer-events:none}.skillModalPreviewDot{display:inline-block;width:6px;height:6px;margin:0!important;padding:0;border:none;border-radius:999px;background:var(--content-system-quaternary, #abadb2);opacity:.45;cursor:pointer;transition:width .2s ease,opacity .2s ease,background .2s ease}.skillModalPreviewDotActive{width:16px;opacity:1;background:var(--content-system-secondary, #616366)}.formFields{display:flex;flex-direction:column;gap:24px}.formItem{display:flex;flex-direction:column;gap:8px}.skillUploadGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;width:100%}.skillUploadGroupItem{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:100%}.skillUploadGroupItem>.skillUploadPanel{flex:1 1 auto}.skillUploadGroupItemFull{grid-column:1 / -1}@media (max-width: 768px){.skillUploadGroup{grid-template-columns:1fr}.skillUploadGroupItemFull{grid-column:auto}}.fieldLabel{color:var(--content-system-primary, #1c1d1f);font-size:14px;font-weight:500;line-height:1.5}.fieldLabelRow{display:flex;align-items:center;justify-content:space-between;width:100%}.skillUploadCountHint{color:var(--content-system-tertiary, #939599);font-size:14px;font-weight:500;line-height:1.5}.requiredMark{margin-left:2px;color:#f74640}.fieldTip{margin:0;color:var(--content-system-tertiary, #939599);font-size:12px;line-height:16px;text-align:center}.fieldTip.fieldTipStart{text-align:left}.textInput{width:100%;padding:12px;border:1px solid transparent;border-radius:12px;background:var(--background-system-main-background-default, #f6f7fa);color:var(--content-system-primary, #1c1d1f);font-size:14px;line-height:1.5;outline:none;box-sizing:border-box}.textInput::-moz-placeholder{color:var(--content-system-tertiary, #939599)}.textInput::placeholder{color:var(--content-system-tertiary, #939599)}.textInput:hover{border-color:var(--stroke-system-border-overlay, rgba(0, 0, 0, .08))}.textarea{min-height:120px;resize:vertical}.selectField{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:44px;padding:6px 28px 6px 8px;border:1px solid transparent;border-radius:12px;background:var(--background-system-main-background-default, #f6f7fa);box-sizing:border-box;cursor:text}.selectField:hover:not(.selectFieldCompact):not(.selectFieldOpen){border-color:var(--stroke-system-border-overlay, rgba(0, 0, 0, .08))}.selectField.selectFieldOpen,.selectField:focus-within{border:1px solid var(--stroke-system-selected, #38f)}.selectFieldCompact{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:2px;min-height:56px;padding:7px 28px 9px 12px;border-radius:12px;cursor:pointer}.selectFieldCompact:hover:not(.selectFieldOpen):not(:focus-within){border-color:#0000000a}.selectFieldCompact .selectInput{flex:none;width:100%;min-width:0;padding:0;margin-top:17px;font-size:14px;line-height:1.5;opacity:1;transition:opacity .2s ease-out}.selectFieldCompact .selectArrowBtn{right:8px;width:14px;height:14px}.selectFieldCompact .optionGroupItemLabel{position:absolute;top:7px;right:28px;left:12px;overflow:hidden;color:var(--content-system-tertiary, #939599);font-size:14px;font-weight:500;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform:scale(calc(10 / 14));transform-origin:left top;transition:transform .2s ease-out,color .2s ease-out}.selectFieldCompact.selectFieldHasClear{padding-right:46px}.selectFieldCompact.selectFieldHasClear .selectClear{right:26px}.selectFieldCompact.selectFieldEmpty .optionGroupItemLabel{color:var(--content-system-primary, #1c1d1f);transform:translateY(10.5px) scale(1)}.selectFieldCompact.selectFieldEmpty .selectInput{opacity:0;pointer-events:none}.selectFieldHasClear{padding-right:46px}.selectFieldReadonly{cursor:pointer}.selectFieldReadonly .selectInput{cursor:pointer;caret-color:transparent}.selectInput{flex:1;min-width:60px;width:auto;padding:4px;border:none;outline:none;background:transparent;color:var(--content-system-primary, #1c1d1f);font-size:14px;line-height:1.5}.selectInput::-moz-placeholder{color:var(--content-system-tertiary, #939599)}.selectInput::placeholder{color:var(--content-system-tertiary, #939599)}.selectTag{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border:1px solid var(--stroke-system-border-default, rgba(0, 0, 0, .08));border-radius:6px;background:var(--background-system-frame-floatpanel, #fff);color:var(--content-system-primary, #1c1d1f);font-size:12px;white-space:nowrap}.selectTagClose{display:inline-flex;align-items:center;margin-left:4px;padding:0;border:none;background:transparent;cursor:pointer}.selectClear{position:absolute;top:50%;right:26px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;padding:0;border:none;border-radius:50%;background:var(--content-system-quaternary, #abadb2);transform:translateY(-50%);cursor:pointer}.selectArrowBtn{position:absolute;top:50%;right:8px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;transform:translateY(-50%);cursor:pointer;transition:transform .2s ease}.selectArrowBtnOpen{transform:translateY(-50%) rotate(180deg)}.selectDropdown{position:fixed;z-index:1100;padding:4px;border-radius:12px;background:var(--background-system-frame-floatpanel, #fff);box-shadow:0 0 2px #00000014,0 8px 24px #0000001a;box-sizing:border-box}.selectOption{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--content-system-primary, #1c1d1f);font-size:14px;text-align:left;cursor:pointer}.selectOption:hover{background:var(--background-system-main-background-default, #f6f7fa)}.selectOptionSelected{background:var(--background-system-selected, #f1f8ff)}.skillUploadPanel{display:flex;flex-direction:column;flex:1 1 auto;width:100%;margin:0;border:2px dashed var(--stroke-drop-area, #ebedf2);border-radius:12px;background:var(--background-system-main-background-default, #f6f7fa);box-sizing:border-box;overflow:hidden;font:inherit;color:inherit}.skillUploadPanelEmpty{gap:12px;align-items:center;justify-content:center;min-height:96px;padding:12px 8px 8px;cursor:pointer}.skillUploadPanelEmpty:hover:not(:disabled),.skillUploadPanelEmpty.skillUploadPanelDragging:not(:disabled){border-color:var(--stroke-drop-area-hover, #c5c8ce)}.skillUploadPanelEmpty:disabled{opacity:.5;cursor:not-allowed}.skillUploadPanelText{color:var(--content-system-secondary, #616366);font-size:12px;line-height:1.5;text-align:center}.skillUploadPanelFilled{justify-content:flex-start;min-height:0;padding:6px}.skillUploadPanelFilled.skillUploadPanelDragging{border-color:var(--stroke-drop-area-hover, #c5c8ce)}.skillUploadPanelFilled.skillUploadPanelSingle{justify-content:center;align-items:center}.skillUploadPanelFilled.skillUploadPanelSingle .skillUploadMediaWrap{flex:1 1 auto;flex-wrap:nowrap;display:flex;align-content:center;align-items:center;justify-content:center;width:100%;height:100%;min-height:56px;container-type:size;container-name:skill-upload-single}.skillUploadPanelFilled.skillUploadPanelSingle .skillUploadMediaCell{width:56px;height:56px;max-width:56px;max-height:56px}@container skill-upload-single (min-height: 64px){.skillUploadMediaCell{aspect-ratio:1;width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;max-height:100%}.skillUploadMediaCell img{width:100%;height:100%}}.skillUploadMediaWrap{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;align-content:flex-start;align-items:flex-start;width:100%;box-sizing:border-box}.skillUploadMediaCell{position:relative;flex:none;width:56px;height:56px;max-width:56px;max-height:56px;overflow:hidden;border-radius:8px;background:var(--background-system-space-holder, #f6f7fa);box-sizing:border-box}.skillUploadMediaCell img{position:absolute;top:0;left:0;display:block;width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.skillUploadMediaCell:hover .skillUploadMediaRemove{display:inline-flex}.skillUploadMediaFile{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;box-sizing:border-box}.skillUploadMediaFileName{display:-webkit-box;overflow:hidden;color:var(--content-system-secondary, #616366);font-size:10px;line-height:1.2;text-align:center;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skillUploadMediaRemove{position:absolute;top:4px;right:4px;display:none;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;padding:0;border:.5px solid var(--button-stroke-transparent, rgba(255, 255, 255, .1));border-radius:999px;background:#00000080;cursor:pointer;line-height:0;z-index:1}.skillUploadMediaAdd{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:none;border-radius:8px;background:var(--background-system-frame-floatpanel, #fff);cursor:pointer}.skillUploadMediaAdd:hover:not(:disabled){background:var(--background-btn-tertiary-hover, #e4e8ee)}.skillUploadMediaAdd:disabled{cursor:not-allowed;opacity:.7}.numberField{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:12px;border-radius:12px;background:var(--background-system-space-holder, #f6f7fa)}.numberLabel{color:var(--content-system-primary, #1c1d1f);font-size:14px;font-weight:500}.numberControls{display:flex;align-items:center;gap:4px}.numberBtn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:var(--background-input, #fff);cursor:pointer}.numberBtn:hover:not(:disabled){background:var(--background-btn-hover, rgba(0, 31, 92, .06))}.numberBtn:disabled{cursor:not-allowed;opacity:.4}.numberValue{min-width:42px;width:42px;height:26px;padding:0 4px;border:none;border-radius:6px;background:var(--background-input, #fff);color:var(--content-system-primary, #1c1d1f);font-size:14px;font-weight:500;line-height:26px;text-align:center;outline:none;box-sizing:border-box}.chipGroup{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:var(--background-btn-tertiary, #f3f5f7);color:var(--content-system-primary, #1c1d1f);font-size:14px;box-sizing:border-box;cursor:pointer}.chip:hover:not(.chipSelected){background:var(--background-btn-tertiary-hover, #e4e8ee)}.chipSelected{border-color:var(--background-canvas-select, rgba(64, 143, 255, .25));background:var(--background-system-selected, #f1f8ff)}.checkbox{flex-shrink:0;box-sizing:border-box;width:16px;height:16px;border:1px solid var(--stroke-checkbox, #d0d2d6);border-radius:4px}.checkboxChecked{position:relative;border-color:var(--background-checkbox-selected, #38f);background:var(--background-checkbox-selected, #38f)}.checkboxChecked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.optionGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.optionGroupItemFull{grid-column-start:1;grid-column-end:-1}.optionGroupItemLabel{display:flex;align-items:center;margin:0;color:var(--content-system-tertiary, #939599);font-size:10px;line-height:1.5}.optionGroupItemHint{margin:2px 0 0;color:var(--content-system-tertiary, #939599);font-size:10px;line-height:1.4}.skillModalDrawer{--skill-modal-max-height: calc(100vh - 54px) ;--skill-modal-max-height: calc(100dvh - 54px) ;--skill-modal-preview-height: clamp(144px, 24vh, 200px);--skill-modal-preview-height: clamp(144px, 24dvh, 200px)}.skillModalDrawer .ant-drawer-mask{background:#00000080}.skillModalDrawer .ant-drawer-content-wrapper{max-height:var(--skill-modal-max-height);box-shadow:none}.skillModalDrawer .ant-drawer-content{height:auto;max-height:var(--skill-modal-max-height);overflow:hidden;border-radius:24px 24px 0 0;background:transparent}.skillModalDrawer .ant-drawer-wrapper-body,.skillModalDrawer .ant-drawer-body{height:auto;max-height:var(--skill-modal-max-height);overflow:hidden}.skillModalDrawer .ant-drawer-body{padding:0}.skillModalDrawer .skillModalShell{display:block;width:100%;height:auto;max-height:var(--skill-modal-max-height);overflow:hidden;border-radius:24px 24px 0 0}.skillModalDrawer .skillModal{flex-direction:column;width:100%;max-width:none;height:auto;max-height:var(--skill-modal-max-height);min-height:0;border-radius:24px 24px 0 0;box-shadow:none}.skillModalDrawer .skillModalClose{top:12px;right:12px;left:auto;width:28px;height:28px;margin-left:0;padding:6px;border:1px solid var(--system-stroke-quaternary, #e3e5ea);border-radius:999px;background:var(--button-background-secondary, #f7f8fa)}.skillModalDrawer .skillModalLeft{flex:0 0 var(--skill-modal-preview-height);width:100%;min-height:0;background:var(--background-system-frame-floatpanel, #fff)}.skillModalDrawer .skillModalRight{flex:1 1 auto;width:100%;min-height:0;border-radius:0}.skillModalDrawer .skillModalHeader{position:relative;justify-content:center;padding:8px 20px 16px}.skillModalDrawer .skillModalBack,.skillModalDrawer .skillModalPreviewGrid,.skillModalDrawer .skillModalPreviewFade{display:none}.skillModalDrawer .skillModalPreviewCards{min-height:0}.skillModalDrawer .skillModalPreviewSingle{padding:24px 48px 8px}.skillModalDrawer .skillModalPreviewSwiper{max-height:160px;margin-top:40px}.skillModalDrawer .skillModalPreviewPagination{margin-top:8px}.skillModalDrawer .skillModalPreviewSlide,.skillModalDrawer .skillModalPreviewSwiper .swiper-slide{width:128px}.skillModalDrawer .skillModalPreviewCard,.skillModalDrawer .skillModalPreviewCard img,.skillModalDrawer .skillModalPreviewCard video,.skillModalDrawer .skillModalPreviewMedia{max-width:128px;max-height:160px}.skillModalDrawer .skillModalForm{padding:0 20px 20px!important}.skillModalDrawer .skillFormPanel{height:auto}.skillModalDrawer .skillModalFormArea{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.skillModalDrawer .skillModalFooter{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))!important}@media (prefers-reduced-motion: reduce){.skillModalDrawer .ant-drawer-content-wrapper{transition:none}}.skillFormPanel{display:flex;flex:1;flex-direction:column;min-height:0;height:100%;background:var(--background-system-frame-floatpanel, #fff)}.skillModalFormArea{flex:1;min-height:0}.skillModalScroll{height:100%!important}.skillModalLoading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--content-system-tertiary, #939599);font-size:14px}.skillModalFooter{display:flex;flex-shrink:0;gap:12px;align-items:center;box-shadow:0 -1px 2px -1px #0000000a,0 -2px 8px -2px #0000000f}.skillModalCustomBtn{flex-shrink:0;height:44px;padding:0 16px;border-radius:12px;background:var(--background-btn-tertiary, #f3f5f7);color:var(--content-system-primary);font-size:14px;line-height:1.5;cursor:pointer;border:none}.skillModalCustomBtnDisabled{border-color:transparent;color:var(--content-system-quaternary, #abadb2);cursor:not-allowed}.skillModalSubmit{display:flex;flex:1;align-items:center;justify-content:center;height:44px;border:none;border-radius:12px;background:var(--background-btn-black, #1c1d1f);color:var(--content-btn-primary, #fff);font-size:14px;font-weight:500;cursor:pointer}.skillModalSubmitDisabled{opacity:.2;cursor:not-allowed}