.scroller[data-v-87091923]{width:100%;height:100%;overflow:auto}.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]{flex-shrink:0;width:100%;height:44px}.card-list-wrapper[data-v-a12cebd3]{width:100%;height:100%}.grid-layout[data-v-a12cebd3]{align-content:start;justify-items:center;display:grid}.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]{background:url(https://static.seeles.ai/p/code4agent-site/assets/images/connect-JvI9ezsC-0307.svg) 50%/cover no-repeat;width:20px;height:20px;display:inline-flex}.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:.8s infinite alternate anim-loading-data-86c03c00}.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:"";border-radius:100%;width:13px;height:13px;position:absolute;top:6px;right:6px}.card.active-type-radio.active .card-image[data-v-86c03c00]:after{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") 50%/66.66% 66.66% no-repeat;border:0}.card.active-type-radio.active.disabled .card-image[data-v-86c03c00]:after{filter:grayscale()}.card.show-image .card-image[data-v-86c03c00]{display:block}.card .card-image[data-v-86c03c00]{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:none;position:relative}.card .card-image .card-image-loading[data-v-86c03c00]{vertical-align:top;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.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]{color:#fff;margin-top:5px;font-size:14px;display:block}.card .card-skeleton[data-v-86c03c00]{width:100%;height:100%;display:none;position:relative}.card .card-cover[data-v-86c03c00],.card .card-gif[data-v-86c03c00],.card .card-video[data-v-86c03c00],.card .card-model[data-v-86c03c00]{vertical-align:top;object-fit:cover;width:100%;height:100%;position:absolute}.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]{color:#fff;width:100%;height:100%;position:relative}.like-icon-wrapper[data-v-c6d4c5ff]{pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.like-icon-wrapper .sparkles[data-v-c6d4c5ff]{pointer-events:none;position:absolute;inset:0}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]{opacity:0;background-color:#ff5264;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.like-icon-wrapper .sparkle-dot[data-v-c6d4c5ff]:first-child{--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}.like-icon-wrapper.animating .like-icon-img[data-v-c6d4c5ff]{animation:.6s forwards smoothHeart-c6d4c5ff}.like-icon-wrapper.unliking .like-icon-img[data-v-c6d4c5ff]{animation:.4s cubic-bezier(.2,.8,.2,1) forwards unlikeHeart-c6d4c5ff}.like-icon-wrapper.animating .sparkle-dot[data-v-c6d4c5ff]{animation:.6s ease-out forwards burst-c6d4c5ff}@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;border-radius:16px;flex-direction:column;gap:.1rem;width:100%;height:300px;transition:all .3s;display:flex;position:relative;overflow:hidden}.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;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{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px;display:flex}.feed-card[data-v-a9fff89d] .card-footer{flex:1;min-width:0}.canvas-footer[data-v-a9fff89d]{padding:0 .04rem;display:flex}.canvas-footer .left[data-v-a9fff89d]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.canvas-footer .left .canvas-name[data-v-a9fff89d]{color:#fafafa;font-size:14px;line-height:20px}.canvas-footer .left .canvas-author[data-v-a9fff89d]{align-items:center;gap:5px;display:flex}.canvas-footer .left .canvas-author .canvas-author-avatar[data-v-a9fff89d]{border-radius:50%;width:.16rem;height:.16rem;overflow:hidden}.canvas-footer .left .canvas-author .canvas-author-name[data-v-a9fff89d]{color:#bfbfbf;width:100%;font-size:12px;line-height:18px}.canvas-footer .right[data-v-a9fff89d]{flex-shrink:0;align-items:center;gap:.05rem;display:flex}.canvas-footer .footer-btn[data-v-a9fff89d]{cursor:pointer;align-items:center;gap:.03rem;max-width:.45rem;padding:.03rem;display:flex}.canvas-footer .footer-btn[data-v-a9fff89d]:hover{background:#ffffff0d;border-radius:.05rem}.canvas-footer .footer-btn .btn-icon[data-v-a9fff89d]{width:18px;height:18px}.canvas-footer .footer-btn .btn-text[data-v-a9fff89d]{color:#ebf8ff;flex:1;min-width:0;font-size:.12rem;line-height:.18rem}.btn-group[data-v-a9fff89d]{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:100%;padding:.1rem;transition:all .2s;display:grid}.btn-group.always-show[data-v-a9fff89d]{opacity:1}.btn-group .btn[data-v-a9fff89d]{border-radius:.08rem;flex:1;justify-content:center;align-items:center;gap:.04rem;padding:.05rem 0;font-size:.14rem;line-height:.2rem;display:flex}.btn-group .btn[data-v-a9fff89d]:hover{opacity:.9;transition:all .2s;transform:scale(1.02)}.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:1s linear infinite loading-spin-a9fff89d}@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]{background-position:50%;background-repeat:no-repeat;flex-shrink:0;justify-content:center;align-items:center;font-size:0;line-height:0;display:inline-flex;overflow:hidden}.icon.circle[data-v-94d9c4eb]{background-color:#ffffff1a;border-radius:50%}.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;border-radius:16px;flex-direction:column;gap:.1rem;width:100%;height:225px;transition:all .3s;display:flex;position:relative;overflow:hidden}.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;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{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:5px;display:flex}.feed-card[data-v-4ef484d3] .card-footer{flex:1;min-width:0}.canvas-footer[data-v-4ef484d3]{padding:0 .04rem .04rem;display:flex}.canvas-footer .left[data-v-4ef484d3]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.canvas-footer .left .canvas-name[data-v-4ef484d3]{color:#fafafa;font-size:14px;line-height:20px}.canvas-footer .left .canvas-author[data-v-4ef484d3]{align-items:center;gap:5px;display:flex}.canvas-footer .left .canvas-author .canvas-author-avatar[data-v-4ef484d3]{border-radius:50%;width:.16rem;height:.16rem;overflow:hidden}.canvas-footer .left .canvas-author .canvas-author-name[data-v-4ef484d3]{color:#bfbfbf;width:100%;font-size:12px;line-height:18px}.canvas-footer .right[data-v-4ef484d3]{flex-shrink:0;align-items:center;gap:.05rem;display:flex}.canvas-footer .footer-btn[data-v-4ef484d3]{cursor:pointer;align-items:center;gap:.03rem;max-width:.45rem;padding:.03rem;display:flex}.canvas-footer .footer-btn[data-v-4ef484d3]:hover{background:#ffffff0d;border-radius:.05rem}.canvas-footer .footer-btn .btn-icon[data-v-4ef484d3]{width:18px;height:18px}.canvas-footer .footer-btn .btn-text[data-v-4ef484d3]{color:#ebf8ff;flex:1;min-width:0;font-size:.12rem;line-height:.18rem}.btn-group[data-v-4ef484d3]{opacity:0;align-items:center;gap:10px;width:100%;padding:0 .1rem .1rem;transition:all .2s;display:flex}.btn-group.always-show[data-v-4ef484d3]{opacity:1}.btn-group .btn[data-v-4ef484d3]{border-radius:.08rem;flex:1;justify-content:center;align-items:center;gap:.04rem;padding:.05rem 0;font-size:.14rem;line-height:.2rem;display:flex}.btn-group .btn[data-v-4ef484d3]:hover{opacity:.9;transition:all .2s;transform:scale(1.02)}.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:1s linear infinite loading-spin-4ef484d3}@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;flex-direction:column;width:100%;height:auto;display:flex}.page-title-container-extra[data-v-7b763a01]{justify-content:center;width:100%;margin-top:80px;display:flex}.page-title-container[data-v-7b763a01]{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:105px;padding:0;display:flex}.page-title-container .page-title[data-v-7b763a01]{text-align:center;color:#fff;justify-content:center;align-items:center;font-family:SF Pro Text;font-size:40px;font-style:normal;font-weight:500;line-height:48px}@media (width<=768px){.page-title-container .page-title[data-v-7b763a01]{font-size:28px;font-weight:500;line-height:33px}}.page-title-container .page-title-text[data-v-7b763a01]{text-align:center;color:#bfbfbf;justify-content:center;align-items:center;max-width:600px;font-family:SF Pro Text;font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (width<=768px){.page-title-container .page-title-text[data-v-7b763a01]{font-size:16px;font-weight:400;line-height:24px}}.card-list-container[data-v-7b763a01]{box-sizing:border-box;grid-template-columns:repeat(4,1fr);justify-content:center;gap:15px;max-width:1439px;height:auto;margin:60px auto 30px;padding:0 136px;display:grid}@media (width<=1560px){.card-list-container[data-v-7b763a01]{padding:0 80px}}@media (width<=1439px){.card-list-container[data-v-7b763a01]{grid-template-columns:repeat(3,1fr);width:1095px;padding:0 20px}}@media (width<=1090px){.card-list-container[data-v-7b763a01]{grid-template-columns:repeat(2,1fr);width:725px}}.card-list-container.h5-layout[data-v-7b763a01]{grid-template-columns:1fr 1fr;justify-items:center;gap:.15rem;width:4.3rem;max-width:100%;margin-bottom:0;padding:0 .15rem;display:grid}@media (width<=460px){.card-list-container.h5-layout[data-v-7b763a01]{width:100%}}.page-title-container.h5-layout[data-v-7b763a01]{gap:.15rem;width:100%;height:auto;padding:0 .2rem}.page-title-container.h5-layout .page-title[data-v-7b763a01]{text-align:center;color:#fafafa;width:100%;height:auto;padding:0 .33rem;font-family:Roboto;font-size:30px;font-style:normal;font-weight:600;line-height:35px}.page-title-container.h5-layout .page-title-text[data-v-7b763a01]{text-align:center;color:#bfbfbf;width:100%;height:auto;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px}