@seresweb/website-component 2.2.1 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/swiper-showcase.cjs +1 -1
  2. package/dist/css/swiper-showcase.css +1 -1
  3. package/dist/es/swiper-showcase.mjs +105 -90
  4. package/dist/index.css +1 -1
  5. package/dist/scss/swiper-showcase.scss +54 -17
  6. package/dist/types/components/swiper-showcase/type.d.ts +28 -0
  7. package/package.json +1 -1
package/dist/cjs/swiper-showcase.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),V={class:"swiper-wrapper"},P=["disabled"],N=["disabled"],w=e.defineComponent({__name:"swiper-showcase",props:{dataList:{default:()=>[]},slidesPerView:{default:4},spaceBetween:{default:24},swiperOptions:{default:()=>({})},placeholder:{}},emits:["slideChange"],setup(l,{emit:f}){const t=l,E=f;let a=null;const o=e.ref(),c=e.ref(!0),d=e.ref(!0),p=e.computed(()=>t.dataList&&t.dataList.length>0),u=i=>[`${s.PREFIX}-swiper-showcase__nav-btn`,i?`${s.PREFIX}-swiper-showcase__nav-btn--prev`:`${s.PREFIX}-swiper-showcase__nav-btn--next`],m=()=>{if(!a){c.value=!0,d.value=!0;return}c.value=a.isBeginning,d.value=a.isEnd,E("slideChange",a.activeIndex)},h=()=>{a&&(a.destroy(),a=null)},v=()=>{var n;if(h(),!o.value||!p.value)return;const i={0:{slidesPerView:1,spaceBetween:12},768:{slidesPerView:Math.min(2,t.slidesPerView),spaceBetween:16},1024:{slidesPerView:t.slidesPerView,spaceBetween:t.spaceBetween}};a=new k.Swiper(o.value,{slidesPerView:t.slidesPerView,spaceBetween:t.spaceBetween,observer:!0,observeParents:!0,...t.swiperOptions,breakpoints:{...i,...((n=t.swiperOptions)==null?void 0:n.breakpoints)||{}}}),a.on("slideChange",m),m()},C=()=>{a&&a.slideNext()},_=()=>{a&&a.slidePrev()};return e.watch(()=>[t.dataList,t.slidesPerView,t.spaceBetween,t.swiperOptions],()=>{e.nextTick(v)},{deep:!0}),e.onMounted(()=>{v()}),e.onBeforeUnmount(()=>{h()}),(i,n)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:o,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__main`)},[e.createElementVNode("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(r,g)=>(e.openBlock(),e.createElementBlock("div",{key:`${r.title}-${g}`,class:"swiper-slide"},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__card`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__media`)},[r.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__tag`)},e.toDisplayString(r.tag),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(B.ScLayzImage),{src:r.url||i.placeholder||"",alt:r.alt||r.title||"",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__image`),"img-class":"sc-swiper-showcase__img"},null,8,["src","alt","class"])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__info`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__title`)},e.toDisplayString(r.title),3),r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__desc`)},e.toDisplayString(r.desc),3)):e.createCommentVNode("v-if",!0)],2)],2)]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav`)},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!0)),disabled:c.value,"aria-label":"previous",onClick:_},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon ${e.unref(s.PREFIX)}-swiper-showcase__nav-icon--prev`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[0]||(n[0]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,P),e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!1)),disabled:d.value,"aria-label":"next",onClick:C},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[1]||(n[1]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,N)],2)],2)):e.createCommentVNode("v-if",!0)}});w.install=l=>(l.component("ScSwiperShowcase",w),l);const S=w;exports.ScSwiperShowcase=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("../swiper-bundle-gkukcY4l.cjs"),s=require("../_vars-CyrPevgT.cjs"),B=require("./layz-image.cjs"),V={class:"swiper-wrapper"},P=["href"],y=["disabled"],N=["disabled"],w=e.defineComponent({__name:"swiper-showcase",props:{dataList:{default:()=>[]},slidesPerView:{default:4},spaceBetween:{default:24},swiperOptions:{default:()=>({})},placeholder:{}},emits:["slideChange"],setup(l,{emit:v}){const a=l,E=v;let r=null;const o=e.ref(),c=e.ref(!0),d=e.ref(!0),p=e.computed(()=>a.dataList&&a.dataList.length>0),u=i=>[`${s.PREFIX}-swiper-showcase__nav-btn`,i?`${s.PREFIX}-swiper-showcase__nav-btn--prev`:`${s.PREFIX}-swiper-showcase__nav-btn--next`],h=()=>{if(!r){c.value=!0,d.value=!0;return}c.value=r.isBeginning,d.value=r.isEnd,E("slideChange",r.activeIndex)},m=()=>{r&&(r.destroy(),r=null)},f=()=>{var n;if(m(),!o.value||!p.value)return;const i={0:{slidesPerView:1,spaceBetween:12},768:{slidesPerView:Math.min(2,a.slidesPerView),spaceBetween:16},1024:{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween}};r=new g.Swiper(o.value,{slidesPerView:a.slidesPerView,spaceBetween:a.spaceBetween,observer:!0,observeParents:!0,...a.swiperOptions,breakpoints:{...i,...((n=a.swiperOptions)==null?void 0:n.breakpoints)||{}}}),r.on("slideChange",h),h()},_=()=>{r&&r.slideNext()},C=()=>{r&&r.slidePrev()};return e.watch(()=>[a.dataList,a.slidesPerView,a.spaceBetween,a.swiperOptions],()=>{e.nextTick(f)},{deep:!0}),e.onMounted(()=>{f()}),e.onBeforeUnmount(()=>{m()}),(i,n)=>p.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:o,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__main`)},[e.createElementVNode("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(t,k)=>(e.openBlock(),e.createElementBlock("div",{key:`${t.title}-${k}`,class:"swiper-slide"},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__card`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__media`)},[t.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__tag`)},e.toDisplayString(t.tag),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(B.ScLayzImage),{src:t.url||i.placeholder||"",alt:t.alt||t.title||"",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__image`),"img-class":"sc-swiper-showcase__img"},null,8,["src","alt","class"])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__info`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__title`)},e.toDisplayString(t.title),3),t.date?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__date`)},e.toDisplayString(t.date),3)):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__desc`)},e.toDisplayString(t.desc),3)):e.createCommentVNode("v-if",!0),t.link?(e.openBlock(),e.createElementBlock("a",{key:2,href:t.link,class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__link`)},e.toDisplayString(t.linkText||"Read More"),11,P)):e.createCommentVNode("v-if",!0)],2)],2)]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav`)},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!0)),disabled:c.value,"aria-label":"previous",onClick:C},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon ${e.unref(s.PREFIX)}-swiper-showcase__nav-icon--prev`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[0]||(n[0]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,y),e.createElementVNode("button",{type:"button",class:e.normalizeClass(u(!1)),disabled:d.value,"aria-label":"next",onClick:_},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s.PREFIX)}-swiper-showcase__nav-icon`),width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...n[1]||(n[1]=[e.createElementVNode("g",{id:"right"},[e.createElementVNode("path",{d:"M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",fill:"white","fill-opacity":"0.3"}),e.createElementVNode("path",{d:"M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",stroke:"white","stroke-opacity":"0.1"}),e.createElementVNode("path",{id:"Rectangle 302 (Stroke)",d:"M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",fill:"white"})],-1)])],2))],10,N)],2)],2)):e.createCommentVNode("v-if",!0)}});w.install=l=>(l.component("ScSwiperShowcase",w),l);const S=w;exports.ScSwiperShowcase=S;
package/dist/css/swiper-showcase.css CHANGED
@@ -1 +1 @@
1
- .sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-top:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__desc{color:#cfcfd6;font-size:14px;line-height:20px}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 1024px){.sc-swiper-showcase__title{font-size:16px}.sc-swiper-showcase__desc{font-size:13px}.sc-swiper-showcase__nav{justify-content:center;padding-bottom:4px}}@media (max-width: 640px){.sc-swiper-showcase{gap:12px}.sc-swiper-showcase__info{padding:12px}}
1
+ .sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}
package/dist/es/swiper-showcase.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { defineComponent as V, ref as v, computed as x, watch as M, nextTick as E, onMounted as Z, onBeforeUnmount as N, createElementBlock as o, createCommentVNode as _, openBlock as c, normalizeClass as t, unref as i, createElementVNode as e, Fragment as R, renderList as O, createVNode as I, toDisplayString as f } from "vue";
1
+ import { defineComponent as V, ref as f, computed as x, watch as M, nextTick as E, onMounted as R, onBeforeUnmount as Z, createElementBlock as l, createCommentVNode as d, openBlock as o, normalizeClass as t, unref as i, createElementVNode as s, Fragment as N, renderList as O, createVNode as I, toDisplayString as p } from "vue";
2
2
  import { S as z } from "../swiper-bundle-DOQ1LV4x.js";
3
- import { P as s } from "../_vars-BV4QQF-p.js";
3
+ import { P as e } from "../_vars-BV4QQF-p.js";
4
4
  import { ScLayzImage as D } from "./layz-image.mjs";
5
- const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /* @__PURE__ */ V({
5
+ const F = { class: "swiper-wrapper" }, T = ["href"], U = ["disabled"], X = ["disabled"], g = /* @__PURE__ */ V({
6
6
  __name: "swiper-showcase",
7
7
  props: {
8
8
  dataList: { default: () => [] },
@@ -12,134 +12,149 @@ const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /
12
12
  placeholder: {}
13
13
  },
14
14
  emits: ["slideChange"],
15
- setup(d, { emit: b }) {
16
- const a = d, B = b;
17
- let r = null;
18
- const p = v(), h = v(!0), u = v(!0), m = x(() => a.dataList && a.dataList.length > 0), C = (w) => [
19
- `${s}-swiper-showcase__nav-btn`,
20
- w ? `${s}-swiper-showcase__nav-btn--prev` : `${s}-swiper-showcase__nav-btn--next`
21
- ], k = () => {
22
- if (!r) {
23
- h.value = !0, u.value = !0;
15
+ setup(h, { emit: y }) {
16
+ const r = h, b = y;
17
+ let n = null;
18
+ const u = f(), v = f(!0), _ = f(!0), k = x(() => r.dataList && r.dataList.length > 0), C = (w) => [
19
+ `${e}-swiper-showcase__nav-btn`,
20
+ w ? `${e}-swiper-showcase__nav-btn--prev` : `${e}-swiper-showcase__nav-btn--next`
21
+ ], m = () => {
22
+ if (!n) {
23
+ v.value = !0, _.value = !0;
24
24
  return;
25
25
  }
26
- h.value = r.isBeginning, u.value = r.isEnd, B("slideChange", r.activeIndex);
27
- }, L = () => {
28
- r && (r.destroy(), r = null);
26
+ v.value = n.isBeginning, _.value = n.isEnd, b("slideChange", n.activeIndex);
29
27
  }, $ = () => {
30
- var l;
31
- if (L(), !p.value || !m.value) return;
28
+ n && (n.destroy(), n = null);
29
+ }, L = () => {
30
+ var c;
31
+ if ($(), !u.value || !k.value) return;
32
32
  const w = {
33
33
  0: { slidesPerView: 1, spaceBetween: 12 },
34
- 768: { slidesPerView: Math.min(2, a.slidesPerView), spaceBetween: 16 },
35
- 1024: { slidesPerView: a.slidesPerView, spaceBetween: a.spaceBetween }
34
+ 768: { slidesPerView: Math.min(2, r.slidesPerView), spaceBetween: 16 },
35
+ 1024: { slidesPerView: r.slidesPerView, spaceBetween: r.spaceBetween }
36
36
  };
37
- r = new z(p.value, {
38
- slidesPerView: a.slidesPerView,
39
- spaceBetween: a.spaceBetween,
37
+ n = new z(u.value, {
38
+ slidesPerView: r.slidesPerView,
39
+ spaceBetween: r.spaceBetween,
40
40
  observer: !0,
41
41
  observeParents: !0,
42
- ...a.swiperOptions,
42
+ ...r.swiperOptions,
43
43
  breakpoints: {
44
44
  ...w,
45
- ...((l = a.swiperOptions) == null ? void 0 : l.breakpoints) || {}
45
+ ...((c = r.swiperOptions) == null ? void 0 : c.breakpoints) || {}
46
46
  }
47
- }), r.on("slideChange", k), k();
48
- }, y = () => {
49
- r && r.slideNext();
47
+ }), n.on("slideChange", m), m();
48
+ }, B = () => {
49
+ n && n.slideNext();
50
50
  }, S = () => {
51
- r && r.slidePrev();
51
+ n && n.slidePrev();
52
52
  };
53
53
  return M(
54
- () => [a.dataList, a.slidesPerView, a.spaceBetween, a.swiperOptions],
54
+ () => [r.dataList, r.slidesPerView, r.spaceBetween, r.swiperOptions],
55
55
  () => {
56
- E($);
56
+ E(L);
57
57
  },
58
58
  { deep: !0 }
59
- ), Z(() => {
60
- $();
61
- }), N(() => {
59
+ ), R(() => {
62
60
  L();
63
- }), (w, l) => m.value ? (c(), o(
61
+ }), Z(() => {
62
+ $();
63
+ }), (w, c) => k.value ? (o(), l(
64
64
  "div",
65
65
  {
66
66
  key: 0,
67
- class: t(`${i(s)}-swiper-showcase`)
67
+ class: t(`${i(e)}-swiper-showcase`)
68
68
  },
69
69
  [
70
- e(
70
+ s(
71
71
  "div",
72
72
  {
73
73
  ref_key: "swiperRef",
74
- ref: p,
75
- class: t(`${i(s)}-swiper-showcase__main`)
74
+ ref: u,
75
+ class: t(`${i(e)}-swiper-showcase__main`)
76
76
  },
77
77
  [
78
- e("div", F, [
79
- (c(!0), o(
80
- R,
78
+ s("div", F, [
79
+ (o(!0), l(
80
+ N,
81
81
  null,
82
- O(w.dataList, (n, P) => (c(), o("div", {
83
- key: `${n.title}-${P}`,
82
+ O(w.dataList, (a, P) => (o(), l("div", {
83
+ key: `${a.title}-${P}`,
84
84
  class: "swiper-slide"
85
85
  }, [
86
- e(
86
+ s(
87
87
  "div",
88
88
  {
89
- class: t(`${i(s)}-swiper-showcase__card`)
89
+ class: t(`${i(e)}-swiper-showcase__card`)
90
90
  },
91
91
  [
92
- e(
92
+ s(
93
93
  "div",
94
94
  {
95
- class: t(`${i(s)}-swiper-showcase__media`)
95
+ class: t(`${i(e)}-swiper-showcase__media`)
96
96
  },
97
97
  [
98
- n.tag ? (c(), o(
98
+ a.tag ? (o(), l(
99
99
  "div",
100
100
  {
101
101
  key: 0,
102
- class: t(`${i(s)}-swiper-showcase__tag`)
102
+ class: t(`${i(e)}-swiper-showcase__tag`)
103
103
  },
104
- f(n.tag),
104
+ p(a.tag),
105
105
  3
106
106
  /* TEXT, CLASS */
107
- )) : _("v-if", !0),
107
+ )) : d("v-if", !0),
108
108
  I(i(D), {
109
- src: n.url || w.placeholder || "",
110
- alt: n.alt || n.title || "",
111
- class: t(`${i(s)}-swiper-showcase__image`),
109
+ src: a.url || w.placeholder || "",
110
+ alt: a.alt || a.title || "",
111
+ class: t(`${i(e)}-swiper-showcase__image`),
112
112
  "img-class": "sc-swiper-showcase__img"
113
113
  }, null, 8, ["src", "alt", "class"])
114
114
  ],
115
115
  2
116
116
  /* CLASS */
117
117
  ),
118
- e(
118
+ s(
119
119
  "div",
120
120
  {
121
- class: t(`${i(s)}-swiper-showcase__info`)
121
+ class: t(`${i(e)}-swiper-showcase__info`)
122
122
  },
123
123
  [
124
- e(
124
+ s(
125
125
  "div",
126
126
  {
127
- class: t(`${i(s)}-swiper-showcase__title`)
127
+ class: t(`${i(e)}-swiper-showcase__title`)
128
128
  },
129
- f(n.title),
129
+ p(a.title),
130
130
  3
131
131
  /* TEXT, CLASS */
132
132
  ),
133
- n.desc ? (c(), o(
133
+ a.date ? (o(), l(
134
134
  "div",
135
135
  {
136
136
  key: 0,
137
- class: t(`${i(s)}-swiper-showcase__desc`)
137
+ class: t(`${i(e)}-swiper-showcase__date`)
138
+ },
139
+ p(a.date),
140
+ 3
141
+ /* TEXT, CLASS */
142
+ )) : d("v-if", !0),
143
+ a.desc ? (o(), l(
144
+ "div",
145
+ {
146
+ key: 1,
147
+ class: t(`${i(e)}-swiper-showcase__desc`)
138
148
  },
139
- f(n.desc),
149
+ p(a.desc),
140
150
  3
141
151
  /* TEXT, CLASS */
142
- )) : _("v-if", !0)
152
+ )) : d("v-if", !0),
153
+ a.link ? (o(), l("a", {
154
+ key: 2,
155
+ href: a.link,
156
+ class: t(`${i(e)}-swiper-showcase__link`)
157
+ }, p(a.linkText || "Read More"), 11, T)) : d("v-if", !0)
143
158
  ],
144
159
  2
145
160
  /* CLASS */
@@ -157,46 +172,46 @@ const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /
157
172
  2
158
173
  /* CLASS */
159
174
  ),
160
- e(
175
+ s(
161
176
  "div",
162
177
  {
163
- class: t(`${i(s)}-swiper-showcase__nav`)
178
+ class: t(`${i(e)}-swiper-showcase__nav`)
164
179
  },
165
180
  [
166
- e("button", {
181
+ s("button", {
167
182
  type: "button",
168
183
  class: t(C(!0)),
169
- disabled: h.value,
184
+ disabled: v.value,
170
185
  "aria-label": "previous",
171
186
  onClick: S
172
187
  }, [
173
- (c(), o(
188
+ (o(), l(
174
189
  "svg",
175
190
  {
176
191
  "aria-hidden": "true",
177
- class: t(`${i(s)}-swiper-showcase__nav-icon ${i(s)}-swiper-showcase__nav-icon--prev`),
192
+ class: t(`${i(e)}-swiper-showcase__nav-icon ${i(e)}-swiper-showcase__nav-icon--prev`),
178
193
  width: "48",
179
194
  height: "48",
180
195
  viewBox: "0 0 48 48",
181
196
  fill: "none",
182
197
  xmlns: "http://www.w3.org/2000/svg"
183
198
  },
184
- [...l[0] || (l[0] = [
185
- e(
199
+ [...c[0] || (c[0] = [
200
+ s(
186
201
  "g",
187
202
  { id: "right" },
188
203
  [
189
- e("path", {
204
+ s("path", {
190
205
  d: "M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",
191
206
  fill: "white",
192
207
  "fill-opacity": "0.3"
193
208
  }),
194
- e("path", {
209
+ s("path", {
195
210
  d: "M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",
196
211
  stroke: "white",
197
212
  "stroke-opacity": "0.1"
198
213
  }),
199
- e("path", {
214
+ s("path", {
200
215
  id: "Rectangle 302 (Stroke)",
201
216
  d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
202
217
  fill: "white"
@@ -209,41 +224,41 @@ const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /
209
224
  2
210
225
  /* CLASS */
211
226
  ))
212
- ], 10, T),
213
- e("button", {
227
+ ], 10, U),
228
+ s("button", {
214
229
  type: "button",
215
230
  class: t(C(!1)),
216
- disabled: u.value,
231
+ disabled: _.value,
217
232
  "aria-label": "next",
218
- onClick: y
233
+ onClick: B
219
234
  }, [
220
- (c(), o(
235
+ (o(), l(
221
236
  "svg",
222
237
  {
223
238
  "aria-hidden": "true",
224
- class: t(`${i(s)}-swiper-showcase__nav-icon`),
239
+ class: t(`${i(e)}-swiper-showcase__nav-icon`),
225
240
  width: "48",
226
241
  height: "48",
227
242
  viewBox: "0 0 48 48",
228
243
  fill: "none",
229
244
  xmlns: "http://www.w3.org/2000/svg"
230
245
  },
231
- [...l[1] || (l[1] = [
232
- e(
246
+ [...c[1] || (c[1] = [
247
+ s(
233
248
  "g",
234
249
  { id: "right" },
235
250
  [
236
- e("path", {
251
+ s("path", {
237
252
  d: "M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 2.2267e-10 24 4.97351e-10C10.7452 7.72026e-10 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z",
238
253
  fill: "white",
239
254
  "fill-opacity": "0.3"
240
255
  }),
241
- e("path", {
256
+ s("path", {
242
257
  d: "M47.5 24C47.5 11.0213 36.9787 0.5 24 0.5C11.0213 0.5 0.5 11.0213 0.5 24C0.5 36.9787 11.0213 47.5 24 47.5C36.9787 47.5 47.5 36.9787 47.5 24Z",
243
258
  stroke: "white",
244
259
  "stroke-opacity": "0.1"
245
260
  }),
246
- e("path", {
261
+ s("path", {
247
262
  id: "Rectangle 302 (Stroke)",
248
263
  d: "M20.8076 14.8076L20.679 17.6098L27.0692 24L20.679 30.3902L20.8076 33.1924L30 24L20.8076 14.8076Z",
249
264
  fill: "white"
@@ -256,7 +271,7 @@ const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /
256
271
  2
257
272
  /* CLASS */
258
273
  ))
259
- ], 10, U)
274
+ ], 10, X)
260
275
  ],
261
276
  2
262
277
  /* CLASS */
@@ -264,11 +279,11 @@ const F = { class: "swiper-wrapper" }, T = ["disabled"], U = ["disabled"], g = /
264
279
  ],
265
280
  2
266
281
  /* CLASS */
267
- )) : _("v-if", !0);
282
+ )) : d("v-if", !0);
268
283
  }
269
284
  });
270
- g.install = (d) => (d.component("ScSwiperShowcase", g), d);
271
- const G = g;
285
+ g.install = (h) => (h.component("ScSwiperShowcase", g), h);
286
+ const H = g;
272
287
  export {
273
- G as ScSwiperShowcase
288
+ H as ScSwiperShowcase
274
289
  };
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-top:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__desc{color:#cfcfd6;font-size:14px;line-height:20px}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 1024px){.sc-swiper-showcase__title{font-size:16px}.sc-swiper-showcase__desc{font-size:13px}.sc-swiper-showcase__nav{justify-content:center;padding-bottom:4px}}@media (max-width: 640px){.sc-swiper-showcase{gap:12px}.sc-swiper-showcase__info{padding:12px}}.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;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width: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;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}}
1
+ @charset "UTF-8";:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width: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;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width: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;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/swiper-showcase.scss CHANGED
@@ -56,25 +56,53 @@
56
56
  }
57
57
 
58
58
  &__info {
59
- margin-top: 24px;
59
+ margin-block-start: 24px;
60
60
  display: flex;
61
61
  flex-direction: column;
62
62
  gap: 6px;
63
63
  }
64
64
 
65
65
  &__title {
66
+ font-family: HarmonyOS_Sans_Medium;
66
67
  font-size: 18px;
67
68
  line-height: 26px;
68
69
  font-weight: 600;
69
70
  letter-spacing: 0.2px;
70
71
  }
71
72
 
73
+ &__date {
74
+ font-family: HarmonyOS_Sans_Regular;
75
+ color: rgba(255, 255, 255, 0.6);
76
+ font-size: 14px;
77
+ line-height: 20px;
78
+ font-weight: 400;
79
+ }
80
+
72
81
  &__desc {
73
- color: #cfcfd6;
82
+ font-family: HarmonyOS_Sans_Regular;
83
+ color: #fff;
74
84
  font-size: 14px;
85
+ font-weight: 400;
75
86
  line-height: 20px;
76
87
  }
77
88
 
89
+ &__link {
90
+ font-family: HarmonyOS_Sans_Medium;
91
+ color: #61a1d7;
92
+ font-size: 14px;
93
+ line-height: 20px;
94
+ font-weight: 500;
95
+ text-decoration: underline;
96
+ margin-block-start: 4px;
97
+ display: inline-block;
98
+ width: fit-content;
99
+ transition: opacity 0.2s ease;
100
+
101
+ &:hover {
102
+ opacity: 0.8;
103
+ }
104
+ }
105
+
78
106
  &__nav {
79
107
  display: flex;
80
108
  gap: 12px;
@@ -114,29 +142,38 @@
114
142
  }
115
143
  }
116
144
 
117
- @media (max-width: 1024px) {
145
+ @media (max-width: 768px) {
118
146
  .#{vars.$prefix}-swiper-showcase {
119
- &__title {
120
- font-size: 16px;
147
+ gap: 40px;
148
+
149
+ &__tag {
150
+ padding: 5px 20px;
151
+ font-size: 20px;
152
+ line-height: 28px;
121
153
  }
122
154
 
123
- &__desc {
124
- font-size: 13px;
155
+ &__info {
156
+ gap: 16px;
125
157
  }
126
158
 
127
- &__nav {
128
- justify-content: center;
129
- padding-bottom: 4px;
159
+ &__title {
160
+ font-size: 24px;
161
+ line-height: 36px;
162
+ font-weight: 500;
130
163
  }
131
- }
132
- }
133
164
 
134
- @media (max-width: 640px) {
135
- .#{vars.$prefix}-swiper-showcase {
136
- gap: 12px;
165
+ &__date {
166
+ font-size: 18px;
167
+ line-height: 25px;
168
+ }
137
169
 
138
- &__info {
139
- padding: 12px;
170
+ &__desc {
171
+ font-size: 12px;
172
+ line-height: 18px;
173
+ }
174
+
175
+ &__link {
176
+ font-size: 16px;
140
177
  }
141
178
  }
142
179
  }
package/dist/types/components/swiper-showcase/type.d.ts CHANGED
@@ -1,10 +1,38 @@
1
1
  import { SwiperOptions } from 'swiper/types';
2
2
  export interface SwiperShowcaseItem {
3
+ /**
4
+ * 标题
5
+ */
3
6
  title: string;
7
+ /**
8
+ * 描述文本(可选)
9
+ */
4
10
  desc?: string;
11
+ /**
12
+ * 图片地址(可选)
13
+ */
5
14
  url?: string;
15
+ /**
16
+ * 图片 alt 文本(可选)
17
+ */
6
18
  alt?: string;
19
+ /**
20
+ * 标签文本(可选)
21
+ */
7
22
  tag?: string;
23
+ /**
24
+ * 日期文本(可选)
25
+ */
26
+ date?: string;
27
+ /**
28
+ * 链接地址(可选)
29
+ */
30
+ link?: string;
31
+ /**
32
+ * 链接文本(可选)
33
+ * @default 'Read More'
34
+ */
35
+ linkText?: string;
8
36
  }
9
37
  export interface SwiperShowcaseProps {
10
38
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seresweb/website-component",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "author": "Seres",
5
5
  "license": "UNLICENSED",
6
6
  "description": "官方网站类的组件",