@seresweb/website-component 2.0.1 → 2.0.2

package/dist/cjs/video.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("../_vars-CyrPevgT.cjs"),w=require("./layz-image.cjs"),E=["controls","poster","src"],g=e.defineComponent({__name:"video-wrapper",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d,{expose:o}){const t=d,v=/xiaomi|miui/i,m=`${r.PREFIX}-player-wrapper`,B=`${r.PREFIX}-player-is-fullscreen`,C=`${r.PREFIX}-player-close-btn`,y=`${r.PREFIX}-player-icon`,a=e.ref(),s=e.ref(!0),c=e.ref(v.test(navigator.userAgent)?void 0:t.url);let n=null;const p=l=>{var u,i;l.target!==a.value&&((u=a.value)==null||u.pause(),s.value=!!((i=a.value)!=null&&i.paused))},f=l=>{const u=l[0],i=a.value;!i||!t.playable||(u.isIntersecting&&t.autoPlay&&i.paused?(i.play().catch(console.warn),s.value=!1):!u.isIntersecting&&!i.paused&&(i.pause(),s.value=!0))},k=()=>{t.autoPlay&&t.playable&&a.value&&(n=new IntersectionObserver(f,{threshold:.25}),n.observe(a.value))},b=()=>{n==null||n.disconnect(),n=null};return e.watch(()=>t.playable,()=>{b(),e.nextTick(()=>k())}),o({play(){a.value.play(),s.value=a.value.paused}}),e.onMounted(()=>{v.test(navigator.userAgent)&&fetch(t.url).then(l=>{if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.blob()}).then(l=>{c.value=URL.createObjectURL(l)}).catch(l=>{console.error("获取视频失败：",l)}),k()}),e.onBeforeUnmount(()=>{b()}),(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([m,t.class,!s.value&&!t.autoPlay&&B])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!s.value&&!t.autoPlay,poster:t.poster,src:c.value},null,8,E),!s.value&&!t.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(C),onClick:p},[e.renderSlot(l.$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"},[...u[0]||(u[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)])]))])])):e.createCommentVNode("v-if",!0)],2))}}),P=e.defineComponent({__name:"video",props:{class:{default:""},style:{default:""},playerButtonClass:{default:""},playerButtonText:{default:"PLAY"},poster:{default:""},url:{default:""},autoPlay:{type:Boolean,default:!0},playable:{type:Boolean,default:!0}},setup(d){const o=d,t=`${r.PREFIX}-player-wrapper`,v=`${r.PREFIX}-player-poster`,m=`${r.PREFIX}-player-btn`,B=`${r.PREFIX}-player-btn-text`,C=`${r.PREFIX}-player-icon`,y=e.ref(),a=e.ref(),s=p=>{var f;p.stopPropagation(),(f=a.value)==null||f.play()};let c=null;const n=e.ref(!1);return e.onMounted(()=>{c=new IntersectionObserver(([p])=>{p.isIntersecting&&(n.value=!0)},{threshold:.1}),y.value&&c.observe(y.value)}),e.onUnmounted(()=>{c==null||c.disconnect()}),(p,f)=>o.autoPlay?(e.openBlock(),e.createBlock(g,e.normalizeProps(e.mergeProps({key:0},o)),null,16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([t,o.class]),style:e.normalizeStyle(o.style)},[e.createVNode(e.unref(w.ScLayzImage),{class:e.normalizeClass(v),src:o.poster,alt:"AITO"},null,8,["src"]),e.createElementVNode("button",{ref_key:"btnRef",ref:y,class:e.normalizeClass([m,o.playerButtonClass]),onClick:s},[e.renderSlot(p.$slots,"play",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(C),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...f[0]||(f[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(B)},e.toDisplayString(o.playerButtonText),1)])],2)],6),n.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(g,e.mergeProps(o,{ref_key:"vwRef",ref:a}),null,16)])):e.createCommentVNode("v-if",!0)],64))}});P.install=d=>(d.component("ScVideo",P),d);const h=P;exports.ScVideo=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../_vars-CyrPevgT.cjs"),w=require("./layz-image.cjs"),_=["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(d,{expose:l,emit:P}){const t=d,C=P,B=/xiaomi|miui/i,g=`${u.PREFIX}-player-wrapper`,y=`${u.PREFIX}-player-is-fullscreen`,k=`${u.PREFIX}-player-close-btn`,m=`${u.PREFIX}-player-icon`,a=e.ref(),s=e.ref(!0),c=e.ref(B.test(navigator.userAgent)?void 0:t.url);let r=null;const n=o=>{var p,i;o.target!==a.value&&((p=a.value)==null||p.pause(),s.value=!!((i=a.value)!=null&&i.paused),C("paused"))},f=o=>{const p=o[0],i=a.value;!i||!t.playable||(p.isIntersecting&&t.autoPlay&&i.paused?(i.play().catch(console.warn),s.value=!1):!p.isIntersecting&&!i.paused&&(i.pause(),s.value=!0))},v=()=>{t.autoPlay&&t.playable&&a.value&&(r=new IntersectionObserver(f,{threshold:.25}),r.observe(a.value))},b=()=>{r==null||r.disconnect(),r=null};return e.watch(()=>t.playable,()=>{b(),e.nextTick(()=>v())}),l({play(){a.value.play(),s.value=a.value.paused},pause(){a.value.pause(),s.value=a.value.paused}}),e.onMounted(()=>{B.test(navigator.userAgent)&&fetch(t.url).then(o=>{if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.blob()}).then(o=>{c.value=URL.createObjectURL(o)}).catch(o=>{console.error("获取视频失败：",o)}),v()}),e.onBeforeUnmount(()=>{b()}),(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([g,t.class,!s.value&&!t.autoPlay&&y])},[e.createElementVNode("video",{ref_key:"videoRef",ref:a,muted:"",loop:"",playsinline:"","webkit-playsinline":"","x5-video-player-type":"h5",controls:!s.value&&!t.autoPlay,poster:t.poster,src:c.value},null,8,_),!s.value&&!t.autoPlay?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([k,t.playerButtonClass]),onClick:n},[e.renderSlot(o.$slots,"close",{},()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(m),viewBox:"0 0 1121 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"},[...p[0]||(p[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))}}),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(d){const l=d,P=`${u.PREFIX}-player-wrapper`,t=`${u.PREFIX}-player-poster`,C=`${u.PREFIX}-player-btn`,B=`${u.PREFIX}-player-btn-text`,g=`${u.PREFIX}-player-icon`,y=e.ref(),k=e.ref(),m=e.ref(),a=n=>{var f,v;n.stopPropagation(),(f=m.value)==null||f.pause(),(v=k.value)==null||v.play()},s=()=>{var n;(n=m.value)==null||n.play()};let c=null;const r=e.ref(!1);return e.onMounted(()=>{c=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.value=!0)},{threshold:.1}),y.value&&c.observe(y.value)}),e.onUnmounted(()=>{c==null||c.disconnect()}),(n,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.autoPlay||l.multiple?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},l,{url:l.multiple&&l.urlSmall||l.url,ref_key:"autoPlayRef",ref:m}),null,16,["url"])):e.createCommentVNode("v-if",!0),!l.autoPlay||l.multiple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([P,l.class,{"is-multiple":l.multiple}]),style:e.normalizeStyle(l.style)},[l.poster?(e.openBlock(),e.createBlock(e.unref(w.ScLayzImage),{key:0,class:e.normalizeClass(t),src:l.poster,alt:"AITO"},null,8,["src"])):e.createCommentVNode("v-if",!0),e.createElementVNode("button",{ref_key:"btnRef",ref:y,class:e.normalizeClass([C,l.playerButtonClass]),onClick:a},[e.renderSlot(n.$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"},[...f[0]||(f[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(B)},e.toDisplayString(l.playerButtonText),1)])],2)],6),r.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createVNode(h,e.mergeProps(l,{autoPlay:!1,ref_key:"vwRef",ref:k,onPaused:s}),null,16)])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0)],64))}});E.install=d=>(d.component("ScVideo",E),d);const I=E;exports.ScVideo=I;

package/dist/css/video.css

@@ -1 +1 @@
-.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.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}.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}.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 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}.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}.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,246 +1,273 @@
-import { defineComponent as z, ref as m, watch as V, nextTick as A, onMounted as T, onBeforeUnmount as E, createElementBlock as h, openBlock as y, normalizeClass as p, createElementVNode as i, createCommentVNode as L, renderSlot as O, onUnmounted as M, createBlock as x, normalizeProps as S, mergeProps as $, Fragment as U, normalizeStyle as H, createVNode as I, unref as N, toDisplayString as X, Teleport as F } from "vue";
-import { P as n } from "../_vars-BV4QQF-p.js";
-import { ScLayzImage as Y } from "./layz-image.mjs";
-const j = ["controls", "poster", "src"], R = /* @__PURE__ */ z({
+import { defineComponent as L, ref as d, watch as A, nextTick as E, onMounted as O, onBeforeUnmount as M, createElementBlock as h, openBlock as r, normalizeClass as f, createElementVNode as y, createCommentVNode as _, renderSlot as V, onUnmounted as U, Fragment as S, createBlock as $, mergeProps as T, normalizeStyle as H, unref as N, toDisplayString as X, Teleport as F, createVNode as Y } from "vue";
+import { P as u } from "../_vars-BV4QQF-p.js";
+import { ScLayzImage as j } from "./layz-image.mjs";
+const D = ["controls", "poster", "src"], z = /* @__PURE__ */ L({
   __name: "video-wrapper",
   props: {
-    class: { default: "" },
-    style: { default: "" },
-    playerButtonClass: { default: "" },
+    class: {},
+    style: {},
+    playerButtonClass: {},
     playerButtonText: { default: "PLAY" },
-    poster: { default: "" },
-    url: { default: "" },
+    poster: {},
+    url: {},
     autoPlay: { type: Boolean, default: !0 },
-    playable: { type: Boolean, default: !0 }
+    playable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean },
+    urlSmall: {}
   },
-  setup(v, { expose: a }) {
-    const e = v, b = /xiaomi|miui/i, g = `${n}-player-wrapper`, _ = `${n}-player-is-fullscreen`, C = `${n}-player-close-btn`, w = `${n}-player-icon`, l = m(), s = m(!0), r = m(b.test(navigator.userAgent) ? void 0 : e.url);
-    let o = null;
-    const f = (t) => {
-      var u, c;
-      t.target !== l.value && ((u = l.value) == null || u.pause(), s.value = !!((c = l.value) != null && c.paused));
-    }, d = (t) => {
-      const u = t[0], c = l.value;
-      !c || !e.playable || (u.isIntersecting && e.autoPlay && c.paused ? (c.play().catch(console.warn), s.value = !1) : !u.isIntersecting && !c.paused && (c.pause(), s.value = !0));
-    }, B = () => {
-      e.autoPlay && e.playable && l.value && (o = new IntersectionObserver(d, {
+  emits: ["paused"],
+  setup(m, { expose: e, emit: C }) {
+    const l = m, k = C, g = /xiaomi|miui/i, x = `${u}-player-wrapper`, w = `${u}-player-is-fullscreen`, B = `${u}-player-close-btn`, b = `${u}-player-icon`, t = d(), s = d(!0), p = d(g.test(navigator.userAgent) ? void 0 : l.url);
+    let n = null;
+    const o = (a) => {
+      var c, i;
+      a.target !== t.value && ((c = t.value) == null || c.pause(), s.value = !!((i = t.value) != null && i.paused), k("paused"));
+    }, v = (a) => {
+      const c = a[0], i = t.value;
+      !i || !l.playable || (c.isIntersecting && l.autoPlay && i.paused ? (i.play().catch(console.warn), s.value = !1) : !c.isIntersecting && !i.paused && (i.pause(), s.value = !0));
+    }, P = () => {
+      l.autoPlay && l.playable && t.value && (n = new IntersectionObserver(v, {
         threshold: 0.25
         // 可根据需求调整可见区域百分比
-      }), o.observe(l.value));
-    }, k = () => {
-      o == null || o.disconnect(), o = null;
+      }), n.observe(t.value));
+    }, I = () => {
+      n == null || n.disconnect(), n = null;
     };
-    return V(
-      () => e.playable,
+    return A(
+      () => l.playable,
       () => {
-        k(), A(() => B());
+        I(), E(() => P());
       }
-    ), a({
+    ), e({
       play() {
-        l.value.play(), s.value = l.value.paused;
+        t.value.play(), s.value = t.value.paused;
+      },
+      pause() {
+        t.value.pause(), s.value = t.value.paused;
       }
-    }), T(() => {
-      b.test(navigator.userAgent) && fetch(e.url).then((t) => {
-        if (!t.ok)
-          throw new Error(`HTTP error! status: ${t.status}`);
-        return t.blob();
-      }).then((t) => {
-        r.value = URL.createObjectURL(t);
-      }).catch((t) => {
-        console.error("获取视频失败：", t);
-      }), B();
-    }), E(() => {
-      k();
-    }), (t, u) => (y(), h(
+    }), O(() => {
+      g.test(navigator.userAgent) && fetch(l.url).then((a) => {
+        if (!a.ok)
+          throw new Error(`HTTP error! status: ${a.status}`);
+        return a.blob();
+      }).then((a) => {
+        p.value = URL.createObjectURL(a);
+      }).catch((a) => {
+        console.error("获取视频失败：", a);
+      }), P();
+    }), M(() => {
+      I();
+    }), (a, c) => (r(), h(
       "div",
       {
-        class: p([g, e.class, !s.value && !e.autoPlay && _])
+        class: f([x, l.class, !s.value && !l.autoPlay && w])
       },
       [
-        i("video", {
+        y("video", {
           ref_key: "videoRef",
-          ref: l,
+          ref: t,
           muted: "",
           loop: "",
           playsinline: "",
           "webkit-playsinline": "",
           "x5-video-player-type": "h5",
-          controls: !s.value && !e.autoPlay,
-          poster: e.poster,
-          src: r.value
-        }, null, 8, j),
-        !s.value && !e.autoPlay ? (y(), h("button", {
-          key: 0,
-          class: p(C),
-          onClick: f
-        }, [
-          O(t.$slots, "close", {}, () => [
-            (y(), h("svg", {
-              class: p(w),
-              viewBox: "0 0 1121 1024",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "200",
-              height: "200"
-            }, [...u[0] || (u[0] = [
-              i(
-                "path",
-                {
-                  d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
-                  fill: "#ffffff"
-                },
-                null,
-                -1
-                /* CACHED */
-              ),
-              i(
-                "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
-                /* CACHED */
-              )
-            ])]))
-          ])
-        ])) : L("v-if", !0)
+          controls: !s.value && !l.autoPlay,
+          poster: l.poster,
+          src: p.value
+        }, null, 8, D),
+        !s.value && !l.autoPlay ? (r(), h(
+          "button",
+          {
+            key: 0,
+            class: f([B, l.playerButtonClass]),
+            onClick: o
+          },
+          [
+            V(a.$slots, "close", {}, () => [
+              (r(), h("svg", {
+                class: f(b),
+                viewBox: "0 0 1121 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "200",
+                height: "200"
+              }, [...c[0] || (c[0] = [
+                y(
+                  "path",
+                  {
+                    d: "M1040.725333 49.005714l-965.485714 965.436953-48.420571-48.469334L992.256 0.487619l48.469333 48.518095z",
+                    fill: "#ffffff"
+                  },
+                  null,
+                  -1
+                  /* CACHED */
+                ),
+                y(
+                  "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
+                  /* CACHED */
+                )
+              ])]))
+            ])
+          ],
+          2
+          /* CLASS */
+        )) : _("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), P = /* @__PURE__ */ z({
+}), R = /* @__PURE__ */ L({
   __name: "video",
   props: {
-    class: { default: "" },
-    style: { default: "" },
-    playerButtonClass: { default: "" },
+    class: {},
+    style: {},
+    playerButtonClass: {},
     playerButtonText: { default: "PLAY" },
     poster: { default: "" },
-    url: { default: "" },
+    url: {},
     autoPlay: { type: Boolean, default: !0 },
-    playable: { type: Boolean, default: !0 }
+    playable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean },
+    urlSmall: {}
   },
-  setup(v) {
-    const a = v, e = `${n}-player-wrapper`, b = `${n}-player-poster`, g = `${n}-player-btn`, _ = `${n}-player-btn-text`, C = `${n}-player-icon`, w = m(), l = m(), s = (f) => {
-      var d;
-      f.stopPropagation(), (d = l.value) == null || d.play();
+  setup(m) {
+    const e = m, C = `${u}-player-wrapper`, l = `${u}-player-poster`, k = `${u}-player-btn`, g = `${u}-player-btn-text`, x = `${u}-player-icon`, w = d(), B = d(), b = d(), t = (o) => {
+      var v, P;
+      o.stopPropagation(), (v = b.value) == null || v.pause(), (P = B.value) == null || P.play();
+    }, s = () => {
+      var o;
+      (o = b.value) == null || o.play();
     };
-    let r = null;
-    const o = m(!1);
-    return T(() => {
-      r = new IntersectionObserver(
-        ([f]) => {
-          f.isIntersecting && (o.value = !0);
+    let p = null;
+    const n = d(!1);
+    return O(() => {
+      p = new IntersectionObserver(
+        ([o]) => {
+          o.isIntersecting && (n.value = !0);
         },
         { threshold: 0.1 }
-      ), w.value && r.observe(w.value);
-    }), M(() => {
-      r == null || r.disconnect();
-    }), (f, d) => a.autoPlay ? (y(), x(
-      R,
-      S($({ key: 0 }, a)),
+      ), w.value && p.observe(w.value);
+    }), U(() => {
+      p == null || p.disconnect();
+    }), (o, v) => (r(), h(
+      S,
       null,
-      16
-      /* FULL_PROPS */
-    )) : (y(), h(
-      U,
-      { key: 1 },
       [
-        i(
-          "div",
-          {
-            class: p([e, a.class]),
-            style: H(a.style)
-          },
+        e.autoPlay || e.multiple ? (r(), $(z, T({ key: 0 }, e, {
+          url: e.multiple && e.urlSmall || e.url,
+          ref_key: "autoPlayRef",
+          ref: b
+        }), null, 16, ["url"])) : _("v-if", !0),
+        !e.autoPlay || e.multiple ? (r(), h(
+          S,
+          { key: 1 },
           [
-            I(N(Y), {
-              class: p(b),
-              src: a.poster,
-              alt: "AITO"
-            }, null, 8, ["src"]),
-            i(
-              "button",
+            y(
+              "div",
               {
-                ref_key: "btnRef",
-                ref: w,
-                class: p([g, a.playerButtonClass]),
-                onClick: s
+                class: f([C, e.class, { "is-multiple": e.multiple }]),
+                style: H(e.style)
               },
               [
-                O(f.$slots, "play", {}, () => [
-                  (y(), h("svg", {
-                    class: p(C),
-                    viewBox: "0 0 1024 1024",
-                    version: "1.1",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "200",
-                    height: "200"
-                  }, [...d[0] || (d[0] = [
-                    i(
-                      "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
-                      /* CACHED */
-                    ),
-                    i(
-                      "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
-                      /* CACHED */
-                    )
-                  ])])),
-                  i(
-                    "span",
-                    {
-                      class: p(_)
-                    },
-                    X(a.playerButtonText),
-                    1
-                    /* TEXT */
-                  )
-                ])
+                e.poster ? (r(), $(N(j), {
+                  key: 0,
+                  class: f(l),
+                  src: e.poster,
+                  alt: "AITO"
+                }, null, 8, ["src"])) : _("v-if", !0),
+                y(
+                  "button",
+                  {
+                    ref_key: "btnRef",
+                    ref: w,
+                    class: f([k, e.playerButtonClass]),
+                    onClick: t
+                  },
+                  [
+                    V(o.$slots, "play", {}, () => [
+                      (r(), h("svg", {
+                        class: f(x),
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "200",
+                        height: "200"
+                      }, [...v[0] || (v[0] = [
+                        y(
+                          "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
+                          /* CACHED */
+                        ),
+                        y(
+                          "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
+                          /* CACHED */
+                        )
+                      ])])),
+                      y(
+                        "span",
+                        {
+                          class: f(g)
+                        },
+                        X(e.playerButtonText),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                )
               ],
-              2
-              /* CLASS */
-            )
+              6
+              /* CLASS, STYLE */
+            ),
+            n.value ? (r(), $(F, {
+              key: 0,
+              to: "body"
+            }, [
+              Y(
+                z,
+                T(e, {
+                  autoPlay: !1,
+                  ref_key: "vwRef",
+                  ref: B,
+                  onPaused: s
+                }),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ])) : _("v-if", !0)
           ],
-          6
-          /* CLASS, STYLE */
-        ),
-        o.value ? (y(), x(F, {
-          key: 0,
-          to: "body"
-        }, [
-          I(
-            R,
-            $(a, {
-              ref_key: "vwRef",
-              ref: l
-            }),
-            null,
-            16
-            /* FULL_PROPS */
-          )
-        ])) : L("v-if", !0)
+          64
+          /* STABLE_FRAGMENT */
+        )) : _("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
     ));
   }
 });
-P.install = (v) => (v.component("ScVideo", P), v);
-const q = P;
+R.install = (m) => (m.component("ScVideo", R), m);
+const J = R;
 export {
-  q as ScVideo
+  J as ScVideo
 };

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}: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);-webkit-backface-visibility:hidden;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;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);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}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.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;-webkit-backface-visibility:hidden;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;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-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 .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}.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}.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-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:100vw;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;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.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:100vw;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;left:50%;transform:translate(-50%);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 .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .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 .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 .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;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}@media (max-width: 768px){.sc-input{font-size:14px}}
+@charset "UTF-8";@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}: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);-webkit-backface-visibility:hidden;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;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);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}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.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;-webkit-backface-visibility:hidden;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;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-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}.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}.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-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:100vw;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;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture{height:100%}.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:100vw;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;left:50%;transform:translate(-50%);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 .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .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 .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 .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;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}@media (max-width: 768px){.sc-input{font-size:14px}}

package/dist/scss/video.scss

@@ -6,6 +6,12 @@
   position: relative;
   display: inline-block;
 
+  &.is-multiple {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
   .#{vars.$prefix}-player-poster {
     width: 100%;
     height: 100%;

package/dist/types/components/video/type.d.ts

@@ -23,7 +23,7 @@ export interface VideoProps {
     /**
      * 视频地址
      */
-    url?: string;
+    url: string;
     /**
      * 自动播放
      */
@@ -32,7 +32,16 @@ export interface VideoProps {
      * 是否可播放
      */
     playable?: boolean;
+    /**
+     * 是否是两个视频、自动播放小视频，点击播放详细视频
+     */
+    multiple?: boolean;
+    /**
+     * 小视频地址
+     */
+    urlSmall?: string;
 }
 export interface VideoExpose {
     play: () => void;
+    pause: () => void;
 }

package/dist/types/components/video/video-wrapper.vue.d.ts

@@ -12,13 +12,13 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<VideoProps, {
     play: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VideoProps> & Readonly<{}>, {
-    class: string;
-    style: string | import('vue').CSSProperties;
-    playerButtonClass: string;
+    pause: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    paused: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<VideoProps> & Readonly<{
+    onPaused?: ((...args: any[]) => any) | undefined;
+}>, {
     playerButtonText: string;
-    poster: string;
-    url: string;
     autoPlay: boolean;
     playable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/types/components/video/video.vue.d.ts

@@ -5,6 +5,83 @@ declare function __VLS_template(): {
         play?(_: {}): any;
     };
     refs: {
+        autoPlayRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly class?: string | undefined;
+                readonly style?: (string | import('vue').CSSProperties) | undefined;
+                readonly playerButtonClass?: string | undefined;
+                readonly playerButtonText?: string | undefined;
+                readonly poster?: string | undefined;
+                readonly url: string;
+                readonly autoPlay?: boolean | undefined;
+                readonly playable?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly urlSmall?: string | undefined;
+                readonly onPaused?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                videoRef: HTMLVideoElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "paused", ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
+                onPaused?: ((...args: any[]) => any) | undefined;
+            }>, {
+                play: () => void;
+                pause: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                paused: (...args: any[]) => void;
+            }, string, {
+                playerButtonText: string;
+                autoPlay: boolean;
+                playable: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            playerButtonText: string;
+            autoPlay: boolean;
+            playable: boolean;
+        }> & Omit<Readonly<VideoProps> & Readonly<{
+            onPaused?: ((...args: any[]) => any) | undefined;
+        }>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
+            play: () => void;
+            pause: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                close?(_: {}): any;
+            };
+        }) | null;
         btnRef: HTMLButtonElement;
         vwRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -15,9 +92,12 @@ declare function __VLS_template(): {
                 readonly playerButtonClass?: string | undefined;
                 readonly playerButtonText?: string | undefined;
                 readonly poster?: string | undefined;
-                readonly url?: string | undefined;
+                readonly url: string;
                 readonly autoPlay?: boolean | undefined;
                 readonly playable?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly urlSmall?: string | undefined;
+                readonly onPaused?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -33,17 +113,17 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "paused", ...args: any[]) => void;
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
+                onPaused?: ((...args: any[]) => any) | undefined;
+            }>, {
                 play: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                class: string;
-                style: string | import('vue').CSSProperties;
-                playerButtonClass: string;
+                pause: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                paused: (...args: any[]) => void;
+            }, string, {
                 playerButtonText: string;
-                poster: string;
-                url: string;
                 autoPlay: boolean;
                 playable: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -67,16 +147,14 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            class: string;
-            style: string | import('vue').CSSProperties;
-            playerButtonClass: string;
             playerButtonText: string;
-            poster: string;
-            url: string;
             autoPlay: boolean;
             playable: boolean;
-        }> & Omit<Readonly<VideoProps> & Readonly<{}>, "play" | ("class" | "style" | "playerButtonClass" | "playerButtonText" | "poster" | "url" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<VideoProps> & Readonly<{
+            onPaused?: ((...args: any[]) => any) | undefined;
+        }>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
             play: () => void;
+            pause: () => void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 close?(_: {}): any;
@@ -87,15 +165,88 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VideoProps> & Readonly<{}>, {
-    class: string;
-    style: string | import('vue').CSSProperties;
-    playerButtonClass: string;
     playerButtonText: string;
     poster: string;
-    url: string;
     autoPlay: boolean;
     playable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    autoPlayRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly class?: string | undefined;
+            readonly style?: (string | import('vue').CSSProperties) | undefined;
+            readonly playerButtonClass?: string | undefined;
+            readonly playerButtonText?: string | undefined;
+            readonly poster?: string | undefined;
+            readonly url: string;
+            readonly autoPlay?: boolean | undefined;
+            readonly playable?: boolean | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly urlSmall?: string | undefined;
+            readonly onPaused?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            videoRef: HTMLVideoElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "paused", ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
+            onPaused?: ((...args: any[]) => any) | undefined;
+        }>, {
+            play: () => void;
+            pause: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            paused: (...args: any[]) => void;
+        }, string, {
+            playerButtonText: string;
+            autoPlay: boolean;
+            playable: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        playerButtonText: string;
+        autoPlay: boolean;
+        playable: boolean;
+    }> & Omit<Readonly<VideoProps> & Readonly<{
+        onPaused?: ((...args: any[]) => any) | undefined;
+    }>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
+        play: () => void;
+        pause: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            close?(_: {}): any;
+        };
+    }) | null;
     btnRef: HTMLButtonElement;
     vwRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -106,9 +257,12 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
             readonly playerButtonClass?: string | undefined;
             readonly playerButtonText?: string | undefined;
             readonly poster?: string | undefined;
-            readonly url?: string | undefined;
+            readonly url: string;
             readonly autoPlay?: boolean | undefined;
             readonly playable?: boolean | undefined;
+            readonly multiple?: boolean | undefined;
+            readonly urlSmall?: string | undefined;
+            readonly onPaused?: ((...args: any[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -124,17 +278,17 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "paused", ...args: any[]) => void;
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<VideoProps> & Readonly<{
+            onPaused?: ((...args: any[]) => any) | undefined;
+        }>, {
             play: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            class: string;
-            style: string | import('vue').CSSProperties;
-            playerButtonClass: string;
+            pause: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            paused: (...args: any[]) => void;
+        }, string, {
             playerButtonText: string;
-            poster: string;
-            url: string;
             autoPlay: boolean;
             playable: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -158,16 +312,14 @@ declare const __VLS_component: import('vue').DefineComponent<VideoProps, {}, {},
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        class: string;
-        style: string | import('vue').CSSProperties;
-        playerButtonClass: string;
         playerButtonText: string;
-        poster: string;
-        url: string;
         autoPlay: boolean;
         playable: boolean;
-    }> & Omit<Readonly<VideoProps> & Readonly<{}>, "play" | ("class" | "style" | "playerButtonClass" | "playerButtonText" | "poster" | "url" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<VideoProps> & Readonly<{
+        onPaused?: ((...args: any[]) => any) | undefined;
+    }>, "pause" | "play" | ("playerButtonText" | "autoPlay" | "playable")> & import('vue').ShallowUnwrapRef<{
         play: () => void;
+        pause: () => void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             close?(_: {}): any;

package/package.json

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