@charset "UTF-8";.scroller[data-v-87091923]{overflow:auto;height:100%;width:100%}.scroller.hide-scrollbar[data-v-87091923]{scrollbar-width:none;-ms-overflow-style:none}.scroller.hide-scrollbar[data-v-87091923]::-webkit-scrollbar{display:none}.scroller .scroller-placeholder[data-v-87091923]{width:100%;height:44px;flex-shrink:0}.card-list-wrapper[data-v-a12cebd3]{width:100%;height:100%}.grid-layout[data-v-a12cebd3]{display:grid;justify-items:center;align-content:start}.grid-layout[data-v-a12cebd3] .scroller-placeholder{grid-column:1/-1}@keyframes anim-loading-data-86c03c00{0%{opacity:1}to{opacity:.5}}.icon-loading[data-v-86c03c00]{display:inline-flex;width:20px;height:20px;background:url(https://static.seeles.ai/p/code4agent-site/assets/images/connect-JvI9ezsC-0307.svg) no-repeat center center;background-size:cover}.hide-image[data-v-86c03c00]{opacity:0}.card[data-v-86c03c00]{box-sizing:border-box;position:relative}.card img[data-v-86c03c00],.card.disabled-click[data-v-86c03c00]{pointer-events:none}.card.loading[data-v-86c03c00]{animation:anim-loading-data-86c03c00 .8s ease infinite alternate}.card.loading .card-image[data-v-86c03c00],.card.loading .card-footer[data-v-86c03c00]{display:none!important}.card.loading .card-skeleton[data-v-86c03c00]{display:block}.card.active-type-radio .card-image[data-v-86c03c00]:after{content:"";position:absolute;right:6px;top:6px;width:13px;height:13px;border-radius:100%}.card.active-type-radio.active .card-image[data-v-86c03c00]:after{border:0 none;background:#4dbfff url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2012L10%2017L20%207'%20stroke='%23FFFFFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center center;background-size:66.66% 66.66%}.card.active-type-radio.active.disabled .card-image[data-v-86c03c00]:after{filter:grayscale(1)}.card.show-image .card-image[data-v-86c03c00]{display:block}.card .card-image[data-v-86c03c00]{display:none;position:relative;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.card .card-image .card-image-loading[data-v-86c03c00]{position:absolute;vertical-align:top;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card .card-image .card-image-loading.show-loading-mask[data-v-86c03c00]{background-color:#0000004d}.card .card-image .card-image-loading .card-image-loading-text[data-v-86c03c00]{display:block;font-size:14px;color:#fff;margin-top:5px}.card .card-skeleton[data-v-86c03c00]{display:none;position:relative;width:100%;height:100%}.card .card-cover[data-v-86c03c00],.card .card-gif[data-v-86c03c00],.card .card-video[data-v-86c03c00],.card .card-model[data-v-86c03c00]{position:absolute;vertical-align:top;object-fit:cover;width:100%;height:100%}.card .card-cover[data-v-86c03c00]{transition:opacity .3s linear}.card .card-gif[data-v-86c03c00],.card .card-video[data-v-86c03c00],.card .card-model[data-v-86c03c00],.card.show-gif .card-cover[data-v-86c03c00]{display:none}.card.show-gif .card-gif[data-v-86c03c00]{display:block}.card.show-video .card-cover[data-v-86c03c00]{display:none}.card.show-video .card-video[data-v-86c03c00]{display:block}.card.show-model .card-cover[data-v-86c03c00]{display:none}.card.show-model .card-model[data-v-86c03c00]{display:block}.card .card-image-content[data-v-86c03c00]{position:relative;width:100%;height:100%;color:#fff}.like-icon-wrapper[data-v-c6d4c5ff]{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.like-icon-wrapper .sparkles[data-v-c6d4c5ff]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background-color:#ff5264;opacity:0}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(1){--angle: 0deg}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(2){--angle: 60deg}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(3){--angle: 120deg}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(4){--angle: 180deg}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(5){--angle: 240deg}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:nth-child(6){--angle: 300deg}.like-icon-wrapper .like-icon-img[data-v-c6d4c5ff]{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.like-icon-wrapper.animating .like-icon-img[data-v-c6d4c5ff]{animation:smoothHeart-c6d4c5ff .6s forwards}.like-icon-wrapper.unliking .like-icon-img[data-v-c6d4c5ff]{animation:unlikeHeart-c6d4c5ff .4s cubic-bezier(.2,.8,.2,1) forwards}.like-icon-wrapper.animating .sparkle-dot[data-v-c6d4c5ff]{animation:burst-c6d4c5ff .6s ease-out forwards}@keyframes smoothHeart-c6d4c5ff{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes unlikeHeart-c6d4c5ff{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes burst-c6d4c5ff{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-10px) scale(1)}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-32px) scale(0);opacity:0}}.feed-card[data-v-a9fff89d]{cursor:pointer;background:#1e1e1e;overflow:hidden;display:flex;flex-direction:column;width:100%;height:300px;gap:.1rem;border-radius:16px;position:relative;transition:all .3s ease}.feed-card:hover .btn-group[data-v-a9fff89d]{opacity:1}.feed-card[data-v-a9fff89d]:hover .card-image{transform:translateY(-1px);box-shadow:0 0 15px #ffffff1a}.feed-card[data-v-a9fff89d] .card-image{width:100%;transition:all .3s ease;display:block}.feed-card[data-v-a9fff89d] .card-image :deep(.card-cover){object-fit:contain}.feed-card[data-v-a9fff89d] .card-image .card-image-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px}.feed-card[data-v-a9fff89d] .card-footer{flex:1;min-width:0}.canvas-footer[data-v-a9fff89d]{display:flex;padding:0 .04rem}.canvas-footer .left[data-v-a9fff89d]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.canvas-footer .left .canvas-name[data-v-a9fff89d]{font-size:14px;line-height:20px;color:#fafafa}.canvas-footer .left .canvas-author[data-v-a9fff89d]{display:flex;align-items:center;gap:5px}.canvas-footer .left .canvas-author .canvas-author-avatar[data-v-a9fff89d]{width:.16rem;height:.16rem;border-radius:50%;overflow:hidden}.canvas-footer .left .canvas-author .canvas-author-name[data-v-a9fff89d]{font-size:12px;line-height:18px;color:#bfbfbf;width:100%}.canvas-footer .right[data-v-a9fff89d]{display:flex;flex-shrink:0;align-items:center;gap:.05rem}.canvas-footer .footer-btn[data-v-a9fff89d]{max-width:.45rem;cursor:pointer;display:flex;align-items:center;padding:.03rem;gap:.03rem}.canvas-footer .footer-btn[data-v-a9fff89d]:hover{background:#ffffff0d;border-radius:.05rem}.canvas-footer .footer-btn .btn-icon[data-v-a9fff89d]{height:18px;width:18px}.canvas-footer .footer-btn .btn-text[data-v-a9fff89d]{min-width:0;flex:1;font-size:.12rem;line-height:.18rem;color:#ebf8ff}.btn-group[data-v-a9fff89d]{width:100%;padding:.1rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;opacity:0;transition:all .2s ease}.btn-group.always-show[data-v-a9fff89d]{opacity:1}.btn-group .btn[data-v-a9fff89d]{flex:1;display:flex;justify-content:center;align-items:center;border-radius:.08rem;gap:.04rem;padding:.05rem 0;font-size:.14rem;line-height:.2rem}.btn-group .btn[data-v-a9fff89d]:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease}.btn-group .remix[data-v-a9fff89d]{color:#fafafa;background:#262626}.btn-group .play[data-v-a9fff89d]{color:#262626;background:#fafafa}.loading-spin[data-v-a9fff89d]{animation:loading-spin-a9fff89d 1s linear infinite}@keyframes loading-spin-a9fff89d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes smoothHeart-a9fff89d{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes unlikeHeart-a9fff89d{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes burst-a9fff89d{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-10px) scale(1)}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-32px) scale(0);opacity:0}}.icon[data-v-94d9c4eb]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center center;font-size:0;line-height:0;overflow:hidden}.icon.circle[data-v-94d9c4eb]{border-radius:50%;background-color:#ffffff1a}.icon.icon-arrowUp[data-v-94d9c4eb]{transform:rotate(180deg)}.icon.icon-arrowLeft[data-v-94d9c4eb]{transform:rotate(90deg)}.icon.icon-arrowRight[data-v-94d9c4eb]{transform:rotate(-90deg)}.feed-card[data-v-4ef484d3]{cursor:pointer;background:#1e1e1e;overflow:hidden;display:flex;flex-direction:column;width:100%;height:225px;gap:.1rem;border-radius:16px;position:relative;transition:all .3s ease}.feed-card:hover .btn-group[data-v-4ef484d3]{opacity:1}.feed-card[data-v-4ef484d3]:hover .card-image{transform:translateY(-1px);box-shadow:0 0 15px #ffffff1a}.feed-card[data-v-4ef484d3] .card-image{width:100%;transition:all .3s ease;display:block}.feed-card[data-v-4ef484d3] .card-image :deep(.card-cover){object-fit:contain}.feed-card[data-v-4ef484d3] .card-image .card-image-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px}.feed-card[data-v-4ef484d3] .card-footer{flex:1;min-width:0}.canvas-footer[data-v-4ef484d3]{display:flex;padding:0 .04rem .04rem}.canvas-footer .left[data-v-4ef484d3]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.canvas-footer .left .canvas-name[data-v-4ef484d3]{font-size:14px;line-height:20px;color:#fafafa}.canvas-footer .left .canvas-author[data-v-4ef484d3]{display:flex;align-items:center;gap:5px}.canvas-footer .left .canvas-author .canvas-author-avatar[data-v-4ef484d3]{width:.16rem;height:.16rem;border-radius:50%;overflow:hidden}.canvas-footer .left .canvas-author .canvas-author-name[data-v-4ef484d3]{font-size:12px;line-height:18px;color:#bfbfbf;width:100%}.canvas-footer .right[data-v-4ef484d3]{display:flex;flex-shrink:0;align-items:center;gap:.05rem}.canvas-footer .footer-btn[data-v-4ef484d3]{max-width:.45rem;cursor:pointer;display:flex;align-items:center;padding:.03rem;gap:.03rem}.canvas-footer .footer-btn[data-v-4ef484d3]:hover{background:#ffffff0d;border-radius:.05rem}.canvas-footer .footer-btn .btn-icon[data-v-4ef484d3]{height:18px;width:18px}.canvas-footer .footer-btn .btn-text[data-v-4ef484d3]{min-width:0;flex:1;font-size:.12rem;line-height:.18rem;color:#ebf8ff}.btn-group[data-v-4ef484d3]{width:100%;padding:0 .1rem .1rem;display:flex;align-items:center;gap:10px;opacity:0;transition:all .2s ease}.btn-group.always-show[data-v-4ef484d3]{opacity:1}.btn-group .btn[data-v-4ef484d3]{flex:1;display:flex;justify-content:center;align-items:center;border-radius:.08rem;gap:.04rem;padding:.05rem 0;font-size:.14rem;line-height:.2rem}.btn-group .btn[data-v-4ef484d3]:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease}.btn-group .remix[data-v-4ef484d3]{color:#000;background:#fafafa}.btn-group .play[data-v-4ef484d3]{color:#fafafa;background:#262626}.loading-spin[data-v-4ef484d3]{animation:loading-spin-4ef484d3 1s linear infinite}@keyframes loading-spin-4ef484d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes smoothHeart-4ef484d3{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes unlikeHeart-4ef484d3{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes burst-4ef484d3{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-10px) scale(1)}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-32px) scale(0);opacity:0}}.page2-container[data-v-7b763a01]{background-color:#0f0f0f;width:100%;height:auto;display:flex;flex-direction:column}.page-title-container-extra[data-v-7b763a01]{display:flex;width:100%;justify-content:center;margin-top:80px}.page-title-container[data-v-7b763a01]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:20px;width:100%;height:105px}.page-title-container .page-title[data-v-7b763a01]{font-family:SF Pro Text;font-style:normal;font-weight:500;font-size:40px;line-height:48px;align-items:center;justify-content:center;text-align:center;color:#fff}@media (max-width: 768px){.page-title-container .page-title[data-v-7b763a01]{font-weight:500;font-size:28px;line-height:33px}}.page-title-container .page-title-text[data-v-7b763a01]{max-width:600px;font-family:SF Pro Text;font-style:normal;font-weight:400;font-size:16px;line-height:24px;align-items:center;justify-content:center;text-align:center;color:#bfbfbf}@media (max-width: 768px){.page-title-container .page-title-text[data-v-7b763a01]{font-weight:400;font-size:16px;line-height:24px}}.card-list-container[data-v-7b763a01]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1439px;height:auto;margin:60px auto 30px;padding:0 136px;box-sizing:border-box;justify-content:center}@media (max-width: 1560px){.card-list-container[data-v-7b763a01]{padding:0 80px}}@media (max-width: 1439px){.card-list-container[data-v-7b763a01]{grid-template-columns:repeat(3,1fr);width:1095px;padding:0 20px}}@media (max-width: 1090px){.card-list-container[data-v-7b763a01]{grid-template-columns:repeat(2,1fr);width:725px}}.card-list-container.h5-layout[data-v-7b763a01]{padding:0 .15rem;gap:.15rem;width:4.3rem;max-width:100%;display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin-bottom:0}@media (max-width: 460px){.card-list-container.h5-layout[data-v-7b763a01]{width:100%}}.page-title-container.h5-layout[data-v-7b763a01]{width:100%;padding:0 .2rem;height:auto;gap:.15rem}.page-title-container.h5-layout .page-title[data-v-7b763a01]{width:100%;height:auto;padding:0 .33rem;font-family:Roboto;font-style:normal;font-weight:600;font-size:30px;line-height:35px;text-align:center;color:#fafafa}.page-title-container.h5-layout .page-title-text[data-v-7b763a01]{width:100%;height:auto;font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:#bfbfbf}