@seresweb/website-component 2.3.3 → 2.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cjs/swiper-vehicle.cjs +1 -1
  2. package/dist/cjs/video.cjs +1 -1
  3. package/dist/css/video.css +1 -1
  4. package/dist/es/swiper-vehicle.mjs +48 -53
  5. package/dist/es/video.mjs +207 -187
  6. package/dist/index.css +1 -1
  7. package/dist/scss/video.scss +8 -0
  8. package/package.json +1 -1
package/dist/cjs/swiper-vehicle.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},y=["onClick"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,alt:a.alt},null,8,["class","src","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:w=>p(m),onMouseenter:h,onMouseleave:I},null,46,y))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`)},e.toDisplayString(k.value),3)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const E=u;exports.ScSwiperVehicle=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},E=["onClick"],y=["innerHTML"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,alt:a.alt},null,8,["class","src","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:z=>p(m),onMouseenter:h,onMouseleave:I},null,46,E))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`),innerHTML:k.value},null,10,y)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const _=u;exports.ScSwiperVehicle=_;
package/dist/cjs/video.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../_vars-CyrPevgT.cjs"),b=require("./layz-image.cjs"),R=["controls","poster","src"],E=e.defineComponent({__name:"video-wrapper",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},emits:["paused"],setup(f,{expose:k,emit:l}){const o=f,n=l,C=/xiaomi|miui/i,g=/QQBrowser/i,P=`${u.PREFIX}-player-wrapper`,d=`${u.PREFIX}-player-is-fullscreen`,m=`${u.PREFIX}-player-close-btn`,y=`${u.PREFIX}-player-icon`,v=`${u.PREFIX}-player-poster`,s=e.ref(),r=e.ref(!0),a=e.ref(C.test(navigator.userAgent)||g.test(navigator.userAgent)?void 0:o.url);let t=null;const c=p=>{var i,B;p.target!==s.value&&((i=s.value)==null||i.pause(),r.value=!!((B=s.value)!=null&&B.paused),n("paused"))},V=p=>{const i=p[0],B=s.value;!B||!o.playable||(i.isIntersecting&&o.autoPlay&&B.paused?(B.play().catch(console.warn),r.value=!1):!i.isIntersecting&&!B.paused&&(B.pause(),r.value=!0))},h=()=>{o.autoPlay&&o.playable&&s.value&&(t=new IntersectionObserver(V,{threshold:.25}),t.observe(s.value))},w=()=>{t==null||t.disconnect(),t=null};return e.watch(()=>o.playable,()=>{w(),e.nextTick(()=>h())}),k({play(){s.value.play(),r.value=s.value.paused},pause(){s.value.pause(),r.value=s.value.paused}}),e.onMounted(()=>{(C.test(navigator.userAgent)||g.test(navigator.userAgent))&&fetch(o.url).then(p=>{if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);return p.blob()}).then(p=>{a.value=URL.createObjectURL(p),e.nextTick(()=>{var i;o.autoPlay&&o.playable&&((i=s.value)==null||i.play().catch(console.warn),r.value=!1)})}).catch(p=>{console.error("获取视频失败：",p)}),h()}),e.onBeforeUnmount(()=>{w()}),(p,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([P,o.class,!r.value&&!o.autoPlay&&d])},[e.createCommentVNode(" 特殊的浏览器，QQ、小米浏览器，很魔幻 "),!a.value&&o.poster?(e.openBlock(),e.createBlock(e.unref(b.ScLayzImage),{key:0,class:e.normalizeClass(v),src:o.poster,alt:"AITO"},null,8,["src"])):a.value?(e.openBlock(),e.createElementBlock("video",{key:1,ref_key:"videoRef",ref:s,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!r.value&&!o.autoPlay,poster:o.poster,src:a.value},null,8,R)):e.createCommentVNode("v-if",!0),!r.value&&!o.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass([m,o.playerButtonClass]),onClick:c},[e.renderSlot(p.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(y),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...i[0]||(i[0]=[e.createElementVNode("path",{d:"M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",fill:"#ffffff"},null,-1)])]))])],2)):e.createCommentVNode("v-if",!0)],2))}}),I=e.defineComponent({__name:"video-normal",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:k}){const l=f,o=`${u.PREFIX}-player-wrapper`,n=`${u.PREFIX}-player-poster`,C=`${u.PREFIX}-player-btn`,g=`${u.PREFIX}-player-btn-text`,P=`${u.PREFIX}-player-icon`,d=e.ref(),m=e.ref(),y=e.ref(),v=e.ref(!1),s=t=>{t.stopPropagation(),l.playable&&(v.value=!0,setTimeout(()=>{var c;(c=y.value)==null||c.play()},0))},r=()=>{v.value=!1};let a=null;return e.onMounted(()=>{!l.autoPlay&&d.value&&(a=new IntersectionObserver(([t])=>{t.isIntersecting&&(v.value=!0)},{threshold:.1}),a.observe(d.value))}),e.onUnmounted(()=>{a==null||a.disconnect()}),k({play(){var t;l.autoPlay?(t=m.value)==null||t.play():s(new MouseEvent("click"))},pause(){var t,c;(t=m.value)==null||t.pause(),(c=y.value)==null||c.pause()}}),(t,c)=>l.autoPlay?(e.openBlock(),e.createBlock(E,e.mergeProps({key:0},l,{url:l.url,ref_key:"videoRef",ref:m}),null,16,["url"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([o,l.class]),style:e.normalizeStyle(l.style)},[l.poster?(e.openBlock(),e.createBlock(e.unref(b.ScLayzImage),{key:0,class:e.normalizeClass(n),src:l.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{ref_key:"btnRef",ref:d,class:e.normalizeClass([C,l.playerButtonClass]),onClick:s},[e.renderSlot(t.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(P),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...c[0]||(c[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(g)},e.toDisplayString(l.playerButtonText),1)])],2)],6),v.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(E,e.mergeProps(l,{autoPlay:!1,ref_key:"modalVideoRef",ref:y,onPaused:r}),{close:e.withCtx(()=>[e.renderSlot(t.$slots,"close")]),_:3},16)])):e.createCommentVNode("v-if",!0)],64))}}),S=e.defineComponent({__name:"video-multiple",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:k}){const l=f,o=`${u.PREFIX}-player-wrapper`,n=`${u.PREFIX}-player-btn`,C=`${u.PREFIX}-player-btn-text`,g=`${u.PREFIX}-player-icon`,P=e.ref(),d=e.ref(),m=e.ref(),y=e.ref(!1),v=a=>{var t;a.stopPropagation(),l.playable&&((t=d.value)==null||t.pause(),y.value=!0,setTimeout(()=>{var c;(c=m.value)==null||c.play()},0))},s=()=>{var a;y.value=!1,(a=d.value)==null||a.play()};let r=null;return e.onMounted(()=>{P.value&&(r=new IntersectionObserver(([a])=>{a.isIntersecting&&(y.value=!0)},{threshold:.1}),r.observe(P.value))}),e.onUnmounted(()=>{r==null||r.disconnect()}),k({play(){v(new MouseEvent("click"))},pause(){var a,t;(a=d.value)==null||a.pause(),(t=m.value)==null||t.pause()}}),(a,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Background: Small Video AutoPlay "),e.createVNode(E,e.mergeProps(l,{url:l.urlSmall||l.url,autoPlay:!0,ref_key:"smallVideoRef",ref:d}),null,16,["url"]),e.createCommentVNode(" Foreground: Button -> Modal Video (Large) "),e.createElementVNode("div",{class:e.normalizeClass([o,l.class,"is-multiple"]),style:e.normalizeStyle(l.style)},[e.createElementVNode("button",{ref_key:"btnRef",ref:P,class:e.normalizeClass([n,l.playerButtonClass]),onClick:v},[e.renderSlot(a.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(g),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(C)},e.toDisplayString(l.playerButtonText),1)])],2)],6),y.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(E,e.mergeProps(l,{url:l.url,autoPlay:!1,ref_key:"modalVideoRef",ref:m,onPaused:s}),{close:e.withCtx(()=>[e.renderSlot(a.$slots,"close")]),_:3},16,["url"])])):e.createCommentVNode("v-if",!0)],64))}}),_=e.defineComponent({__name:"video",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(f,{expose:k}){const l=f,o=e.ref();return k({play(){var n;(n=o.value)==null||n.play()},pause(){var n;(n=o.value)==null||n.pause()}}),(n,C)=>l.multiple?(e.openBlock(),e.createBlock(S,e.mergeProps({key:0},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(n.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(n.$slots,"close")]),_:3},16)):(e.openBlock(),e.createBlock(I,e.mergeProps({key:1},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(n.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(n.$slots,"close")]),_:3},16))}});_.install=f=>(f.component("ScVideo",_),f);const $=_;exports.ScVideo=$;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("../_vars-CyrPevgT.cjs"),V=require("./layz-image.cjs"),S={version:"1.1",id:"layer_1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",width:"24px",height:"30px",viewBox:"0 0 24 30",style:{"enable-background":"new 0 0 50 50"},"xml:space":"preserve"},N=["controls","poster","src"],b=e.defineComponent({__name:"video-wrapper",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},emits:["paused"],setup(i,{expose:k,emit:a}){const o=i,s=a,C=/xiaomi|miui/i,g=/QQBrowser/i,v=C.test(navigator.userAgent)||g.test(navigator.userAgent),p=`${n.PREFIX}-player-wrapper`,d=`${n.PREFIX}-player-is-fullscreen`,f=`${n.PREFIX}-player-close-btn`,y=`${n.PREFIX}-player-icon`,w=`${n.PREFIX}-player-loading`,m=`${n.PREFIX}-player-poster`,t=e.ref(),l=e.ref(!0),r=e.ref(v),P=e.ref(v?void 0:o.url);let h=null;const R=u=>{var c,B;u.target!==t.value&&((c=t.value)==null||c.pause(),l.value=!!((B=t.value)!=null&&B.paused),s("paused"))},I=u=>{const c=u[0],B=t.value;!B||!o.playable||(c.isIntersecting&&o.autoPlay&&B.paused?(B.play().catch(console.warn),l.value=!1):!c.isIntersecting&&!B.paused&&(B.pause(),l.value=!0))},_=()=>{o.autoPlay&&o.playable&&t.value&&(h=new IntersectionObserver(I,{threshold:.25}),h.observe(t.value))},x=()=>{h==null||h.disconnect(),h=null};return e.watch(()=>o.playable,()=>{x(),e.nextTick(()=>_())}),k({play(){t.value.play(),l.value=t.value.paused},pause(){t.value.pause(),l.value=t.value.paused}}),e.onMounted(()=>{(C.test(navigator.userAgent)||g.test(navigator.userAgent))&&fetch(o.url).then(u=>{if(!u.ok)throw new Error(`HTTP error! status: ${u.status}`);return u.blob()}).then(u=>{P.value=URL.createObjectURL(u),r.value=!1,e.nextTick(()=>{var c;o.autoPlay&&o.playable&&((c=t.value)==null||c.play().catch(console.warn),l.value=!1)})}).catch(u=>{r.value=!1,console.error("获取视频失败：",u)}),_()}),e.onBeforeUnmount(()=>{x()}),(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([p,o.class,!l.value&&!o.autoPlay&&d])},[e.createCommentVNode(" 特殊的浏览器，QQ、小米浏览器，很魔幻 "),!P.value&&o.autoPlay&&o.poster?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,class:e.normalizeClass(m),src:o.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),!o.autoPlay&&r.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(w)},[(e.openBlock(),e.createElementBlock("svg",S,[...c[0]||(c[0]=[e.createStaticVNode('<rect x="0" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"></animateTransform></rect><rect x="10" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect><rect x="20" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>',3)])]))])):e.createCommentVNode("v-if",!0),e.withDirectives(e.createElementVNode("video",{ref_key:"videoRef",ref:t,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!l.value&&!o.autoPlay,poster:o.poster,src:P.value},null,8,N),[[e.vShow,P.value&&!r.value]]),!l.value&&!o.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass([f,o.playerButtonClass]),onClick:R},[e.renderSlot(u.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(y),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...c[1]||(c[1]=[e.createElementVNode("path",{d:"M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",fill:"#ffffff"},null,-1)])]))])],2)):e.createCommentVNode("v-if",!0)],2))}}),T=e.defineComponent({__name:"video-normal",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(i,{expose:k}){const a=i,o=`${n.PREFIX}-player-wrapper`,s=`${n.PREFIX}-player-poster`,C=`${n.PREFIX}-player-btn`,g=`${n.PREFIX}-player-btn-text`,v=`${n.PREFIX}-player-icon`,p=e.ref(),d=e.ref(),f=e.ref(),y=e.ref(!1),w=l=>{l.stopPropagation(),a.playable&&(y.value=!0,setTimeout(()=>{var r;(r=f.value)==null||r.play()},0))},m=()=>{y.value=!1};let t=null;return e.onMounted(()=>{!a.autoPlay&&p.value&&(t=new IntersectionObserver(([l])=>{l.isIntersecting&&(y.value=!0)},{threshold:.1}),t.observe(p.value))}),e.onUnmounted(()=>{t==null||t.disconnect()}),k({play(){var l;a.autoPlay?(l=d.value)==null||l.play():w(new MouseEvent("click"))},pause(){var l,r;(l=d.value)==null||l.pause(),(r=f.value)==null||r.pause()}}),(l,r)=>a.autoPlay?(e.openBlock(),e.createBlock(b,e.mergeProps({key:0},a,{url:a.url,ref_key:"videoRef",ref:d}),null,16,["url"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([o,a.class]),style:e.normalizeStyle(a.style)},[a.poster?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,class:e.normalizeClass(s),src:a.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{ref_key:"btnRef",ref:p,class:e.normalizeClass([C,a.playerButtonClass]),onClick:w},[e.renderSlot(l.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(v),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...r[0]||(r[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(g)},e.toDisplayString(a.playerButtonText),1)])],2)],6),y.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(b,e.mergeProps(a,{autoPlay:!1,ref_key:"modalVideoRef",ref:f,onPaused:m}),{close:e.withCtx(()=>[e.renderSlot(l.$slots,"close")]),_:3},16)])):e.createCommentVNode("v-if",!0)],64))}}),$=e.defineComponent({__name:"video-multiple",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(i,{expose:k}){const a=i,o=`${n.PREFIX}-player-wrapper`,s=`${n.PREFIX}-player-btn`,C=`${n.PREFIX}-player-btn-text`,g=`${n.PREFIX}-player-icon`,v=e.ref(),p=e.ref(),d=e.ref(),f=e.ref(!1),y=t=>{var l;t.stopPropagation(),a.playable&&((l=p.value)==null||l.pause(),f.value=!0,setTimeout(()=>{var r;(r=d.value)==null||r.play()},0))},w=()=>{var t;f.value=!1,(t=p.value)==null||t.play()};let m=null;return e.onMounted(()=>{v.value&&(m=new IntersectionObserver(([t])=>{t.isIntersecting&&(f.value=!0)},{threshold:.1}),m.observe(v.value))}),e.onUnmounted(()=>{m==null||m.disconnect()}),k({play(){y(new MouseEvent("click"))},pause(){var t,l;(t=p.value)==null||t.pause(),(l=d.value)==null||l.pause()}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Background: Small Video AutoPlay "),e.createVNode(b,e.mergeProps(a,{url:a.urlSmall||a.url,autoPlay:!0,ref_key:"smallVideoRef",ref:p}),null,16,["url"]),e.createCommentVNode(" Foreground: Button -> Modal Video (Large) "),e.createElementVNode("div",{class:e.normalizeClass([o,a.class,"is-multiple"]),style:e.normalizeStyle(a.style)},[e.createElementVNode("button",{ref_key:"btnRef",ref:v,class:e.normalizeClass([s,a.playerButtonClass]),onClick:y},[e.renderSlot(t.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(g),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",fill:"#ffffff"},null,-1),e.createElementVNode("path",{d:"M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752-458.752z",fill:"#ffffff"},null,-1)])])),e.createElementVNode("span",{class:e.normalizeClass(C)},e.toDisplayString(a.playerButtonText),1)])],2)],6),f.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(b,e.mergeProps(a,{url:a.url,autoPlay:!1,ref_key:"modalVideoRef",ref:d,onPaused:w}),{close:e.withCtx(()=>[e.renderSlot(t.$slots,"close")]),_:3},16,["url"])])):e.createCommentVNode("v-if",!0)],64))}}),E=e.defineComponent({__name:"video",props:{class:{},style:{},playerButtonClass:{},playerButtonText:{default:"PLAY"},poster:{default:""},url:{},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0},multiple:{type:Boolean},urlSmall:{}},setup(i,{expose:k}){const a=i,o=e.ref();return k({play(){var s;(s=o.value)==null||s.play()},pause(){var s;(s=o.value)==null||s.pause()}}),(s,C)=>a.multiple?(e.openBlock(),e.createBlock($,e.mergeProps({key:0},a,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(s.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(s.$slots,"close")]),_:3},16)):(e.openBlock(),e.createBlock(T,e.mergeProps({key:1},a,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(s.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(s.$slots,"close")]),_:3},16))}});E.install=i=>(i.component("ScVideo",E),i);const z=E;exports.ScVideo=z;
package/dist/css/video.css CHANGED
@@ -1 +1 @@
1
- .sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}
1
+ .sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}
package/dist/es/swiper-vehicle.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as M, ref as b, computed as I, watch as E, onMounted as T, onBeforeUnmount as A, createElementBlock as c, openBlock as n, normalizeClass as l, unref as o, createBlock as F, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as U, toDisplayString as y, normalizeStyle as B } from "vue";
2
- import { S as N } from "../swiper-bundle-DOQ1LV4x.js";
3
- import { P as s } from "../_vars-BV4QQF-p.js";
4
- import { ScLayzImage as V } from "./layz-image.mjs";
5
- const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
1
+ import { defineComponent as x, ref as b, computed as I, watch as T, onMounted as z, onBeforeUnmount as E, createElementBlock as c, openBlock as s, normalizeClass as l, unref as o, createBlock as A, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as F, toDisplayString as H, normalizeStyle as y } from "vue";
2
+ import { S as U } from "../swiper-bundle-DOQ1LV4x.js";
3
+ import { P as r } from "../_vars-BV4QQF-p.js";
4
+ import { ScLayzImage as B } from "./layz-image.mjs";
5
+ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /* @__PURE__ */ x({
6
6
  __name: "swiper-vehicle",
7
7
  props: {
8
8
  modelValue: { default: 0 },
@@ -17,14 +17,14 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
17
17
  showTextBackground: { type: Boolean }
18
18
  },
19
19
  emits: ["change", "update:modelValue"],
20
- setup(d, { emit: $ }) {
21
- const a = d, m = $;
20
+ setup(d, { emit: L }) {
21
+ const a = d, m = L;
22
22
  let t = null;
23
- const i = b(a.modelValue), p = b(), C = I(() => {
23
+ const i = b(a.modelValue), p = b(), V = I(() => {
24
24
  const e = {};
25
25
  return a.tabIndicatorBottom && (e.position = "absolute", e.zIndex = 1, e.left = "50%", e.bottom = typeof a.tabIndicatorBottom == "number" ? `${a.tabIndicatorBottom}px` : a.tabIndicatorBottom, e.transform = "translateX(-50%)"), e;
26
- }), L = I(() => a.dataList[i.value].text);
27
- E(
26
+ }), $ = I(() => a.dataList[i.value].text);
27
+ T(
28
28
  () => a.modelValue,
29
29
  (e) => {
30
30
  i.value !== e && (i.value = e, g(i.value));
@@ -33,7 +33,7 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
33
33
  const g = (e) => {
34
34
  t == null || t.slideTo(e);
35
35
  }, v = () => {
36
- t == null || t.destroy(), p.value && (t = new N(p.value, {
36
+ t == null || t.destroy(), p.value && (t = new U(p.value, {
37
37
  slidesPerView: 1,
38
38
  allowTouchMove: !1,
39
39
  effect: a.effect,
@@ -42,24 +42,24 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
42
42
  }), t.on("realIndexChange", (e) => {
43
43
  i.value = e.realIndex, m("change", e.realIndex), m("update:modelValue", e.realIndex);
44
44
  }));
45
- }, x = () => {
45
+ }, C = () => {
46
46
  (t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.start());
47
- }, z = () => {
47
+ }, M = () => {
48
48
  (t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.stop());
49
49
  };
50
- return T(() => {
50
+ return z(() => {
51
51
  v(), window.addEventListener("resize", v);
52
- }), A(() => {
52
+ }), E(() => {
53
53
  t == null || t.destroy(), window.removeEventListener("resize", v);
54
- }), (e, H) => (n(), c(
54
+ }), (e, O) => (s(), c(
55
55
  "div",
56
56
  {
57
- class: l([`${o(s)}-swiper-vehicle`])
57
+ class: l([`${o(r)}-swiper-vehicle`])
58
58
  },
59
59
  [
60
- e.backgroundImgUrl ? (n(), F(o(V), {
60
+ e.backgroundImgUrl ? (s(), A(o(B), {
61
61
  key: 0,
62
- class: l(`${o(s)}-swiper-vehicle__bg`),
62
+ class: l(`${o(r)}-swiper-vehicle__bg`),
63
63
  src: e.backgroundImgUrl,
64
64
  alt: e.backgroundImgAlt
65
65
  }, null, 8, ["class", "src", "alt"])) : k("v-if", !0),
@@ -68,31 +68,31 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
68
68
  {
69
69
  ref_key: "swiperRef",
70
70
  ref: p,
71
- class: l([`${o(s)}-swiper-vehicle__main`])
71
+ class: l([`${o(r)}-swiper-vehicle__main`])
72
72
  },
73
73
  [
74
- u("div", P, [
75
- (n(!0), c(
74
+ u("div", N, [
75
+ (s(!0), c(
76
76
  _,
77
77
  null,
78
- w(e.dataList, (r) => (n(), c("div", {
79
- key: r.url,
78
+ w(e.dataList, (n) => (s(), c("div", {
79
+ key: n.url,
80
80
  class: "swiper-slide"
81
81
  }, [
82
- e.showTextBackground ? (n(), c(
82
+ e.showTextBackground ? (s(), c(
83
83
  "span",
84
84
  {
85
85
  key: 0,
86
- class: l(`${o(s)}-swiper-vehicle__text-bg`)
86
+ class: l(`${o(r)}-swiper-vehicle__text-bg`)
87
87
  },
88
- y(r.text),
88
+ H(n.text),
89
89
  3
90
90
  /* TEXT, CLASS */
91
91
  )) : k("v-if", !0),
92
- U(o(V), {
93
- class: l(e.imgFullHeightInMobile ? `${o(s)}-swiper-vehicle__full-height` : ""),
94
- src: r.url,
95
- alt: r.alt
92
+ F(o(B), {
93
+ class: l(e.imgFullHeightInMobile ? `${o(r)}-swiper-vehicle__full-height` : ""),
94
+ src: n.url,
95
+ alt: n.alt
96
96
  }, null, 8, ["class", "src", "alt"])
97
97
  ]))),
98
98
  128
@@ -106,27 +106,27 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
106
106
  u(
107
107
  "div",
108
108
  {
109
- class: l([`${o(s)}-swiper-vehicle__indicator`, e.indicatorClass]),
110
- style: B(C.value)
109
+ class: l([`${o(r)}-swiper-vehicle__indicator`, e.indicatorClass]),
110
+ style: y(V.value)
111
111
  },
112
112
  [
113
113
  u(
114
114
  "div",
115
115
  {
116
- class: l(`${o(s)}-swiper-vehicle__indicator-control`)
116
+ class: l(`${o(r)}-swiper-vehicle__indicator-control`)
117
117
  },
118
118
  [
119
- (n(!0), c(
119
+ (s(!0), c(
120
120
  _,
121
121
  null,
122
- w(e.dataList, (r, h) => (n(), c("div", {
123
- key: r.color,
122
+ w(e.dataList, (n, h) => (s(), c("div", {
123
+ key: n.color,
124
124
  class: l([i.value === h && "active", "color-stroke"]),
125
- style: B({ "background-color": r.color, "border-color": r.color }),
126
- onClick: (O) => g(h),
127
- onMouseenter: z,
128
- onMouseleave: x
129
- }, null, 46, R))),
125
+ style: y({ "background-color": n.color, "border-color": n.color }),
126
+ onClick: (X) => g(h),
127
+ onMouseenter: M,
128
+ onMouseleave: C
129
+ }, null, 46, P))),
130
130
  128
131
131
  /* KEYED_FRAGMENT */
132
132
  ))
@@ -134,15 +134,10 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
134
134
  2
135
135
  /* CLASS */
136
136
  ),
137
- u(
138
- "div",
139
- {
140
- class: l(`${o(s)}-swiper-vehicle__indicator-text`)
141
- },
142
- y(L.value),
143
- 3
144
- /* TEXT, CLASS */
145
- )
137
+ u("div", {
138
+ class: l(`${o(r)}-swiper-vehicle__indicator-text`),
139
+ innerHTML: $.value
140
+ }, null, 10, R)
146
141
  ],
147
142
  6
148
143
  /* CLASS, STYLE */
@@ -154,7 +149,7 @@ const P = { class: "swiper-wrapper" }, R = ["onClick"], f = /* @__PURE__ */ M({
154
149
  }
155
150
  });
156
151
  f.install = (d) => (d.component("ScSwiperVehicle", f), d);
157
- const G = f;
152
+ const J = f;
158
153
  export {
159
- G as ScSwiperVehicle
154
+ J as ScSwiperVehicle
160
155
  };
package/dist/es/video.mjs CHANGED
@@ -1,7 +1,19 @@
1
- import { defineComponent as S, ref as y, watch as G, nextTick as O, onMounted as E, onBeforeUnmount as j, createElementBlock as g, openBlock as n, normalizeClass as i, createCommentVNode as P, createBlock as R, unref as Q, renderSlot as h, createElementVNode as f, onUnmounted as U, mergeProps as T, Fragment as H, normalizeStyle as X, toDisplayString as Y, Teleport as F, createVNode as A, withCtx as V } from "vue";
2
- import { P as u } from "../_vars-BV4QQF-p.js";
3
- import { ScLayzImage as N } from "./layz-image.mjs";
4
- const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
1
+ import { defineComponent as z, ref as f, watch as q, nextTick as Q, onMounted as M, onBeforeUnmount as J, createElementBlock as g, openBlock as r, normalizeClass as u, createCommentVNode as b, createBlock as C, withDirectives as K, unref as U, createStaticVNode as Z, createElementVNode as c, vShow as ee, renderSlot as _, onUnmounted as H, mergeProps as S, Fragment as X, normalizeStyle as Y, toDisplayString as F, Teleport as W, createVNode as E, withCtx as V } from "vue";
2
+ import { P as n } from "../_vars-BV4QQF-p.js";
3
+ import { ScLayzImage as D } from "./layz-image.mjs";
4
+ const le = {
5
+ version: "1.1",
6
+ id: "layer_1",
7
+ xmlns: "http://www.w3.org/2000/svg",
8
+ "xmlns:xlink": "http://www.w3.org/1999/xlink",
9
+ x: "0px",
10
+ y: "0px",
11
+ width: "24px",
12
+ height: "30px",
13
+ viewBox: "0 0 24 30",
14
+ style: { "enable-background": "new 0 0 50 50" },
15
+ "xml:space": "preserve"
16
+ }, te = ["controls", "poster", "src"], A = /* @__PURE__ */ z({
5
17
  __name: "video-wrapper",
6
18
  props: {
7
19
  class: {},
@@ -16,95 +28,103 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
16
28
  urlSmall: {}
17
29
  },
18
30
  emits: ["paused"],
19
- setup(v, { expose: k, emit: e }) {
20
- const t = v, r = e, C = /xiaomi|miui/i, x = /QQBrowser/i, $ = `${u}-player-wrapper`, m = `${u}-player-is-fullscreen`, b = `${u}-player-close-btn`, _ = `${u}-player-icon`, B = `${u}-player-poster`, s = y(), o = y(!0), a = y(
21
- C.test(navigator.userAgent) || x.test(navigator.userAgent) ? void 0 : t.url
22
- );
23
- let l = null;
24
- const p = (c) => {
25
- var d, w;
26
- c.target !== s.value && ((d = s.value) == null || d.pause(), o.value = !!((w = s.value) != null && w.paused), r("paused"));
27
- }, W = (c) => {
28
- const d = c[0], w = s.value;
29
- !w || !t.playable || (d.isIntersecting && t.autoPlay && w.paused ? (w.play().catch(console.warn), o.value = !1) : !d.isIntersecting && !w.paused && (w.pause(), o.value = !0));
30
- }, M = () => {
31
- t.autoPlay && t.playable && s.value && (l = new IntersectionObserver(W, {
31
+ setup(y, { expose: P, emit: t }) {
32
+ const a = y, s = t, k = /xiaomi|miui/i, $ = /QQBrowser/i, B = k.test(navigator.userAgent) || $.test(navigator.userAgent), d = `${n}-player-wrapper`, m = `${n}-player-is-fullscreen`, v = `${n}-player-close-btn`, w = `${n}-player-icon`, T = `${n}-player-loading`, h = `${n}-player-poster`, e = f(), l = f(!0), o = f(B), I = f(B ? void 0 : a.url);
33
+ let R = null;
34
+ const G = (i) => {
35
+ var p, x;
36
+ i.target !== e.value && ((p = e.value) == null || p.pause(), l.value = !!((x = e.value) != null && x.paused), s("paused"));
37
+ }, j = (i) => {
38
+ const p = i[0], x = e.value;
39
+ !x || !a.playable || (p.isIntersecting && a.autoPlay && x.paused ? (x.play().catch(console.warn), l.value = !1) : !p.isIntersecting && !x.paused && (x.pause(), l.value = !0));
40
+ }, O = () => {
41
+ a.autoPlay && a.playable && e.value && (R = new IntersectionObserver(j, {
32
42
  threshold: 0.25
33
43
  // 可根据需求调整可见区域百分比
34
- }), l.observe(s.value));
35
- }, L = () => {
36
- l == null || l.disconnect(), l = null;
44
+ }), R.observe(e.value));
45
+ }, N = () => {
46
+ R == null || R.disconnect(), R = null;
37
47
  };
38
- return G(
39
- () => t.playable,
48
+ return q(
49
+ () => a.playable,
40
50
  () => {
41
- L(), O(() => M());
51
+ N(), Q(() => O());
42
52
  }
43
- ), k({
53
+ ), P({
44
54
  play() {
45
- s.value.play(), o.value = s.value.paused;
55
+ e.value.play(), l.value = e.value.paused;
46
56
  },
47
57
  pause() {
48
- s.value.pause(), o.value = s.value.paused;
58
+ e.value.pause(), l.value = e.value.paused;
49
59
  }
50
- }), E(() => {
51
- (C.test(navigator.userAgent) || x.test(navigator.userAgent)) && fetch(t.url).then((c) => {
52
- if (!c.ok)
53
- throw new Error(`HTTP error! status: ${c.status}`);
54
- return c.blob();
55
- }).then((c) => {
56
- a.value = URL.createObjectURL(c), O(() => {
57
- var d;
58
- t.autoPlay && t.playable && ((d = s.value) == null || d.play().catch(console.warn), o.value = !1);
60
+ }), M(() => {
61
+ (k.test(navigator.userAgent) || $.test(navigator.userAgent)) && fetch(a.url).then((i) => {
62
+ if (!i.ok)
63
+ throw new Error(`HTTP error! status: ${i.status}`);
64
+ return i.blob();
65
+ }).then((i) => {
66
+ I.value = URL.createObjectURL(i), o.value = !1, Q(() => {
67
+ var p;
68
+ a.autoPlay && a.playable && ((p = e.value) == null || p.play().catch(console.warn), l.value = !1);
59
69
  });
60
- }).catch((c) => {
61
- console.error("获取视频失败：", c);
62
- }), M();
63
- }), j(() => {
64
- L();
65
- }), (c, d) => (n(), g(
70
+ }).catch((i) => {
71
+ o.value = !1, console.error("获取视频失败：", i);
72
+ }), O();
73
+ }), J(() => {
74
+ N();
75
+ }), (i, p) => (r(), g(
66
76
  "div",
67
77
  {
68
- class: i([$, t.class, !o.value && !t.autoPlay && m])
78
+ class: u([d, a.class, !l.value && !a.autoPlay && m])
69
79
  },
70
80
  [
71
- P(" 特殊的浏览器，QQ、小米浏览器，很魔幻 "),
72
- !a.value && t.poster ? (n(), R(Q(N), {
81
+ b(" 特殊的浏览器，QQ、小米浏览器，很魔幻 "),
82
+ !I.value && a.autoPlay && a.poster ? (r(), C(U(D), {
73
83
  key: 0,
74
- class: i(B),
75
- src: t.poster,
84
+ class: u(h),
85
+ src: a.poster,
76
86
  alt: "AITO"
77
- }, null, 8, ["src"])) : a.value ? (n(), g("video", {
87
+ }, null, 8, ["src"])) : b("v-if", !0),
88
+ !a.autoPlay && o.value ? (r(), g("div", {
78
89
  key: 1,
90
+ class: u(T)
91
+ }, [
92
+ (r(), g("svg", le, [...p[0] || (p[0] = [
93
+ Z('<rect x="0" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"></animateTransform></rect><rect x="10" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect><rect x="20" y="0" width="4" height="10" fill="#333"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>', 3)
94
+ ])]))
95
+ ])) : b("v-if", !0),
96
+ K(c("video", {
79
97
  ref_key: "videoRef",
80
- ref: s,
98
+ ref: e,
81
99
  muted: "",
82
100
  loop: "",
83
101
  playsinline: "",
84
102
  "webkit-playsinline": "",
85
103
  "x5-video-player-type": "h5",
86
- controls: !o.value && !t.autoPlay,
87
- poster: t.poster,
88
- src: a.value
89
- }, null, 8, D)) : P("v-if", !0),
90
- !o.value && !t.autoPlay ? (n(), g(
104
+ controls: !l.value && !a.autoPlay,
105
+ poster: a.poster,
106
+ src: I.value
107
+ }, null, 8, te), [
108
+ [ee, I.value && !o.value]
109
+ ]),
110
+ !l.value && !a.autoPlay ? (r(), g(
91
111
  "button",
92
112
  {
93
113
  key: 2,
94
- class: i([b, t.playerButtonClass]),
95
- onClick: p
114
+ class: u([v, a.playerButtonClass]),
115
+ onClick: G
96
116
  },
97
117
  [
98
- h(c.$slots, "close", {}, () => [
99
- (n(), g("svg", {
100
- class: i(_),
118
+ _(i.$slots, "close", {}, () => [
119
+ (r(), g("svg", {
120
+ class: u(w),
101
121
  viewBox: "0 0 1121 1024",
102
122
  version: "1.1",
103
123
  xmlns: "http://www.w3.org/2000/svg",
104
124
  width: "200",
105
125
  height: "200"
106
- }, [...d[0] || (d[0] = [
107
- f(
126
+ }, [...p[1] || (p[1] = [
127
+ c(
108
128
  "path",
109
129
  {
110
130
  d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
@@ -114,7 +134,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
114
134
  -1
115
135
  /* CACHED */
116
136
  ),
117
- f(
137
+ c(
118
138
  "path",
119
139
  {
120
140
  d: "M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",
@@ -129,13 +149,13 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
129
149
  ],
130
150
  2
131
151
  /* CLASS */
132
- )) : P("v-if", !0)
152
+ )) : b("v-if", !0)
133
153
  ],
134
154
  2
135
155
  /* CLASS */
136
156
  ));
137
157
  }
138
- }), q = /* @__PURE__ */ S({
158
+ }), ae = /* @__PURE__ */ z({
139
159
  __name: "video-normal",
140
160
  props: {
141
161
  class: {},
@@ -149,74 +169,74 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
149
169
  multiple: { type: Boolean },
150
170
  urlSmall: {}
151
171
  },
152
- setup(v, { expose: k }) {
153
- const e = v, t = `${u}-player-wrapper`, r = `${u}-player-poster`, C = `${u}-player-btn`, x = `${u}-player-btn-text`, $ = `${u}-player-icon`, m = y(), b = y(), _ = y(), B = y(!1), s = (l) => {
154
- l.stopPropagation(), e.playable && (B.value = !0, setTimeout(() => {
155
- var p;
156
- (p = _.value) == null || p.play();
172
+ setup(y, { expose: P }) {
173
+ const t = y, a = `${n}-player-wrapper`, s = `${n}-player-poster`, k = `${n}-player-btn`, $ = `${n}-player-btn-text`, B = `${n}-player-icon`, d = f(), m = f(), v = f(), w = f(!1), T = (l) => {
174
+ l.stopPropagation(), t.playable && (w.value = !0, setTimeout(() => {
175
+ var o;
176
+ (o = v.value) == null || o.play();
157
177
  }, 0));
158
- }, o = () => {
159
- B.value = !1;
178
+ }, h = () => {
179
+ w.value = !1;
160
180
  };
161
- let a = null;
162
- return E(() => {
163
- !e.autoPlay && m.value && (a = new IntersectionObserver(
181
+ let e = null;
182
+ return M(() => {
183
+ !t.autoPlay && d.value && (e = new IntersectionObserver(
164
184
  ([l]) => {
165
- l.isIntersecting && (B.value = !0);
185
+ l.isIntersecting && (w.value = !0);
166
186
  },
167
187
  { threshold: 0.1 }
168
- ), a.observe(m.value));
169
- }), U(() => {
170
- a == null || a.disconnect();
171
- }), k({
188
+ ), e.observe(d.value));
189
+ }), H(() => {
190
+ e == null || e.disconnect();
191
+ }), P({
172
192
  play() {
173
193
  var l;
174
- e.autoPlay ? (l = b.value) == null || l.play() : s(new MouseEvent("click"));
194
+ t.autoPlay ? (l = m.value) == null || l.play() : T(new MouseEvent("click"));
175
195
  },
176
196
  pause() {
177
- var l, p;
178
- (l = b.value) == null || l.pause(), (p = _.value) == null || p.pause();
197
+ var l, o;
198
+ (l = m.value) == null || l.pause(), (o = v.value) == null || o.pause();
179
199
  }
180
- }), (l, p) => e.autoPlay ? (n(), R(I, T({ key: 0 }, e, {
181
- url: e.url,
200
+ }), (l, o) => t.autoPlay ? (r(), C(A, S({ key: 0 }, t, {
201
+ url: t.url,
182
202
  ref_key: "videoRef",
183
- ref: b
184
- }), null, 16, ["url"])) : (n(), g(
185
- H,
203
+ ref: m
204
+ }), null, 16, ["url"])) : (r(), g(
205
+ X,
186
206
  { key: 1 },
187
207
  [
188
- f(
208
+ c(
189
209
  "div",
190
210
  {
191
- class: i([t, e.class]),
192
- style: X(e.style)
211
+ class: u([a, t.class]),
212
+ style: Y(t.style)
193
213
  },
194
214
  [
195
- e.poster ? (n(), R(Q(N), {
215
+ t.poster ? (r(), C(U(D), {
196
216
  key: 0,
197
- class: i(r),
198
- src: e.poster,
217
+ class: u(s),
218
+ src: t.poster,
199
219
  alt: "AITO"
200
- }, null, 8, ["src"])) : P("v-if", !0),
201
- f(
220
+ }, null, 8, ["src"])) : b("v-if", !0),
221
+ c(
202
222
  "button",
203
223
  {
204
224
  ref_key: "btnRef",
205
- ref: m,
206
- class: i([C, e.playerButtonClass]),
207
- onClick: s
225
+ ref: d,
226
+ class: u([k, t.playerButtonClass]),
227
+ onClick: T
208
228
  },
209
229
  [
210
- h(l.$slots, "play", {}, () => [
211
- (n(), g("svg", {
212
- class: i($),
230
+ _(l.$slots, "play", {}, () => [
231
+ (r(), g("svg", {
232
+ class: u(B),
213
233
  viewBox: "0 0 1024 1024",
214
234
  version: "1.1",
215
235
  xmlns: "http://www.w3.org/2000/svg",
216
236
  width: "200",
217
237
  height: "200"
218
- }, [...p[0] || (p[0] = [
219
- f(
238
+ }, [...o[0] || (o[0] = [
239
+ c(
220
240
  "path",
221
241
  {
222
242
  d: "M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",
@@ -226,7 +246,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
226
246
  -1
227
247
  /* CACHED */
228
248
  ),
229
- f(
249
+ c(
230
250
  "path",
231
251
  {
232
252
  d: "M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752z",
@@ -237,12 +257,12 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
237
257
  /* CACHED */
238
258
  )
239
259
  ])])),
240
- f(
260
+ c(
241
261
  "span",
242
262
  {
243
- class: i(x)
263
+ class: u($)
244
264
  },
245
- Y(e.playerButtonText),
265
+ F(t.playerButtonText),
246
266
  1
247
267
  /* TEXT */
248
268
  )
@@ -255,21 +275,21 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
255
275
  6
256
276
  /* CLASS, STYLE */
257
277
  ),
258
- B.value ? (n(), R(F, {
278
+ w.value ? (r(), C(W, {
259
279
  key: 0,
260
280
  to: "body"
261
281
  }, [
262
- A(
263
- I,
264
- T(e, {
282
+ E(
283
+ A,
284
+ S(t, {
265
285
  autoPlay: !1,
266
286
  ref_key: "modalVideoRef",
267
- ref: _,
268
- onPaused: o
287
+ ref: v,
288
+ onPaused: h
269
289
  }),
270
290
  {
271
291
  close: V(() => [
272
- h(l.$slots, "close")
292
+ _(l.$slots, "close")
273
293
  ]),
274
294
  _: 3
275
295
  /* FORWARDED */
@@ -277,13 +297,13 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
277
297
  16
278
298
  /* FULL_PROPS */
279
299
  )
280
- ])) : P("v-if", !0)
300
+ ])) : b("v-if", !0)
281
301
  ],
282
302
  64
283
303
  /* STABLE_FRAGMENT */
284
304
  ));
285
305
  }
286
- }), J = /* @__PURE__ */ S({
306
+ }), se = /* @__PURE__ */ z({
287
307
  __name: "video-multiple",
288
308
  props: {
289
309
  class: {},
@@ -297,73 +317,73 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
297
317
  multiple: { type: Boolean },
298
318
  urlSmall: {}
299
319
  },
300
- setup(v, { expose: k }) {
301
- const e = v, t = `${u}-player-wrapper`, r = `${u}-player-btn`, C = `${u}-player-btn-text`, x = `${u}-player-icon`, $ = y(), m = y(), b = y(), _ = y(!1), B = (a) => {
320
+ setup(y, { expose: P }) {
321
+ const t = y, a = `${n}-player-wrapper`, s = `${n}-player-btn`, k = `${n}-player-btn-text`, $ = `${n}-player-icon`, B = f(), d = f(), m = f(), v = f(!1), w = (e) => {
302
322
  var l;
303
- a.stopPropagation(), e.playable && ((l = m.value) == null || l.pause(), _.value = !0, setTimeout(() => {
304
- var p;
305
- (p = b.value) == null || p.play();
323
+ e.stopPropagation(), t.playable && ((l = d.value) == null || l.pause(), v.value = !0, setTimeout(() => {
324
+ var o;
325
+ (o = m.value) == null || o.play();
306
326
  }, 0));
307
- }, s = () => {
308
- var a;
309
- _.value = !1, (a = m.value) == null || a.play();
327
+ }, T = () => {
328
+ var e;
329
+ v.value = !1, (e = d.value) == null || e.play();
310
330
  };
311
- let o = null;
312
- return E(() => {
313
- $.value && (o = new IntersectionObserver(
314
- ([a]) => {
315
- a.isIntersecting && (_.value = !0);
331
+ let h = null;
332
+ return M(() => {
333
+ B.value && (h = new IntersectionObserver(
334
+ ([e]) => {
335
+ e.isIntersecting && (v.value = !0);
316
336
  },
317
337
  { threshold: 0.1 }
318
- ), o.observe($.value));
319
- }), U(() => {
320
- o == null || o.disconnect();
321
- }), k({
338
+ ), h.observe(B.value));
339
+ }), H(() => {
340
+ h == null || h.disconnect();
341
+ }), P({
322
342
  play() {
323
- B(new MouseEvent("click"));
343
+ w(new MouseEvent("click"));
324
344
  },
325
345
  pause() {
326
- var a, l;
327
- (a = m.value) == null || a.pause(), (l = b.value) == null || l.pause();
346
+ var e, l;
347
+ (e = d.value) == null || e.pause(), (l = m.value) == null || l.pause();
328
348
  }
329
- }), (a, l) => (n(), g(
330
- H,
349
+ }), (e, l) => (r(), g(
350
+ X,
331
351
  null,
332
352
  [
333
- P(" Background: Small Video AutoPlay "),
334
- A(I, T(e, {
335
- url: e.urlSmall || e.url,
353
+ b(" Background: Small Video AutoPlay "),
354
+ E(A, S(t, {
355
+ url: t.urlSmall || t.url,
336
356
  autoPlay: !0,
337
357
  ref_key: "smallVideoRef",
338
- ref: m
358
+ ref: d
339
359
  }), null, 16, ["url"]),
340
- P(" Foreground: Button -> Modal Video (Large) "),
341
- f(
360
+ b(" Foreground: Button -> Modal Video (Large) "),
361
+ c(
342
362
  "div",
343
363
  {
344
- class: i([t, e.class, "is-multiple"]),
345
- style: X(e.style)
364
+ class: u([a, t.class, "is-multiple"]),
365
+ style: Y(t.style)
346
366
  },
347
367
  [
348
- f(
368
+ c(
349
369
  "button",
350
370
  {
351
371
  ref_key: "btnRef",
352
- ref: $,
353
- class: i([r, e.playerButtonClass]),
354
- onClick: B
372
+ ref: B,
373
+ class: u([s, t.playerButtonClass]),
374
+ onClick: w
355
375
  },
356
376
  [
357
- h(a.$slots, "play", {}, () => [
358
- (n(), g("svg", {
359
- class: i(x),
377
+ _(e.$slots, "play", {}, () => [
378
+ (r(), g("svg", {
379
+ class: u($),
360
380
  viewBox: "0 0 1024 1024",
361
381
  version: "1.1",
362
382
  xmlns: "http://www.w3.org/2000/svg",
363
383
  width: "200",
364
384
  height: "200"
365
385
  }, [...l[0] || (l[0] = [
366
- f(
386
+ c(
367
387
  "path",
368
388
  {
369
389
  d: "M671.744 495.616c20.48 12.288 20.48 36.864 0 49.152l-217.088 126.976c-20.48 12.288-45.056-4.096-45.056-24.576V393.216c0-20.48 24.576-36.864 45.056-24.576l217.088 126.976z",
@@ -373,7 +393,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
373
393
  -1
374
394
  /* CACHED */
375
395
  ),
376
- f(
396
+ c(
377
397
  "path",
378
398
  {
379
399
  d: "M512 1011.712C237.568 1011.712 12.288 786.432 12.288 512 12.288 237.568 237.568 12.288 512 12.288c274.432 0 499.712 225.28 499.712 499.712 0 274.432-225.28 499.712-499.712 499.712z m0-958.464c-253.952 0-458.752 204.8-458.752 458.752s204.8 458.752 458.752 458.752 458.752-204.8 458.752-458.752-204.8-458.752-458.752-458.752-458.752z",
@@ -384,12 +404,12 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
384
404
  /* CACHED */
385
405
  )
386
406
  ])])),
387
- f(
407
+ c(
388
408
  "span",
389
409
  {
390
- class: i(C)
410
+ class: u(k)
391
411
  },
392
- Y(e.playerButtonText),
412
+ F(t.playerButtonText),
393
413
  1
394
414
  /* TEXT */
395
415
  )
@@ -402,30 +422,30 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
402
422
  6
403
423
  /* CLASS, STYLE */
404
424
  ),
405
- _.value ? (n(), R(F, {
425
+ v.value ? (r(), C(W, {
406
426
  key: 0,
407
427
  to: "body"
408
428
  }, [
409
- A(I, T(e, {
410
- url: e.url,
429
+ E(A, S(t, {
430
+ url: t.url,
411
431
  autoPlay: !1,
412
432
  ref_key: "modalVideoRef",
413
- ref: b,
414
- onPaused: s
433
+ ref: m,
434
+ onPaused: T
415
435
  }), {
416
436
  close: V(() => [
417
- h(a.$slots, "close")
437
+ _(e.$slots, "close")
418
438
  ]),
419
439
  _: 3
420
440
  /* FORWARDED */
421
441
  }, 16, ["url"])
422
- ])) : P("v-if", !0)
442
+ ])) : b("v-if", !0)
423
443
  ],
424
444
  64
425
445
  /* STABLE_FRAGMENT */
426
446
  ));
427
447
  }
428
- }), z = /* @__PURE__ */ S({
448
+ }), L = /* @__PURE__ */ z({
429
449
  __name: "video",
430
450
  props: {
431
451
  class: {},
@@ -439,47 +459,47 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
439
459
  multiple: { type: Boolean },
440
460
  urlSmall: {}
441
461
  },
442
- setup(v, { expose: k }) {
443
- const e = v, t = y();
444
- return k({
462
+ setup(y, { expose: P }) {
463
+ const t = y, a = f();
464
+ return P({
445
465
  play() {
446
- var r;
447
- (r = t.value) == null || r.play();
466
+ var s;
467
+ (s = a.value) == null || s.play();
448
468
  },
449
469
  pause() {
450
- var r;
451
- (r = t.value) == null || r.pause();
470
+ var s;
471
+ (s = a.value) == null || s.pause();
452
472
  }
453
- }), (r, C) => e.multiple ? (n(), R(
454
- J,
455
- T({ key: 0 }, e, {
473
+ }), (s, k) => t.multiple ? (r(), C(
474
+ se,
475
+ S({ key: 0 }, t, {
456
476
  ref_key: "videoRef",
457
- ref: t
477
+ ref: a
458
478
  }),
459
479
  {
460
480
  play: V(() => [
461
- h(r.$slots, "play")
481
+ _(s.$slots, "play")
462
482
  ]),
463
483
  close: V(() => [
464
- h(r.$slots, "close")
484
+ _(s.$slots, "close")
465
485
  ]),
466
486
  _: 3
467
487
  /* FORWARDED */
468
488
  },
469
489
  16
470
490
  /* FULL_PROPS */
471
- )) : (n(), R(
472
- q,
473
- T({ key: 1 }, e, {
491
+ )) : (r(), C(
492
+ ae,
493
+ S({ key: 1 }, t, {
474
494
  ref_key: "videoRef",
475
- ref: t
495
+ ref: a
476
496
  }),
477
497
  {
478
498
  play: V(() => [
479
- h(r.$slots, "play")
499
+ _(s.$slots, "play")
480
500
  ]),
481
501
  close: V(() => [
482
- h(r.$slots, "close")
502
+ _(s.$slots, "close")
483
503
  ]),
484
504
  _: 3
485
505
  /* FORWARDED */
@@ -489,8 +509,8 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
489
509
  ));
490
510
  }
491
511
  });
492
- z.install = (v) => (v.component("ScVideo", z), v);
493
- const le = z;
512
+ L.install = (y) => (y.component("ScVideo", L), y);
513
+ const ue = L;
494
514
  export {
495
- le as ScVideo
515
+ ue as ScVideo
496
516
  };
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}
1
+ @charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}
package/dist/scss/video.scss CHANGED
@@ -17,6 +17,14 @@
17
17
  height: 100%;
18
18
  }
19
19
 
20
+ .#{vars.$prefix}-player-loading {
21
+ width: 100%;
22
+ height: 100%;
23
+ display: flex;
24
+ justify-content: center;
25
+ align-items: center;
26
+ }
27
+
20
28
  video {
21
29
  width: 100%;
22
30
  height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seresweb/website-component",
3
- "version": "2.3.3",
3
+ "version": "2.3.5",
4
4
  "author": "Seres",
5
5
  "license": "UNLICENSED",
6
6
  "description": "官方网站类的组件",