@seresweb/website-component 2.3.2 → 2.3.4

package/dist/cjs/video.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("../_vars-CyrPevgT.cjs"),b=require("./layz-image.cjs"),E=["controls","poster","src"],h=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:B,emit:l}){const o=f,r=l,C=/xiaomi|miui/i,g=`${i.PREFIX}-player-wrapper`,k=`${i.PREFIX}-player-is-fullscreen`,d=`${i.PREFIX}-player-close-btn`,y=`${i.PREFIX}-player-icon`,a=e.ref(),n=e.ref(!0),P=e.ref(C.test(navigator.userAgent)?void 0:o.url);let u=null;const s=p=>{var m,v;p.target!==a.value&&((m=a.value)==null||m.pause(),n.value=!!((v=a.value)!=null&&v.paused),r("paused"))},t=p=>{const m=p[0],v=a.value;!v||!o.playable||(m.isIntersecting&&o.autoPlay&&v.paused?(v.play().catch(console.warn),n.value=!1):!m.isIntersecting&&!v.paused&&(v.pause(),n.value=!0))},c=()=>{o.autoPlay&&o.playable&&a.value&&(u=new IntersectionObserver(t,{threshold:.25}),u.observe(a.value))},_=()=>{u==null||u.disconnect(),u=null};return e.watch(()=>o.playable,()=>{_(),e.nextTick(()=>c())}),B({play(){a.value.play(),n.value=a.value.paused},pause(){a.value.pause(),n.value=a.value.paused}}),e.onMounted(()=>{C.test(navigator.userAgent)&&fetch(o.url).then(p=>{if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);return p.blob()}).then(p=>{P.value=URL.createObjectURL(p)}).catch(p=>{console.error("获取视频失败：",p)}),c()}),e.onBeforeUnmount(()=>{_()}),(p,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([g,o.class,!n.value&&!o.autoPlay&&k])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!n.value&&!o.autoPlay,poster:o.poster,src:P.value},null,8,E),!n.value&&!o.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([d,o.playerButtonClass]),onClick:s},[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"},[...m[0]||(m[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))}}),V=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:B}){const l=f,o=`${i.PREFIX}-player-wrapper`,r=`${i.PREFIX}-player-poster`,C=`${i.PREFIX}-player-btn`,g=`${i.PREFIX}-player-btn-text`,k=`${i.PREFIX}-player-icon`,d=e.ref(),y=e.ref(),a=e.ref(),n=e.ref(!1),P=t=>{t.stopPropagation(),l.playable&&(n.value=!0,setTimeout(()=>{var c;(c=a.value)==null||c.play()},0))},u=()=>{n.value=!1};let s=null;return e.onMounted(()=>{!l.autoPlay&&d.value&&(s=new IntersectionObserver(([t])=>{t.isIntersecting&&(n.value=!0)},{threshold:.1}),s.observe(d.value))}),e.onUnmounted(()=>{s==null||s.disconnect()}),B({play(){var t;l.autoPlay?(t=y.value)==null||t.play():P(new MouseEvent("click"))},pause(){var t,c;(t=y.value)==null||t.pause(),(c=a.value)==null||c.pause()}}),(t,c)=>l.autoPlay?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},l,{url:l.url,ref_key:"videoRef",ref:y}),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(r),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:P},[e.renderSlot(t.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(k),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),n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{autoPlay:!1,ref_key:"modalVideoRef",ref:a,onPaused:u}),{close:e.withCtx(()=>[e.renderSlot(t.$slots,"close")]),_:3},16)])):e.createCommentVNode("v-if",!0)],64))}}),R=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:B}){const l=f,o=`${i.PREFIX}-player-wrapper`,r=`${i.PREFIX}-player-btn`,C=`${i.PREFIX}-player-btn-text`,g=`${i.PREFIX}-player-icon`,k=e.ref(),d=e.ref(),y=e.ref(),a=e.ref(!1),n=s=>{var t;s.stopPropagation(),l.playable&&((t=d.value)==null||t.pause(),a.value=!0,setTimeout(()=>{var c;(c=y.value)==null||c.play()},0))},P=()=>{var s;a.value=!1,(s=d.value)==null||s.play()};let u=null;return e.onMounted(()=>{k.value&&(u=new IntersectionObserver(([s])=>{s.isIntersecting&&(a.value=!0)},{threshold:.1}),u.observe(k.value))}),e.onUnmounted(()=>{u==null||u.disconnect()}),B({play(){n(new MouseEvent("click"))},pause(){var s,t;(s=d.value)==null||s.pause(),(t=y.value)==null||t.pause()}}),(s,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(" Background: Small Video AutoPlay "),e.createVNode(h,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:k,class:e.normalizeClass([r,l.playerButtonClass]),onClick:n},[e.renderSlot(s.$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),a.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{url:l.url,autoPlay:!1,ref_key:"modalVideoRef",ref:y,onPaused:P}),{close:e.withCtx(()=>[e.renderSlot(s.$slots,"close")]),_:3},16,["url"])])):e.createCommentVNode("v-if",!0)],64))}}),w=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:B}){const l=f,o=e.ref();return B({play(){var r;(r=o.value)==null||r.play()},pause(){var r;(r=o.value)==null||r.pause()}}),(r,C)=>l.multiple?(e.openBlock(),e.createBlock(R,e.mergeProps({key:0},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(r.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(r.$slots,"close")]),_:3},16)):(e.openBlock(),e.createBlock(V,e.mergeProps({key:1},l,{ref_key:"videoRef",ref:o}),{play:e.withCtx(()=>[e.renderSlot(r.$slots,"play")]),close:e.withCtx(()=>[e.renderSlot(r.$slots,"close")]),_:3},16))}});w.install=f=>(f.component("ScVideo",w),f);const I=w;exports.ScVideo=I;
+"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

@@ -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}}
+.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/video.mjs

@@ -1,7 +1,19 @@
-import { defineComponent as S, ref as d, watch as F, nextTick as N, onMounted as L, onBeforeUnmount as X, createElementBlock as C, openBlock as c, normalizeClass as y, createElementVNode as i, createCommentVNode as R, renderSlot as b, onUnmounted as E, createBlock as x, mergeProps as V, Fragment as O, normalizeStyle as U, unref as W, toDisplayString as H, Teleport as Y, createVNode as z, withCtx as $ } from "vue";
-import { P as f } from "../_vars-BV4QQF-p.js";
-import { ScLayzImage as j } from "./layz-image.mjs";
-const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
+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";
+import { P as n } from "../_vars-BV4QQF-p.js";
+import { ScLayzImage as D } from "./layz-image.mjs";
+const le = {
+  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"
+}, te = ["controls", "poster", "src"], A = /* @__PURE__ */ z({
   __name: "video-wrapper",
   props: {
     class: {},
@@ -16,83 +28,103 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
     urlSmall: {}
   },
   emits: ["paused"],
-  setup(v, { expose: w, emit: e }) {
-    const t = v, o = e, P = /xiaomi|miui/i, T = `${f}-player-wrapper`, g = `${f}-player-is-fullscreen`, m = `${f}-player-close-btn`, _ = `${f}-player-icon`, a = d(), n = d(!0), k = d(P.test(navigator.userAgent) ? void 0 : t.url);
-    let r = null;
-    const s = (p) => {
-      var h, B;
-      p.target !== a.value && ((h = a.value) == null || h.pause(), n.value = !!((B = a.value) != null && B.paused), o("paused"));
-    }, l = (p) => {
-      const h = p[0], B = a.value;
-      !B || !t.playable || (h.isIntersecting && t.autoPlay && B.paused ? (B.play().catch(console.warn), n.value = !1) : !h.isIntersecting && !B.paused && (B.pause(), n.value = !0));
-    }, u = () => {
-      t.autoPlay && t.playable && a.value && (r = new IntersectionObserver(l, {
+  setup(y, { expose: P, emit: t }) {
+    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);
+    let R = null;
+    const G = (i) => {
+      var p, x;
+      i.target !== e.value && ((p = e.value) == null || p.pause(), l.value = !!((x = e.value) != null && x.paused), s("paused"));
+    }, j = (i) => {
+      const p = i[0], x = e.value;
+      !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));
+    }, O = () => {
+      a.autoPlay && a.playable && e.value && (R = new IntersectionObserver(j, {
         threshold: 0.25
         // 可根据需求调整可见区域百分比
-      }), r.observe(a.value));
-    }, A = () => {
-      r == null || r.disconnect(), r = null;
+      }), R.observe(e.value));
+    }, N = () => {
+      R == null || R.disconnect(), R = null;
     };
-    return F(
-      () => t.playable,
+    return q(
+      () => a.playable,
       () => {
-        A(), N(() => u());
+        N(), Q(() => O());
       }
-    ), w({
+    ), P({
       play() {
-        a.value.play(), n.value = a.value.paused;
+        e.value.play(), l.value = e.value.paused;
       },
       pause() {
-        a.value.pause(), n.value = a.value.paused;
+        e.value.pause(), l.value = e.value.paused;
       }
-    }), L(() => {
-      P.test(navigator.userAgent) && fetch(t.url).then((p) => {
-        if (!p.ok)
-          throw new Error(`HTTP error! status: ${p.status}`);
-        return p.blob();
-      }).then((p) => {
-        k.value = URL.createObjectURL(p);
-      }).catch((p) => {
-        console.error("获取视频失败：", p);
-      }), u();
-    }), X(() => {
-      A();
-    }), (p, h) => (c(), C(
+    }), M(() => {
+      (k.test(navigator.userAgent) || $.test(navigator.userAgent)) && fetch(a.url).then((i) => {
+        if (!i.ok)
+          throw new Error(`HTTP error! status: ${i.status}`);
+        return i.blob();
+      }).then((i) => {
+        I.value = URL.createObjectURL(i), o.value = !1, Q(() => {
+          var p;
+          a.autoPlay && a.playable && ((p = e.value) == null || p.play().catch(console.warn), l.value = !1);
+        });
+      }).catch((i) => {
+        o.value = !1, console.error("获取视频失败：", i);
+      }), O();
+    }), J(() => {
+      N();
+    }), (i, p) => (r(), g(
       "div",
       {
-        class: y([T, t.class, !n.value && !t.autoPlay && g])
+        class: u([d, a.class, !l.value && !a.autoPlay && m])
       },
       [
-        i("video", {
+        b(" 特殊的浏览器，QQ、小米浏览器，很魔幻 "),
+        !I.value && a.autoPlay && a.poster ? (r(), C(U(D), {
+          key: 0,
+          class: u(h),
+          src: a.poster,
+          alt: "AITO"
+        }, null, 8, ["src"])) : b("v-if", !0),
+        !a.autoPlay && o.value ? (r(), g("div", {
+          key: 1,
+          class: u(T)
+        }, [
+          (r(), g("svg", le, [...p[0] || (p[0] = [
+            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)
+          ])]))
+        ])) : b("v-if", !0),
+        K(c("video", {
           ref_key: "videoRef",
-          ref: a,
+          ref: e,
           muted: "",
           loop: "",
           playsinline: "",
           "webkit-playsinline": "",
           "x5-video-player-type": "h5",
-          controls: !n.value && !t.autoPlay,
-          poster: t.poster,
-          src: k.value
-        }, null, 8, D),
-        !n.value && !t.autoPlay ? (c(), C(
+          controls: !l.value && !a.autoPlay,
+          poster: a.poster,
+          src: I.value
+        }, null, 8, te), [
+          [ee, I.value && !o.value]
+        ]),
+        !l.value && !a.autoPlay ? (r(), g(
           "button",
           {
-            key: 0,
-            class: y([m, t.playerButtonClass]),
-            onClick: s
+            key: 2,
+            class: u([v, a.playerButtonClass]),
+            onClick: G
           },
           [
-            b(p.$slots, "close", {}, () => [
-              (c(), C("svg", {
-                class: y(_),
+            _(i.$slots, "close", {}, () => [
+              (r(), g("svg", {
+                class: u(w),
                 viewBox: "0 0 1121 1024",
                 version: "1.1",
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "200",
                 height: "200"
-              }, [...h[0] || (h[0] = [
-                i(
+              }, [...p[1] || (p[1] = [
+                c(
                   "path",
                   {
                     d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
@@ -102,7 +134,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
                   -1
                   /* CACHED */
                 ),
-                i(
+                c(
                   "path",
                   {
                     d: "M1040.725333 1014.442667l-965.485714-965.485715 48.518095-48.420571L1089.194667 965.973333l-48.469334 48.469334z",
@@ -117,13 +149,13 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
           ],
           2
           /* CLASS */
-        )) : R("v-if", !0)
+        )) : b("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), G = /* @__PURE__ */ S({
+}), ae = /* @__PURE__ */ z({
   __name: "video-normal",
   props: {
     class: {},
@@ -137,74 +169,74 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
     multiple: { type: Boolean },
     urlSmall: {}
   },
-  setup(v, { expose: w }) {
-    const e = v, t = `${f}-player-wrapper`, o = `${f}-player-poster`, P = `${f}-player-btn`, T = `${f}-player-btn-text`, g = `${f}-player-icon`, m = d(), _ = d(), a = d(), n = d(!1), k = (l) => {
-      l.stopPropagation(), e.playable && (n.value = !0, setTimeout(() => {
-        var u;
-        (u = a.value) == null || u.play();
+  setup(y, { expose: P }) {
+    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) => {
+      l.stopPropagation(), t.playable && (w.value = !0, setTimeout(() => {
+        var o;
+        (o = v.value) == null || o.play();
       }, 0));
-    }, r = () => {
-      n.value = !1;
+    }, h = () => {
+      w.value = !1;
     };
-    let s = null;
-    return L(() => {
-      !e.autoPlay && m.value && (s = new IntersectionObserver(
+    let e = null;
+    return M(() => {
+      !t.autoPlay && d.value && (e = new IntersectionObserver(
         ([l]) => {
-          l.isIntersecting && (n.value = !0);
+          l.isIntersecting && (w.value = !0);
         },
         { threshold: 0.1 }
-      ), s.observe(m.value));
-    }), E(() => {
-      s == null || s.disconnect();
-    }), w({
+      ), e.observe(d.value));
+    }), H(() => {
+      e == null || e.disconnect();
+    }), P({
       play() {
         var l;
-        e.autoPlay ? (l = _.value) == null || l.play() : k(new MouseEvent("click"));
+        t.autoPlay ? (l = m.value) == null || l.play() : T(new MouseEvent("click"));
       },
       pause() {
-        var l, u;
-        (l = _.value) == null || l.pause(), (u = a.value) == null || u.pause();
+        var l, o;
+        (l = m.value) == null || l.pause(), (o = v.value) == null || o.pause();
       }
-    }), (l, u) => e.autoPlay ? (c(), x(I, V({ key: 0 }, e, {
-      url: e.url,
+    }), (l, o) => t.autoPlay ? (r(), C(A, S({ key: 0 }, t, {
+      url: t.url,
       ref_key: "videoRef",
-      ref: _
-    }), null, 16, ["url"])) : (c(), C(
-      O,
+      ref: m
+    }), null, 16, ["url"])) : (r(), g(
+      X,
       { key: 1 },
       [
-        i(
+        c(
           "div",
           {
-            class: y([t, e.class]),
-            style: U(e.style)
+            class: u([a, t.class]),
+            style: Y(t.style)
           },
           [
-            e.poster ? (c(), x(W(j), {
+            t.poster ? (r(), C(U(D), {
               key: 0,
-              class: y(o),
-              src: e.poster,
+              class: u(s),
+              src: t.poster,
               alt: "AITO"
-            }, null, 8, ["src"])) : R("v-if", !0),
-            i(
+            }, null, 8, ["src"])) : b("v-if", !0),
+            c(
               "button",
               {
                 ref_key: "btnRef",
-                ref: m,
-                class: y([P, e.playerButtonClass]),
-                onClick: k
+                ref: d,
+                class: u([k, t.playerButtonClass]),
+                onClick: T
               },
               [
-                b(l.$slots, "play", {}, () => [
-                  (c(), C("svg", {
-                    class: y(g),
+                _(l.$slots, "play", {}, () => [
+                  (r(), g("svg", {
+                    class: u(B),
                     viewBox: "0 0 1024 1024",
                     version: "1.1",
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "200",
                     height: "200"
-                  }, [...u[0] || (u[0] = [
-                    i(
+                  }, [...o[0] || (o[0] = [
+                    c(
                       "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",
@@ -214,7 +246,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
                       -1
                       /* CACHED */
                     ),
-                    i(
+                    c(
                       "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",
@@ -225,12 +257,12 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
                       /* CACHED */
                     )
                   ])])),
-                  i(
+                  c(
                     "span",
                     {
-                      class: y(T)
+                      class: u($)
                     },
-                    H(e.playerButtonText),
+                    F(t.playerButtonText),
                     1
                     /* TEXT */
                   )
@@ -243,21 +275,21 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
           6
           /* CLASS, STYLE */
         ),
-        n.value ? (c(), x(Y, {
+        w.value ? (r(), C(W, {
           key: 0,
           to: "body"
         }, [
-          z(
-            I,
-            V(e, {
+          E(
+            A,
+            S(t, {
               autoPlay: !1,
               ref_key: "modalVideoRef",
-              ref: a,
-              onPaused: r
+              ref: v,
+              onPaused: h
             }),
             {
-              close: $(() => [
-                b(l.$slots, "close")
+              close: V(() => [
+                _(l.$slots, "close")
               ]),
               _: 3
               /* FORWARDED */
@@ -265,13 +297,13 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
             16
             /* FULL_PROPS */
           )
-        ])) : R("v-if", !0)
+        ])) : b("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}), q = /* @__PURE__ */ S({
+}), se = /* @__PURE__ */ z({
   __name: "video-multiple",
   props: {
     class: {},
@@ -285,73 +317,73 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
     multiple: { type: Boolean },
     urlSmall: {}
   },
-  setup(v, { expose: w }) {
-    const e = v, t = `${f}-player-wrapper`, o = `${f}-player-btn`, P = `${f}-player-btn-text`, T = `${f}-player-icon`, g = d(), m = d(), _ = d(), a = d(!1), n = (s) => {
+  setup(y, { expose: P }) {
+    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) => {
       var l;
-      s.stopPropagation(), e.playable && ((l = m.value) == null || l.pause(), a.value = !0, setTimeout(() => {
-        var u;
-        (u = _.value) == null || u.play();
+      e.stopPropagation(), t.playable && ((l = d.value) == null || l.pause(), v.value = !0, setTimeout(() => {
+        var o;
+        (o = m.value) == null || o.play();
       }, 0));
-    }, k = () => {
-      var s;
-      a.value = !1, (s = m.value) == null || s.play();
+    }, T = () => {
+      var e;
+      v.value = !1, (e = d.value) == null || e.play();
     };
-    let r = null;
-    return L(() => {
-      g.value && (r = new IntersectionObserver(
-        ([s]) => {
-          s.isIntersecting && (a.value = !0);
+    let h = null;
+    return M(() => {
+      B.value && (h = new IntersectionObserver(
+        ([e]) => {
+          e.isIntersecting && (v.value = !0);
         },
         { threshold: 0.1 }
-      ), r.observe(g.value));
-    }), E(() => {
-      r == null || r.disconnect();
-    }), w({
+      ), h.observe(B.value));
+    }), H(() => {
+      h == null || h.disconnect();
+    }), P({
       play() {
-        n(new MouseEvent("click"));
+        w(new MouseEvent("click"));
       },
       pause() {
-        var s, l;
-        (s = m.value) == null || s.pause(), (l = _.value) == null || l.pause();
+        var e, l;
+        (e = d.value) == null || e.pause(), (l = m.value) == null || l.pause();
       }
-    }), (s, l) => (c(), C(
-      O,
+    }), (e, l) => (r(), g(
+      X,
       null,
       [
-        R(" Background: Small Video AutoPlay "),
-        z(I, V(e, {
-          url: e.urlSmall || e.url,
+        b(" Background: Small Video AutoPlay "),
+        E(A, S(t, {
+          url: t.urlSmall || t.url,
           autoPlay: !0,
           ref_key: "smallVideoRef",
-          ref: m
+          ref: d
         }), null, 16, ["url"]),
-        R(" Foreground: Button -> Modal Video (Large) "),
-        i(
+        b(" Foreground: Button -> Modal Video (Large) "),
+        c(
           "div",
           {
-            class: y([t, e.class, "is-multiple"]),
-            style: U(e.style)
+            class: u([a, t.class, "is-multiple"]),
+            style: Y(t.style)
           },
           [
-            i(
+            c(
               "button",
               {
                 ref_key: "btnRef",
-                ref: g,
-                class: y([o, e.playerButtonClass]),
-                onClick: n
+                ref: B,
+                class: u([s, t.playerButtonClass]),
+                onClick: w
               },
               [
-                b(s.$slots, "play", {}, () => [
-                  (c(), C("svg", {
-                    class: y(T),
+                _(e.$slots, "play", {}, () => [
+                  (r(), g("svg", {
+                    class: u($),
                     viewBox: "0 0 1024 1024",
                     version: "1.1",
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "200",
                     height: "200"
                   }, [...l[0] || (l[0] = [
-                    i(
+                    c(
                       "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",
@@ -361,7 +393,7 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
                       -1
                       /* CACHED */
                     ),
-                    i(
+                    c(
                       "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",
@@ -372,12 +404,12 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
                       /* CACHED */
                     )
                   ])])),
-                  i(
+                  c(
                     "span",
                     {
-                      class: y(P)
+                      class: u(k)
                     },
-                    H(e.playerButtonText),
+                    F(t.playerButtonText),
                     1
                     /* TEXT */
                   )
@@ -390,30 +422,30 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
           6
           /* CLASS, STYLE */
         ),
-        a.value ? (c(), x(Y, {
+        v.value ? (r(), C(W, {
           key: 0,
           to: "body"
         }, [
-          z(I, V(e, {
-            url: e.url,
+          E(A, S(t, {
+            url: t.url,
             autoPlay: !1,
             ref_key: "modalVideoRef",
-            ref: _,
-            onPaused: k
+            ref: m,
+            onPaused: T
           }), {
-            close: $(() => [
-              b(s.$slots, "close")
+            close: V(() => [
+              _(e.$slots, "close")
             ]),
             _: 3
             /* FORWARDED */
           }, 16, ["url"])
-        ])) : R("v-if", !0)
+        ])) : b("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
-}), M = /* @__PURE__ */ S({
+}), L = /* @__PURE__ */ z({
   __name: "video",
   props: {
     class: {},
@@ -427,47 +459,47 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
     multiple: { type: Boolean },
     urlSmall: {}
   },
-  setup(v, { expose: w }) {
-    const e = v, t = d();
-    return w({
+  setup(y, { expose: P }) {
+    const t = y, a = f();
+    return P({
       play() {
-        var o;
-        (o = t.value) == null || o.play();
+        var s;
+        (s = a.value) == null || s.play();
       },
       pause() {
-        var o;
-        (o = t.value) == null || o.pause();
+        var s;
+        (s = a.value) == null || s.pause();
       }
-    }), (o, P) => e.multiple ? (c(), x(
-      q,
-      V({ key: 0 }, e, {
+    }), (s, k) => t.multiple ? (r(), C(
+      se,
+      S({ key: 0 }, t, {
         ref_key: "videoRef",
-        ref: t
+        ref: a
       }),
       {
-        play: $(() => [
-          b(o.$slots, "play")
+        play: V(() => [
+          _(s.$slots, "play")
         ]),
-        close: $(() => [
-          b(o.$slots, "close")
+        close: V(() => [
+          _(s.$slots, "close")
         ]),
         _: 3
         /* FORWARDED */
       },
       16
       /* FULL_PROPS */
-    )) : (c(), x(
-      G,
-      V({ key: 1 }, e, {
+    )) : (r(), C(
+      ae,
+      S({ key: 1 }, t, {
         ref_key: "videoRef",
-        ref: t
+        ref: a
       }),
       {
-        play: $(() => [
-          b(o.$slots, "play")
+        play: V(() => [
+          _(s.$slots, "play")
         ]),
-        close: $(() => [
-          b(o.$slots, "close")
+        close: V(() => [
+          _(s.$slots, "close")
         ]),
         _: 3
         /* FORWARDED */
@@ -477,8 +509,8 @@ const D = ["controls", "poster", "src"], I = /* @__PURE__ */ S({
     ));
   }
 });
-M.install = (v) => (v.component("ScVideo", M), v);
-const Z = M;
+L.install = (y) => (y.component("ScVideo", L), y);
+const ue = L;
 export {
-  Z as ScVideo
+  ue as ScVideo
 };

package/dist/index.css

@@ -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%}}
+@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

@@ -17,6 +17,14 @@
     height: 100%;
   }
 
+  .#{vars.$prefix}-player-loading {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
   video {
     width: 100%;
     height: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seresweb/website-component",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "author": "Seres",
   "license": "UNLICENSED",
   "description": "官方网站类的组件",