{"product_id":"accessories-romie-navy","title":"[Romie] ベルベット シューレース（2本組）","description":"\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/css\/swiper.min.css\"\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003ewindow.__goodDetailVueBeforeVue3={has:Object.prototype.hasOwnProperty.call(window,\"Vue\"),value:window.Vue};\u003c\/script\u003e\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@3.5.34\/dist\/vue.global.prod.js\"\u003e\u003c\/script\u003e\u003cscript\u003ewindow.Vue3=window.Vue;if(window.__goodDetailVueBeforeVue3.has){window.Vue=window.__goodDetailVueBeforeVue3.value}else{delete window.Vue}delete window.__goodDetailVueBeforeVue3;\u003c\/script\u003e\u003cstyle\u003e.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner[data-v-aeed4757] {\n width: 100%;\n background: #fcfbf7;\n box-sizing: border-box;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container[data-v-aeed4757] {\n width: 100%;\n font-size: 0;\n position: relative;\n overflow: hidden;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .top-banner-img[data-v-aeed4757] {\n display: inline-block;\n width: 100%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info[data-v-aeed4757] {\n position: absolute;\n left: 35%;\n top: 48%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info .title[data-v-aeed4757] {\n font-size: 2.5vw;\n line-height: 3.13vw;\n font-family: Moulin;\n font-weight: 300;\n white-space: pre-wrap;\n text-align: center;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info .desc[data-v-aeed4757] {\n font-size: 1.25vw;\n line-height: 1.77vw;\n font-family: Graphik;\n font-weight: 300;\n white-space: pre-wrap;\n text-align: center;\n margin-top: 0.73vw;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner[data-v-aeed4757] {\n padding: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info[data-v-aeed4757] {\n width: 100%;\n left: 0;\n top: 10%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info .title[data-v-aeed4757] {\n width: 100%;\n font-size: 28px;\n line-height: 30px;\n text-align: center;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner .top-banner-container .text-info .desc[data-v-aeed4757] {\n font-size: 14px;\n line-height: 14px;\n text-align: center;\n margin-top: 10px;\n font-weight: 300;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .common-title[data-v-b01f8bb9] {\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .hover-container img[data-v-b01f8bb9] {\n display: block;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .hover-container[data-v-b01f8bb9] {\n margin-top: 0;\n background: #f7f5ee;\n background-repeat: repeat;\n background-position: center;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .hover-container[data-v-b01f8bb9] {\n margin-top: 0;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .banner-title[data-v-b01f8bb9] {\n font-family: Moulin;\n font-weight: 300;\n font-style: regular;\n font-size: 2.5vw;\n line-height: 2.92vw;\n text-align: center;\n padding-bottom: 1.56vw;\n white-space: pre-wrap;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .banner-title[data-v-b01f8bb9] {\n font-size: 28px;\n line-height: 31px;\n text-align: center;\n padding-bottom: 30px;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc[data-v-b01f8bb9] {\n box-sizing: border-box;\n width: calc(100% - 4.17vw);\n padding: 4.17vw 0 0;\n margin: 0 auto;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .common-title[data-v-b01f8bb9] {\n margin-bottom: 2.083vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box[data-v-b01f8bb9] {\n display: flex;\n gap: 1.04vw;\n box-sizing: border-box;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item[data-v-b01f8bb9] {\n flex: 1;\n height: 100%;\n position: relative;\n transition: all 0.6s;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n min-width: 0;\n min-height: 37.81vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text[data-v-b01f8bb9] {\n color: var(--color);\n width: 100%;\n padding-top: 1.3vw;\n border-top: 0.05vw solid #64505a;\n box-sizing: border-box;\n margin-top: 1.3vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .mixin[data-v-b01f8bb9] {\n max-width: 75%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media screen and (width \u003c= 1024px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .mixin[data-v-b01f8bb9] {\n max-width: 100%;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .title[data-v-b01f8bb9] {\n font-family: Moulin;\n font-size: 1.67vw;\n font-weight: 300;\n line-height: 2.24vw;\n max-width: 75%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media screen and (width \u003c= 1024px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .title[data-v-b01f8bb9] {\n max-width: 100%;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .desc[data-v-b01f8bb9] {\n font-family: Graphik;\n font-weight: 400;\n font-size: 1.04vw;\n margin-top: 1.25vw;\n line-height: 1.3vw;\n opacity: 0.5;\n max-width: 50%;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .active-desc[data-v-b01f8bb9] {\n max-width: 75%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .media-box[data-v-b01f8bb9] {\n height: 29.69vw;\n overflow: hidden;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .media-box img[data-v-b01f8bb9],.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .media-box video[data-v-b01f8bb9] {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transform: scale(1);\n transform-origin: center center;\n transition: transform 0.6s ease;\n will-change: transform;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .media-box img[data-v-b01f8bb9] {\n vertical-align: bottom;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active[data-v-b01f8bb9] {\n flex: 1.5267;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .inline-text[data-v-b01f8bb9] {\n width: 100%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .inline-text .desc[data-v-b01f8bb9] {\n position: relative;\n opacity: 1;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .media-box img[data-v-b01f8bb9],.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .media-box video[data-v-b01f8bb9] {\n transform: scale(1.08);\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .three-item-active[data-v-b01f8bb9] {\n flex: 1.445;\n transition: all 0.6s;\n}\n@media screen and (width \u003e= 769px) and (width \u003c= 1024px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .title[data-v-b01f8bb9] {\n font-size: 14px;\n line-height: unset;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item .inline-text .desc[data-v-b01f8bb9] {\n font-size: 10px;\n line-height: unset;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .inline-text .title[data-v-b01f8bb9] {\n font-size: 14px;\n line-height: unset;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-pc .inline-box .item-active .inline-text .desc[data-v-b01f8bb9] {\n font-size: 10px;\n line-height: unset;\n}\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m[data-v-b01f8bb9] {\n padding-top: 40px;\n padding-bottom: 40px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container[data-v-b01f8bb9] {\n width: 100%;\n position: relative;\n padding-top: 3.2%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-wrapper[data-v-b01f8bb9] {\n padding-bottom: 11px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .text-content[data-v-b01f8bb9] {\n margin-left: 27px;\n text-align: center;\n width: calc(100% - 54px);\n padding-top: 20px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .text-content .title[data-v-b01f8bb9] {\n font-family: Moulin;\n font-size: 20px;\n font-weight: 300;\n margin-bottom: 8px;\n white-space: pre-wrap;\n line-height: calc(1em + 2px);\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .text-content .desc[data-v-b01f8bb9] {\n font-family: Graphik;\n font-weight: 300;\n font-size: 14px;\n opacity: 0.6;\n white-space: pre-wrap;\n line-height: calc(1em + 2px);\n}\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-pagination-progressbar {\n width: 66px;\n height: 2px;\n top: unset;\n position: unset;\n background: rgba(38, 27, 2, 0.2);\n margin: 30px auto 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: #261b02;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-slide {\n transform: scale(0.94);\n transition: all 0.2s;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-slide.swiper-slide-active {\n transform: scale(1.062);\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-slide .slide-content {\n overflow: hidden;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .top-banner-m .swiper-container .swiper-slide .slide-content .media-box .bg-media {\n aspect-ratio: 563\/724;\n width: 100%;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc[data-v-0fba1204] {\n aspect-ratio: 1920\/868;\n background-color: #faf7f6;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 5vw 0;\n box-sizing: border-box;\n margin-top: 4.17vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr[data-v-0fba1204] {\n text-align: left;\n margin-left: 8.33vw;\n width: 100%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-title[data-v-0fba1204] {\n font-family: Moulin;\n font-weight: 300;\n font-size: 2.5vw;\n line-height: 3.39vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc[data-v-0fba1204] {\n font-family: Graphik;\n margin-top: 4.167vw;\n display: flex;\n flex-direction: column;\n gap: 1.667vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item[data-v-0fba1204] {\n font-size: 1.667vw;\n font-weight: 300;\n cursor: pointer;\n position: relative;\n list-style: none;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item span[data-v-0fba1204] {\n position: relative;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item-active[data-v-0fba1204] {\n font-weight: 500;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item span[data-v-0fba1204]::after {\n position: absolute;\n content: '';\n background-color: var(--desc-after-bg, #261b02);\n display: inline-block;\n transition: all 0.4s;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.104vw;\n max-height: 3px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-0fba1204]::after {\n width: 100%;\n height: 0.15vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .img-arr[data-v-0fba1204] {\n margin-right: 16.9vw;\n height: 100%;\n aspect-ratio: 609\/676;\n max-width: 31vw;\n max-height: 35.2vw;\n position: relative;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .img-arr img[data-v-0fba1204] {\n position: absolute;\n height: 100%;\n aspect-ratio: 555\/649;\n opacity: 0.75;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .img-arr .img-active[data-v-0fba1204] {\n z-index: 2;\n opacity: 1;\n transition: opacity 0.6s;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m[data-v-0fba1204] {\n padding: 20px 0 40px;\n box-sizing: border-box;\n background-color: #faf7f6;\n margin-top: 40px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .title[data-v-0fba1204] {\n font-family: Moulin;\n font-weight: 300;\n font-size: 5.33vw;\n line-height: 7.26vw;\n width: calc(100% - 20px);\n margin: 0 10px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .commit-swiper[data-v-0fba1204] {\n padding-bottom: 22px;\n margin-top: 5.33vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item[data-v-0fba1204] {\n font-size: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item .inline-text .item-title[data-v-0fba1204] {\n margin: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .commit-swiper .swiper-pagination[data-v-0fba1204] {\n width: calc(100% - 20px);\n height: 2px;\n left: 10px;\n top: calc(100% - 2px);\n background: var(--swiper-pagination-bg, rgba(38, 27, 2, 0.3));\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .item[data-v-0fba1204] {\n position: relative;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .item .inline-text[data-v-0fba1204] {\n position: absolute;\n left: 2.67vw;\n top: 2.67vw;\n color: #ffffff;\n width: 94%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .item .inline-text .item-title[data-v-0fba1204] {\n font-family: Graphik;\n font-size: 5.43vw;\n line-height: 6.37vw;\n font-weight: 500;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .item img[data-v-0fba1204] {\n width: 100%;\n aspect-ratio: 255\/326;\n}\n@media screen and (width \u003e= 769px) and (width \u003c= 1024px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-title[data-v-0fba1204] {\n font-size: 18px;\n line-height: unset;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item[data-v-0fba1204] {\n font-size: 18px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item-active[data-v-0fba1204] {\n font-weight: 500;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item span[data-v-0fba1204]::after {\n position: absolute;\n content: '';\n background-color: var(--desc-after-bg, #000000);\n display: inline-block;\n transition: all 0.4s;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.104vw;\n max-height: 3px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-0fba1204]::after {\n width: 100%;\n height: 0.15vw;\n}\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentIt .inline-text {\n width: 86.54vw !important;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .commit-swiper .swiper-pagination .swiper-pagination-progressbar-fill {\n background: var(--swiper-pagination-fill, #261b02) !important;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .center-banner-m .title {\n font-size: 28px !important;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentKr .center-banner-pc .img-arr .img-active.img-active {\n z-index: 2;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook[data-v-a78e6716] {\n margin-top: 4.17vw;\n width: 100%;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook[data-v-a78e6716] {\n margin-top: 40px;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc[data-v-a78e6716] {\n width: 100%;\n aspect-ratio: 1920 \/ 1027;\n background-image: var(--bg-img-pc);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n position: relative;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .mask[data-v-a78e6716] {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: all 0.4s;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .mask-active[data-v-a78e6716] {\n opacity: 1;\n transition: all 0.4s;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info[data-v-a78e6716] {\n width: 26.51vw;\n height: 100%;\n position: absolute;\n z-index: 2;\n left: 12.5vw;\n padding: 6.25vw 0;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .top-info .title[data-v-a78e6716] {\n font-size: 2.5vw;\n line-height: 3.13vw;\n color: #ffffff;\n font-family: Moulin;\n font-weight: 300;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .top-info .desc[data-v-a78e6716] {\n font-size: 1.25vw;\n line-height: 1.46vw;\n font-family: Graphik;\n font-weight: 300;\n color: #ffffff;\n margin-top: 4vw;\n transition: all 0.4s;\n opacity: 0;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .top-info .desc-show-active[data-v-a78e6716] {\n transition: all 0.4s;\n margin-top: 1.2vw;\n opacity: 1;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list[data-v-a78e6716] {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: 1.04vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list .item[data-v-a78e6716] {\n display: inline;\n font-size: 1.67vw;\n line-height: 1.98vw;\n font-family: Graphik;\n font-weight: 300;\n cursor: pointer;\n color: #ffffff;\n position: relative;\n transition: all 0.4s;\n width: 100%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list .item.item-active[data-v-a78e6716] {\n font-weight: 500;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list .item-active .item-text[data-v-a78e6716]::after {\n width: 100%;\n height: 0.08vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-a78e6716] {\n position: relative;\n display: inline-block;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-a78e6716]::after {\n position: absolute;\n content: '';\n background-color: var(--desc-after-color, #ffffff);\n display: inline-block;\n transition: all 0.4s;\n bottom: 0;\n left: 0;\n width: 0;\n height: 0.104vw;\n max-height: 0.16vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .right-gallery[data-v-a78e6716] {\n width: 36.98vw;\n height: 45.16vw;\n aspect-ratio: 710 \/ 867;\n position: absolute;\n z-index: 0;\n right: 12.5vw;\n top: 4.17vw;\n opacity: 0;\n transition: all 0.4s;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .right-gallery \u003e img[data-v-a78e6716] {\n display: inline-block;\n width: 100%;\n position: absolute;\n aspect-ratio: 710 \/ 867;\n z-index: -1;\n opacity: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .right-gallery .img-show[data-v-a78e6716] {\n transition: all 0.4s;\n z-index: 2;\n opacity: 1;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-pc .right-gallery-active[data-v-a78e6716] {\n opacity: 1;\n transition: all 0.4s;\n z-index: 2;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m[data-v-a78e6716] {\n width: 100%;\n padding: 40px 0;\n box-sizing: border-box;\n background: #f2e9da;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .title[data-v-a78e6716] {\n font-family: Moulin;\n font-size: 28px;\n line-height: 32px;\n font-weight: 300;\n width: calc(100% - 20px);\n margin: 0 auto;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .desc[data-v-a78e6716] {\n font-family: Graphik;\n font-weight: 300;\n font-size: 14px;\n line-height: 16px;\n width: calc(100% - 20px);\n margin: 10px auto 0;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper[data-v-a78e6716] {\n margin-top: 20px;\n padding-bottom: 22px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide[data-v-a78e6716] {\n font-size: 0;\n position: relative;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide .slide-title[data-v-a78e6716] {\n font-size: 20px;\n line-height: 24px;\n font-family: Graphik;\n font-weight: 500;\n color: #ffffff;\n position: absolute;\n top: 10px;\n width: 100%;\n padding: 0 10px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide \u003e img[data-v-a78e6716] {\n display: inline-block;\n width: 100%;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar[data-v-a78e6716] {\n width: calc(100% - 20px);\n left: 10px;\n height: 2px;\n top: calc(100% - 2px);\n background: var(--swiper-pagination-bg, rgba(38, 27, 2, 0.3));\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-pagination-fill, #261b02);\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box[data-v-6a82c6ea] {\n width: calc(100% - 4.17vw);\n margin: 4.17vw auto 0;\n font-size: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box .common-title[data-v-6a82c6ea] {\n text-align: left;\n font-size: 2.5vw;\n line-height: 3.39vw;\n font-family: Moulin;\n font-weight: 300;\n white-space: pre-wrap;\n margin-bottom: 1.56vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box .video-bog-img[data-v-6a82c6ea] {\n display: inline-block;\n width: 100%;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box[data-v-6a82c6ea] {\n width: 100%;\n margin: 40px auto 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box .common-title[data-v-6a82c6ea] {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 28px;\n line-height: 38px;\n margin: 0 auto 20px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .video-box .video-bog-img[data-v-6a82c6ea] {\n display: inline-block;\n width: 100%;\n}\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about[data-v-e9083df8] {\n margin-top: 4.17vw;\n padding: 0 2.083vw;\n font-size: 0;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about .title[data-v-e9083df8] {\n color: #261b02;\n font-family: Moulin;\n font-weight: 300;\n font-size: 2.5vw;\n line-height: 2.92vw;\n white-space: pre-wrap;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about .desc[data-v-e9083df8] {\n color: #261b02;\n font-family: Graphik;\n font-weight: 300;\n font-size: 1.25vw;\n line-height: 1.46vw;\n margin-top: 1.56vw;\n white-space: pre-wrap;\n opacity: 0.6;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about img[data-v-e9083df8] {\n margin-top: 1.56vw;\n width: 100%;\n aspect-ratio: 1840\/904;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about[data-v-e9083df8] {\n margin-top: 40px;\n padding: 0 2.667vw;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about .title[data-v-e9083df8] {\n font-size: 28px;\n line-height: 31px;\n font-weight: 300;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about .desc[data-v-e9083df8] {\n font-size: 14px;\n line-height: 16px;\n font-weight: 300;\n margin-top: 12px;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .end-about img[data-v-e9083df8] {\n margin-top: 20px;\n aspect-ratio: 1;\n}\n}\n\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponent {\n color: #261b02;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] :where(*) {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .lp-app {\n color: #261b02;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .show-pc {\n display: block;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .show-m {\n display: none;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .topBanner .title,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .boot .name,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .shoe-name,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .topBanner .boot-shoes-name,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .common-title,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .top-banner-m .common-title,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .lookBook .title,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .end-about .title {\n font-family: 'Noto Serif Japanese' !important;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .topBanner .desc,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .boot .boot-name,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .inline-box .item .inline-text .title,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .inline-box .item .inline-text .desc,.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentJp .end-about .desc {\n font-family: 'Noto Sans Japanese' !important;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .mainComponentKr {\n word-break: keep-all;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .boot-shoes-name br {\n display: none;\n}\n@media screen and (width \u003c= 768px) {\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .show-pc {\n display: none;\n}\n.good-detail-template[data-template-scope=\"26SS-新增调整Myriel\"] .show-m {\n display: block;\n}\n}\n\/*$vite$:1*\/\u003c\/style\u003e\n\u003cdiv id=\"app\" data-good-detail-root data-good-detail-ssr-is-pc=\"false\"\u003e\u003cdiv class=\"good-detail-template\" data-flag=\"new-good-detail\" data-template-scope=\"26SS-新增调整Myriel\"\u003e\u003cdiv id=\"app\" class=\"lp-app\"\u003e\u003cdiv class=\"mainComponent mainComponentJp lang-jp mainComponentJp lang-jp\" isinit=\"false\"\u003e\n\u003c!--[--\u003e\u003c!--[--\u003e\u003cdiv class=\"top-banner\" langcode=\"jp\" data-v-aeed4757\u003e\u003cdiv class=\"top-banner-container\" data-v-aeed4757\u003e\n\u003cimg class=\"top-banner-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/Banner.jpg\" alt=\"VIVAIA\" data-v-aeed4757\u003e\u003cdiv class=\"text-info\" style=\"top:40%;left:4%;\" data-v-aeed4757\u003e\n\u003cdiv class=\"title\" style=\"color:#261B02;text-align:center;\" data-v-aeed4757\u003eクチュールのような気品を、足元に。\u003c\/div\u003e\n\u003cdiv class=\"desc\" style=\"color:#261B02;text-align:center;\" data-v-aeed4757\u003eベルベット調の風合い香る、贅沢なシューレース2本セット。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c!--]--\u003e\u003c!--[--\u003e\u003cdiv class=\"hover-container\" style=\"background-image:none;background-color:#ffffff;\" langcode=\"jp\" data-v-b01f8bb9\u003e\u003cdiv class=\"top-banner-pc\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"banner-title\" data-v-b01f8bb9\u003e詳しく見る\u003c\/div\u003e\n\u003cdiv class=\"inline-box\" data-v-b01f8bb9\u003e\n\u003c!--[--\u003e\u003cdiv class=\"item\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"media-box\" data-v-b01f8bb9\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc4.jpg\" alt=\"VIVAIA\" loading=\"lazy\" data-v-b01f8bb9\u003e\u003c\/div\u003e\n\u003cdiv class=\"inline-text\" style=\"color:;\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"title\" data-v-b01f8bb9\u003e印象を変える2つの幅展開\u003c\/div\u003e\n\u003cdiv class=\"desc\" style=\"max-width:27.2396vw;\" data-v-b01f8bb9\u003e存在感のある太幅デザインと繊細な細幅デザインを、気分やスタイルに合わせて自由にチェンジ。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"media-box\" data-v-b01f8bb9\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc2.jpg\" alt=\"VIVAIA\" loading=\"lazy\" data-v-b01f8bb9\u003e\u003c\/div\u003e\n\u003cdiv class=\"inline-text\" style=\"color:;\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"title\" data-v-b01f8bb9\u003eベルベット調の上質ナイロン\u003c\/div\u003e\n\u003cdiv class=\"desc\" style=\"max-width:27.2396vw;\" data-v-b01f8bb9\u003eやわらかなナイロン素材に洗練された光沢を宿し、しなやかな結び心地を叶えます。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"media-box\" data-v-b01f8bb9\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc3.jpg\" alt=\"VIVAIA\" loading=\"lazy\" data-v-b01f8bb9\u003e\u003c\/div\u003e\n\u003cdiv class=\"inline-text\" style=\"color:;\" data-v-b01f8bb9\u003e\n\u003cdiv class=\"title\" data-v-b01f8bb9\u003e無限に広がるアレンジの魅力\u003c\/div\u003e\n\u003cdiv class=\"desc\" style=\"max-width:27.2396vw;\" data-v-b01f8bb9\u003e自由な組み合わせで、手持ちのシューズに自分らしさを\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--]--\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c!--]--\u003e\u003c!--[--\u003e\u003c!----\u003e\u003c!--]--\u003e\u003c!--[--\u003e\u003c!----\u003e\u003c!--]--\u003e\u003c!--[--\u003e\u003c!----\u003e\u003c!--]--\u003e\u003c!--[--\u003e\u003cdiv class=\"end-about\" data-v-e9083df8\u003e\n\u003cdiv class=\"title\" data-v-e9083df8\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"desc\" data-v-e9083df8\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。\u003cbr\u003e私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\u003c\/div\u003e\n\u003cpicture data-v-e9083df8\u003e\u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-m.jpg\" media=\"(max-width: 768px)\" data-v-e9083df8\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\" alt=\"VIVAIA\" loading=\"lazy\" data-v-e9083df8\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c!--]--\u003e\u003c!--]--\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cscript\u003ewindow.pageData={\"en\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/Banner.jpg\",\"bgImgM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/m1.jpg\",\"showTitle\":true,\"titlePc\":\"Tie On a New Style\",\"descPc\":\"These laces give every pair a fresh look,\\nwith more ways to style them your way.\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"Tie On a New Style\",\"descM\":\"These laces give every pair a fresh look,\\nwith more ways to style them your way.\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"10\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc4.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/m3.jpg\",\"titlePc\":\"Two Widths, Two Looks\",\"titleM\":\"Two Widths, Two Looks\",\"descPc\":\"Wide or slim, switch your style instantly.\",\"descM\":\"Wide or slim, switch your style instantly.\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc2.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/m2.jpg\",\"titlePc\":\"Velvet-Inspired Nylon Texture\",\"titleM\":\"Velvet-Inspired Nylon Texture\",\"descPc\":\"Soft nylon with a refined velvet-inspired finish.\",\"descM\":\"Soft nylon with a refined velvet-inspired finish.\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/pc3.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260826_8549\/m4.jpg\",\"titlePc\":\"Style It Your Way\",\"titleM\":\"Style It Your Way\",\"descPc\":\"Mix and match for fresh looks, endless\\nstyling possibilities.\",\"descM\":\"Mix and match for fresh looks,\\nendless styling possibilities.\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"More Details\",\"titleM\":\"More Details\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"de\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"Neuer Style\",\"descPc\":\"Mit diesen Schnürsenkeln verleihen Sie jedem\\nPaar im Handumdrehen einen neuen Stil.\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"Neuer Style\",\"descM\":\"Mit diesen Schnürsenkeln verleihen Sie jedem\\nPaar im Handumdrehen einen neuen Stil.\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"10\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Zwei Breiten, zwei Looks\",\"titleM\":\"Zwei Breiten, zwei Looks\",\"descPc\":\"Breit oder schmal – wechseln Sie Ihren\\nLook im Handumdrehen.\",\"descM\":\"Breit oder schmal – wechseln Sie Ihren\\nLook im Handumdrehen.\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Samtähnliche Nylonstruktur\",\"titleM\":\"Samtähnliche Nylonstruktur\",\"descPc\":\"Weiches Nylon mit einer edlen,\\nsamtähnlichen Oberfläche.\",\"descM\":\"Weiches Nylon mit einer edlen,\\nsamtähnlichen Oberfläche.\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Ganz nach Ihrem Stil\",\"titleM\":\"Ganz nach Ihrem Stil\",\"descPc\":\"Kombinieren Sie nach Lust und\\nLaune für immer neue Looks.\",\"descM\":\"Kombinieren Sie nach Lust und\\nLaune für immer neue Looks.\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"Mehr Details\",\"titleM\":\"Mehr Details\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"fr\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"Nouez un nouveau style\",\"descPc\":\"Donnez un nouveau look à chaque paire\\ngrâce à des possibilités de style infinies.\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"Nouez un nouveau style\",\"descM\":\"Donnez un nouveau look à chaque paire\\ngrâce à des possibilités de style infinies.\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"10\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Deux largeurs, deux styles\",\"titleM\":\"Deux largeurs, deux styles\",\"descPc\":\"Passez d'un lacet large à un lacet fin en un instant.\",\"descM\":\"Passez d'un lacet large à un\\nlacet fin en un instant.\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Texture en nylon effet velours\",\"titleM\":\"Texture en nylon effet velours\",\"descPc\":\"Un nylon doux avec une finition\\nraffinée inspirée du velours.\",\"descM\":\"Un nylon doux avec une finition\\nraffinée inspirée du velours.\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Exprimez votre style\",\"titleM\":\"Exprimez votre style\",\"descPc\":\"Mélangez, associez et créez une infinité\\nde nouveaux looks.\",\"descM\":\"Mélangez, associez et créez une infinité\\nde nouveaux looks.\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"Plus de détails\",\"titleM\":\"Plus de détails\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"it\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"Un Nuovo Look,\\nun Nuovo Nodo\",\"descPc\":\"Dai un tocco nuovo a ogni paio,\\ncon più modi di esprimere il tuo stile.\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"Un Nuovo Look,\\nun Nuovo Nodo\",\"descM\":\"Dai un tocco nuovo a ogni paio,\\ncon più modi di esprimere il tuo stile.\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"10\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Due Larghezze, Due Stili\",\"titleM\":\"Due Larghezze, Due Stili\",\"descPc\":\"Largo o sottile, cambia stile in un attimo.\",\"descM\":\"Largo o sottile, cambia stile in un attimo.\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Texture in Nylon Effetto Velluto\",\"titleM\":\"Texture in Nylon Effetto Velluto\",\"descPc\":\"Nylon morbido con un'elegante finitura effetto velluto.\",\"descM\":\"Nylon morbido con un'elegante\\nfinitura effetto velluto.\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Personalizza il Tuo Stile\",\"titleM\":\"Personalizza il Tuo Stile\",\"descPc\":\"Abbinali come preferisci per creare sempre nuovi look.\",\"descM\":\"Abbinali come preferisci per\\ncreare sempre nuovi look.\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"Scopri di Più\",\"titleM\":\"Scopri di Più\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"es\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"Renueva tu estilo\",\"descPc\":\"Cambia los cordones y transforma \\nel estilo de tus zapatos.\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"Renueva tu estilo\",\"descM\":\"Cambia los cordones y transforma el \\nestilo de tus zapatos.\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"10\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Dos cordones, dos estilos \",\"titleM\":\"Dos cordones, dos estilos \",\"descPc\":\"Elige entre cordones anchos o finos y renueva\\nel estilo de tus zapatos en segundos.\",\"descM\":\"Elige entre cordones anchos o finos y renueva\\nel estilo de tus zapatos en segundos.\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Acabado efecto terciopelo\",\"titleM\":\"Acabado efecto terciopelo\",\"descPc\":\"El nailon de tacto suave se realza con un\\nelegante acabado efecto terciopelo.\",\"descM\":\"El nailon de tacto suave se realza con un\\nelegante acabado efecto terciopelo.\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"Personalízalos a tu gusto\",\"titleM\":\"Personalízalos a tu gusto\",\"descPc\":\"Mezcla, combina y crea nuevos looks para\\nadaptarlos a tu estilo.\",\"descM\":\"Mezcla, combina y crea nuevos looks para\\nadaptarlos a tu estilo.\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"Más detalles\",\"titleM\":\"Más detalles\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"kr\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"\",\"descPc\":\"\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"\",\"descM\":\"\",\"titleColorM\":\"\",\"topPc\":0,\"leftPc\":0,\"topM\":0}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260318_8126\/20260310-Lace%20-Cristina-pc-8.jpg\",\"bgImgM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260318_8126\/20260310-lace-Cristina-m-9.jpg\",\"bgColor\":\"#FCFBF7\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"\",\"titleM\":\"\",\"descPc\":\"\",\"descM\":\"\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"\",\"titleM\":\"\",\"descPc\":\"\",\"descM\":\"\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"\",\"titleM\":\"\",\"descPc\":\"\",\"descM\":\"\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"More Details\",\"titleM\":\"More Details\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":true,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":true,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":true,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}],\"jp\":[{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"showTitle\":true,\"titlePc\":\"クチュールのような気品を、足元に。\",\"descPc\":\"ベルベット調の風合い香る、贅沢なシューレース2本セット。\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"\",\"titleM\":\"クチュールのような気品を、\\n足元に。\",\"descM\":\"ベルベット調の風合い香る、\\n贅沢なシューレース2本セット。\",\"titleColorM\":\"\",\"topPc\":\"40\",\"leftPc\":\"4\",\"topM\":\"7\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"bgImgPc\":\"\",\"bgImgM\":\"\",\"bgColor\":\"#ffffff\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"印象を変える2つの幅展開\",\"titleM\":\"印象を変える2つの幅展開\",\"descPc\":\"存在感のある太幅デザインと繊細な細幅デザインを、気分やスタイルに合わせて自由にチェンジ。\",\"descM\":\"存在感のある太幅デザインと繊細な細幅デザインを、気分やスタイルに合わせて自由にチェンジ。\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"ベルベット調の上質ナイロン\",\"titleM\":\"ベルベット調の上質ナイロン\",\"descPc\":\"やわらかなナイロン素材に洗練された光沢を宿し、しなやかな結び心地を叶えます。\",\"descM\":\"やわらかなナイロン素材に洗練された光沢を宿し、しなやかな結び心地を叶えます。\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"\",\"posterUrlM\":\"\",\"titlePc\":\"無限に広がるアレンジの魅力\",\"titleM\":\"無限に広がるアレンジの魅力\",\"descPc\":\"自由な組み合わせで、手持ちのシューズに自分らしさを\",\"descM\":\"自由な組み合わせで、\\n手持ちのシューズに自分らしさを\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":true,\"titlePc\":\"詳しく見る\",\"titleM\":\"詳しく見る\"}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}]};window.vivaiaDetailLangCode=\"jp\";\u003c\/script\u003e\n\u003cscript\u003e(function(vue, swiper) {\n\t\/\/#region \\0rolldown\/runtime.js\n\tvar __create = Object.create;\n\tvar __defProp = Object.defineProperty;\n\tvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\n\tvar __getOwnPropNames = Object.getOwnPropertyNames;\n\tvar __getProtoOf = Object.getPrototypeOf;\n\tvar __hasOwnProp = Object.prototype.hasOwnProperty;\n\tvar __copyProps = (to, from, except, desc) =\u003e {\n\t\tif (from \u0026\u0026 typeof from === \"object\" || typeof from === \"function\") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i \u003c n; i++) {\n\t\t\tkey = keys[i];\n\t\t\tif (!__hasOwnProp.call(to, key) \u0026\u0026 key !== except) __defProp(to, key, {\n\t\t\t\tget: ((k) =\u003e from[k]).bind(null, key),\n\t\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t\t});\n\t\t}\n\t\treturn to;\n\t};\n\tvar __toESM = (mod, isNodeMode, target) =\u003e (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target, mod));\n\t\/\/#endregion\n\tswiper = __toESM(swiper);\n\t\/\/#region ..\/..\/node_modules\/nanoid\/index.browser.js\n\tvar nanoid = (size = 21) =\u003e crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) =\u003e {\n\t\tbyte \u0026= 63;\n\t\tif (byte \u003c 36) id += byte.toString(36);\n\t\telse if (byte \u003c 62) id += (byte - 26).toString(36).toUpperCase();\n\t\telse if (byte \u003e 62) id += \"-\";\n\t\telse id += \"_\";\n\t\treturn id;\n\t}, \"\");\n\t\/\/#endregion\n\t\/\/#region src\/utils\/helper.ts\n\tvar fallbackText = (text, fallback = \"##placeholder##\") =\u003e {\n\t\tif (text) return text;\n\t\treturn fallback;\n\t};\n\tvar getLang = (fallback = \"en\") =\u003e {\n\t\tif (typeof window === \"undefined\") return fallback;\n\t\treturn window.ENV_CONFIG?.LANG ?? fallback;\n\t};\n\tvar getLangClasses = (inputLang = getLang()) =\u003e {\n\t\tconst lang = inputLang || \"en\";\n\t\treturn \"mainComponent\" + lang.charAt(0).toUpperCase() + lang.slice(1) + ` lang-${lang}`;\n\t};\n\t\/\/#endregion\n\t\/\/#region \\0plugin-vue:export-helper\n\tvar _plugin_vue_export_helper_default = (sfc, props) =\u003e {\n\t\tconst target = sfc.__vccOpts || sfc;\n\t\tfor (const [key, val] of props) target[key] = val;\n\t\treturn target;\n\t};\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/TopBanner.vue\n\tvar _sfc_main$7 = {\n\t\tname: \"TopBanner\",\n\t\tprops: {\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: () =\u003e false\n\t\t\t},\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e ({})\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn { nid: nanoid() };\n\t\t},\n\t\twatch: { isPc: {\n\t\t\thandler() {\n\t\t\t\tthis.nid = nanoid();\n\t\t\t},\n\t\t\timmediate: true\n\t\t} },\n\t\tcomputed: {\n\t\t\tshowTitle() {\n\t\t\t\treturn this.sectionData.showTitle;\n\t\t\t},\n\t\t\tbgImg() {\n\t\t\t\tconst pcImg = fallbackText(this.sectionData.bgImgPc, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/Group%20336570001.jpg\");\n\t\t\t\tconst mImg = fallbackText(this.sectionData.bgImgM, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/20250616-Miley-shflatse2504080009-product-description-domestic-2.jpg\");\n\t\t\t\treturn this.isPc ? pcImg : mImg;\n\t\t\t},\n\t\t\tmainTitle() {\n\t\t\t\treturn fallbackText(this.isPc ? this.sectionData.titlePc : this.sectionData.titleM);\n\t\t\t},\n\t\t\tmainDesc() {\n\t\t\t\treturn this.isPc ? this.sectionData.descPc : this.sectionData.descM;\n\t\t\t},\n\t\t\ttitleColor() {\n\t\t\t\treturn fallbackText(this.isPc ? this.sectionData.titleColorPc : this.sectionData.titleColorM, \"#261B02\");\n\t\t\t},\n\t\t\tpositionStyle() {\n\t\t\t\tif (this.isPc) return {\n\t\t\t\t\ttop: this.sectionData.topPc + \"%\",\n\t\t\t\t\tleft: this.sectionData.leftPc + \"%\"\n\t\t\t\t};\n\t\t\t\telse return {\n\t\t\t\t\ttop: this.sectionData.topM + \"%\",\n\t\t\t\t\tleft: \"0%\"\n\t\t\t\t};\n\t\t\t},\n\t\t\tTitleLayout() {\n\t\t\t\tif (this.isPc) return this.sectionData.PcTitleLayout;\n\t\t\t\telse return \"center\";\n\t\t\t}\n\t\t}\n\t};\n\tvar _hoisted_1$7 = { class: \"top-banner\" };\n\tvar _hoisted_2$5 = { class: \"top-banner-container\" };\n\tvar _hoisted_3$5 = [\"src\"];\n\tfunction _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$7, [(0, vue.createElementVNode)(\"div\", _hoisted_2$5, [(0, vue.createElementVNode)(\"img\", {\n\t\t\tclass: \"top-banner-img\",\n\t\t\tsrc: $options.bgImg,\n\t\t\talt: \"VIVAIA\"\n\t\t}, null, 8, _hoisted_3$5), $options.showTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tclass: \"text-info\",\n\t\t\tstyle: (0, vue.normalizeStyle)($options.positionStyle),\n\t\t\tkey: $data.nid\n\t\t}, [(0, vue.createElementVNode)(\"div\", {\n\t\t\tclass: \"title\",\n\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\tcolor: $options.titleColor,\n\t\t\t\ttextAlign: $options.TitleLayout\n\t\t\t})\n\t\t}, (0, vue.toDisplayString)($options.mainTitle), 5), $options.mainDesc ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: 0,\n\t\t\tclass: \"desc\",\n\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\tcolor: $options.titleColor,\n\t\t\t\ttextAlign: $options.TitleLayout\n\t\t\t})\n\t\t}, (0, vue.toDisplayString)($options.mainDesc), 5)) : (0, vue.createCommentVNode)(\"\", true)], 4)) : (0, vue.createCommentVNode)(\"\", true)])]);\n\t}\n\tvar TopBanner_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$7, [[\"render\", _sfc_render$7], [\"__scopeId\", \"data-v-aeed4757\"]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/HoverAccordion.vue\n\tvar _sfc_main$6 = {\n\t\tprops: {\n\t\t\tisPc: { type: Boolean },\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e ({})\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tkeyTime: Date.now(),\n\t\t\t\tbannerVideoRefs: {},\n\t\t\t\tcur_indexBanner: null,\n\t\t\t\tlang: \"en\",\n\t\t\t\tmySwiper: null,\n\t\t\t\tactiveIndex: 0\n\t\t\t};\n\t\t},\n\t\tmethods: {\n\t\t\tfallbackText,\n\t\t\thandleMobileVideoPlay() {\n\t\t\t\tsetTimeout(() =\u003e {\n\t\t\t\t\tif (!this.$refs.swiperContainerRef) return;\n\t\t\t\t\tthis.$refs.swiperContainerRef.querySelectorAll(\"video\").forEach((video) =\u003e {\n\t\t\t\t\t\tvideo.pause();\n\t\t\t\t\t\tvideo.currentTime = 0;\n\t\t\t\t\t});\n\t\t\t\t\tconst activeSlide = this.$refs.swiperContainerRef.querySelector(\".swiper-slide-active\");\n\t\t\t\t\tif (activeSlide) {\n\t\t\t\t\t\tconst activeVideo = activeSlide.querySelector(\"video\");\n\t\t\t\t\t\tif (activeVideo) activeVideo.play().catch((e) =\u003e console.log(\"Play error:\", e));\n\t\t\t\t\t}\n\t\t\t\t}, 100);\n\t\t\t},\n\t\t\taddBannerActive(i) {\n\t\t\t\tthis.cur_indexBanner = i;\n\t\t\t},\n\t\t\treturnCur() {\n\t\t\t\tthis.cur_indexBanner = null;\n\t\t\t},\n\t\t\tsetVideoRef(id) {\n\t\t\t\treturn `videoRef_${id}`;\n\t\t\t},\n\t\t\tupdateVideoRefs() {\n\t\t\t\tthis.bannerConfigs.forEach((item) =\u003e {\n\t\t\t\t\tif (item.attrs.isVideo) this.$nextTick(() =\u003e {\n\t\t\t\t\t\tthis.bannerVideoRefs[item.id] = this.$refs[`videoRef_${item.id}`];\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t},\n\t\t\tplayVideo(id) {\n\t\t\t\tthis.$nextTick(async () =\u003e {\n\t\t\t\t\tconst video = this.$refs[`videoRef_${id}`];\n\t\t\t\t\tif (video) try {\n\t\t\t\t\t\tObject.values(this.bannerVideoRefs).forEach((v) =\u003e {\n\t\t\t\t\t\t\tif (v \u0026\u0026 v !== video) v[0]?.pause();\n\t\t\t\t\t\t});\n\t\t\t\t\t\tawait video[0]?.play();\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.log(error);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\t\t\tpauseVideo(id) {\n\t\t\t\tthis.$nextTick(() =\u003e {\n\t\t\t\t\tconst video = this.$refs[`videoRef_${id}`];\n\t\t\t\t\tif (video) video[0]?.pause();\n\t\t\t\t});\n\t\t\t},\n\t\t\tpauseAllVideo() {\n\t\t\t\tthis.$nextTick(() =\u003e {\n\t\t\t\t\tObject.values(this.bannerVideoRefs).forEach((v) =\u003e {\n\t\t\t\t\t\tif (!v) {\n\t\t\t\t\t\t\tthis.updateVideoRefs();\n\t\t\t\t\t\t\tthis.pauseAllVideo();\n\t\t\t\t\t\t} else v[0]?.pause();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t},\n\t\t\tinitSwiper() {\n\t\t\t\tif (typeof window === \"undefined\") return;\n\t\t\t\tif (this.mySwiper) {\n\t\t\t\t\tthis.mySwiper.destroy(true, true);\n\t\t\t\t\tthis.mySwiper = null;\n\t\t\t\t}\n\t\t\t\tthis.$nextTick(() =\u003e {\n\t\t\t\t\tconst that = this;\n\t\t\t\t\tif (!this.$refs.swiperContainerRef) return;\n\t\t\t\t\tthis.mySwiper = new swiper.default(this.$refs.swiperContainerRef, {\n\t\t\t\t\t\tloop: true,\n\t\t\t\t\t\tslidesPerView: 1.4,\n\t\t\t\t\t\tcenteredSlides: true,\n\t\t\t\t\t\tspaceBetween: 10,\n\t\t\t\t\t\tobserver: true,\n\t\t\t\t\t\tobserveParents: true,\n\t\t\t\t\t\tpagination: {\n\t\t\t\t\t\t\tel: \".swiper-pagination\",\n\t\t\t\t\t\t\ttype: \"progressbar\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\ton: { slideChange: function() {\n\t\t\t\t\t\t\tthat.activeIndex = this.realIndex;\n\t\t\t\t\t\t\tthat.handleMobileVideoPlay();\n\t\t\t\t\t\t} },\n\t\t\t\t\t\tinit: function() {\n\t\t\t\t\t\t\tthat.handleMobileVideoPlay();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.updateVideoRefs();\n\t\t\tif (!this.isPc) this.initSwiper();\n\t\t},\n\t\tcomputed: {\n\t\t\tbannerConfigs() {\n\t\t\t\treturn this.sectionData?.optionSlide?.attrs?.children ?? [];\n\t\t\t},\n\t\t\tpcDescWidth() {\n\t\t\t\tif (this.sectionData?.optionSlide?.attrs?.children?.length === 3) return \"27.2396vw\";\n\t\t\t\telse if (this.sectionData?.optionSlide?.attrs?.children?.length === 4) return \"20.4688vw\";\n\t\t\t\telse return \"75%\";\n\t\t\t},\n\t\t\tbgImg() {\n\t\t\t\treturn this.isPc ? this.sectionData?.bgImgPc : this.sectionData?.bgImgM;\n\t\t\t},\n\t\t\tbackgroundColor() {\n\t\t\t\treturn this.sectionData?.bgColor;\n\t\t\t},\n\t\t\tcurrentActiveItem() {\n\t\t\t\tconst children = this.sectionData?.optionSlide?.attrs?.children;\n\t\t\t\tif (!children || children.length === 0) return { attrs: {} };\n\t\t\t\tif (!children[this.activeIndex]) return children[0];\n\t\t\t\treturn children[this.activeIndex];\n\t\t\t},\n\t\t\tmainTitle() {\n\t\t\t\treturn this.isPc ? fallbackText(this.sectionData.titlePc) : fallbackText(this.sectionData.titleM);\n\t\t\t},\n\t\t\tshowTitle() {\n\t\t\t\treturn this.sectionData?.showTitle ?? true;\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tisPc() {\n\t\t\t\tif (this.isPc === true) {\n\t\t\t\t\tthis.pauseAllVideo();\n\t\t\t\t\tif (this.mySwiper) {\n\t\t\t\t\t\tthis.mySwiper.destroy(true, true);\n\t\t\t\t\t\tthis.mySwiper = null;\n\t\t\t\t\t}\n\t\t\t\t} else this.$nextTick(() =\u003e {\n\t\t\t\t\tthis.initSwiper();\n\t\t\t\t});\n\t\t\t\tthis.keyTime = Date.now();\n\t\t\t},\n\t\t\tbannerConfigs: {\n\t\t\t\thandler(newVal) {\n\t\t\t\t\tif (newVal \u0026\u0026 newVal.length \u0026\u0026 !this.isPc) {\n\t\t\t\t\t\tif (this.mySwiper) {\n\t\t\t\t\t\t\tthis.mySwiper.destroy(true, true);\n\t\t\t\t\t\t\tthis.mySwiper = null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.$nextTick(() =\u003e {\n\t\t\t\t\t\t\tthis.initSwiper();\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tdeep: true\n\t\t\t}\n\t\t},\n\t\tbeforeUnmount() {\n\t\t\tif (this.mySwiper) this.mySwiper.destroy(true, true);\n\t\t}\n\t};\n\tvar _hoisted_1$6 = {\n\t\tkey: 0,\n\t\tclass: \"top-banner-pc\"\n\t};\n\tvar _hoisted_2$4 = {\n\t\tkey: 0,\n\t\tclass: \"banner-title\"\n\t};\n\tvar _hoisted_3$4 = [\"onMouseover\"];\n\tvar _hoisted_4$3 = { class: \"media-box\" };\n\tvar _hoisted_5$3 = [\"src\"];\n\tvar _hoisted_6$3 = [\n\t\t\"src\",\n\t\t\"poster\",\n\t\t\"onMouseover\",\n\t\t\"onMouseleave\"\n\t];\n\tvar _hoisted_7$2 = { class: \"title\" };\n\tvar _hoisted_8$2 = {\n\t\tkey: 1,\n\t\tclass: \"top-banner-m\"\n\t};\n\tvar _hoisted_9$2 = {\n\t\tkey: 0,\n\t\tclass: \"banner-title\"\n\t};\n\tvar _hoisted_10$2 = {\n\t\tclass: \"swiper-container\",\n\t\tref: \"swiperContainerRef\"\n\t};\n\tvar _hoisted_11$2 = { class: \"swiper-wrapper\" };\n\tvar _hoisted_12$2 = { class: \"slide-content\" };\n\tvar _hoisted_13 = { class: \"media-box\" };\n\tvar _hoisted_14 = [\"src\", \"poster\"];\n\tvar _hoisted_15 = [\"src\"];\n\tvar _hoisted_16 = [\"innerHTML\"];\n\tvar _hoisted_17 = [\"innerHTML\"];\n\tfunction _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: $data.keyTime,\n\t\t\tclass: \"hover-container\",\n\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\tbackgroundImage: $options.bgImg ? `url(${$options.bgImg})` : \"none\",\n\t\t\t\tbackgroundColor: $options.backgroundColor\n\t\t\t})\n\t\t}, [$props.isPc ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$6, [$options.showTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_2$4, (0, vue.toDisplayString)($options.mainTitle), 1)) : (0, vue.createCommentVNode)(\"\", true), (0, vue.createElementVNode)(\"div\", {\n\t\t\tclass: \"inline-box\",\n\t\t\tonMouseleave: _cache[1] || (_cache[1] = ($event) =\u003e $options.returnCur()),\n\t\t\tref: \"boxRef\"\n\t\t}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.bannerConfigs, (item) =\u003e {\n\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\tkey: item.id,\n\t\t\t\tonMouseover: ($event) =\u003e $options.addBannerActive(item.id),\n\t\t\t\tclass: (0, vue.normalizeClass)([\n\t\t\t\t\t{ \"item-active\": $data.cur_indexBanner === item.id },\n\t\t\t\t\t{ \"three-item-active\": $data.cur_indexBanner === item.id \u0026\u0026 $options.bannerConfigs.length === 3 },\n\t\t\t\t\t\"item\"\n\t\t\t\t])\n\t\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_4$3, [!item.attrs.isVideo ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"img\", {\n\t\t\t\tkey: 0,\n\t\t\t\tsrc: item.attrs.posterUrl ? item.attrs.posterUrl : \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/pc3.jpg\",\n\t\t\t\talt: \"VIVAIA\",\n\t\t\t\tloading: \"lazy\",\n\t\t\t\tonMouseover: _cache[0] || (_cache[0] = ($event) =\u003e $options.pauseAllVideo())\n\t\t\t}, null, 40, _hoisted_5$3)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"video\", {\n\t\t\t\tkey: 1,\n\t\t\t\t\"webkit-playsinline\": \"\",\n\t\t\t\tplaysinline: \"\",\n\t\t\t\tautoplay: \"\",\n\t\t\t\tmuted: \"\",\n\t\t\t\tstyle: { \"display\": \"block\" },\n\t\t\t\tref_for: true,\n\t\t\t\tref: $options.setVideoRef(item.id),\n\t\t\t\tsrc: $options.fallbackText(item.attrs.videoUrl, \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\"),\n\t\t\t\tposter: $options.fallbackText(item.attrs.posterUrl, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\"),\n\t\t\t\tloop: \"\",\n\t\t\t\tonMouseover: ($event) =\u003e $options.playVideo(item.id),\n\t\t\t\tonMouseleave: ($event) =\u003e $options.pauseVideo(item.id)\n\t\t\t}, null, 40, _hoisted_6$3))]), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"inline-text\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: item.attrs.textColor })\n\t\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_7$2, (0, vue.toDisplayString)($options.fallbackText(item.attrs.titlePc)), 1), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: (0, vue.normalizeClass)([\"desc\", $data.cur_indexBanner === item.id ? \"active-desc\" : \"\"]),\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ maxWidth: $options.pcDescWidth })\n\t\t\t}, (0, vue.toDisplayString)($options.fallbackText(item.attrs.descPc)), 7)], 4)], 42, _hoisted_3$4);\n\t\t}), 128))], 544)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_8$2, [$options.showTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_9$2, (0, vue.toDisplayString)($options.mainTitle), 1)) : (0, vue.createCommentVNode)(\"\", true), (0, vue.createElementVNode)(\"div\", _hoisted_10$2, [\n\t\t\t(0, vue.createElementVNode)(\"div\", _hoisted_11$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.bannerConfigs, (item, index) =\u003e {\n\t\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\t\tclass: \"swiper-slide\",\n\t\t\t\t\tkey: index\n\t\t\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_12$2, [(0, vue.createElementVNode)(\"div\", _hoisted_13, [item.attrs.isVideo ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"video\", {\n\t\t\t\t\tkey: 0,\n\t\t\t\t\tsrc: item.attrs.videoUrlM ? item.attrs.videoUrlM : \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",\n\t\t\t\t\tposter: item.attrs.posterUrlM ? item.attrs.posterUrlM : \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",\n\t\t\t\t\tloop: \"\",\n\t\t\t\t\tmuted: \"\",\n\t\t\t\t\tplaysinline: \"\",\n\t\t\t\t\t\"webkit-playsinline\": \"\",\n\t\t\t\t\tclass: \"bg-media\"\n\t\t\t\t}, null, 8, _hoisted_14)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"img\", {\n\t\t\t\t\tkey: 1,\n\t\t\t\t\tsrc: item.attrs.posterUrlM ? item.attrs.posterUrlM : \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",\n\t\t\t\t\talt: \"VIVAIA\",\n\t\t\t\t\tclass: \"bg-media\",\n\t\t\t\t\tloading: \"lazy\"\n\t\t\t\t}, null, 8, _hoisted_15))])])]);\n\t\t\t}), 128))]),\n\t\t\t(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"text-content\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: $options.currentActiveItem.attrs.textColorM })\n\t\t\t}, [(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"title\",\n\t\t\t\tinnerHTML: $options.fallbackText($options.currentActiveItem.attrs.titleM)\n\t\t\t}, null, 8, _hoisted_16), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"desc\",\n\t\t\t\tinnerHTML: $options.fallbackText($options.currentActiveItem.attrs.descM)\n\t\t\t}, null, 8, _hoisted_17)], 4),\n\t\t\t_cache[2] || (_cache[2] = (0, vue.createElementVNode)(\"div\", { class: \"swiper-pagination\" }, null, -1))\n\t\t], 512)]))], 4);\n\t}\n\tvar HoverAccordion_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$6, [[\"render\", _sfc_render$6], [\"__scopeId\", \"data-v-b01f8bb9\"]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/LookBook.vue\n\tvar _sfc_main$5 = {\n\t\tprops: {\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e {}\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tkeyTime: Date.now(),\n\t\t\t\tcur_indexPreview: 0,\n\t\t\t\tswiperInstance: null\n\t\t\t};\n\t\t},\n\t\tcomputed: {\n\t\t\tbgAttr() {\n\t\t\t\tlet bgStyle = Object.assign({});\n\t\t\t\tif (this.sectionData?.Alterable.attrs.backgroundType === \"color\") bgStyle = { backgroundColor: this.sectionData?.Alterable.attrs.backgroundColor || \"#faf7f6\" };\n\t\t\t\telse bgStyle = {\n\t\t\t\t\tbackgroundImage: `url(${this.isPc ? this.sectionData?.Alterable.attrs.bgImgPc : this.sectionData?.Alterable.attrs.bgImgM})`,\n\t\t\t\t\tbackgroundSize: \"cover\",\n\t\t\t\t\tbackgroundPosition: \"center center\"\n\t\t\t\t};\n\t\t\t\treturn bgStyle;\n\t\t\t},\n\t\t\tpreviewList() {\n\t\t\t\treturn this.sectionData?.Alterable.attrs.children || [];\n\t\t\t},\n\t\t\titemTextColor() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs.TextColorPc || \"#261B02\";\n\t\t\t},\n\t\t\tmPaginationColor() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs.paginationColorM || \"rgba(25, 24, 23, 0.25)\";\n\t\t\t},\n\t\t\tmFillColor() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs.mFillColor || \"#261B02\";\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tisPc: { handler(val) {\n\t\t\t\tif (!val) this.$nextTick(() =\u003e {\n\t\t\t\t\tthis.initSwiper();\n\t\t\t\t});\n\t\t\t} },\n\t\t\tsectionData: { handler(val, oldVal) {\n\t\t\t\tif ((val?.Alterable?.attrs?.children?.length ?? 0) !== (oldVal?.Alterable?.attrs?.children?.length ?? 0)) this.$nextTick(() =\u003e {\n\t\t\t\t\tif (!this.isPc) this.initSwiper();\n\t\t\t\t});\n\t\t\t} }\n\t\t},\n\t\tmounted() {\n\t\t\tthis.preloadImages();\n\t\t\tif (!this.isPc) this.$nextTick(() =\u003e {\n\t\t\t\tthis.initSwiper();\n\t\t\t});\n\t\t},\n\t\tmethods: {\n\t\t\tfallbackText,\n\t\t\tinitSwiper() {\n\t\t\t\tif (typeof window === \"undefined\" || this.isPc) return;\n\t\t\t\tif (this.swiperInstance) {\n\t\t\t\t\tthis.swiperInstance.destroy(true, true);\n\t\t\t\t\tthis.swiperInstance = null;\n\t\t\t\t}\n\t\t\t\tsetTimeout(() =\u003e {\n\t\t\t\t\tif (!this.$refs.commonSwiper) return;\n\t\t\t\t\tthis.swiperInstance = new swiper.default(this.$refs.commonSwiper, {\n\t\t\t\t\t\tslidesPerView: 1.39,\n\t\t\t\t\t\tspaceBetween: 5,\n\t\t\t\t\t\tslidesOffsetBefore: 10,\n\t\t\t\t\t\tslidesOffsetAfter: 10,\n\t\t\t\t\t\tpagination: {\n\t\t\t\t\t\t\tel: \".commit-swiper .swiper-pagination\",\n\t\t\t\t\t\t\ttype: \"progressbar\"\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tthis.keyTime = Date.now();\n\t\t\t},\n\t\t\taddPreviewActive(i) {\n\t\t\t\tthis.cur_indexPreview = i;\n\t\t\t},\n\t\t\tpreloadImages() {\n\t\t\t\tif (typeof Image === \"undefined\") return;\n\t\t\t\tthis.previewList.forEach((item) =\u003e {\n\t\t\t\t\tconst img = new Image();\n\t\t\t\t\timg.src = item.img;\n\t\t\t\t});\n\t\t\t},\n\t\t\timgPcForId(num) {\n\t\t\t\treturn { transform: num % 2 === 0 ? `rotate(${.6 * num}deg)` : `rotate(${-.6 * num}deg)` };\n\t\t\t}\n\t\t},\n\t\tbeforeUnmount() {\n\t\t\tif (this.swiperInstance) this.swiperInstance.destroy(true, true);\n\t\t}\n\t};\n\tvar _hoisted_1$5 = { class: \"text-arr\" };\n\tvar _hoisted_2$3 = { class: \"text-desc\" };\n\tvar _hoisted_3$3 = [\"onMouseover\"];\n\tvar _hoisted_4$2 = [\"innerHTML\"];\n\tvar _hoisted_5$2 = { class: \"img-arr\" };\n\tvar _hoisted_6$2 = [\"src\"];\n\tvar _hoisted_7$1 = {\n\t\tclass: \"swiper-container commit-swiper\",\n\t\tref: \"commonSwiper\"\n\t};\n\tvar _hoisted_8$1 = { class: \"swiper-wrapper\" };\n\tvar _hoisted_9$1 = { class: \"item\" };\n\tvar _hoisted_10$1 = { class: \"inline-text\" };\n\tvar _hoisted_11$1 = [\"innerHTML\"];\n\tvar _hoisted_12$1 = [\"src\"];\n\tfunction _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", { key: $data.keyTime }, [$props.isPc ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: 0,\n\t\t\tclass: \"center-banner-pc\",\n\t\t\tstyle: (0, vue.normalizeStyle)($options.bgAttr)\n\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_1$5, [(0, vue.createElementVNode)(\"div\", {\n\t\t\tclass: \"text-title\",\n\t\t\tstyle: (0, vue.normalizeStyle)({ color: $props.sectionData?.mainTitleColor || \"#261B02\" })\n\t\t}, (0, vue.toDisplayString)($options.fallbackText($props.sectionData?.mainTitle)), 5), (0, vue.createElementVNode)(\"ul\", _hoisted_2$3, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.previewList, (item, index) =\u003e {\n\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"li\", {\n\t\t\t\tkey: item.id,\n\t\t\t\tonMouseover: ($event) =\u003e $options.addPreviewActive(index),\n\t\t\t\tclass: (0, vue.normalizeClass)([{ \"desc-item-active\": $data.cur_indexPreview == index }, \"desc-item\"])\n\t\t\t}, [(0, vue.createElementVNode)(\"span\", {\n\t\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\t\tcolor: $options.itemTextColor,\n\t\t\t\t\t\"--desc-after-bg\": $options.itemTextColor || \"#261B02\"\n\t\t\t\t}),\n\t\t\t\tinnerHTML: $options.fallbackText(item.attrs.title)\n\t\t\t}, null, 12, _hoisted_4$2)], 42, _hoisted_3$3);\n\t\t}), 128))])]), (0, vue.createElementVNode)(\"div\", _hoisted_5$2, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.previewList, (item, index) =\u003e {\n\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"img\", {\n\t\t\t\tkey: item.id,\n\t\t\t\tclass: (0, vue.normalizeClass)([\n\t\t\t\t\t\"common-img\",\n\t\t\t\t\t`performance-${index}`,\n\t\t\t\t\t{ \"img-active\": $data.cur_indexPreview === index }\n\t\t\t\t]),\n\t\t\t\tstyle: (0, vue.normalizeStyle)($options.imgPcForId(index)),\n\t\t\t\tsrc: $options.fallbackText(item.attrs.pcImg, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250117_7336\/ISABELI-pc-005.jpg\"),\n\t\t\t\talt: \"VIVAIA\"\n\t\t\t}, null, 14, _hoisted_6$2);\n\t\t}), 128))])], 4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: 1,\n\t\t\tclass: \"center-banner-m\",\n\t\t\tstyle: (0, vue.normalizeStyle)($options.bgAttr)\n\t\t}, [(0, vue.createElementVNode)(\"div\", {\n\t\t\tclass: \"title\",\n\t\t\tstyle: (0, vue.normalizeStyle)({ color: $props.sectionData?.mainTitleColor || \"#261B02\" })\n\t\t}, (0, vue.toDisplayString)($options.fallbackText($props.sectionData.mainTitle)), 5), (0, vue.createElementVNode)(\"div\", _hoisted_7$1, [(0, vue.createElementVNode)(\"div\", _hoisted_8$1, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.previewList, (item) =\u003e {\n\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\tclass: \"swiper-slide\",\n\t\t\t\tkey: item.id\n\t\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_9$1, [(0, vue.createElementVNode)(\"div\", _hoisted_10$1, [(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"item-title\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: item.attrs.TextColorM }),\n\t\t\t\tinnerHTML: $options.fallbackText(item.attrs.title)\n\t\t\t}, null, 12, _hoisted_11$1)]), (0, vue.createElementVNode)(\"img\", {\n\t\t\t\tsrc: $options.fallbackText(item.attrs.mImg, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/demo-pc-03-6.jpg\"),\n\t\t\t\talt: \"VIVAIA\",\n\t\t\t\tloading: \"lazy\"\n\t\t\t}, null, 8, _hoisted_12$1)])]);\n\t\t}), 128))]), (0, vue.createElementVNode)(\"div\", {\n\t\t\tclass: \"swiper-pagination\",\n\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\t\"--swiper-pagination-bg\": $options.mPaginationColor || \"rgba(38, 27, 2, 0.3)\",\n\t\t\t\t\"--swiper-pagination-fill\": $options.mFillColor || \"#261B02\"\n\t\t\t})\n\t\t}, null, 4)], 512)], 4))]);\n\t}\n\tvar LookBook_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$5, [[\"render\", _sfc_render$5], [\"__scopeId\", \"data-v-0fba1204\"]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/NewLookBook.vue\n\tvar _sfc_main$4 = {\n\t\tnamespace: \"NewLookBook\",\n\t\tprops: {\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e ({})\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tcur_indexPreview: 9999,\n\t\t\t\tshowDetails: false,\n\t\t\t\tmSwiperInstance: null\n\t\t\t};\n\t\t},\n\t\twatch: {\n\t\t\tisPc: { handler(val) {\n\t\t\t\tif (!val) this.initMSwiper();\n\t\t\t} },\n\t\t\tcur_indexPreview: {\n\t\t\t\thandler(val) {\n\t\t\t\t\tif (val \u003c this.itemList.length) this.showDetails = true;\n\t\t\t\t\telse this.showDetails = false;\n\t\t\t\t},\n\t\t\t\timmediate: true\n\t\t\t},\n\t\t\t\"sectionData.Alterable.attrs.children.length\": {\n\t\t\t\thandler() {\n\t\t\t\t\tif (this.isPc) {\n\t\t\t\t\t\tthis.showDetails = false;\n\t\t\t\t\t\tthis.cur_indexPreview = 9999;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.mSwiperInstance) {\n\t\t\t\t\t\t\tthis.mSwiperInstance.destroy();\n\t\t\t\t\t\t\tthis.mSwiperInstance = null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.initMSwiper();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\timmediate: true\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tmainTitle() {\n\t\t\t\tif (this.isPc) return this.sectionData?.mainTitlePc;\n\t\t\t\telse return this.sectionData?.mainTitleM;\n\t\t\t},\n\t\t\tdesc() {\n\t\t\t\treturn this.isPc ? this.sectionData?.descPc : this.sectionData?.descM;\n\t\t\t},\n\t\t\ttextColorPc() {\n\t\t\t\treturn this.sectionData?.mainTitlePcColor;\n\t\t\t},\n\t\t\titemList() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs?.children || [];\n\t\t\t},\n\t\t\tmPaginationColor() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs?.progressBarBgColor || \"rgba(38, 27, 2, 0.3)\";\n\t\t\t},\n\t\t\tmFillColor() {\n\t\t\t\treturn this.sectionData?.Alterable?.attrs?.progressBarFillColor || \"#261B02\";\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.initMSwiper();\n\t\t},\n\t\tmethods: {\n\t\t\tfallbackText,\n\t\t\taddPreviewActive(i) {\n\t\t\t\tthis.cur_indexPreview = i;\n\t\t\t},\n\t\t\thandleClickPcSection() {\n\t\t\t\tthis.cur_indexPreview = 9999;\n\t\t\t},\n\t\t\tinitMSwiper() {\n\t\t\t\tif (typeof window === \"undefined\" || this.isPc) return;\n\t\t\t\tif (this.mSwiperInstance) {\n\t\t\t\t\tthis.mSwiperInstance.destroy();\n\t\t\t\t\tthis.mSwiperInstance = null;\n\t\t\t\t}\n\t\t\t\tthis.$nextTick(() =\u003e {\n\t\t\t\t\tif (!this.$refs.newLookBookMSwiper) return;\n\t\t\t\t\tthis.mSwiperInstance = new swiper.default(this.$refs.newLookBookMSwiper, {\n\t\t\t\t\t\tslidesPerView: 1.4,\n\t\t\t\t\t\tslidesOffsetBefore: 10,\n\t\t\t\t\t\tslidesOffsetAfter: 10,\n\t\t\t\t\t\tspaceBetween: 5,\n\t\t\t\t\t\tloop: false,\n\t\t\t\t\t\tpagination: {\n\t\t\t\t\t\t\tel: \".new-lookbook-swiper .swiper-pagination\",\n\t\t\t\t\t\t\ttype: \"progressbar\"\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\tbeforeUnmount() {\n\t\t\tif (this.mSwiperInstance) this.mSwiperInstance.destroy();\n\t\t}\n\t};\n\tvar _hoisted_1$4 = { class: \"new-lookBook\" };\n\tvar _hoisted_2$2 = { class: \"top-info\" };\n\tvar _hoisted_3$2 = [\"innerHTML\"];\n\tvar _hoisted_4$1 = [\"innerHTML\"];\n\tvar _hoisted_5$1 = [\"onMouseover\"];\n\tvar _hoisted_6$1 = [\"innerHTML\"];\n\tvar _hoisted_7 = [\"src\"];\n\tvar _hoisted_8 = { class: \"title\" };\n\tvar _hoisted_9 = { class: \"desc\" };\n\tvar _hoisted_10 = {\n\t\tclass: \"new-lookbook-swiper swiper-container\",\n\t\tref: \"newLookBookMSwiper\"\n\t};\n\tvar _hoisted_11 = { class: \"swiper-wrapper\" };\n\tvar _hoisted_12 = [\"src\"];\n\tfunction _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$4, [$props.isPc ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: 0,\n\t\t\tclass: \"look-book-pc\",\n\t\t\tstyle: (0, vue.normalizeStyle)({ \"--bg-img-pc\": `url(${$options.fallbackText($props.sectionData?.bgImgPc, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-07.jpg\")})` })\n\t\t}, [\n\t\t\t(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: (0, vue.normalizeClass)([\"mask\", { \"mask-active\": $data.showDetails }]),\n\t\t\t\tonClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)((...args) =\u003e $options.handleClickPcSection \u0026\u0026 $options.handleClickPcSection(...args), [\"self\"]))\n\t\t\t}, null, 2),\n\t\t\t(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"left-info\",\n\t\t\t\tonClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)((...args) =\u003e $options.handleClickPcSection \u0026\u0026 $options.handleClickPcSection(...args), [\"self\"]))\n\t\t\t}, [(0, vue.createElementVNode)(\"div\", _hoisted_2$2, [(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"title\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: $options.textColorPc || \"#ffffff\" }),\n\t\t\t\tinnerHTML: $options.fallbackText($options.mainTitle)\n\t\t\t}, null, 12, _hoisted_3$2), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: (0, vue.normalizeClass)([\"desc\", { \"desc-show-active\": $data.showDetails }]),\n\t\t\t\tinnerHTML: $options.fallbackText($options.desc),\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: $options.textColorPc || \"#ffffff\" })\n\t\t\t}, null, 14, _hoisted_4$1)]), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"item-list\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({ \"--desc-after-color\": $props.sectionData?.Alterable?.attrs?.listColor })\n\t\t\t}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.itemList, (item, index) =\u003e {\n\t\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: $props.sectionData?.Alterable?.attrs?.listColor || \"#ffffff\" }),\n\t\t\t\t\tkey: index,\n\t\t\t\t\tclass: (0, vue.normalizeClass)([\"item\", { \"item-active\": $data.cur_indexPreview == index }]),\n\t\t\t\t\tonMouseover: ($event) =\u003e $options.addPreviewActive(index)\n\t\t\t\t}, [(0, vue.createElementVNode)(\"div\", {\n\t\t\t\t\tclass: \"item-text\",\n\t\t\t\t\tinnerHTML: $options.fallbackText(item.attrs.title)\n\t\t\t\t}, null, 8, _hoisted_6$1)], 46, _hoisted_5$1);\n\t\t\t}), 128))], 4)]),\n\t\t\t(0, vue.createElementVNode)(\"div\", { class: (0, vue.normalizeClass)([\"right-gallery\", { \"right-gallery-active\": $data.showDetails }]) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.itemList, (item, index) =\u003e {\n\t\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"img\", {\n\t\t\t\t\tclass: (0, vue.normalizeClass)([\"right-gallery-img\", { \"img-show\": $data.cur_indexPreview === index }]),\n\t\t\t\t\tkey: index,\n\t\t\t\t\tsrc: $options.fallbackText(item.attrs.imgSrc, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),\n\t\t\t\t\talt: \"VIVAIA\"\n\t\t\t\t}, null, 10, _hoisted_7);\n\t\t\t}), 128))], 2)\n\t\t], 4)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\tkey: 1,\n\t\t\tclass: \"look-book-m\",\n\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\tbackground: $props.sectionData?.bgImgColor || \"#f2e9da\",\n\t\t\t\tcolor: $props.sectionData?.mainTitleMColor || \"#261b02\"\n\t\t\t})\n\t\t}, [\n\t\t\t(0, vue.createElementVNode)(\"div\", _hoisted_8, (0, vue.toDisplayString)($options.fallbackText($props.sectionData?.mainTitleM)), 1),\n\t\t\t(0, vue.createElementVNode)(\"div\", _hoisted_9, (0, vue.toDisplayString)($options.fallbackText($props.sectionData?.descM)), 1),\n\t\t\t(0, vue.createElementVNode)(\"div\", _hoisted_10, [(0, vue.createElementVNode)(\"div\", _hoisted_11, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($options.itemList, (item, index) =\u003e {\n\t\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\t\tclass: \"swiper-slide\",\n\t\t\t\t\tkey: index\n\t\t\t\t}, [(0, vue.createElementVNode)(\"div\", {\n\t\t\t\t\tclass: \"slide-title\",\n\t\t\t\t\tstyle: (0, vue.normalizeStyle)({ color: item.attrs.mTextColor })\n\t\t\t\t}, (0, vue.toDisplayString)($options.fallbackText(item.attrs.title)), 5), (0, vue.createElementVNode)(\"img\", {\n\t\t\t\t\tsrc: $options.fallbackText(item.attrs.imgSrc, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),\n\t\t\t\t\talt: \"VIVAIA\"\n\t\t\t\t}, null, 8, _hoisted_12)]);\n\t\t\t}), 128))]), (0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"swiper-pagination\",\n\t\t\t\tstyle: (0, vue.normalizeStyle)({\n\t\t\t\t\t\"--swiper-pagination-bg\": $options.mPaginationColor || \"rgba(25, 24, 23, 0.25)\",\n\t\t\t\t\t\"--swiper-pagination-fill\": $options.mFillColor || \"#261B02\"\n\t\t\t\t})\n\t\t\t}, null, 4)], 512)\n\t\t], 4))]);\n\t}\n\tvar NewLookBook_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$4, [[\"render\", _sfc_render$4], [\"__scopeId\", \"data-v-a78e6716\"]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/ImgOrVideo.vue\n\tvar _sfc_main$3 = {\n\t\tprops: {\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: () =\u003e false\n\t\t\t},\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e {}\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {};\n\t\t},\n\t\tmethods: { fallbackText },\n\t\twatch: {},\n\t\tcomputed: { mainTitle() {\n\t\t\treturn fallbackText(this.isPc ? this.sectionData.titlePc : this.sectionData.titleM);\n\t\t} }\n\t};\n\tvar _hoisted_1$3 = { class: \"video-box\" };\n\tvar _hoisted_2$1 = {\n\t\tkey: 0,\n\t\tclass: \"common-title\"\n\t};\n\tvar _hoisted_3$1 = { key: 1 };\n\tvar _hoisted_4 = [\"srcset\"];\n\tvar _hoisted_5 = [\"src\"];\n\tvar _hoisted_6 = [\"src\", \"poster\"];\n\tfunction _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$3, [$props.sectionData.showTitle ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_2$1, (0, vue.toDisplayString)($options.mainTitle), 1)) : (0, vue.createCommentVNode)(\"\", true), !$props.sectionData.isVideo ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"picture\", _hoisted_3$1, [(0, vue.createElementVNode)(\"source\", {\n\t\t\tsrcset: $options.fallbackText($props.sectionData.imgUrlM, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),\n\t\t\tmedia: \"(max-width: 768px)\"\n\t\t}, null, 8, _hoisted_4), (0, vue.createElementVNode)(\"img\", {\n\t\t\tclass: \"video-bog-img\",\n\t\t\tsrc: $options.fallbackText($props.sectionData.imgUrlPC, \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\"),\n\t\t\talt: \"VIVAIA\"\n\t\t}, null, 8, _hoisted_5)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(\"video\", {\n\t\t\tkey: 2,\n\t\t\t\"webkit-playsinline\": \"\",\n\t\t\tplaysinline: \"\",\n\t\t\tautoplay: \"\",\n\t\t\tmuted: \"\",\n\t\t\theight: \"100%\",\n\t\t\tstyle: {\n\t\t\t\t\"height\": \"100%\",\n\t\t\t\t\"width\": \"100%\",\n\t\t\t\t\"display\": \"block\"\n\t\t\t},\n\t\t\tsrc: $options.fallbackText($props.isPc ? $props.sectionData.videoUrlPC : $props.sectionData.videoUrlM, $props.isPc ? \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\" : \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),\n\t\t\tposter: $options.fallbackText($props.isPc ? $props.sectionData.imgUrlPC : $props.sectionData.imgUrlM, $props.isPc ? \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\" : \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),\n\t\t\tloop: \"\"\n\t\t}, null, 8, _hoisted_6))]);\n\t}\n\tvar ImgOrVideo_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$3, [[\"render\", _sfc_render$3], [\"__scopeId\", \"data-v-6a82c6ea\"]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/AboutUs.vue\n\tvar _sfc_main$2 = {\n\t\tprops: {\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: () =\u003e false\n\t\t\t},\n\t\t\tsectionData: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault: () =\u003e {}\n\t\t\t},\n\t\t\tlangCode: { type: String }\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tTextEn: {\n\t\t\t\t\tend_about_title: \"About Us\",\n\t\t\t\t\tend_about_desc: \"VIVAIA was born in 2020 with the vision of bringing environmentally friendly, comfortable, and timelessly designed shoes to the world. \u003cbr \/\u003eWe are committed to freeing women’s feet in a sustainable way.\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIA was born in 2020 with the vision of bringing\u003cbr\/\u003eenvironmentally friendly, comfortable, and timelessly\u003cbr\/\u003edesigned shoes to the world.\u003cbr\/\u003eWe are committed to freeing women’s feet in a\u003cbr\/\u003esustainable way.\"\n\t\t\t\t},\n\t\t\t\tTextDe: {\n\t\t\t\t\tend_about_title: \"Über uns\",\n\t\t\t\t\tend_about_desc: \"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. \u003cbr \/\u003eWir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. Wir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\"\n\t\t\t\t},\n\t\t\t\tTextFr: {\n\t\t\t\t\tend_about_title: \"À propos de nous\",\n\t\t\t\t\tend_about_desc: \"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. \u003cbr \/\u003eNous nous engageons à libérer les pieds des femmes de manière durable.\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. Nous nous engageons à libérer les pieds des femmes de manière durable.\"\n\t\t\t\t},\n\t\t\t\tTextEs: {\n\t\t\t\t\tend_about_title: \"Sobre Nosotros\",\n\t\t\t\t\tend_about_desc: `Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal.\u003cbr \/\u003eNuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.`,\n\t\t\t\t\tend_about_desc_m: `Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal. Nuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.`\n\t\t\t\t},\n\t\t\t\tTextIt: {\n\t\t\t\t\tend_about_title: \"Chi Siamo\",\n\t\t\t\t\tend_about_desc: \"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.\u003cbr \/\u003eCi impegniamo a liberare i piedi delle donne in modo sostenibile.\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.Ci impegniamo a liberare i piedi delle donne in modo sostenibile.\"\n\t\t\t\t},\n\t\t\t\tTextKr: {\n\t\t\t\t\tend_about_title: \"About Us\",\n\t\t\t\t\tend_about_desc: \"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다. \u003cbr \/\u003e우리는 지속 가능한 방식으로 각지역 여성들에게 최고의 착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다.우리는 지속 가능한 방식으로 각지역 여성들에게 최고의 착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\"\n\t\t\t\t},\n\t\t\t\tTextJp: {\n\t\t\t\t\tend_about_title: \"VIVAIAについて\",\n\t\t\t\t\tend_about_desc: \"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。\u003cbr\/\u003e私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\",\n\t\t\t\t\tend_about_desc_m: \"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\"\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t\tcomputed: {\n\t\t\ttitle() {\n\t\t\t\treturn this[`Text${this.langCode.charAt(0).toUpperCase() + this.langCode.slice(1)}`].end_about_title;\n\t\t\t},\n\t\t\tdesc() {\n\t\t\t\tif (this.isPc) return this[`Text${this.langCode.charAt(0).toUpperCase() + this.langCode.slice(1)}`].end_about_desc;\n\t\t\t\telse return this[`Text${this.langCode.charAt(0).toUpperCase() + this.langCode.slice(1)}`].end_about_desc_m;\n\t\t\t}\n\t\t}\n\t};\n\tvar _hoisted_1$2 = { class: \"end-about\" };\n\tvar _hoisted_2 = [\"innerHTML\"];\n\tvar _hoisted_3 = [\"innerHTML\"];\n\tfunction _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$2, [\n\t\t\t(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"title\",\n\t\t\t\tinnerHTML: $options.title\n\t\t\t}, null, 8, _hoisted_2),\n\t\t\t(0, vue.createElementVNode)(\"div\", {\n\t\t\t\tclass: \"desc\",\n\t\t\t\tinnerHTML: $options.desc\n\t\t\t}, null, 8, _hoisted_3),\n\t\t\t_cache[0] || (_cache[0] = (0, vue.createElementVNode)(\"picture\", null, [(0, vue.createElementVNode)(\"source\", {\n\t\t\t\tsrcset: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-m.jpg\",\n\t\t\t\tmedia: \"(max-width: 768px)\"\n\t\t\t}), (0, vue.createElementVNode)(\"img\", {\n\t\t\t\tsrc: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\",\n\t\t\t\talt: \"VIVAIA\",\n\t\t\t\tloading: \"lazy\"\n\t\t\t})], -1))\n\t\t]);\n\t}\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/components\/MainComponent.vue\n\tvar _sfc_main$1 = {\n\t\tcomponents: {\n\t\t\tTopBanner: TopBanner_default,\n\t\t\tHoverAccordion: HoverAccordion_default,\n\t\t\tLookBook: LookBook_default,\n\t\t\tNewLookBook: NewLookBook_default,\n\t\t\tImgOrVideo: ImgOrVideo_default,\n\t\t\tAboutUs: \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$2, [[\"render\", _sfc_render$2], [\"__scopeId\", \"data-v-e9083df8\"]])\n\t\t},\n\t\tprops: {\n\t\t\ttemplateData: {\n\t\t\t\ttype: Array,\n\t\t\t\tdefault: () =\u003e []\n\t\t\t},\n\t\t\tlang: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: () =\u003e \"en\"\n\t\t\t},\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t}\n\t\t},\n\t\tcomputed: { langClassName() {\n\t\t\treturn getLangClasses(this.lang);\n\t\t} },\n\t\tmethods: { computedIsShow(config) {\n\t\t\tif (\"isShow\" in config) return config.isShow;\n\t\t\treturn true;\n\t\t} }\n\t};\n\tfunction _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", { class: (0, vue.normalizeClass)([\"mainComponent\", $options.langClassName]) }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($props.templateData, (item) =\u003e {\n\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [$options.computedIsShow(item.attrs) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(item.type), {\n\t\t\t\tisPc: $props.isPc,\n\t\t\t\tkey: item.id,\n\t\t\t\tsectionData: item.attrs,\n\t\t\t\tlangCode: $props.lang\n\t\t\t}, null, 8, [\n\t\t\t\t\"isPc\",\n\t\t\t\t\"sectionData\",\n\t\t\t\t\"langCode\"\n\t\t\t])) : (0, vue.createCommentVNode)(\"\", true)], 64);\n\t\t}), 256))], 2);\n\t}\n\tvar MainComponent_default = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main$1, [[\"render\", _sfc_render$1]]);\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/templateJson.ts\n\tvar defaultValue = {\n\t\ttemplateSetting: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\ttabName: \"顶部banner\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"是否展示\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"不展示\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"背景图片PC\",\n\t\t\t\t\t\tfield: \"bgImgPc\",\n\t\t\t\t\t\tplaceholder: \"请输入PC背景图片链接\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"背景图片M\",\n\t\t\t\t\t\tfield: \"bgImgM\",\n\t\t\t\t\t\tplaceholder: \"请输入M背景图片链接\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"文案展示\",\n\t\t\t\t\t\tfield: \"showTitle\",\n\t\t\t\t\t\tdefaultValue: false,\n\t\t\t\t\t\trelated: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"titlePc\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"titleM\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"descPc\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"descM\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"PcTitleLayout\",\n\t\t\t\t\t\t\t\tdefault: \"center\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"titleColorPc\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"titleColorM\",\n\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"topPc\",\n\t\t\t\t\t\t\t\tdefault: 30\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"leftPc\",\n\t\t\t\t\t\t\t\tdefault: 30\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"topM\",\n\t\t\t\t\t\t\t\tdefault: 10\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkeyName: \"leftM\",\n\t\t\t\t\t\t\t\tdefault: 10\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t],\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题PC\",\n\t\t\t\t\t\tfield: \"titlePc\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"描述PC\",\n\t\t\t\t\t\tfield: \"descPc\",\n\t\t\t\t\t\tbased: \"showTitle\",\n\t\t\t\t\t\ttips: \"不配置就没有描述文案\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"PC文案排版\",\n\t\t\t\t\t\tdefaultValue: \"center\",\n\t\t\t\t\t\tfield: \"PcTitleLayout\",\n\t\t\t\t\t\tbased: \"showTitle\",\n\t\t\t\t\t\tradioOptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\t\tlabel: \"居中\",\n\t\t\t\t\t\t\t\tvalue: \"center\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\t\tlabel: \"左对齐\",\n\t\t\t\t\t\t\t\tvalue: \"left\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 3,\n\t\t\t\t\t\t\t\tlabel: \"右对齐\",\n\t\t\t\t\t\t\t\tvalue: \"right\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"文案颜色Pc\",\n\t\t\t\t\t\tfield: \"titleColorPc\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题M\",\n\t\t\t\t\t\tfield: \"titleM\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"描述M\",\n\t\t\t\t\t\tfield: \"descM\",\n\t\t\t\t\t\tbased: \"showTitle\",\n\t\t\t\t\t\ttips: \"不配置就没有描述文案\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"文案颜色M\",\n\t\t\t\t\t\tfield: \"titleColorM\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Slider\",\n\t\t\t\t\t\tlabel: \"上边距PC\",\n\t\t\t\t\t\tfield: \"topPc\",\n\t\t\t\t\t\ttips: \"文案位置距离图片顶部距离(%)\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Slider\",\n\t\t\t\t\t\tlabel: \"左边距PC\",\n\t\t\t\t\t\tfield: \"leftPc\",\n\t\t\t\t\t\ttips: \"文案位置距离图片左边距离(%)\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Slider\",\n\t\t\t\t\t\tlabel: \"上边距M\",\n\t\t\t\t\t\tfield: \"topM\",\n\t\t\t\t\t\ttips: \"文案位置距离图片顶部距离(%),左右默认居中\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\ttabName: \"商品手风琴\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"是否展示\",\n\t\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"展示标题\",\n\t\t\t\t\t\tfield: \"showTitle\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}],\n\t\t\t\t\t\trelated: [{ keyName: \"titlePc\" }, { keyName: \"titleM\" }]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题PC\",\n\t\t\t\t\t\tfield: \"titlePc\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题M\",\n\t\t\t\t\t\tfield: \"titleM\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"背景图片PC\",\n\t\t\t\t\t\tfield: \"bgImgPc\",\n\t\t\t\t\t\tplaceholder: \"请输入PC背景图片链接\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"背景图片M\",\n\t\t\t\t\t\tfield: \"bgImgM\",\n\t\t\t\t\t\tplaceholder: \"请输入M背景图片链接\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: \"背景颜色\",\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tfield: \"bgColor\",\n\t\t\t\t\t\ttips: \"背景颜色配置后PC和M通用\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"OptionSlide\",\n\t\t\t\t\t\tlabel: \"功能Slide\",\n\t\t\t\t\t\tfield: \"optionSlide\",\n\t\t\t\t\t\toptions: [{\n\t\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\t\tlabel: \"slide数量\",\n\t\t\t\t\t\t\tfield: \"slideNumber\",\n\t\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\t\tlabel: \"3个\",\n\t\t\t\t\t\t\t\tvalue: 3\n\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\t\tlabel: \"4个\",\n\t\t\t\t\t\t\t\tvalue: 4\n\t\t\t\t\t\t\t}]\n\t\t\t\t\t\t}],\n\t\t\t\t\t\tslideOptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\t\t\tlabel: \"视频\/图片\",\n\t\t\t\t\t\t\t\tfield: \"isVideo\",\n\t\t\t\t\t\t\t\tdefaultValue: false,\n\t\t\t\t\t\t\t\trelated: [{\n\t\t\t\t\t\t\t\t\tkeyName: \"videoUrl\",\n\t\t\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t\t\t}],\n\t\t\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\t\t\tlabel: \"视频\",\n\t\t\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\t\t\tlabel: \"图片\",\n\t\t\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t\t\t}]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"视频PC\",\n\t\t\t\t\t\t\t\tfield: \"videoUrl\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入PC视频链接\",\n\t\t\t\t\t\t\t\tbased: \"isVideo\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"视频M\",\n\t\t\t\t\t\t\t\tfield: \"videoUrlM\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入M视频链接\",\n\t\t\t\t\t\t\t\tbased: \"isVideo\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"封面PC\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入PC封面链接\",\n\t\t\t\t\t\t\t\tfield: \"posterUrl\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"封面M\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入M封面链接\",\n\t\t\t\t\t\t\t\tfield: \"posterUrlM\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"标题PC\",\n\t\t\t\t\t\t\t\tfield: \"titlePc\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"描述Pc\",\n\t\t\t\t\t\t\t\tfield: \"descPc\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"标题M\",\n\t\t\t\t\t\t\t\tfield: \"titleM\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"描述M\",\n\t\t\t\t\t\t\t\tfield: \"descM\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"文案颜色PC\",\n\t\t\t\t\t\t\t\tfield: \"textColor\",\n\t\t\t\t\t\t\t\ttips: \"配置后PC颜色固定\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"文案颜色M\",\n\t\t\t\t\t\t\t\tfield: \"textColorM\",\n\t\t\t\t\t\t\t\ttips: \"配置后M颜色固定\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\ttabName: \"LookBook\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"是否展示\",\n\t\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题\",\n\t\t\t\t\t\tfield: \"mainTitle\",\n\t\t\t\t\t\ttips: \"Pc和M通用,不能换行\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"标题颜色\",\n\t\t\t\t\t\tfield: \"mainTitleColor\",\n\t\t\t\t\t\ttips: \"Pc和M通用\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Alterable\",\n\t\t\t\t\t\tlabel: \"各项配置\",\n\t\t\t\t\t\tfield: \"Alterable\",\n\t\t\t\t\t\tlengthRange: [1, 10],\n\t\t\t\t\t\toptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\t\t\tlabel: \"背景类型\",\n\t\t\t\t\t\t\t\tfield: \"backgroundType\",\n\t\t\t\t\t\t\t\tdefaultValue: \"color\",\n\t\t\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\t\t\tlabel: \"背景色\",\n\t\t\t\t\t\t\t\t\tvalue: \"color\"\n\t\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\t\t\tlabel: \"背景图\",\n\t\t\t\t\t\t\t\t\tvalue: \"img\"\n\t\t\t\t\t\t\t\t}]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"背景颜色\",\n\t\t\t\t\t\t\t\tfield: \"backgroundColor\",\n\t\t\t\t\t\t\t\tbased: \"backgroundType\",\n\t\t\t\t\t\t\t\tbasedValue: \"color\",\n\t\t\t\t\t\t\t\ttips: \"Pc和M通用\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"背景图PC\",\n\t\t\t\t\t\t\t\tfield: \"bgImgPc\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入PC背景图片链接\",\n\t\t\t\t\t\t\t\tbased: \"backgroundType\",\n\t\t\t\t\t\t\t\tbasedValue: \"img\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"背景图M\",\n\t\t\t\t\t\t\t\tfield: \"bgImgM\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入M背景图片链接\",\n\t\t\t\t\t\t\t\tbased: \"backgroundType\",\n\t\t\t\t\t\t\t\tbasedValue: \"img\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"PC文案颜色\",\n\t\t\t\t\t\t\t\tfield: \"TextColorPc\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"进度条背景(M端)\",\n\t\t\t\t\t\t\t\tfield: \"paginationColorM\",\n\t\t\t\t\t\t\t\tshowAlpha: true,\n\t\t\t\t\t\t\t\ttips: \"M端下方进度条背景颜色\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"进度条颜色(M端)\",\n\t\t\t\t\t\t\t\tfield: \"mFillColor\",\n\t\t\t\t\t\t\t\ttips: \"M端下方进度条填充颜色\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t],\n\t\t\t\t\t\tslideOptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"标题\",\n\t\t\t\t\t\t\t\tfield: \"title\",\n\t\t\t\t\t\t\t\ttips: \"Pc和M通用,不能换行\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"标题颜色M\",\n\t\t\t\t\t\t\t\tfield: \"TextColorM\",\n\t\t\t\t\t\t\t\ttips: \"M端兼容图片上的文案改色,默认白色\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"PC图片\",\n\t\t\t\t\t\t\t\tfield: \"pcImg\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"M图片\",\n\t\t\t\t\t\t\t\tfield: \"mImg\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\ttabName: \"New LookBook\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"是否展示\",\n\t\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"背景图PC\",\n\t\t\t\t\t\tfield: \"bgImgPc\",\n\t\t\t\t\t\tplaceholder: \"请输入PC背景图片链接\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题Pc\",\n\t\t\t\t\t\tfield: \"mainTitlePc\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"描述Pc\",\n\t\t\t\t\t\tfield: \"descPc\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"标题描述颜色(Pc)\",\n\t\t\t\t\t\tfield: \"mainTitlePcColor\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"背景颜色M\",\n\t\t\t\t\t\tfield: \"bgImgColor\",\n\t\t\t\t\t\ttips: \"M端仅支持背景颜色\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题M\",\n\t\t\t\t\t\tfield: \"mainTitleM\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"描述M\",\n\t\t\t\t\t\tfield: \"descM\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\tlabel: \"标题描述颜色(M)\",\n\t\t\t\t\t\tfield: \"mainTitleMColor\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Alterable\",\n\t\t\t\t\t\tlabel: \"各项配置\",\n\t\t\t\t\t\tfield: \"Alterable\",\n\t\t\t\t\t\toptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"PC列表颜色\",\n\t\t\t\t\t\t\t\tfield: \"listColor\",\n\t\t\t\t\t\t\t\ttips: \"下方列表的文案颜色\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"进度条背景(M端)\",\n\t\t\t\t\t\t\t\tfield: \"progressBarBgColor\",\n\t\t\t\t\t\t\t\tshowAlpha: true,\n\t\t\t\t\t\t\t\ttips: \"M端下方进度条背景颜色\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"进度条颜色(M端)\",\n\t\t\t\t\t\t\t\tfield: \"progressBarFillColor\",\n\t\t\t\t\t\t\t\ttips: \"M端下方进度条填充颜色\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t],\n\t\t\t\t\t\tslideOptions: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\t\t\tlabel: \"标题\",\n\t\t\t\t\t\t\t\tfield: \"title\",\n\t\t\t\t\t\t\t\ttips: \"Pc和M通用,不换行\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\t\t\tlabel: \"图片链接\",\n\t\t\t\t\t\t\t\tfield: \"imgSrc\",\n\t\t\t\t\t\t\t\tplaceholder: \"请输入图片链接\",\n\t\t\t\t\t\t\t\ttips: \"PC和M为同一张图\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\telement: \"ColorPicker\",\n\t\t\t\t\t\t\t\tlabel: \"文案颜色M\",\n\t\t\t\t\t\t\t\tfield: \"mTextColor\",\n\t\t\t\t\t\t\t\ttips: \"M端图上文案颜色\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\ttabName: \"图片\/视频\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"展示板块\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"不展示\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"标题展示\",\n\t\t\t\t\t\tfield: \"showTitle\",\n\t\t\t\t\t\tdefaultValue: false,\n\t\t\t\t\t\trelated: [{\n\t\t\t\t\t\t\tkeyName: \"titlePc\",\n\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tkeyName: \"titleM\",\n\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t}],\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"隐藏\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题PC\",\n\t\t\t\t\t\tfield: \"titlePc\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"TextInput\",\n\t\t\t\t\t\tlabel: \"标题M\",\n\t\t\t\t\t\tfield: \"titleM\",\n\t\t\t\t\t\tbased: \"showTitle\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\t\tlabel: \"视频\/图片\",\n\t\t\t\t\t\tfield: \"isVideo\",\n\t\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\t\trelated: [{\n\t\t\t\t\t\t\tkeyName: \"videoUrlPC\",\n\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tkeyName: \"videoUrlM\",\n\t\t\t\t\t\t\tdefault: \"\"\n\t\t\t\t\t\t}],\n\t\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tlabel: \"视频\",\n\t\t\t\t\t\t\tvalue: true\n\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\tlabel: \"图片\",\n\t\t\t\t\t\t\tvalue: false\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"PC封面\",\n\t\t\t\t\t\tfield: \"imgUrlPC\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"M封面\",\n\t\t\t\t\t\tfield: \"imgUrlM\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"PC视频\",\n\t\t\t\t\t\tfield: \"videoUrlPC\",\n\t\t\t\t\t\tbased: \"isVideo\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\telement: \"NormalInput\",\n\t\t\t\t\t\tlabel: \"M视频\",\n\t\t\t\t\t\tfield: \"videoUrlM\",\n\t\t\t\t\t\tbased: \"isVideo\"\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\ttabName: \"About Us\",\n\t\t\t\tchildren: [{\n\t\t\t\t\telement: \"Radio\",\n\t\t\t\t\tlabel: \"展示板块\",\n\t\t\t\t\tdefaultValue: true,\n\t\t\t\t\tfield: \"isShow\",\n\t\t\t\t\tradioOptions: [{\n\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\tlabel: \"展示\",\n\t\t\t\t\t\tvalue: true\n\t\t\t\t\t}, {\n\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\tlabel: \"不展示\",\n\t\t\t\t\t\tvalue: false\n\t\t\t\t\t}]\n\t\t\t\t}]\n\t\t\t}\n\t\t],\n\t\tdefaultValue: [\n\t\t\t{\n\t\t\t\tid: 1,\n\t\t\t\ttype: \"TopBanner\",\n\t\t\t\tattrs: {\n\t\t\t\t\tisShow: true,\n\t\t\t\t\tbgColor: \"#F8F7F5\",\n\t\t\t\t\tbgImgPc: \"\",\n\t\t\t\t\tbgImgM: \"\",\n\t\t\t\t\tshowTitle: true,\n\t\t\t\t\ttitlePc: \"\",\n\t\t\t\t\tdescPc: \"\",\n\t\t\t\t\tPcTitleLayout: \"center\",\n\t\t\t\t\ttitleColorPc: \"\",\n\t\t\t\t\ttitleM: \"\",\n\t\t\t\t\tdescM: \"\",\n\t\t\t\t\ttitleColorM: \"\",\n\t\t\t\t\ttopPc: 0,\n\t\t\t\t\tleftPc: 0,\n\t\t\t\t\ttopM: 0\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 2,\n\t\t\t\ttype: \"HoverAccordion\",\n\t\t\t\tattrs: {\n\t\t\t\t\tbgImgPc: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260318_8126\/20260310-Lace%20-Cristina-pc-8.jpg\",\n\t\t\t\t\tbgImgM: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260318_8126\/20260310-lace-Cristina-m-9.jpg\",\n\t\t\t\t\tbgColor: \"#FCFBF7\",\n\t\t\t\t\toptionSlide: { attrs: {\n\t\t\t\t\t\tslideNumber: 3,\n\t\t\t\t\t\tmergeOption: [\"slideNumber\"],\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\t\tattrs: {\n\t\t\t\t\t\t\t\t\tisVideo: false,\n\t\t\t\t\t\t\t\t\tvideoUrl: \"\",\n\t\t\t\t\t\t\t\t\tvideoUrlM: \"\",\n\t\t\t\t\t\t\t\t\tposterUrl: \"\",\n\t\t\t\t\t\t\t\t\tposterUrlM: \"\",\n\t\t\t\t\t\t\t\t\ttitlePc: \"\",\n\t\t\t\t\t\t\t\t\ttitleM: \"\",\n\t\t\t\t\t\t\t\t\tdescPc: \"\",\n\t\t\t\t\t\t\t\t\tdescM: \"\",\n\t\t\t\t\t\t\t\t\ttextColor: \"\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 2,\n\t\t\t\t\t\t\t\tattrs: {\n\t\t\t\t\t\t\t\t\tisVideo: false,\n\t\t\t\t\t\t\t\t\tvideoUrl: \"\",\n\t\t\t\t\t\t\t\t\tvideoUrlM: \"\",\n\t\t\t\t\t\t\t\t\tposterUrl: \"\",\n\t\t\t\t\t\t\t\t\tposterUrlM: \"\",\n\t\t\t\t\t\t\t\t\ttitlePc: \"\",\n\t\t\t\t\t\t\t\t\ttitleM: \"\",\n\t\t\t\t\t\t\t\t\tdescPc: \"\",\n\t\t\t\t\t\t\t\t\tdescM: \"\",\n\t\t\t\t\t\t\t\t\ttextColor: \"\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 3,\n\t\t\t\t\t\t\t\tattrs: {\n\t\t\t\t\t\t\t\t\tisVideo: false,\n\t\t\t\t\t\t\t\t\tvideoUrl: \"\",\n\t\t\t\t\t\t\t\t\tvideoUrlM: \"\",\n\t\t\t\t\t\t\t\t\tposterUrl: \"\",\n\t\t\t\t\t\t\t\t\tposterUrlM: \"\",\n\t\t\t\t\t\t\t\t\ttitlePc: \"\",\n\t\t\t\t\t\t\t\t\ttitleM: \"\",\n\t\t\t\t\t\t\t\t\tdescPc: \"\",\n\t\t\t\t\t\t\t\t\tdescM: \"\",\n\t\t\t\t\t\t\t\t\ttextColor: \"\"\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t} }\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 3,\n\t\t\t\ttype: \"LookBook\",\n\t\t\t\tattrs: {\n\t\t\t\t\tisShow: true,\n\t\t\t\t\tmainTitle: \"\",\n\t\t\t\t\tmainTitleColor: \"\",\n\t\t\t\t\tAlterable: { attrs: {\n\t\t\t\t\t\tbackgroundType: \"color\",\n\t\t\t\t\t\tbackgroundColor: \"\",\n\t\t\t\t\t\tbgImgPc: \"\",\n\t\t\t\t\t\tbgImgM: \"\",\n\t\t\t\t\t\tTextColorPc: \"\",\n\t\t\t\t\t\tpaginationColorM: \"\",\n\t\t\t\t\t\tmFillColor: \"\",\n\t\t\t\t\t\tchildren: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tattrs: {\n\t\t\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\t\t\tTextColorM: \"\",\n\t\t\t\t\t\t\t\tpcImg: \"\",\n\t\t\t\t\t\t\t\tmImg: \"\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}]\n\t\t\t\t\t} }\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 4,\n\t\t\t\ttype: \"NewLookBook\",\n\t\t\t\tattrs: {\n\t\t\t\t\tisShow: true,\n\t\t\t\t\tbgImgPc: \"\",\n\t\t\t\t\tbgImgColor: \"\",\n\t\t\t\t\tmainTitlePc: \"\",\n\t\t\t\t\tdescPc: \"\",\n\t\t\t\t\tmainTitlePcColor: \"\",\n\t\t\t\t\tmainTitleM: \"\",\n\t\t\t\t\tdescM: \"\",\n\t\t\t\t\tmainTitleMColor: \"\",\n\t\t\t\t\tAlterable: { attrs: {\n\t\t\t\t\t\tlistColor: \"\",\n\t\t\t\t\t\tprogressBarBgColor: \"\",\n\t\t\t\t\t\tprogressBarFillColor: \"\",\n\t\t\t\t\t\tchildren: [{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tattrs: {\n\t\t\t\t\t\t\t\ttitle: \"\",\n\t\t\t\t\t\t\t\timgSrc: \"\",\n\t\t\t\t\t\t\t\tmTextColor: \"\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}]\n\t\t\t\t\t} }\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 5,\n\t\t\t\ttype: \"ImgOrVideo\",\n\t\t\t\tattrs: {\n\t\t\t\t\tisShow: true,\n\t\t\t\t\tisVideo: false,\n\t\t\t\t\tshowTitle: false,\n\t\t\t\t\ttitlePc: \"\",\n\t\t\t\t\ttitleM: \"\",\n\t\t\t\t\timgUrlPC: \"\",\n\t\t\t\t\timgUrlM: \"\",\n\t\t\t\t\tvideoUrlPC: \"\",\n\t\t\t\t\tvideoUrlM: \"\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 6,\n\t\t\t\ttype: \"AboutUs\",\n\t\t\t\tattrs: { isShow: true }\n\t\t\t}\n\t\t]\n\t};\n\t\/\/#endregion\n\t\/\/#region src\/templates\/2026SS\/26SS-新增调整Myriel\/App.vue\n\tvar defaultConfig = defaultValue.config || [];\n\tvar _sfc_main = {\n\t\tcomponents: { MainComponent: MainComponent_default },\n\t\tprops: {\n\t\t\tconfig: {\n\t\t\t\ttype: Array,\n\t\t\t\tdefault: () =\u003e []\n\t\t\t},\n\t\t\tlang: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: void 0\n\t\t\t},\n\t\t\tisPc: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\tconst currentLang = getLang(this.lang || \"en\");\n\t\t\treturn {\n\t\t\t\tclassName: getLangClasses(currentLang),\n\t\t\t\tcurrentLang,\n\t\t\t\tisInit: false,\n\t\t\t\tisMounted: false,\n\t\t\t\tpreviewMessageHandler: null,\n\t\t\t\ttemplateData: this.config?.length ? this.config : defaultConfig,\n\t\t\t\trenderIsPc: true\n\t\t\t};\n\t\t},\n\t\tcreated() {\n\t\t\tif (this.config?.length) return;\n\t\t\tif (typeof window === \"undefined\") return;\n\t\t\tif (window.pageData) {\n\t\t\t\tif (window.pageData?.length) this.templateData = window.pageData;\n\t\t\t} else this.initFunc();\n\t\t},\n\t\tmounted() {\n\t\t\tthis.isMounted = true;\n\t\t\tthis.renderIsPc = this.isPc;\n\t\t},\n\t\tbeforeUnmount() {\n\t\t\tif (this.previewMessageHandler \u0026\u0026 typeof window !== \"undefined\") window.removeEventListener(\"message\", this.previewMessageHandler);\n\t\t},\n\t\tmethods: { initFunc() {\n\t\t\tif (typeof window === \"undefined\") return;\n\t\t\tthis.previewMessageHandler = (event) =\u003e {\n\t\t\t\tconst pageData = event.data.data;\n\t\t\t\tif (event.data.langCode) {\n\t\t\t\t\tthis.currentLang = event.data.langCode;\n\t\t\t\t\tthis.className = getLangClasses(this.currentLang);\n\t\t\t\t}\n\t\t\t\tif (pageData?.length) this.templateData = JSON.parse(JSON.stringify(pageData));\n\t\t\t\telse this.isInit = true;\n\t\t\t};\n\t\t\twindow.addEventListener(\"message\", this.previewMessageHandler);\n\t\t} },\n\t\twatch: {\n\t\t\tconfig: {\n\t\t\t\thandler(value) {\n\t\t\t\t\tif (value?.length) this.templateData = value;\n\t\t\t\t},\n\t\t\t\tdeep: true\n\t\t\t},\n\t\t\tlang(value) {\n\t\t\t\tthis.currentLang = getLang(value || \"en\");\n\t\t\t\tthis.className = getLangClasses(this.currentLang);\n\t\t\t},\n\t\t\tisPc(value) {\n\t\t\t\tif (this.isMounted) this.renderIsPc = value;\n\t\t\t}\n\t\t}\n\t};\n\tvar _hoisted_1$1 = {\n\t\tid: \"app\",\n\t\tclass: \"lp-app\"\n\t};\n\tfunction _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {\n\t\tconst _component_MainComponent = (0, vue.resolveComponent)(\"MainComponent\");\n\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", _hoisted_1$1, [(0, vue.createVNode)(_component_MainComponent, {\n\t\t\tclass: (0, vue.normalizeClass)($data.className),\n\t\t\ttemplateData: $data.templateData,\n\t\t\tlang: $data.currentLang,\n\t\t\tisPc: $data.renderIsPc,\n\t\t\tisInit: $data.isInit\n\t\t}, null, 8, [\n\t\t\t\"class\",\n\t\t\t\"templateData\",\n\t\t\t\"lang\",\n\t\t\t\"isPc\",\n\t\t\t\"isInit\"\n\t\t])]);\n\t}\n\tvar App_default$1 = \/* @__PURE__ *\/ _plugin_vue_export_helper_default(_sfc_main, [[\"render\", _sfc_render]]);\n\t\/\/#endregion\n\t\/\/#region src\/generated\/templateScope.ts\n\tvar templateScope = \"26SS-新增调整Myriel\";\n\tfunction cloneValue(value) {\n\t\tif (typeof structuredClone === \"function\") return structuredClone(value);\n\t\treturn JSON.parse(JSON.stringify(value));\n\t}\n\tfunction isEmptyValue(value) {\n\t\treturn value === null || value === void 0 || value === \"\";\n\t}\n\tfunction fillEmptyFromFallback(target, source) {\n\t\tif (isEmptyValue(target)) return isEmptyValue(source) ? target : cloneValue(source);\n\t\tif (Array.isArray(target)) {\n\t\t\tif (!Array.isArray(source)) return target;\n\t\t\tconst length = Math.max(target.length, source.length);\n\t\t\tfor (let index = 0; index \u003c length; index += 1) target[index] = fillEmptyFromFallback(target[index], source[index]);\n\t\t\treturn target;\n\t\t}\n\t\tif (typeof target === \"object\" \u0026\u0026 typeof source === \"object\" \u0026\u0026 source !== null \u0026\u0026 !Array.isArray(source)) {\n\t\t\tconst targetRecord = target;\n\t\t\tconst sourceRecord = source;\n\t\t\tObject.keys(sourceRecord).forEach((key) =\u003e {\n\t\t\t\ttargetRecord[key] = fillEmptyFromFallback(targetRecord[key], sourceRecord[key]);\n\t\t\t});\n\t\t\treturn target;\n\t\t}\n\t\treturn target;\n\t}\n\tfunction resolveConfigFromLanguageMap(input, lang = \"en\") {\n\t\tconst preferred = input[lang];\n\t\tconst fallback = input.en;\n\t\tif (Array.isArray(preferred)) {\n\t\t\tconst resolved = cloneValue(preferred);\n\t\t\tif (preferred !== fallback \u0026\u0026 Array.isArray(fallback)) return fillEmptyFromFallback(resolved, fallback);\n\t\t\treturn resolved;\n\t\t}\n\t\tif (Array.isArray(fallback)) return cloneValue(fallback);\n\t\tconst firstConfig = Object.values(input).find(Array.isArray);\n\t\treturn firstConfig ? cloneValue(firstConfig) : null;\n\t}\n\tfunction toTemplateConfig(input, lang = \"en\") {\n\t\tif (Array.isArray(input)) return cloneValue(input);\n\t\tif (input \u0026\u0026 typeof input === \"object\") {\n\t\t\tconst candidate = input;\n\t\t\tif (candidate.defaultValue) return toTemplateConfig(candidate.defaultValue, lang);\n\t\t\tif (candidate.config) return toTemplateConfig(candidate.config, lang);\n\t\t\treturn resolveConfigFromLanguageMap(input, lang) ?? [];\n\t\t}\n\t\treturn [];\n\t}\n\tfunction getViewportIsPc() {\n\t\tif (typeof window === \"undefined\") return false;\n\t\treturn (window.visualViewport?.width ?? window.innerWidth) \u003e 768;\n\t}\n\tfunction getPreviewMeta() {\n\t\treturn {\n\t\t\tlang: typeof window === \"undefined\" ? \"en\" : window.vivaiaDetailLangCode ?? \"en\",\n\t\t\tisPc: typeof window === \"undefined\" ? false : window.vivaiaDetailIsPc ?? false\n\t\t};\n\t}\n\t\/\/#endregion\n\t\/\/#region src\/App.vue?vue\u0026type=script\u0026setup=true\u0026lang.ts\n\tvar _hoisted_1 = [\"data-template-scope\"];\n\t\/\/#endregion\n\t\/\/#region src\/App.vue\n\tvar App_default = \/* @__PURE__ *\/ (0, vue.defineComponent)({\n\t\tinheritAttrs: false,\n\t\t__name: \"App\",\n\t\tprops: {\n\t\t\tconfig: {},\n\t\t\tlang: {},\n\t\t\tisPc: { type: Boolean },\n\t\t\tpreviewState: {}\n\t\t},\n\t\tsetup(__props) {\n\t\t\tconst props = __props;\n\t\t\tconst instance = (0, vue.getCurrentInstance)();\n\t\t\tfunction hasPassedProp(camelKey) {\n\t\t\t\tconst rawProps = instance?.vnode.props ?? {};\n\t\t\t\tconst kebabKey = camelKey.replace(\/[A-Z]\/g, \"-$\u0026\").toLowerCase();\n\t\t\t\treturn Object.prototype.hasOwnProperty.call(rawProps, camelKey) || Object.prototype.hasOwnProperty.call(rawProps, kebabKey);\n\t\t\t}\n\t\t\tfunction getInitialPreviewMeta() {\n\t\t\t\tif (typeof window === \"undefined\") return {\n\t\t\t\t\tlang: \"en\",\n\t\t\t\t\tisPc: false\n\t\t\t\t};\n\t\t\t\treturn getPreviewMeta();\n\t\t\t}\n\t\t\tfunction getInitialConfigInput() {\n\t\t\t\tif (props.config !== void 0) return props.config;\n\t\t\t\tif (typeof window !== \"undefined\" \u0026\u0026 window.pageData !== void 0) return window.pageData;\n\t\t\t\treturn defaultValue;\n\t\t\t}\n\t\t\tconst previewMeta = getInitialPreviewMeta();\n\t\t\tconst resolveLang = () =\u003e props.previewState?.lang ?? props.lang ?? previewMeta.lang;\n\t\t\tconst resolveIsPc = () =\u003e props.previewState?.isPc ?? (hasPassedProp(\"isPc\") ? props.isPc : void 0) ?? previewMeta.isPc;\n\t\t\tconst innerLang = (0, vue.ref)(resolveLang());\n\t\t\tconst innerIsPc = (0, vue.ref)(resolveIsPc());\n\t\t\tconst innerConfig = (0, vue.ref)(toTemplateConfig(getInitialConfigInput(), innerLang.value));\n\t\t\tconst syncViewportIsPc = () =\u003e {\n\t\t\t\tif (typeof window === \"undefined\") return;\n\t\t\t\tconst nextIsPc = getViewportIsPc();\n\t\t\t\twindow.vivaiaDetailIsPc = nextIsPc;\n\t\t\t\tinnerIsPc.value = nextIsPc;\n\t\t\t};\n\t\t\t(0, vue.watch)(() =\u003e [\n\t\t\t\tprops.config,\n\t\t\t\tprops.lang,\n\t\t\t\tprops.isPc,\n\t\t\t\tprops.previewState?.lang,\n\t\t\t\tprops.previewState?.isPc\n\t\t\t], () =\u003e {\n\t\t\t\tconst nextLang = resolveLang();\n\t\t\t\tinnerLang.value = nextLang;\n\t\t\t\tinnerIsPc.value = resolveIsPc();\n\t\t\t\tif (props.config !== void 0) innerConfig.value = toTemplateConfig(props.config, nextLang);\n\t\t\t}, { deep: true });\n\t\t\tconst handleMessage = (event) =\u003e {\n\t\t\t\tconst msg = event.data;\n\t\t\t\tif (!msg || msg.type !== \"designData\") return;\n\t\t\t\tconst langCode = msg.previewState?.lang || msg.langCode || \"en\";\n\t\t\t\tconst nextIsPc = typeof msg.previewState?.isPc === \"boolean\" ? msg.previewState.isPc : typeof msg.isPc === \"boolean\" ? msg.isPc : void 0;\n\t\t\t\twindow.vivaiaDetailLangCode = langCode;\n\t\t\t\tinnerLang.value = langCode;\n\t\t\t\tif (typeof nextIsPc === \"boolean\") {\n\t\t\t\t\twindow.vivaiaDetailIsPc = nextIsPc;\n\t\t\t\t\tinnerIsPc.value = nextIsPc;\n\t\t\t\t}\n\t\t\t\tif (Object.prototype.hasOwnProperty.call(msg, \"data\")) {\n\t\t\t\t\twindow.pageData = msg.data;\n\t\t\t\t\tinnerConfig.value = toTemplateConfig(msg.data, langCode);\n\t\t\t\t}\n\t\t\t};\n\t\t\t(0, vue.onMounted)(() =\u003e {\n\t\t\t\tsyncViewportIsPc();\n\t\t\t\twindow.addEventListener(\"message\", handleMessage);\n\t\t\t\twindow.addEventListener(\"resize\", syncViewportIsPc);\n\t\t\t\twindow.visualViewport?.addEventListener(\"resize\", syncViewportIsPc);\n\t\t\t});\n\t\t\t(0, vue.onUnmounted)(() =\u003e {\n\t\t\t\twindow.removeEventListener(\"message\", handleMessage);\n\t\t\t\twindow.removeEventListener(\"resize\", syncViewportIsPc);\n\t\t\t\twindow.visualViewport?.removeEventListener(\"resize\", syncViewportIsPc);\n\t\t\t});\n\t\t\treturn (_ctx, _cache) =\u003e {\n\t\t\t\treturn (0, vue.openBlock)(), (0, vue.createElementBlock)(\"div\", {\n\t\t\t\t\tclass: \"good-detail-template\",\n\t\t\t\t\t\"data-flag\": \"new-good-detail\",\n\t\t\t\t\t\"data-template-scope\": (0, vue.unref)(templateScope)\n\t\t\t\t}, [(0, vue.createVNode)(App_default$1, {\n\t\t\t\t\tconfig: innerConfig.value,\n\t\t\t\t\tlang: innerLang.value,\n\t\t\t\t\tisPc: innerIsPc.value\n\t\t\t\t}, null, 8, [\n\t\t\t\t\t\"config\",\n\t\t\t\t\t\"lang\",\n\t\t\t\t\t\"isPc\"\n\t\t\t\t])], 8, _hoisted_1);\n\t\t\t};\n\t\t}\n\t});\n\t\/\/#endregion\n\t\/\/#region src\/entry-client.ts\n\tvar TEMPLATE_ROOT_SELECTOR = \"[data-good-detail-root]\";\n\tvar SSR_IS_PC_ATTRIBUTE = \"data-good-detail-ssr-is-pc\";\n\tfunction resolveTemplateRoot() {\n\t\tlet sibling = document.currentScript?.previousElementSibling ?? null;\n\t\twhile (sibling) {\n\t\t\tif (sibling.matches(TEMPLATE_ROOT_SELECTOR)) return sibling;\n\t\t\tsibling = sibling.previousElementSibling;\n\t\t}\n\t\tconst roots = document.querySelectorAll(TEMPLATE_ROOT_SELECTOR);\n\t\treturn roots.item(roots.length - 1) ?? document.getElementById(\"app\");\n\t}\n\tfunction resolveSsrIsPc(root) {\n\t\tconst serializedValue = root.getAttribute(SSR_IS_PC_ATTRIBUTE);\n\t\tif (serializedValue === \"true\") return true;\n\t\tif (serializedValue === \"false\") return false;\n\t\treturn false;\n\t}\n\tvar templateRoot = resolveTemplateRoot();\n\tif (!templateRoot) throw new Error(\"未找到商详模板挂载容器\");\n\t(window.__goodDetailPreviewRuntime ? (0, vue.createApp)(App_default) : (0, vue.createSSRApp)(App_default, { isPc: resolveSsrIsPc(templateRoot) })).mount(templateRoot);\n\tif (window.parent !== window) window.parent.postMessage({ type: \"template-ready\" }, \"*\");\n\t\/\/#endregion\n})(Vue3, Swiper);\u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"romie_ネイビー \/ ワンサイズ","offer_id":49663442551040,"sku":"shcaracc2603050008001","price":1890.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1787197660-cc13f32d-9862-4756-8020-c4cabf126641.jpg?v=1788340388","url":"https:\/\/vivaia.jp\/products\/accessories-romie-navy","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}