.skill-example-media[data-v-727388d1]{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--surface-panel-light)}.skill-example-media img[data-v-727388d1],.skill-example-media video[data-v-727388d1]{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.skill-example-media .skill-example-media-error[data-v-727388d1]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3)}.skill-example-media .skill-example-media-error p[data-v-727388d1]{margin:0;color:var(--text-icon-white-secondary);font-size:1.4rem}.skill-example-dialog-overlay{background:var(--surface-opacity-black-dark)}.skill-example-dialog{--el-dialog-bg-color:var(--surface-popup);--el-dialog-padding-primary:2.4rem;--el-text-color-primary:var(--text-icon-white-primary);--el-text-color-regular:var(--text-icon-white-light);display:flex;flex-direction:column;box-sizing:border-box;width:86rem;max-width:calc(100% - 3.2rem);height:68rem;max-height:calc(100vh - 12.8rem);padding:var(--spacing-6);overflow:hidden;border:.5px solid var(--stroke-light);border-radius:var(--radius-3xl);box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.skill-example-dialog.is-game{height:auto}.skill-example-dialog .el-dialog__header{flex:none;padding:0;margin:0 0 var(--spacing-5)}.skill-example-dialog .skill-example-dialog-summary{display:flex;align-items:center;gap:var(--spacing-4)}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-cover{flex:none;width:7.4rem;height:7.4rem;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy{display:flex;align-items:flex-end;gap:var(--spacing-3);flex:1;min-width:0}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy h2{margin:0;overflow:hidden;color:var(--text-icon-white-primary);font-size:1.8rem;font-weight:700;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy .skill-example-dialog-description{display:flex;flex-direction:column;gap:var(--spacing-3);flex:1;min-width:0}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy .skill-example-dialog-description p{flex:1;min-width:0;margin:0;color:var(--text-icon-white-light);font-size:1.4rem;line-height:normal;overflow-wrap:anywhere}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy .skill-example-dialog-actions{display:flex;align-items:center;flex:none;gap:var(--spacing-3)}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy .skill-example-dialog-actions .base-button{border-radius:var(--radius-full)}.skill-example-dialog .skill-example-dialog-close{position:absolute;top:var(--spacing-3);right:var(--spacing-3)}.skill-example-dialog .el-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.skill-example-dialog .skill-example-dialog-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.skill-example-dialog .skill-example-dialog-content h3{margin:0;color:var(--text-icon-white-primary);font-size:1.4rem;font-weight:500;line-height:normal}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-result{flex:none;overflow:hidden;border-radius:var(--radius-4xl);background:var(--surface-panel-light)}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-models .skill-example-dialog-model{overflow:hidden;border-radius:var(--radius-4xl);background:var(--surface-panel-light)}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-models .skill-example-dialog-model p{margin:0;padding:var(--spacing-5);color:var(--text-icon-white-primary);font-size:1.4rem;font-weight:500;line-height:normal}@media screen and (max-width:1024px){.skill-example-dialog{max-height:calc(100vh - 3.2rem)}}@media screen and (max-width:480px){.skill-example-dialog{padding:var(--spacing-4)}.skill-example-dialog .skill-example-dialog-summary{gap:var(--spacing-3)}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-cover{width:5.6rem;height:5.6rem}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy h2{font-size:1.6rem}.skill-example-dialog .skill-example-dialog-summary .skill-example-dialog-copy .skill-example-dialog-description{flex-direction:column;align-items:flex-start}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-result{height:auto;min-height:16rem;aspect-ratio:812/400}.skill-example-dialog .skill-example-dialog-content .skill-example-dialog-models{grid-template-columns:minmax(0,1fr)}}.skill-examples[data-v-4aaebf1c]{display:grid;grid-template-columns:minmax(0,80.8rem) minmax(0,18rem);gap:var(--spacing-4)}.skill-examples.is-image-gallery[data-v-4aaebf1c]{grid-template-columns:minmax(0,1fr) 14.8rem;gap:var(--spacing-5)}.skill-examples.is-image-gallery .skill-example-stage[data-v-4aaebf1c]{height:48.4rem}.skill-examples.is-image-gallery .skill-example-thumbnails[data-v-4aaebf1c]{height:48.4rem;gap:var(--spacing-5)}.skill-examples.is-image-gallery .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{box-sizing:border-box;flex:0 0 14.8rem;height:14.8rem;border-width:0;background:var(--surface-black-bg)}.skill-examples.is-image-gallery .skill-example-thumbnails .skill-example-thumbnail img[data-v-4aaebf1c]{border-radius:var(--radius-2xl)}.skill-examples.is-image-gallery .skill-example-thumbnails .skill-example-thumbnail.is-active[data-v-4aaebf1c]{border-width:2px}.skill-examples.is-image-gallery .skill-example-thumbnails .skill-example-thumbnail.is-active img[data-v-4aaebf1c]{border-radius:var(--radius-xl)}.skill-examples.is-game-gallery[data-v-4aaebf1c]{grid-template-columns:minmax(0,80.8rem) minmax(0,18rem);gap:var(--spacing-4)}.skill-examples.is-game-gallery .skill-example-stage[data-v-4aaebf1c]{height:48rem;border-radius:var(--radius-3xl)}.skill-examples.is-game-gallery .skill-example-thumbnails[data-v-4aaebf1c]{height:48rem;gap:var(--spacing-4)}.skill-examples.is-game-gallery .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{flex:0 0 calc(33.33333% - 1.06667rem);height:auto;border-width:1px;border-color:var(--stroke-light);opacity:.8}.skill-examples.is-game-gallery .skill-example-thumbnails .skill-example-thumbnail.is-active[data-v-4aaebf1c]{border-width:2px;border-color:var(--text-icon-brand);padding:4px;opacity:1}.skill-examples .skill-example-thumbnails[data-v-4aaebf1c]{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0;height:48rem;overflow-y:auto}.skill-examples .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{display:block;flex:1 0 0;min-height:0;width:100%;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-2xl);background:var(--surface-panel-light);opacity:.8;cursor:pointer}.skill-examples .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]:hover{opacity:1}.skill-examples .skill-example-thumbnails .skill-example-thumbnail.is-active[data-v-4aaebf1c]{padding:2px;border-color:var(--text-icon-brand);opacity:1}.skill-examples .skill-example-thumbnails .skill-example-thumbnail img[data-v-4aaebf1c]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1rem}.skill-examples .skill-example-demo[data-v-4aaebf1c]{grid-column:1/-1;margin:0;color:var(--text-icon-white-light);font-size:1.2rem}.skill-example-stage[data-v-4aaebf1c]{--video-preview-padding:4rem;position:relative;width:100%;height:48rem;overflow:hidden;border-radius:var(--radius-2xl);background:var(--surface-offblack-pannel);color:var(--text-icon-white-primary)}.skill-example-stage .skill-example-image[data-v-4aaebf1c],.skill-example-stage .skill-example-video[data-v-4aaebf1c]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.skill-example-stage .skill-example-video[data-v-4aaebf1c]{-o-object-fit:contain;object-fit:contain;background:#000}.skill-example-stage .skill-example-play[data-v-4aaebf1c]{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;padding:0;transform:translate(-50%,-50%);border:0;border-radius:var(--radius-full);background:var(--surface-opacity-black);color:var(--text-icon-white-primary);cursor:pointer}.skill-example-stage .skill-example-open[data-v-4aaebf1c]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.skill-example-stage .skill-example-error[data-v-4aaebf1c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);font-size:1.4rem}.skill-example-stage .skill-example-tools[data-v-4aaebf1c]{position:absolute;top:var(--spacing-2);right:var(--spacing-2)}.skill-example-stage .skill-example-caption[data-v-4aaebf1c]{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:var(--spacing-3);padding:var(--spacing-10) var(--spacing-6) var(--spacing-6);background:linear-gradient(180deg,transparent,rgba(0,0,0,.26) 32%,rgba(0,0,0,.8));pointer-events:none}.skill-example-stage .skill-example-caption .skill-example-copy[data-v-4aaebf1c]{flex:1;min-width:0}.skill-example-stage .skill-example-caption .skill-example-copy h3[data-v-4aaebf1c]{margin:0 0 var(--spacing-3);font-size:1.8rem;font-weight:700;line-height:normal}.skill-example-stage .skill-example-caption .skill-example-copy p[data-v-4aaebf1c]{margin:0;font-size:1.4rem;line-height:normal}.skill-example-stage .skill-example-caption[data-v-4aaebf1c] .base-button{flex:none;border-radius:var(--radius-full);pointer-events:auto}.skill-example-stage.is-video[data-v-4aaebf1c]{box-sizing:border-box;padding:var(--video-preview-padding);border-radius:var(--radius-3xl);background:url(https://hitem3dstatic.zaohaowu.net/FE/static/sparc3d-website/agent-skills/game-background.webp) 50%/cover,linear-gradient(#000000a6,#000000a6),url(https://hitem3dstatic.zaohaowu.net/FE/static/sparc3d-website/agent-skills/game-background-base.webp) 50% /cover}.skill-example-stage.is-video .skill-example-video[data-v-4aaebf1c]{border-radius:var(--radius-2xl);-o-object-fit:cover;object-fit:cover}.skill-example-stage.is-video.is-playing .skill-example-video[data-v-4aaebf1c]{-o-object-fit:contain;object-fit:contain}.skill-example-stage.is-video.is-playing .skill-example-caption[data-v-4aaebf1c]{bottom:4rem}.skill-example-stage.is-expanded[data-v-4aaebf1c]{width:100%;height:100%;padding:0;border-radius:0;background:#000}.skill-example-stage.is-expanded .skill-example-video[data-v-4aaebf1c]{-o-object-fit:contain;object-fit:contain}.skill-example-stage[data-v-4aaebf1c]:fullscreen{width:100%;height:100%;padding:0;border-radius:0;background:#000}.skill-example-stage:fullscreen .skill-example-video[data-v-4aaebf1c]{-o-object-fit:contain;object-fit:contain}.skill-example-stage.is-expanded[data-v-4aaebf1c]{position:fixed;inset:0;z-index:10000}.skill-example-stage button[data-v-4aaebf1c]:focus-visible{outline:2px solid var(--text-icon-brand);outline-offset:3px}@media screen and (max-width:1024px){.skill-examples[data-v-4aaebf1c],.skill-examples.is-image-gallery[data-v-4aaebf1c]{grid-template-columns:minmax(0,1fr)}.skill-examples.is-image-gallery .skill-example-stage[data-v-4aaebf1c]{height:auto;aspect-ratio:836/484}.skill-examples.is-image-gallery .skill-example-thumbnails[data-v-4aaebf1c]{height:auto}.skill-examples.is-image-gallery .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{flex:0 0 10rem;height:10rem}.skill-examples.is-game-gallery[data-v-4aaebf1c]{grid-template-columns:minmax(0,1fr)}.skill-examples.is-game-gallery .skill-example-stage[data-v-4aaebf1c]{height:auto;aspect-ratio:808/480}.skill-examples.is-game-gallery .skill-example-thumbnails[data-v-4aaebf1c]{height:auto}.skill-examples.is-game-gallery .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{flex:0 0 10rem;height:10rem}.skill-examples .skill-example-thumbnails[data-v-4aaebf1c]{flex-direction:row;height:auto;overflow-x:auto}.skill-examples .skill-example-thumbnails .skill-example-thumbnail[data-v-4aaebf1c]{flex:0 0 14rem;height:9rem}.skill-example-stage[data-v-4aaebf1c]{--video-preview-padding:1.6rem;height:auto;aspect-ratio:808/480}.skill-example-stage .skill-example-caption .skill-example-send[data-v-4aaebf1c]{display:none}}@media screen and (max-width:480px){.skill-examples.is-image-gallery .skill-example-stage[data-v-4aaebf1c]{aspect-ratio:auto}.skill-examples.is-image-gallery .skill-example-stage .skill-example-image[data-v-4aaebf1c]{aspect-ratio:836/484}.skill-examples.is-game-gallery .skill-example-stage[data-v-4aaebf1c]{aspect-ratio:auto}.skill-examples.is-game-gallery .skill-example-stage .skill-example-image[data-v-4aaebf1c]{aspect-ratio:808/480}.skill-example-stage[data-v-4aaebf1c]{--video-preview-padding:0;aspect-ratio:auto;overflow:visible}.skill-example-stage .skill-example-image[data-v-4aaebf1c],.skill-example-stage .skill-example-video[data-v-4aaebf1c]{height:auto;aspect-ratio:808/480;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.skill-example-stage .skill-example-play[data-v-4aaebf1c]{top:9rem;transform:translate(-50%)}.skill-example-stage .skill-example-caption[data-v-4aaebf1c]{position:relative;flex-direction:column;align-items:flex-start;padding:var(--spacing-4);background:var(--surface-offblack-pannel);border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.skill-example-stage .skill-example-caption .skill-example-copy h3[data-v-4aaebf1c]{font-size:1.6rem}.skill-example-stage.is-video.is-playing .skill-example-caption[data-v-4aaebf1c]{bottom:auto}.skill-example-stage.is-expanded .skill-example-video[data-v-4aaebf1c]{height:100%;aspect-ratio:auto}.skill-example-stage.is-expanded .skill-example-play[data-v-4aaebf1c]{top:50%;transform:translate(-50%,-50%)}.skill-example-stage:fullscreen .skill-example-video[data-v-4aaebf1c]{height:100%;aspect-ratio:auto}.skill-example-stage:fullscreen .skill-example-play[data-v-4aaebf1c]{top:50%;transform:translate(-50%,-50%)}}.agent-skill-detail-page[data-v-49eeb3f4]{position:relative;box-sizing:border-box;min-height:100%}.agent-skill-detail-page .agent-skill-back[data-v-49eeb3f4]{position:absolute;top:var(--spacing-6);left:var(--spacing-6);gap:var(--spacing-2);padding:0;color:var(--text-icon-white-primary);font-size:1.4rem;font-weight:400}.agent-skill-detail-page .agent-skill-back .agent-skill-back-icon[data-v-49eeb3f4]{display:flex;align-items:center;justify-content:center;width:var(--component-size-s);height:var(--component-size-s);border-radius:var(--radius-m);background:var(--minor-button-default);color:var(--text-icon-white-secondary)}.agent-skill-detail-page .agent-skill-back[data-v-49eeb3f4]:hover:not(:disabled){background:var(--transparent-button-default)}.agent-skill-detail-page .agent-skill-back:hover:not(:disabled) .agent-skill-back-icon[data-v-49eeb3f4]{background:var(--minor-button-hover);color:var(--text-icon-white-primary)}.agent-skill-detail-page .agent-skill-back[data-v-49eeb3f4]:active:not(:disabled){background:var(--transparent-button-default)}.agent-skill-detail-page .agent-skill-back:active:not(:disabled) .agent-skill-back-icon[data-v-49eeb3f4]{background:var(--minor-button-active)}.agent-skill-detail[data-v-49eeb3f4]{width:calc(100% - 6.4rem);max-width:100.4rem;margin:0 auto;padding:var(--spacing-6) 0 var(--spacing-8);font-size:1.4rem;line-height:normal}.agent-skill-detail .agent-skill-state[data-v-49eeb3f4]{padding:var(--spacing-10);text-align:center}.agent-skill-detail .agent-skill-information[data-v-49eeb3f4]{margin:0 .2rem}.agent-skill-detail .agent-skill-information h1[data-v-49eeb3f4]{display:flex;align-items:center;gap:var(--spacing-2);margin:0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--stroke-light);font-size:1.6rem;font-weight:400}.agent-skill-detail .agent-skill-information h1 img[data-v-49eeb3f4]{display:block;opacity:.75}.agent-skill-detail .agent-skill-information .agent-skill-summary[data-v-49eeb3f4]{display:flex;gap:var(--spacing-4);align-items:center;margin-top:var(--spacing-6)}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-cover[data-v-49eeb3f4]{flex:none;width:7.4rem;height:7.4rem;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy[data-v-49eeb3f4]{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy h2[data-v-49eeb3f4]{margin:0 0 var(--spacing-3);font-size:2.4rem;font-weight:700;line-height:normal;overflow-wrap:anywhere}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy .agent-skill-credits[data-v-49eeb3f4]{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:var(--radius-m);background:var(--surface-panel-light);color:var(--text-icon-white-light)}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy .agent-skill-credits strong[data-v-49eeb3f4]{font-weight:500;color:var(--text-icon-white-primary)}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-use[data-v-49eeb3f4]{flex:none;border-radius:var(--radius-full)}.agent-skill-detail .agent-skill-information .agent-skill-overview[data-v-49eeb3f4]{margin-top:var(--spacing-6)}.agent-skill-detail .agent-skill-information .agent-skill-overview h3[data-v-49eeb3f4]{margin:0 0 var(--spacing-3);font-size:1.6rem;font-weight:500}.agent-skill-detail .agent-skill-information .agent-skill-overview p[data-v-49eeb3f4]{margin:0;color:var(--text-icon-white-light);font-size:1.4rem;line-height:normal}.agent-skill-detail .agent-skill-inspiration[data-v-49eeb3f4]{margin-top:var(--spacing-10)}.agent-skill-detail .agent-skill-inspiration .agent-skill-inspiration-header[data-v-49eeb3f4]{display:flex;align-items:flex-end;gap:var(--spacing-2);box-sizing:border-box;height:2.9rem;margin:0 0 var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--stroke-light)}.agent-skill-detail .agent-skill-inspiration .agent-skill-inspiration-header h2[data-v-49eeb3f4]{flex:1;min-width:0;margin:0;font-size:1.6rem;font-weight:500}.agent-skill-detail .agent-skill-inspiration .agent-skill-inspiration-header .agent-skill-demo[data-v-49eeb3f4]{flex:none;margin:0;color:var(--text-icon-white-light);font-size:1.4rem;text-align:right;white-space:nowrap}@media screen and (max-width:1359px){.agent-skill-detail-page[data-v-49eeb3f4]{padding-top:calc(var(--spacing-6) + var(--component-size-s))}}@media screen and (max-width:1024px){.agent-skill-detail-page .agent-skill-back[data-v-49eeb3f4]{left:var(--spacing-4)}.agent-skill-detail[data-v-49eeb3f4]{width:calc(100% - 3.2rem)}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-use[data-v-49eeb3f4]{display:none}}@media screen and (max-width:480px){.agent-skill-detail .agent-skill-information .agent-skill-summary[data-v-49eeb3f4]{flex-wrap:wrap;align-items:flex-start}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-cover[data-v-49eeb3f4]{width:5.6rem;height:5.6rem}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy[data-v-49eeb3f4]{flex:1 1 calc(100% - 7.2rem)}.agent-skill-detail .agent-skill-information .agent-skill-summary .agent-skill-summary-copy h2[data-v-49eeb3f4]{font-size:1.8rem}}