html:has(>body.el-popup-parent--hidden .skill-detail-dialog-overlay){scrollbar-gutter:stable}html:has(.skill-detail-dialog-overlay)>body.el-popup-parent--hidden{width:100%!important}.skill-detail-dialog-overlay{-webkit-backdrop-filter:blur(20px);background:#000c}.skill-detail-dialog-overlay .el-overlay-dialog{box-sizing:border-box;padding:16px}.el-dialog.skill-detail-dialog{box-sizing:border-box;background:#212121;border:.5px solid #525252;border-radius:20px;max-height:calc(100vh - 32px);margin:auto;padding:23px 23.5px;position:relative;overflow:visible;box-shadow:0 25px 50px -12px #00000040}.el-dialog.skill-detail-dialog .el-dialog__header{display:none}.el-dialog.skill-detail-dialog .el-dialog__body{color:#f7f7f7;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}.skill-detail-dialog__content{grid-template-columns:360px minmax(0,1fr);gap:32px;min-height:640px;display:grid;position:relative}.skill-detail-dialog__media{background:#000;border-radius:16px;width:360px;height:640px;position:relative;overflow:hidden}.skill-detail-dialog__media>img,.skill-detail-dialog__media>video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.skill-detail-dialog__media video{opacity:0;pointer-events:none;background:#000;transition:opacity .18s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.skill-detail-dialog__media video.is-active.is-ready{opacity:1;pointer-events:auto;z-index:1}.skill-detail-dialog__media>.agent-media-skeleton{z-index:2}.skill-detail-dialog__media-controls{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.skill-detail-dialog__creation-detail,.skill-detail-dialog__video-pagination{-webkit-backdrop-filter:blur(12px);color:#fff;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#141414b8;border:1px solid #ffffff14;border-radius:8px;height:32px;box-shadow:0 4px 12px #0000002e}.skill-detail-dialog__creation-detail{cursor:pointer;letter-spacing:0;justify-content:center;align-items:center;gap:2px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:400;line-height:20px;transition:background-color .16s,border-color .16s,transform .12s;display:flex}.skill-detail-dialog__creation-detail img{pointer-events:none;flex:0 0 9px;width:9px;height:9px;display:block}.skill-detail-dialog__creation-detail:hover{background:#242424d6;border-color:#ffffff29}.skill-detail-dialog__creation-detail:active{transform:translateY(1px)}.skill-detail-dialog__creation-detail:focus-visible{outline-offset:2px;outline:2px solid #fff}.skill-detail-dialog__video-pagination button:focus-visible{outline-offset:2px;outline:2px solid #fff}.skill-detail-dialog__video-pagination{font-variant-numeric:tabular-nums;letter-spacing:0;justify-content:space-between;align-items:center;gap:2px;min-width:94px;padding:0 4px;font-size:13px;line-height:20px;display:flex}.skill-detail-dialog__video-pagination button{color:#ffffffd1;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background-color .16s,color .16s;display:flex}.skill-detail-dialog__video-pagination button:hover{color:#fff;background:#ffffff1a}.skill-detail-dialog__video-pagination :deep(.nuxt-icon){justify-content:center;align-items:center;width:14px;height:14px;display:flex}.skill-detail-dialog__panel{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.skill-detail-dialog__main{flex-direction:column;gap:20px;display:flex}.skill-detail-dialog__header{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:0 36px 21px 0;display:flex}.skill-detail-dialog__header h2,.skill-detail-dialog__introduction dd,.skill-detail-dialog__introduction dl,.skill-detail-dialog__introduction h3{margin:0}.skill-detail-dialog__header h2{color:#f7f7f7;letter-spacing:0;font-size:24px;font-weight:500;line-height:34px}.skill-detail-dialog__metrics{color:#a8a8a8;letter-spacing:0;align-items:center;gap:6px;min-height:20px;font-size:13px;font-weight:400;line-height:20px;display:flex}.skill-detail-dialog__metrics>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.skill-detail-dialog__metrics>i{background:#ffffff57;border-radius:50%;flex:0 0 3px;width:3px;height:3px}.skill-detail-dialog__metrics img{width:13px;height:13px}.skill-detail-dialog__introduction{flex-direction:column;gap:12px;display:flex}.skill-detail-dialog__introduction h3{color:#f7f7f7;letter-spacing:0;height:32px;padding-bottom:8px;font-size:15px;font-weight:500;line-height:24px}.skill-detail-dialog__introduction dl{flex-direction:column;gap:12px;display:flex}.skill-detail-dialog__introduction dl>div{grid-template-columns:70px minmax(0,1fr);gap:16px;min-width:0;display:grid}.skill-detail-dialog__introduction dd,.skill-detail-dialog__introduction dt{letter-spacing:0;min-width:0;font-size:14px;font-weight:400;line-height:20px}.skill-detail-dialog__introduction dt{color:#a8a8a8}.skill-detail-dialog__introduction dd{color:#f7f7f7;overflow-wrap:anywhere}.skill-detail-dialog__actions{align-items:center;gap:8px;width:100%;display:flex}.skill-detail-dialog__actions button,.skill-detail-dialog__close{cursor:pointer;letter-spacing:0;border:0;font-family:inherit}.skill-detail-dialog__actions button{border-radius:8px;justify-content:center;align-items:center;height:48px;font-size:16px;font-weight:500;line-height:22px;transition:background-color .16s,border-color .16s,transform .12s;display:flex}.skill-detail-dialog__actions button:active,.skill-detail-dialog__close:active{transform:translateY(1px)}.skill-detail-dialog__actions button:focus-visible{outline-offset:2px;outline:2px solid #fff}.skill-detail-dialog__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.skill-detail-dialog__favorite{color:#fff;background:0 0;flex:none;gap:8px;padding:0 20px;border:1px solid #363636!important}.skill-detail-dialog__favorite:hover{background:#ffffff0a;border-color:#525252!important}.skill-detail-dialog__favorite img{width:16px;height:16px}.skill-detail-dialog__use{color:#141414;background:#fff;flex:1;min-width:0;padding:0 20px}.skill-detail-dialog__use:hover{background:#f0f0f0}.skill-detail-dialog__close{z-index:1;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .16s,transform .12s;display:flex;position:absolute;top:0;right:0}.skill-detail-dialog__close:hover{background:#ffffff0f}.skill-detail-dialog__close img{width:12px;height:12px}.skill-detail-dialog__navigation{-webkit-user-select:none;user-select:none;flex-direction:column;gap:14px;width:42px;display:flex;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.skill-detail-dialog__navigation button,.skill-detail-dialog__navigation-trigger{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.skill-detail-dialog__navigation button{cursor:pointer;background:#212121;border:.5px solid #525252;padding:0;transition:background-color .16s,border-color .16s,opacity .16s,transform .12s;box-shadow:0 29px 58px -14px #00000040}.skill-detail-dialog__navigation button:hover:not(:disabled){background:#2a2a2a;border-color:#707070}.skill-detail-dialog__navigation button:active:not(:disabled){transform:translateY(1px)}.skill-detail-dialog__navigation button:focus-visible{outline-offset:2px;outline:2px solid #fff}.skill-detail-dialog__navigation button:disabled{cursor:not-allowed;opacity:.36;pointer-events:none}.skill-detail-dialog__navigation-trigger:has(button:disabled){cursor:not-allowed}.skill-detail-dialog__navigation img{pointer-events:none;-webkit-user-drag:none;width:19px;height:19px}.skill-detail-dialog__navigation button.is-next img{transform:rotate(180deg)}@media (max-width:760px){.el-dialog.skill-detail-dialog{padding:16px;overflow-y:auto}.skill-detail-dialog__content{flex-direction:column;gap:24px;min-height:0;display:flex}.skill-detail-dialog__media{aspect-ratio:9/16;width:min(72vw,360px);height:auto;margin:0 auto}.skill-detail-dialog__panel{gap:32px}.skill-detail-dialog__close{background:#212121b8;align-self:flex-end;margin-bottom:-52px;position:sticky}.skill-detail-dialog__navigation{flex-direction:row;justify-content:center;width:100%;margin-top:16px;position:static;transform:none}}