.loop-bg-change[data-v-db84d986]{display:flex;gap:36px}.loop-origin-product[data-v-db84d986]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#fff0,#fff6);border-radius:16px;display:flex;height:176px;justify-content:center;left:46px;position:absolute;top:46px;width:136px;z-index:5}.loop-origin-product[data-v-db84d986]:before{border:2px solid #fff;border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.2),#000 80%);mask:linear-gradient(0deg,rgba(0,0,0,.2),#000 80%);position:absolute}.loop-origin-product img[data-v-db84d986]{width:60px}.loop-bg-change-main[data-v-db84d986]{--bg-width:1024px;border-radius:24px;flex:1;overflow:hidden;position:relative}.loop-bg-change-main[data-v-db84d986] .loop-bg-view{height:100%;overflow:hidden;position:absolute;right:0;top:0;width:100%}.loop-bg-change-main[data-v-db84d986] .loop-bg-view img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:var(--bg-width)}.loop-bg-change-main[data-v-db84d986] .loop-bg-view.active{z-index:3}.loop-bg-change-main[data-v-db84d986] .loop-bg-view.leaving{animation:leaving-db84d986 var(--loop-bg-change-duration,.4s) linear forwards;z-index:3}.loop-bg-change-main[data-v-db84d986] .loop-bg-view.next{z-index:2}@keyframes leaving-db84d986{to{width:0}}.loop-bg-change-nav[data-v-db84d986]{display:flex;flex-direction:column;gap:14px;width:80px}.loop-bg-change-nav>div[data-v-db84d986]{aspect-ratio:1/1;border-radius:16px;overflow:hidden;position:relative}.loop-bg-change-nav>div:hover img[data-v-db84d986]{transform:scale(1.1)}.loop-bg-change-nav>div img[data-v-db84d986]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .32s;width:100%}.loop-bg-change-nav>div[data-v-db84d986]:not(:has(svg)){cursor:pointer}.loop-bg-change-nav>div[data-v-db84d986]:not(:has(svg)):before{border:2px solid var(--ll-brand-color);border-radius:16px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.04);transition:all .32s;width:100%;z-index:2}.loop-bg-change-nav>div:not(:has(svg)).active[data-v-db84d986]:before{opacity:1;transform:scale(1)}.loop-bg-change-nav>div[data-v-db84d986]:has(svg){padding:20px}.loop-bg-change-nav>div:has(svg) svg[data-v-db84d986]{display:block;height:100%;width:100%}.action[data-v-db84d986]{margin-left:auto;margin-right:auto;margin-top:1.5rem;width:-moz-fit-content;width:fit-content}.action .flex[data-v-db84d986]{gap:24px}.action a[data-v-db84d986]{align-items:center;color:var(--ll-text-color-1);display:flex;gap:4px;line-height:3rem}.action .a-btn[data-v-db84d986]{background:var(--action-bg,var(--ll-brand-color));border-radius:100px;color:var(--action-color,#fff);display:block;font-size:1rem;padding:0 2.5rem;position:relative;width:-moz-fit-content;width:fit-content}.action .a-btn[data-v-db84d986]:hover{background:var(--action-bg-hover,var(--ll-brand-color-hover))}.action .a-btn>sup[data-v-db84d986]{background-color:var(--action-sup-bg,var(--ll-warn-color));border-radius:100px 100px 100px 0;color:#fff;left:calc(100% - 40px);line-height:20px;padding:2px 6px;position:absolute;top:-12px;white-space:nowrap}.action .action-tips[data-v-db84d986]{color:var(--ll-text-color-4);font-size:12px;margin-top:32px;width:calc(100% + 100px)}@media (max-width:440px){.loop-bg-change[data-v-db84d986]{flex-direction:column;gap:25px}.loop-bg-change-main[data-v-db84d986]{--bg-width:calc(100vw - var(--ll-container-pd)*2);aspect-ratio:100/53;border-radius:12px}.loop-bg-change-nav[data-v-db84d986]{flex-direction:row;width:auto}.loop-bg-change-nav>div[data-v-db84d986]{border-radius:8px;flex:1;height:auto}.loop-bg-change-nav>div img[data-v-db84d986]{height:100%;width:100%}.loop-bg-change-nav>div[data-v-db84d986]:not(:has(svg)):before{border-radius:8px}.loop-bg-change-nav>div[data-v-db84d986]:has(svg){align-items:center;display:flex;justify-content:center;padding:0}.loop-bg-change-nav>div:has(svg) svg[data-v-db84d986]{height:50%;width:50%}.loop-origin-product[data-v-db84d986]{border-radius:8px;height:63px;left:16px;top:16px;width:48px}.loop-origin-product[data-v-db84d986]:before{border-radius:8px;border-width:1px}.loop-origin-product img[data-v-db84d986]{height:auto;width:20px}}
