@seresweb/website-component 2.3.9 → 2.4.1
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.
- package/dist/cjs/horizontal-viewer.cjs +1 -1
- package/dist/cjs/image-indicator.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/swiper-normal.cjs +1 -1
- package/dist/cjs/swiper-vehicle.cjs +1 -1
- package/dist/cjs/switch.cjs +1 -0
- package/dist/css/checkbox.css +1 -1
- package/dist/css/select.css +1 -1
- package/dist/css/switch.css +1 -0
- package/dist/es/horizontal-viewer.mjs +1 -1
- package/dist/es/image-indicator.mjs +1 -1
- package/dist/es/index.mjs +23 -21
- package/dist/es/swiper-normal.mjs +1 -1
- package/dist/es/swiper-vehicle.mjs +32 -31
- package/dist/es/switch.mjs +81 -0
- package/dist/global.d.ts +1 -0
- package/dist/{index-Dzp0ckB8.js → index-C8ZHlhiw.js} +3 -2
- package/dist/index-DcjowmgO.cjs +1 -0
- package/dist/index.css +1 -1
- package/dist/scss/checkbox.scss +1 -1
- package/dist/scss/index.scss +1 -0
- package/dist/scss/select.scss +25 -0
- package/dist/scss/switch.scss +63 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/swiper-vehicle/type.d.ts +1 -0
- package/dist/types/components/switch/index.d.ts +6 -0
- package/dist/types/components/switch/switch.vue.d.ts +14 -0
- package/dist/types/components/switch/type.d.ts +38 -0
- package/package.json +1 -1
- package/dist/index-0n3E5pgL.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScHorizontalViewer=e.ScHorizontalViewer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScImageIndicator=e.ScImageIndicator;
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./accordion-info-panel.cjs"),d=require("./animated-number.cjs"),w=require("./checkbox.cjs"),m=require("./col.cjs"),p=require("./config-provider.cjs"),h=require("./date-picker.cjs"),f=require("./date-select.cjs"),g=require("./drawer.cjs"),q=require("./dropdown.cjs"),I=require("./gradual-highlight.cjs"),r=require("../index-DcjowmgO.cjs"),P=require("./input.cjs"),b=require("./layz-image.cjs"),l=require("./locales.cjs"),v=require("./parameter-box.cjs"),C=require("./radio.cjs"),D=require("./row.cjs"),x=require("./select.cjs"),y=require("./swiper-showcase.cjs"),V=require("./swiper-vehicle.cjs"),N=require("./switch.cjs"),z=require("./tab-indicator.cjs"),A=require("./video.cjs"),R=require("../en-US-DYuJmmdF.cjs"),a="@seresweb/website-component",H=(o={})=>{const i=o.prefix||"Sc",e=o.importStyle??"css";return{type:"component",resolve:s=>{if(!s.startsWith(i))return;const S=s.slice(i.length).replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),k=`${a}/dist/es/${S}`;let t;const n=c=>{if(c==="scss")return`${a}/dist/scss/${S}.scss`;if(c==="css")return`${a}/dist/css/${S}.css`};if(typeof e=="function"){const c=e(S);c==="css"||c==="scss"?t=n(c):c===!0&&(t=n("css"))}else(e===!0||e==="css"||e==="scss")&&(t=n(e===!0?"css":e));return{name:s,from:k,sideEffects:t?[t]:void 0}}}},L=[u.ScAccordionInfoPanel,d.ScAnimatedNumber,w.ScCheckbox,m.ScCol,p.ScConfigProvider,h.ScDatePicker,f.ScDateSelect,g.ScDrawer,q.ScDropdown,I.ScGradualHighlight,r.ScHorizontalViewer,r.ScImageIndicator,P.ScInput,b.ScLayzImage,l.ScLocales,v.ScParameterBox,C.ScRadio,D.ScRow,x.ScSelect,r.ScSwiperNormal,y.ScSwiperShowcase,V.ScSwiperVehicle,N.ScSwitch,z.ScTabIndicator,A.ScVideo],$={install:o=>(L.forEach(i=>{o.use(i)}),o)};exports.ScAccordionInfoPanel=u.ScAccordionInfoPanel;exports.ScAnimatedNumber=d.ScAnimatedNumber;exports.ScCheckbox=w.ScCheckbox;exports.ScCol=m.ScCol;exports.ScConfigProvider=p.ScConfigProvider;exports.ScDatePicker=h.ScDatePicker;exports.ScDateSelect=f.ScDateSelect;exports.ScDrawer=g.ScDrawer;exports.ScDropdown=q.ScDropdown;exports.ScGradualHighlight=I.ScGradualHighlight;exports.ScHorizontalViewer=r.ScHorizontalViewer;exports.ScImageIndicator=r.ScImageIndicator;exports.ScSwiperNormal=r.ScSwiperNormal;exports.ScInput=P.ScInput;exports.ScLayzImage=b.ScLayzImage;exports.ScLocales=l.ScLocales;exports.arSA=l.arSA;exports.ScParameterBox=v.ScParameterBox;exports.ScRadio=C.ScRadio;exports.ScRow=D.ScRow;exports.ScSelect=x.ScSelect;exports.ScSwiperShowcase=y.ScSwiperShowcase;exports.ScSwiperVehicle=V.ScSwiperVehicle;exports.ScSwitch=N.ScSwitch;exports.ScTabIndicator=z.ScTabIndicator;exports.ScVideo=A.ScVideo;exports.enUS=R.enUS;exports.ComponentsResolver=H;exports.default=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-DcjowmgO.cjs");exports.ScSwiperNormal=e.ScSwiperNormal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},E=["onClick"],y=["innerHTML"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,alt:a.alt},null,8,["class","src","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:z=>p(m),onMouseenter:h,onMouseleave:I},null,46,E))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`),innerHTML:k.value},null,10,y)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const _=u;exports.ScSwiperVehicle=_;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("../swiper-bundle-gkukcY4l.cjs"),n=require("../_vars-CyrPevgT.cjs"),f=require("./layz-image.cjs"),b={class:"swiper-wrapper"},E=["onClick"],y=["innerHTML"],u=e.defineComponent({__name:"swiper-vehicle",props:{modelValue:{default:0},backgroundImgUrl:{},backgroundImgAlt:{},dataList:{},imgFullHeightInMobile:{type:Boolean},swiperOptions:{default:()=>({})},effect:{default:"fade"},indicatorClass:{},tabIndicatorBottom:{},showTextBackground:{type:Boolean}},emits:["change","update:modelValue"],setup(s,{emit:v}){const o=s,d=v;let l=null;const r=e.ref(o.modelValue),c=e.ref(),g=e.computed(()=>{const t={};return o.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.left="50%",t.bottom=typeof o.tabIndicatorBottom=="number"?`${o.tabIndicatorBottom}px`:o.tabIndicatorBottom,t.transform="translateX(-50%)"),t}),k=e.computed(()=>o.dataList[r.value].text);e.watch(()=>o.modelValue,t=>{r.value!==t&&(r.value=t,p(r.value))});const p=t=>{l==null||l.slideTo(t)},i=()=>{l==null||l.destroy(),c.value&&(l=new B.Swiper(c.value,{slidesPerView:1,allowTouchMove:!1,effect:o.effect,autoplay:!0,...o.swiperOptions}),l.on("realIndexChange",t=>{r.value=t.realIndex,d("change",t.realIndex),d("update:modelValue",t.realIndex)}))},I=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.start())},h=()=>{(l==null?void 0:l.params.autoplay).enabled&&(l==null||l.autoplay.stop())};return e.onMounted(()=>{i(),window.addEventListener("resize",i)}),e.onBeforeUnmount(()=>{l==null||l.destroy(),window.removeEventListener("resize",i)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle`])},[t.backgroundImgUrl?(e.openBlock(),e.createBlock(e.unref(f.ScLayzImage),{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__bg`),src:t.backgroundImgUrl,alt:t.backgroundImgAlt},null,8,["class","src","alt"])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"swiperRef",ref:c,class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__main`])},[e.createElementVNode("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,a=>(e.openBlock(),e.createElementBlock("div",{key:a.url,class:"swiper-slide"},[t.showTextBackground?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__text-bg`)},e.toDisplayString(a.text),3)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(f.ScLayzImage),{class:e.normalizeClass(t.imgFullHeightInMobile?`${e.unref(n.PREFIX)}-swiper-vehicle__full-height`:""),src:a.url,sSrcset:a.sSrcset,alt:a.alt},null,8,["class","src","sSrcset","alt"])]))),128))])],2),e.createElementVNode("div",{class:e.normalizeClass([`${e.unref(n.PREFIX)}-swiper-vehicle__indicator`,t.indicatorClass]),style:e.normalizeStyle(g.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-control`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(a,m)=>(e.openBlock(),e.createElementBlock("div",{key:a.color,class:e.normalizeClass([r.value===m&&"active","color-stroke"]),style:e.normalizeStyle({"background-color":a.color,"border-color":a.color}),onClick:z=>p(m),onMouseenter:h,onMouseleave:I},null,46,E))),128))],2),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-vehicle__indicator-text`),innerHTML:k.value},null,10,y)],6)],2))}});u.install=s=>(s.component("ScSwiperVehicle",u),s);const _=u;exports.ScSwiperVehicle=_;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../_vars-CyrPevgT.cjs"),d=["id","name","disabled","true-value","false-value"],i=e.defineComponent({__name:"switch",props:{modelValue:{type:[Boolean,String,Number]},disabled:{type:Boolean},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},activeColor:{},inactiveColor:{},name:{},id:{},dark:{type:Boolean}},emits:["change","update:modelValue"],setup(n,{emit:s}){const l=n,r=s,o=e.computed(()=>l.modelValue===l.activeValue),u=e.computed(()=>{let a={};return l.activeColor&&o.value&&(a["border-color"]=l.activeColor,a["background-color"]=l.activeColor),l.inactiveColor&&!o.value&&(a["border-color"]=l.inactiveColor,a["background-color"]=l.inactiveColor),a}),c=()=>{if(l.disabled)return;const a=o.value?l.inactiveValue:l.activeValue;r("update:modelValue",a),r("change",a),e.nextTick(()=>{})};return(a,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`${e.unref(t.PREFIX)}-switch`,o.value&&`${e.unref(t.PREFIX)}-switch--checked`,a.disabled&&`${e.unref(t.PREFIX)}-switch--disabled`,a.dark&&`${e.unref(t.PREFIX)}-switch--dark`]),onClick:e.withModifiers(c,["prevent"])},[e.createElementVNode("input",{ref:"input",class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-input`),type:"checkbox",id:a.id,name:a.name,disabled:a.disabled,onChange:c,"true-value":a.activeValue,"false-value":a.inactiveValue,style:{display:"none"}},null,42,d),e.createElementVNode("span",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-core`),style:e.normalizeStyle(u.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(t.PREFIX)}-switch-action`)},null,2)],6)],2))}});i.install=n=>(n.component("ScSwitch",i),n);const m=i;exports.ScSwitch=m;
|
package/dist/css/checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-
|
|
1
|
+
.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-55%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}
|
package/dist/css/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}
|
|
1
|
+
.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;--sc-select-scrollbar-thumb: rgba(0, 0, 0, .2);--sc-select-scrollbar-track: rgba(0, 0, 0, .05);position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sc-select-scrollbar-thumb) var(--sc-select-scrollbar-track)}.sc-select__dropdown::-webkit-scrollbar{width:6px;height:6px}.sc-select__dropdown::-webkit-scrollbar-thumb{background-color:var(--sc-select-scrollbar-thumb);border-radius:999px}.sc-select__dropdown::-webkit-scrollbar-track{background-color:var(--sc-select-scrollbar-track);border-radius:999px}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626;--sc-select-scrollbar-thumb: rgba(255, 255, 255, .22);--sc-select-scrollbar-track: rgba(255, 255, 255, .08)}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sc-switch{--sc-switch-on-color: #1054f2;--sc-switch-off-color: #dcdfe6;--sc-switch-knob-color: #fff;--sc-switch-disabled-color: #f5f7fa;--sc-switch-disabled-knob-color: #c0c4cc;display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle;cursor:pointer}.sc-switch--disabled{cursor:not-allowed;opacity:.6}.sc-switch-core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid var(--sc-switch-off-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--sc-switch-off-color);transition:border-color .3s,background-color .3s}.sc-switch-core .sc-switch-action{position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:var(--sc-switch-knob-color)}.sc-switch--checked .sc-switch-core{border-color:var(--sc-switch-on-color);background-color:var(--sc-switch-on-color)}.sc-switch--checked .sc-switch-core .sc-switch-action{left:100%;margin-left:-17px}
|
package/dist/es/index.mjs
CHANGED
|
@@ -8,34 +8,35 @@ import { ScDateSelect as h } from "./date-select.mjs";
|
|
|
8
8
|
import { ScDrawer as w } from "./drawer.mjs";
|
|
9
9
|
import { ScDropdown as x } from "./dropdown.mjs";
|
|
10
10
|
import { ScGradualHighlight as g } from "./gradual-highlight.mjs";
|
|
11
|
-
import { S as y, a as b, b as v } from "../index-
|
|
11
|
+
import { S as y, a as b, b as v } from "../index-C8ZHlhiw.js";
|
|
12
12
|
import { ScInput as I } from "./input.mjs";
|
|
13
13
|
import { ScLayzImage as P } from "./layz-image.mjs";
|
|
14
14
|
import { ScLocales as $ } from "./locales.mjs";
|
|
15
|
-
import { arSA as
|
|
15
|
+
import { arSA as po } from "./locales.mjs";
|
|
16
16
|
import { ScParameterBox as C } from "./parameter-box.mjs";
|
|
17
17
|
import { ScRadio as N } from "./radio.mjs";
|
|
18
18
|
import { ScRow as A } from "./row.mjs";
|
|
19
19
|
import { ScSelect as D } from "./select.mjs";
|
|
20
20
|
import { ScSwiperShowcase as z } from "./swiper-showcase.mjs";
|
|
21
21
|
import { ScSwiperVehicle as L } from "./swiper-vehicle.mjs";
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
import { ScSwitch as R } from "./switch.mjs";
|
|
23
|
+
import { ScTabIndicator as V } from "./tab-indicator.mjs";
|
|
24
|
+
import { ScVideo as k } from "./video.mjs";
|
|
25
|
+
import { e as So } from "../en-US-DRY37Ke3.js";
|
|
26
|
+
const n = "@seresweb/website-component", mo = (t = {}) => {
|
|
27
|
+
const c = t.prefix || "Sc", o = t.importStyle ?? "css";
|
|
27
28
|
return {
|
|
28
29
|
type: "component",
|
|
29
30
|
resolve: (m) => {
|
|
30
|
-
if (!m.startsWith(
|
|
31
|
-
const
|
|
31
|
+
if (!m.startsWith(c)) return;
|
|
32
|
+
const s = m.slice(c.length).replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), f = `${n}/dist/es/${s}`;
|
|
32
33
|
let e;
|
|
33
34
|
const i = (r) => {
|
|
34
|
-
if (r === "scss") return `${n}/dist/scss/${
|
|
35
|
-
if (r === "css") return `${n}/dist/css/${
|
|
35
|
+
if (r === "scss") return `${n}/dist/scss/${s}.scss`;
|
|
36
|
+
if (r === "css") return `${n}/dist/css/${s}.css`;
|
|
36
37
|
};
|
|
37
38
|
if (typeof o == "function") {
|
|
38
|
-
const r = o(
|
|
39
|
+
const r = o(s);
|
|
39
40
|
r === "css" || r === "scss" ? e = i(r) : r === !0 && (e = i("css"));
|
|
40
41
|
} else (o === !0 || o === "css" || o === "scss") && (e = i(o === !0 ? "css" : o));
|
|
41
42
|
return {
|
|
@@ -45,13 +46,13 @@ const n = "@seresweb/website-component", so = (t = {}) => {
|
|
|
45
46
|
};
|
|
46
47
|
}
|
|
47
48
|
};
|
|
48
|
-
},
|
|
49
|
-
install: (t) => (
|
|
50
|
-
t.use(
|
|
49
|
+
}, E = [p, a, S, l, d, u, h, w, x, g, y, b, I, P, $, C, N, A, D, v, z, L, R, V, k], io = {
|
|
50
|
+
install: (t) => (E.forEach((c) => {
|
|
51
|
+
t.use(c);
|
|
51
52
|
}), t)
|
|
52
53
|
};
|
|
53
54
|
export {
|
|
54
|
-
|
|
55
|
+
mo as ComponentsResolver,
|
|
55
56
|
p as ScAccordionInfoPanel,
|
|
56
57
|
a as ScAnimatedNumber,
|
|
57
58
|
S as ScCheckbox,
|
|
@@ -74,9 +75,10 @@ export {
|
|
|
74
75
|
v as ScSwiperNormal,
|
|
75
76
|
z as ScSwiperShowcase,
|
|
76
77
|
L as ScSwiperVehicle,
|
|
77
|
-
R as
|
|
78
|
-
V as
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
78
|
+
R as ScSwitch,
|
|
79
|
+
V as ScTabIndicator,
|
|
80
|
+
k as ScVideo,
|
|
81
|
+
po as arSA,
|
|
82
|
+
io as default,
|
|
83
|
+
So as enUS
|
|
82
84
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as x, ref as b, computed as I, watch as T, onMounted as z, onBeforeUnmount as E, createElementBlock as
|
|
1
|
+
import { defineComponent as x, ref as b, computed as I, watch as T, onMounted as z, onBeforeUnmount as E, createElementBlock as i, openBlock as n, normalizeClass as s, unref as o, createBlock as A, createCommentVNode as k, createElementVNode as u, Fragment as _, renderList as w, createVNode as F, toDisplayString as H, normalizeStyle as y } from "vue";
|
|
2
2
|
import { S as U } from "../swiper-bundle-DOQ1LV4x.js";
|
|
3
3
|
import { P as r } from "../_vars-BV4QQF-p.js";
|
|
4
4
|
import { ScLayzImage as B } from "./layz-image.mjs";
|
|
@@ -20,14 +20,14 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
20
20
|
setup(d, { emit: L }) {
|
|
21
21
|
const a = d, m = L;
|
|
22
22
|
let t = null;
|
|
23
|
-
const
|
|
23
|
+
const c = b(a.modelValue), p = b(), V = I(() => {
|
|
24
24
|
const e = {};
|
|
25
25
|
return a.tabIndicatorBottom && (e.position = "absolute", e.zIndex = 1, e.left = "50%", e.bottom = typeof a.tabIndicatorBottom == "number" ? `${a.tabIndicatorBottom}px` : a.tabIndicatorBottom, e.transform = "translateX(-50%)"), e;
|
|
26
|
-
}), $ = I(() => a.dataList[
|
|
26
|
+
}), $ = I(() => a.dataList[c.value].text);
|
|
27
27
|
T(
|
|
28
28
|
() => a.modelValue,
|
|
29
29
|
(e) => {
|
|
30
|
-
|
|
30
|
+
c.value !== e && (c.value = e, g(c.value));
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
const g = (e) => {
|
|
@@ -40,7 +40,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
40
40
|
autoplay: !0,
|
|
41
41
|
...a.swiperOptions
|
|
42
42
|
}), t.on("realIndexChange", (e) => {
|
|
43
|
-
|
|
43
|
+
c.value = e.realIndex, m("change", e.realIndex), m("update:modelValue", e.realIndex);
|
|
44
44
|
}));
|
|
45
45
|
}, C = () => {
|
|
46
46
|
(t == null ? void 0 : t.params.autoplay).enabled && (t == null || t.autoplay.start());
|
|
@@ -51,15 +51,15 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
51
51
|
v(), window.addEventListener("resize", v);
|
|
52
52
|
}), E(() => {
|
|
53
53
|
t == null || t.destroy(), window.removeEventListener("resize", v);
|
|
54
|
-
}), (e, O) => (
|
|
54
|
+
}), (e, O) => (n(), i(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
57
|
-
class:
|
|
57
|
+
class: s([`${o(r)}-swiper-vehicle`])
|
|
58
58
|
},
|
|
59
59
|
[
|
|
60
|
-
e.backgroundImgUrl ? (
|
|
60
|
+
e.backgroundImgUrl ? (n(), A(o(B), {
|
|
61
61
|
key: 0,
|
|
62
|
-
class:
|
|
62
|
+
class: s(`${o(r)}-swiper-vehicle__bg`),
|
|
63
63
|
src: e.backgroundImgUrl,
|
|
64
64
|
alt: e.backgroundImgAlt
|
|
65
65
|
}, null, 8, ["class", "src", "alt"])) : k("v-if", !0),
|
|
@@ -68,32 +68,33 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
68
68
|
{
|
|
69
69
|
ref_key: "swiperRef",
|
|
70
70
|
ref: p,
|
|
71
|
-
class:
|
|
71
|
+
class: s([`${o(r)}-swiper-vehicle__main`])
|
|
72
72
|
},
|
|
73
73
|
[
|
|
74
74
|
u("div", N, [
|
|
75
|
-
(
|
|
75
|
+
(n(!0), i(
|
|
76
76
|
_,
|
|
77
77
|
null,
|
|
78
|
-
w(e.dataList, (
|
|
79
|
-
key:
|
|
78
|
+
w(e.dataList, (l) => (n(), i("div", {
|
|
79
|
+
key: l.url,
|
|
80
80
|
class: "swiper-slide"
|
|
81
81
|
}, [
|
|
82
|
-
e.showTextBackground ? (
|
|
82
|
+
e.showTextBackground ? (n(), i(
|
|
83
83
|
"span",
|
|
84
84
|
{
|
|
85
85
|
key: 0,
|
|
86
|
-
class:
|
|
86
|
+
class: s(`${o(r)}-swiper-vehicle__text-bg`)
|
|
87
87
|
},
|
|
88
|
-
H(
|
|
88
|
+
H(l.text),
|
|
89
89
|
3
|
|
90
90
|
/* TEXT, CLASS */
|
|
91
91
|
)) : k("v-if", !0),
|
|
92
92
|
F(o(B), {
|
|
93
|
-
class:
|
|
94
|
-
src:
|
|
95
|
-
|
|
96
|
-
|
|
93
|
+
class: s(e.imgFullHeightInMobile ? `${o(r)}-swiper-vehicle__full-height` : ""),
|
|
94
|
+
src: l.url,
|
|
95
|
+
sSrcset: l.sSrcset,
|
|
96
|
+
alt: l.alt
|
|
97
|
+
}, null, 8, ["class", "src", "sSrcset", "alt"])
|
|
97
98
|
]))),
|
|
98
99
|
128
|
|
99
100
|
/* KEYED_FRAGMENT */
|
|
@@ -106,24 +107,24 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
106
107
|
u(
|
|
107
108
|
"div",
|
|
108
109
|
{
|
|
109
|
-
class:
|
|
110
|
+
class: s([`${o(r)}-swiper-vehicle__indicator`, e.indicatorClass]),
|
|
110
111
|
style: y(V.value)
|
|
111
112
|
},
|
|
112
113
|
[
|
|
113
114
|
u(
|
|
114
115
|
"div",
|
|
115
116
|
{
|
|
116
|
-
class:
|
|
117
|
+
class: s(`${o(r)}-swiper-vehicle__indicator-control`)
|
|
117
118
|
},
|
|
118
119
|
[
|
|
119
|
-
(
|
|
120
|
+
(n(!0), i(
|
|
120
121
|
_,
|
|
121
122
|
null,
|
|
122
|
-
w(e.dataList, (
|
|
123
|
-
key:
|
|
124
|
-
class:
|
|
125
|
-
style: y({ "background-color":
|
|
126
|
-
onClick: (
|
|
123
|
+
w(e.dataList, (l, h) => (n(), i("div", {
|
|
124
|
+
key: l.color,
|
|
125
|
+
class: s([c.value === h && "active", "color-stroke"]),
|
|
126
|
+
style: y({ "background-color": l.color, "border-color": l.color }),
|
|
127
|
+
onClick: (S) => g(h),
|
|
127
128
|
onMouseenter: M,
|
|
128
129
|
onMouseleave: C
|
|
129
130
|
}, null, 46, P))),
|
|
@@ -135,7 +136,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
135
136
|
/* CLASS */
|
|
136
137
|
),
|
|
137
138
|
u("div", {
|
|
138
|
-
class:
|
|
139
|
+
class: s(`${o(r)}-swiper-vehicle__indicator-text`),
|
|
139
140
|
innerHTML: $.value
|
|
140
141
|
}, null, 10, R)
|
|
141
142
|
],
|
|
@@ -149,7 +150,7 @@ const N = { class: "swiper-wrapper" }, P = ["onClick"], R = ["innerHTML"], f = /
|
|
|
149
150
|
}
|
|
150
151
|
});
|
|
151
152
|
f.install = (d) => (d.component("ScSwiperVehicle", f), d);
|
|
152
|
-
const
|
|
153
|
+
const G = f;
|
|
153
154
|
export {
|
|
154
|
-
|
|
155
|
+
G as ScSwiperVehicle
|
|
155
156
|
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { defineComponent as p, computed as d, createElementBlock as h, openBlock as b, withModifiers as f, normalizeClass as n, unref as l, createElementVNode as c, normalizeStyle as C, nextTick as w } from "vue";
|
|
2
|
+
import { P as t } from "../_vars-BV4QQF-p.js";
|
|
3
|
+
const V = ["id", "name", "disabled", "true-value", "false-value"], r = /* @__PURE__ */ p({
|
|
4
|
+
__name: "switch",
|
|
5
|
+
props: {
|
|
6
|
+
modelValue: { type: [Boolean, String, Number] },
|
|
7
|
+
disabled: { type: Boolean },
|
|
8
|
+
activeValue: { type: [Boolean, String, Number], default: !0 },
|
|
9
|
+
inactiveValue: { type: [Boolean, String, Number], default: !1 },
|
|
10
|
+
activeColor: {},
|
|
11
|
+
inactiveColor: {},
|
|
12
|
+
name: {},
|
|
13
|
+
id: {},
|
|
14
|
+
dark: { type: Boolean }
|
|
15
|
+
},
|
|
16
|
+
emits: ["change", "update:modelValue"],
|
|
17
|
+
setup(o, { emit: m }) {
|
|
18
|
+
const a = o, s = m, i = d(() => a.modelValue === a.activeValue), v = d(() => {
|
|
19
|
+
let e = {};
|
|
20
|
+
return a.activeColor && i.value && (e["border-color"] = a.activeColor, e["background-color"] = a.activeColor), a.inactiveColor && !i.value && (e["border-color"] = a.inactiveColor, e["background-color"] = a.inactiveColor), e;
|
|
21
|
+
}), u = () => {
|
|
22
|
+
if (a.disabled) return;
|
|
23
|
+
const e = i.value ? a.inactiveValue : a.activeValue;
|
|
24
|
+
s("update:modelValue", e), s("change", e), w(() => {
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
return (e, k) => (b(), h(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
class: n([
|
|
31
|
+
`${l(t)}-switch`,
|
|
32
|
+
i.value && `${l(t)}-switch--checked`,
|
|
33
|
+
e.disabled && `${l(t)}-switch--disabled`,
|
|
34
|
+
e.dark && `${l(t)}-switch--dark`
|
|
35
|
+
]),
|
|
36
|
+
onClick: f(u, ["prevent"])
|
|
37
|
+
},
|
|
38
|
+
[
|
|
39
|
+
c("input", {
|
|
40
|
+
ref: "input",
|
|
41
|
+
class: n(`${l(t)}-switch-input`),
|
|
42
|
+
type: "checkbox",
|
|
43
|
+
id: e.id,
|
|
44
|
+
name: e.name,
|
|
45
|
+
disabled: e.disabled,
|
|
46
|
+
onChange: u,
|
|
47
|
+
"true-value": e.activeValue,
|
|
48
|
+
"false-value": e.inactiveValue,
|
|
49
|
+
style: { display: "none" }
|
|
50
|
+
}, null, 42, V),
|
|
51
|
+
c(
|
|
52
|
+
"span",
|
|
53
|
+
{
|
|
54
|
+
class: n(`${l(t)}-switch-core`),
|
|
55
|
+
style: C(v.value)
|
|
56
|
+
},
|
|
57
|
+
[
|
|
58
|
+
c(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
class: n(`${l(t)}-switch-action`)
|
|
62
|
+
},
|
|
63
|
+
null,
|
|
64
|
+
2
|
|
65
|
+
/* CLASS */
|
|
66
|
+
)
|
|
67
|
+
],
|
|
68
|
+
6
|
|
69
|
+
/* CLASS, STYLE */
|
|
70
|
+
)
|
|
71
|
+
],
|
|
72
|
+
2
|
|
73
|
+
/* CLASS */
|
|
74
|
+
));
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
r.install = (o) => (o.component("ScSwitch", r), o);
|
|
78
|
+
const g = r;
|
|
79
|
+
export {
|
|
80
|
+
g as ScSwitch
|
|
81
|
+
};
|
package/dist/global.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ declare module 'vue' {
|
|
|
3
3
|
export interface GlobalComponents {
|
|
4
4
|
ScVideo: typeof import("@seresweb/website-component")["ScVideo"];
|
|
5
5
|
ScTabIndicator: typeof import("@seresweb/website-component")["ScTabIndicator"];
|
|
6
|
+
ScSwitch: typeof import("@seresweb/website-component")["ScSwitch"];
|
|
6
7
|
ScSwiperVehicle: typeof import("@seresweb/website-component")["ScSwiperVehicle"];
|
|
7
8
|
ScSwiperShowcase: typeof import("@seresweb/website-component")["ScSwiperShowcase"];
|
|
8
9
|
ScSwiperNormal: typeof import("@seresweb/website-component")["ScSwiperNormal"];
|
|
@@ -20,6 +20,7 @@ import "./es/row.mjs";
|
|
|
20
20
|
import "./es/select.mjs";
|
|
21
21
|
import "./es/swiper-showcase.mjs";
|
|
22
22
|
import "./es/swiper-vehicle.mjs";
|
|
23
|
+
import "./es/switch.mjs";
|
|
23
24
|
import { ScTabIndicator as ne } from "./es/tab-indicator.mjs";
|
|
24
25
|
import { ScVideo as J } from "./es/video.mjs";
|
|
25
26
|
const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHTML"], de = /* @__PURE__ */ P({
|
|
@@ -321,7 +322,7 @@ const ae = ["innerHTML"], le = ["innerHTML"], se = ["innerHTML"], ce = ["innerHT
|
|
|
321
322
|
}
|
|
322
323
|
});
|
|
323
324
|
F.install = (c) => (c.component("ScHorizontalViewer", F), c);
|
|
324
|
-
const
|
|
325
|
+
const Ue = F, ue = ["onClick"], me = ["innerHTML"], fe = ["innerHTML"], D = /* @__PURE__ */ P({
|
|
325
326
|
__name: "image-indicator",
|
|
326
327
|
props: {
|
|
327
328
|
dataList: {},
|
|
@@ -564,7 +565,7 @@ const ve = D, he = { class: "swiper-wrapper" }, U = /* @__PURE__ */ P({
|
|
|
564
565
|
U.install = (c) => (c.component("ScSwiperNormal", U), c);
|
|
565
566
|
const ge = U;
|
|
566
567
|
export {
|
|
567
|
-
|
|
568
|
+
Ue as S,
|
|
568
569
|
ve as a,
|
|
569
570
|
ge as b
|
|
570
571
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");require("./cjs/switch.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}html[dir=rtl] .sc-date-picker__nav-prev{transform:rotate(-90deg)}html[dir=rtl] .sc-date-picker__nav-next{transform:rotate(90deg)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;inset-inline-start:0;inset-block-start:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;inset-block-end:65px;inset-inline-end: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-inline-end: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:start;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;inset-block-start:0;inset-inline-start: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;inset-inline-end:40px;inset-block-start: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{inset-block-end:20px;inset-inline-end:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-inline-end:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:start;margin-inline-start:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{inset-inline-end:40px;inset-block-start:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}.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}html[dir=rtl] .sc-swiper-main .swiper-button-next svg,html[dir=rtl] .sc-swiper-main .swiper-button-prev svg{transform:rotate(180deg)}.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;justify-content:flex-end}.sc-swiper-showcase__nav-wrap{display:flex;gap:12px}.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:24px;height:24px;display:block}html[dir=rtl] .sc-swiper-showcase__nav-icon{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}
|
|
1
|
+
@charset "UTF-8";.sc-select{--sc-select-border-color: rgba(0, 0, 0, .1);--sc-select-border-hover-color: #000;--sc-select-text-color: #000;--sc-select-bg-color: transparent;--sc-select-placeholder-color: #000;--sc-select-option-hover-bg: #f5f5f5;--sc-select-option-selected-bg: #e6f2ff;--sc-select-option-selected-text-color: #1054f2;--sc-select-dropdown-bg: #fff;--sc-select-scrollbar-thumb: rgba(0, 0, 0, .2);--sc-select-scrollbar-track: rgba(0, 0, 0, .05);position:relative;display:inline-block;width:100%;font-size:16px;margin-top:4px}.sc-select__trigger{display:flex;align-items:center;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-select-border-color);background-color:var(--sc-select-bg-color);cursor:pointer;transition:border-color .3s ease-in-out;position:relative}.sc-select__trigger:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-select-border-hover-color);transition:width .3s ease-in-out}.sc-select__trigger:hover:after{width:100%}.sc-select__value{flex:1;color:var(--sc-select-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__placeholder{flex:1;color:var(--sc-select-placeholder-color);opacity:.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-select__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sc-select-text-color);transition:transform .3s ease-in-out,opacity .2s;flex-shrink:0;cursor:pointer;opacity:.6}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon:hover{opacity:1}.sc-select__icon--open{transform:rotate(-180deg)}.sc-select__icon--clear{width:16px;height:16px}.sc-select__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--sc-select-dropdown-bg);border:1px solid var(--sc-select-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sc-select-scrollbar-thumb) var(--sc-select-scrollbar-track)}.sc-select__dropdown::-webkit-scrollbar{width:6px;height:6px}.sc-select__dropdown::-webkit-scrollbar-thumb{background-color:var(--sc-select-scrollbar-thumb);border-radius:999px}.sc-select__dropdown::-webkit-scrollbar-track{background-color:var(--sc-select-scrollbar-track);border-radius:999px}.sc-select__options{padding:8px 0}.sc-select__option{padding:10px 12px;cursor:pointer;color:var(--sc-select-text-color);transition:background-color .2s}.sc-select__option:hover:not(.sc-select__option--disabled){background-color:var(--sc-select-option-hover-bg)}.sc-select__option--selected{background-color:var(--sc-select-option-selected-bg);font-weight:600;color:var(--sc-select-option-selected-text-color)}.sc-select__option--disabled{opacity:.5;cursor:not-allowed}.sc-select__custom-content{padding:12px}.sc-select--disabled{opacity:.6}.sc-select--disabled .sc-select__trigger{cursor:not-allowed}html.dark .sc-select,.sc-select--dark{--sc-select-border-color: rgba(255, 255, 255, .2);--sc-select-border-hover-color: #fff;--sc-select-text-color: #fff;--sc-select-bg-color: #1d1d1d;--sc-select-placeholder-color: #fff;--sc-select-option-hover-bg: #333;--sc-select-option-selected-bg: #1054f2;--sc-select-option-selected-text-color: #fff;--sc-select-dropdown-bg: #262626;--sc-select-scrollbar-thumb: rgba(255, 255, 255, .22);--sc-select-scrollbar-track: rgba(255, 255, 255, .08)}@media (max-width: 768px){.sc-select{font-size:14px}.sc-select__trigger{height:48px}.sc-select__dropdown{max-height:250px}}.sc-select-slide-enter-active,.sc-select-slide-leave-active{transition:all .3s ease-in-out}.sc-select-slide-enter-from,.sc-select-slide-leave-to{opacity:0;transform:translateY(-2px)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-date-picker{--sc-date-picker-bg: #fff;--sc-date-picker-border-color: #e4e7ed;--sc-date-picker-text-color: #303133;--sc-date-picker-weekday-color: #909399;--sc-date-picker-day-color: #606266;--sc-date-picker-day-hover-bg: #f5f7fa;--sc-date-picker-nav-color: #606266;--sc-date-picker-nav-hover-bg: #f5f7fa;--sc-date-picker-other-month-color: #c0c4cc;--sc-date-picker-disabled-color: #c0c4cc;position:relative;display:block;width:100%;max-width:440px;font-family:HarmonyOS_Sans_Regular}@media (max-width: 768px){.sc-date-picker{max-width:none}}.sc-date-picker--disabled{opacity:.6;cursor:not-allowed}.sc-date-picker__panel{width:100%;padding:16px;box-sizing:border-box;background:var(--sc-date-picker-bg);border-radius:12px;border:1px solid var(--sc-date-picker-border-color);box-shadow:0 2px 12px #0000000a;overflow:hidden}@media (max-width: 768px){.sc-date-picker__panel{padding:12px}}.sc-date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width: 768px){.sc-date-picker__header{margin-bottom:12px}}.sc-date-picker__nav{width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:0;color:var(--sc-date-picker-nav-color);transition:background-color .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sc-date-picker__nav:hover{background-color:var(--sc-date-picker-nav-hover-bg)}.sc-date-picker__nav-prev,.sc-date-picker__nav-next{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;fill:currentColor}.sc-date-picker__nav-prev>svg,.sc-date-picker__nav-next>svg{width:100%;height:100%}.sc-date-picker__nav-prev{transform:rotate(90deg)}.sc-date-picker__nav-next{transform:rotate(-90deg)}.sc-date-picker__header-label{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--sc-date-picker-text-color)}@media (max-width: 768px){.sc-date-picker__header-label{font-size:15px}}.sc-date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}@media (max-width: 768px){.sc-date-picker__weekdays{gap:2px;margin-bottom:6px}}.sc-date-picker__weekday{text-align:center;font-family:HarmonyOS_Sans_Medium;font-size:12px;color:var(--sc-date-picker-weekday-color);padding:8px 0}@media (max-width: 768px){.sc-date-picker__weekday{font-size:11px;padding:6px 0}}.sc-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:0}@media (max-width: 768px){.sc-date-picker__days{gap:2px}}.sc-date-picker__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;color:var(--sc-date-picker-day-color);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.sc-date-picker__day{font-size:13px;border-radius:6px;min-height:30px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}html[dir=rtl] .sc-date-picker__nav-prev{transform:rotate(-90deg)}html[dir=rtl] .sc-date-picker__nav-next{transform:rotate(90deg)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;inset-inline-start:0;inset-block-start:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper .sc-player-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;inset-block-end:65px;inset-inline-end: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-inline-end: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:start;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;inset-block-start:0;inset-inline-start: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;inset-inline-end:40px;inset-block-start: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{inset-block-end:20px;inset-inline-end:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-inline-end:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:start;margin-inline-start:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{inset-inline-end:40px;inset-block-start:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}.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}html[dir=rtl] .sc-swiper-main .swiper-button-next svg,html[dir=rtl] .sc-swiper-main .swiper-button-prev svg{transform:rotate(180deg)}.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;justify-content:flex-end}.sc-swiper-showcase__nav-wrap{display:flex;gap:12px}.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:24px;height:24px;display:block}html[dir=rtl] .sc-swiper-showcase__nav-icon{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100%;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100%;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-55%) rotate(45deg)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}html[dir=rtl] .sc-checkbox-box:after{transform:translate(50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}.sc-input__prefix .sc-select .sc-select__trigger,.sc-input__suffix .sc-select .sc-select__trigger{height:40px;border-bottom:none;padding:0 8px}.sc-input__prefix .sc-select .sc-select__trigger:after,.sc-input__suffix .sc-select .sc-select__trigger:after{display:none}html.dark .sc-input,.sc-input--dark{--sc-input-border-color: rgba(255, 255, 255, .2);--sc-input-border-hover-color: #fff;--sc-input-text-color: #fff;--sc-input-bg-color: #1d1d1d;--sc-input-placeholder-color: #fff}@media (max-width: 768px){.sc-input{font-size:14px}}.sc-row{display:flex;flex-wrap:wrap}.sc-row--wrap{flex-wrap:wrap}.sc-col{box-sizing:border-box}.sc-col--1{width:calc(1 / 24 * 100%)}.sc-col--offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--2{width:calc(2 / 24 * 100%)}.sc-col--offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--3{width:12.5%}.sc-col--offset-3{margin-left:12.5%}.sc-col--4{width:calc(4 / 24 * 100%)}.sc-col--offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--5{width:calc(5 / 24 * 100%)}.sc-col--offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--6{width:25%}.sc-col--offset-6{margin-left:25%}.sc-col--7{width:calc(7 / 24 * 100%)}.sc-col--offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--8{width:calc(8 / 24 * 100%)}.sc-col--offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--9{width:37.5%}.sc-col--offset-9{margin-left:37.5%}.sc-col--10{width:calc(10 / 24 * 100%)}.sc-col--offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--11{width:calc(11 / 24 * 100%)}.sc-col--offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--12{width:50%}.sc-col--offset-12{margin-left:50%}.sc-col--13{width:calc(13 / 24 * 100%)}.sc-col--offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--14{width:calc(14 / 24 * 100%)}.sc-col--offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--15{width:62.5%}.sc-col--offset-15{margin-left:62.5%}.sc-col--16{width:calc(16 / 24 * 100%)}.sc-col--offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--17{width:calc(17 / 24 * 100%)}.sc-col--offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--18{width:75%}.sc-col--offset-18{margin-left:75%}.sc-col--19{width:calc(19 / 24 * 100%)}.sc-col--offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--20{width:calc(20 / 24 * 100%)}.sc-col--offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--21{width:87.5%}.sc-col--offset-21{margin-left:87.5%}.sc-col--22{width:calc(22 / 24 * 100%)}.sc-col--offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--23{width:calc(23 / 24 * 100%)}.sc-col--offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--24{width:100%}.sc-col--offset-24{margin-left:100%}@media (max-width: 767.98px){.sc-col--xs-1{width:calc(1 / 24 * 100%)}.sc-col--xs-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xs-2{width:calc(2 / 24 * 100%)}.sc-col--xs-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xs-3{width:12.5%}.sc-col--xs-offset-3{margin-left:12.5%}.sc-col--xs-4{width:calc(4 / 24 * 100%)}.sc-col--xs-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xs-5{width:calc(5 / 24 * 100%)}.sc-col--xs-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xs-6{width:25%}.sc-col--xs-offset-6{margin-left:25%}.sc-col--xs-7{width:calc(7 / 24 * 100%)}.sc-col--xs-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xs-8{width:calc(8 / 24 * 100%)}.sc-col--xs-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xs-9{width:37.5%}.sc-col--xs-offset-9{margin-left:37.5%}.sc-col--xs-10{width:calc(10 / 24 * 100%)}.sc-col--xs-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xs-11{width:calc(11 / 24 * 100%)}.sc-col--xs-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xs-12{width:50%}.sc-col--xs-offset-12{margin-left:50%}.sc-col--xs-13{width:calc(13 / 24 * 100%)}.sc-col--xs-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xs-14{width:calc(14 / 24 * 100%)}.sc-col--xs-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xs-15{width:62.5%}.sc-col--xs-offset-15{margin-left:62.5%}.sc-col--xs-16{width:calc(16 / 24 * 100%)}.sc-col--xs-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xs-17{width:calc(17 / 24 * 100%)}.sc-col--xs-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xs-18{width:75%}.sc-col--xs-offset-18{margin-left:75%}.sc-col--xs-19{width:calc(19 / 24 * 100%)}.sc-col--xs-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xs-20{width:calc(20 / 24 * 100%)}.sc-col--xs-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xs-21{width:87.5%}.sc-col--xs-offset-21{margin-left:87.5%}.sc-col--xs-22{width:calc(22 / 24 * 100%)}.sc-col--xs-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xs-23{width:calc(23 / 24 * 100%)}.sc-col--xs-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xs-24{width:100%}.sc-col--xs-offset-24{margin-left:100%}}@media (min-width: 768px){.sc-col--sm-1{width:calc(1 / 24 * 100%)}.sc-col--sm-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--sm-2{width:calc(2 / 24 * 100%)}.sc-col--sm-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--sm-3{width:12.5%}.sc-col--sm-offset-3{margin-left:12.5%}.sc-col--sm-4{width:calc(4 / 24 * 100%)}.sc-col--sm-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--sm-5{width:calc(5 / 24 * 100%)}.sc-col--sm-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--sm-6{width:25%}.sc-col--sm-offset-6{margin-left:25%}.sc-col--sm-7{width:calc(7 / 24 * 100%)}.sc-col--sm-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--sm-8{width:calc(8 / 24 * 100%)}.sc-col--sm-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--sm-9{width:37.5%}.sc-col--sm-offset-9{margin-left:37.5%}.sc-col--sm-10{width:calc(10 / 24 * 100%)}.sc-col--sm-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--sm-11{width:calc(11 / 24 * 100%)}.sc-col--sm-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--sm-12{width:50%}.sc-col--sm-offset-12{margin-left:50%}.sc-col--sm-13{width:calc(13 / 24 * 100%)}.sc-col--sm-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--sm-14{width:calc(14 / 24 * 100%)}.sc-col--sm-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--sm-15{width:62.5%}.sc-col--sm-offset-15{margin-left:62.5%}.sc-col--sm-16{width:calc(16 / 24 * 100%)}.sc-col--sm-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--sm-17{width:calc(17 / 24 * 100%)}.sc-col--sm-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--sm-18{width:75%}.sc-col--sm-offset-18{margin-left:75%}.sc-col--sm-19{width:calc(19 / 24 * 100%)}.sc-col--sm-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--sm-20{width:calc(20 / 24 * 100%)}.sc-col--sm-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--sm-21{width:87.5%}.sc-col--sm-offset-21{margin-left:87.5%}.sc-col--sm-22{width:calc(22 / 24 * 100%)}.sc-col--sm-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--sm-23{width:calc(23 / 24 * 100%)}.sc-col--sm-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--sm-24{width:100%}.sc-col--sm-offset-24{margin-left:100%}}@media (min-width: 992px){.sc-col--md-1{width:calc(1 / 24 * 100%)}.sc-col--md-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--md-2{width:calc(2 / 24 * 100%)}.sc-col--md-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--md-3{width:12.5%}.sc-col--md-offset-3{margin-left:12.5%}.sc-col--md-4{width:calc(4 / 24 * 100%)}.sc-col--md-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--md-5{width:calc(5 / 24 * 100%)}.sc-col--md-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--md-6{width:25%}.sc-col--md-offset-6{margin-left:25%}.sc-col--md-7{width:calc(7 / 24 * 100%)}.sc-col--md-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--md-8{width:calc(8 / 24 * 100%)}.sc-col--md-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--md-9{width:37.5%}.sc-col--md-offset-9{margin-left:37.5%}.sc-col--md-10{width:calc(10 / 24 * 100%)}.sc-col--md-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--md-11{width:calc(11 / 24 * 100%)}.sc-col--md-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--md-12{width:50%}.sc-col--md-offset-12{margin-left:50%}.sc-col--md-13{width:calc(13 / 24 * 100%)}.sc-col--md-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--md-14{width:calc(14 / 24 * 100%)}.sc-col--md-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--md-15{width:62.5%}.sc-col--md-offset-15{margin-left:62.5%}.sc-col--md-16{width:calc(16 / 24 * 100%)}.sc-col--md-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--md-17{width:calc(17 / 24 * 100%)}.sc-col--md-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--md-18{width:75%}.sc-col--md-offset-18{margin-left:75%}.sc-col--md-19{width:calc(19 / 24 * 100%)}.sc-col--md-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--md-20{width:calc(20 / 24 * 100%)}.sc-col--md-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--md-21{width:87.5%}.sc-col--md-offset-21{margin-left:87.5%}.sc-col--md-22{width:calc(22 / 24 * 100%)}.sc-col--md-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--md-23{width:calc(23 / 24 * 100%)}.sc-col--md-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--md-24{width:100%}.sc-col--md-offset-24{margin-left:100%}}@media (min-width: 1200px){.sc-col--lg-1{width:calc(1 / 24 * 100%)}.sc-col--lg-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--lg-2{width:calc(2 / 24 * 100%)}.sc-col--lg-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--lg-3{width:12.5%}.sc-col--lg-offset-3{margin-left:12.5%}.sc-col--lg-4{width:calc(4 / 24 * 100%)}.sc-col--lg-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--lg-5{width:calc(5 / 24 * 100%)}.sc-col--lg-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--lg-6{width:25%}.sc-col--lg-offset-6{margin-left:25%}.sc-col--lg-7{width:calc(7 / 24 * 100%)}.sc-col--lg-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--lg-8{width:calc(8 / 24 * 100%)}.sc-col--lg-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--lg-9{width:37.5%}.sc-col--lg-offset-9{margin-left:37.5%}.sc-col--lg-10{width:calc(10 / 24 * 100%)}.sc-col--lg-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--lg-11{width:calc(11 / 24 * 100%)}.sc-col--lg-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--lg-12{width:50%}.sc-col--lg-offset-12{margin-left:50%}.sc-col--lg-13{width:calc(13 / 24 * 100%)}.sc-col--lg-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--lg-14{width:calc(14 / 24 * 100%)}.sc-col--lg-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--lg-15{width:62.5%}.sc-col--lg-offset-15{margin-left:62.5%}.sc-col--lg-16{width:calc(16 / 24 * 100%)}.sc-col--lg-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--lg-17{width:calc(17 / 24 * 100%)}.sc-col--lg-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--lg-18{width:75%}.sc-col--lg-offset-18{margin-left:75%}.sc-col--lg-19{width:calc(19 / 24 * 100%)}.sc-col--lg-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--lg-20{width:calc(20 / 24 * 100%)}.sc-col--lg-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--lg-21{width:87.5%}.sc-col--lg-offset-21{margin-left:87.5%}.sc-col--lg-22{width:calc(22 / 24 * 100%)}.sc-col--lg-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--lg-23{width:calc(23 / 24 * 100%)}.sc-col--lg-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--lg-24{width:100%}.sc-col--lg-offset-24{margin-left:100%}}@media (min-width: 1920px){.sc-col--xl-1{width:calc(1 / 24 * 100%)}.sc-col--xl-offset-1{margin-left:calc(1 / 24 * 100%)}.sc-col--xl-2{width:calc(2 / 24 * 100%)}.sc-col--xl-offset-2{margin-left:calc(2 / 24 * 100%)}.sc-col--xl-3{width:12.5%}.sc-col--xl-offset-3{margin-left:12.5%}.sc-col--xl-4{width:calc(4 / 24 * 100%)}.sc-col--xl-offset-4{margin-left:calc(4 / 24 * 100%)}.sc-col--xl-5{width:calc(5 / 24 * 100%)}.sc-col--xl-offset-5{margin-left:calc(5 / 24 * 100%)}.sc-col--xl-6{width:25%}.sc-col--xl-offset-6{margin-left:25%}.sc-col--xl-7{width:calc(7 / 24 * 100%)}.sc-col--xl-offset-7{margin-left:calc(7 / 24 * 100%)}.sc-col--xl-8{width:calc(8 / 24 * 100%)}.sc-col--xl-offset-8{margin-left:calc(8 / 24 * 100%)}.sc-col--xl-9{width:37.5%}.sc-col--xl-offset-9{margin-left:37.5%}.sc-col--xl-10{width:calc(10 / 24 * 100%)}.sc-col--xl-offset-10{margin-left:calc(10 / 24 * 100%)}.sc-col--xl-11{width:calc(11 / 24 * 100%)}.sc-col--xl-offset-11{margin-left:calc(11 / 24 * 100%)}.sc-col--xl-12{width:50%}.sc-col--xl-offset-12{margin-left:50%}.sc-col--xl-13{width:calc(13 / 24 * 100%)}.sc-col--xl-offset-13{margin-left:calc(13 / 24 * 100%)}.sc-col--xl-14{width:calc(14 / 24 * 100%)}.sc-col--xl-offset-14{margin-left:calc(14 / 24 * 100%)}.sc-col--xl-15{width:62.5%}.sc-col--xl-offset-15{margin-left:62.5%}.sc-col--xl-16{width:calc(16 / 24 * 100%)}.sc-col--xl-offset-16{margin-left:calc(16 / 24 * 100%)}.sc-col--xl-17{width:calc(17 / 24 * 100%)}.sc-col--xl-offset-17{margin-left:calc(17 / 24 * 100%)}.sc-col--xl-18{width:75%}.sc-col--xl-offset-18{margin-left:75%}.sc-col--xl-19{width:calc(19 / 24 * 100%)}.sc-col--xl-offset-19{margin-left:calc(19 / 24 * 100%)}.sc-col--xl-20{width:calc(20 / 24 * 100%)}.sc-col--xl-offset-20{margin-left:calc(20 / 24 * 100%)}.sc-col--xl-21{width:87.5%}.sc-col--xl-offset-21{margin-left:87.5%}.sc-col--xl-22{width:calc(22 / 24 * 100%)}.sc-col--xl-offset-22{margin-left:calc(22 / 24 * 100%)}.sc-col--xl-23{width:calc(23 / 24 * 100%)}.sc-col--xl-offset-23{margin-left:calc(23 / 24 * 100%)}.sc-col--xl-24{width:100%}.sc-col--xl-offset-24{margin-left:100%}}.sc-switch{--sc-switch-on-color: #1054f2;--sc-switch-off-color: #dcdfe6;--sc-switch-knob-color: #fff;--sc-switch-disabled-color: #f5f7fa;--sc-switch-disabled-knob-color: #c0c4cc;display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle;cursor:pointer}.sc-switch--disabled{cursor:not-allowed;opacity:.6}.sc-switch-core{margin:0;display:inline-block;position:relative;width:40px;height:20px;border:1px solid var(--sc-switch-off-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--sc-switch-off-color);transition:border-color .3s,background-color .3s}.sc-switch-core .sc-switch-action{position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:var(--sc-switch-knob-color)}.sc-switch--checked .sc-switch-core{border-color:var(--sc-switch-on-color);background-color:var(--sc-switch-on-color)}.sc-switch--checked .sc-switch-core .sc-switch-action{left:100%;margin-left:-17px}
|
package/dist/scss/checkbox.scss
CHANGED
package/dist/scss/index.scss
CHANGED
package/dist/scss/select.scss
CHANGED
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
--#{vars.$prefix}-select-option-selected-bg: #e6f2ff;
|
|
12
12
|
--#{vars.$prefix}-select-option-selected-text-color: #1054f2;
|
|
13
13
|
--#{vars.$prefix}-select-dropdown-bg: #fff;
|
|
14
|
+
--#{vars.$prefix}-select-scrollbar-thumb: rgba(0, 0, 0, 0.2);
|
|
15
|
+
--#{vars.$prefix}-select-scrollbar-track: rgba(0, 0, 0, 0.05);
|
|
14
16
|
|
|
15
17
|
position: relative;
|
|
16
18
|
display: inline-block;
|
|
@@ -109,6 +111,25 @@
|
|
|
109
111
|
z-index: 1000;
|
|
110
112
|
max-height: 300px;
|
|
111
113
|
overflow-y: auto;
|
|
114
|
+
|
|
115
|
+
// 下拉面板滚动条样式(解决暗黑模式下白色滚动条问题)
|
|
116
|
+
scrollbar-width: thin;
|
|
117
|
+
scrollbar-color: var(--#{vars.$prefix}-select-scrollbar-thumb) var(--#{vars.$prefix}-select-scrollbar-track);
|
|
118
|
+
|
|
119
|
+
&::-webkit-scrollbar {
|
|
120
|
+
width: 6px;
|
|
121
|
+
height: 6px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
&::-webkit-scrollbar-thumb {
|
|
125
|
+
background-color: var(--#{vars.$prefix}-select-scrollbar-thumb);
|
|
126
|
+
border-radius: 999px;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
&::-webkit-scrollbar-track {
|
|
130
|
+
background-color: var(--#{vars.$prefix}-select-scrollbar-track);
|
|
131
|
+
border-radius: 999px;
|
|
132
|
+
}
|
|
112
133
|
}
|
|
113
134
|
|
|
114
135
|
&__options {
|
|
@@ -161,6 +182,8 @@
|
|
|
161
182
|
--#{vars.$prefix}-select-option-selected-bg: #1054f2;
|
|
162
183
|
--#{vars.$prefix}-select-option-selected-text-color: #fff;
|
|
163
184
|
--#{vars.$prefix}-select-dropdown-bg: #262626;
|
|
185
|
+
--#{vars.$prefix}-select-scrollbar-thumb: rgba(255, 255, 255, 0.22);
|
|
186
|
+
--#{vars.$prefix}-select-scrollbar-track: rgba(255, 255, 255, 0.08);
|
|
164
187
|
}
|
|
165
188
|
|
|
166
189
|
// 组件级别暗夜模式:.sc-select--dark
|
|
@@ -174,6 +197,8 @@
|
|
|
174
197
|
--#{vars.$prefix}-select-option-selected-bg: #1054f2;
|
|
175
198
|
--#{vars.$prefix}-select-option-selected-text-color: #fff;
|
|
176
199
|
--#{vars.$prefix}-select-dropdown-bg: #262626;
|
|
200
|
+
--#{vars.$prefix}-select-scrollbar-thumb: rgba(255, 255, 255, 0.22);
|
|
201
|
+
--#{vars.$prefix}-select-scrollbar-track: rgba(255, 255, 255, 0.08);
|
|
177
202
|
}
|
|
178
203
|
|
|
179
204
|
@media (max-width: 768px) {
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
@use './_vars' as vars;
|
|
2
|
+
|
|
3
|
+
.#{vars.$prefix}-switch {
|
|
4
|
+
// 默认变量
|
|
5
|
+
--#{vars.$prefix}-switch-on-color: #1054f2;
|
|
6
|
+
--#{vars.$prefix}-switch-off-color: #dcdfe6;
|
|
7
|
+
--#{vars.$prefix}-switch-knob-color: #fff;
|
|
8
|
+
--#{vars.$prefix}-switch-disabled-color: #f5f7fa;
|
|
9
|
+
--#{vars.$prefix}-switch-disabled-knob-color: #c0c4cc;
|
|
10
|
+
|
|
11
|
+
display: inline-flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
position: relative;
|
|
14
|
+
font-size: 14px;
|
|
15
|
+
line-height: 20px;
|
|
16
|
+
height: 20px;
|
|
17
|
+
vertical-align: middle;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
|
|
20
|
+
&--disabled {
|
|
21
|
+
cursor: not-allowed;
|
|
22
|
+
opacity: 0.6;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// 核心轨道
|
|
26
|
+
&-core {
|
|
27
|
+
margin: 0;
|
|
28
|
+
display: inline-block;
|
|
29
|
+
position: relative;
|
|
30
|
+
width: 40px;
|
|
31
|
+
height: 20px;
|
|
32
|
+
border: 1px solid var(--#{vars.$prefix}-switch-off-color);
|
|
33
|
+
outline: none;
|
|
34
|
+
border-radius: 10px;
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
background: var(--#{vars.$prefix}-switch-off-color);
|
|
37
|
+
transition: border-color 0.3s, background-color 0.3s;
|
|
38
|
+
|
|
39
|
+
.#{vars.$prefix}-switch-action {
|
|
40
|
+
position: absolute;
|
|
41
|
+
top: 1px;
|
|
42
|
+
left: 1px;
|
|
43
|
+
border-radius: 100%;
|
|
44
|
+
transition: all 0.3s;
|
|
45
|
+
width: 16px;
|
|
46
|
+
height: 16px;
|
|
47
|
+
background-color: var(--#{vars.$prefix}-switch-knob-color);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// 选中状态
|
|
52
|
+
&--checked {
|
|
53
|
+
.#{vars.$prefix}-switch-core {
|
|
54
|
+
border-color: var(--#{vars.$prefix}-switch-on-color);
|
|
55
|
+
background-color: var(--#{vars.$prefix}-switch-on-color);
|
|
56
|
+
|
|
57
|
+
.#{vars.$prefix}-switch-action {
|
|
58
|
+
left: 100%;
|
|
59
|
+
margin-left: -17px; // width (16) + left (1)
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SwitchProps } from './type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
change: (...args: any[]) => void;
|
|
4
|
+
"update:modelValue": (...args: any[]) => void;
|
|
5
|
+
}, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
|
|
6
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
7
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
8
|
+
}>, {
|
|
9
|
+
activeValue: boolean | string | number;
|
|
10
|
+
inactiveValue: boolean | string | number;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
12
|
+
input: HTMLInputElement;
|
|
13
|
+
}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export interface SwitchProps {
|
|
2
|
+
/**
|
|
3
|
+
* 绑定值
|
|
4
|
+
*/
|
|
5
|
+
modelValue?: boolean | string | number;
|
|
6
|
+
/**
|
|
7
|
+
* 是否禁用
|
|
8
|
+
*/
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* switch 打开时的值
|
|
12
|
+
*/
|
|
13
|
+
activeValue?: boolean | string | number;
|
|
14
|
+
/**
|
|
15
|
+
* switch 关闭时的值
|
|
16
|
+
*/
|
|
17
|
+
inactiveValue?: boolean | string | number;
|
|
18
|
+
/**
|
|
19
|
+
* switch 打开时的背景色
|
|
20
|
+
*/
|
|
21
|
+
activeColor?: string;
|
|
22
|
+
/**
|
|
23
|
+
* switch 关闭时的背景色
|
|
24
|
+
*/
|
|
25
|
+
inactiveColor?: string;
|
|
26
|
+
/**
|
|
27
|
+
* name 属性
|
|
28
|
+
*/
|
|
29
|
+
name?: string;
|
|
30
|
+
/**
|
|
31
|
+
* id
|
|
32
|
+
*/
|
|
33
|
+
id?: string;
|
|
34
|
+
/**
|
|
35
|
+
* 是否深色模式
|
|
36
|
+
*/
|
|
37
|
+
dark?: boolean;
|
|
38
|
+
}
|
package/package.json
CHANGED
package/dist/index-0n3E5pgL.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),H=require("./swiper-bundle-gkukcY4l.cjs"),n=require("./_vars-CyrPevgT.cjs");require("./cjs/accordion-info-panel.cjs");require("./cjs/animated-number.cjs");require("./cjs/checkbox.cjs");require("./cjs/col.cjs");require("./cjs/config-provider.cjs");require("./cjs/date-picker.cjs");require("./cjs/date-select.cjs");require("./cjs/drawer.cjs");require("./cjs/dropdown.cjs");require("./cjs/gradual-highlight.cjs");const X=require("@vavt/util");require("./cjs/input.cjs");const V=require("./cjs/layz-image.cjs");require("./cjs/parameter-box.cjs");require("./cjs/radio.cjs");require("./cjs/row.cjs");require("./cjs/select.cjs");require("./cjs/swiper-showcase.cjs");require("./cjs/swiper-vehicle.cjs");const q=require("./cjs/tab-indicator.cjs"),$=require("./cjs/video.cjs"),W=["innerHTML"],O=["innerHTML"],U=["innerHTML"],D=["innerHTML"],A=e.defineComponent({__name:"pc-viewer",props:{title:{},desc:{},dataList:{},extraTopSpacing:{default:0},extraBottomSpacing:{default:0}},setup(l){const p=l,a=e.ref(),v=e.ref(),o=e.ref(),d=e.ref(),f=e.ref(),i=e.ref(),h=e.reactive({container:"",root:"",item:""}),u=r=>typeof r!="number"||Number.isNaN(r)?0:r,g=(r,s,c)=>{const k=Math.min(Math.max(r,0),c),_=Math.min(Math.max(s,0),Math.max(c-k,0));return{safeTop:k,safeBottom:_}},B=()=>{var b;if(!o.value)return;const r=o.value.offsetHeight,s=window.innerHeight,c=((b=i.value)==null?void 0:b.offsetHeight)||0,k=m(i.value),_=u(p.extraTopSpacing),E=u(p.extraBottomSpacing),{safeTop:I,safeBottom:L}=g(_,E,s),C=Math.max(s-I-L,0),z=Math.max((C-c-r-k)/2,0),M=I+z,N=L+z;h.container=`padding-top: ${M}px; padding-bottom: ${N}px; min-height: ${s}px;`;const x=o.value.scrollWidth;h.root=`height: ${Math.max(x,s)}px`},t=()=>{const r=document.documentElement.getAttribute("dir")||"ltr",s=r==="rtl"?"right":"left";if(!a.value||!o.value||!d.value||!f.value)return;const k=a.value.clientHeight-window.innerHeight,{offsetTop:_}=X.getRootOffset(a.value),E=document.documentElement.scrollTop-_;if(E<0){o.value.scrollTo({left:0}),f.value.style[s]="0px";return}if(E>k){const z=o.value.scrollWidth-window.innerWidth;o.value.scrollTo({left:r==="rtl"?-z:z}),f.value.style[s]=d.value.clientWidth-f.value.clientWidth+"px";return}const I=E/k,L=I*(o.value.scrollWidth-window.innerWidth),C=I*(d.value.clientWidth*2/3);o.value.scrollTo({left:r==="rtl"?-L:L}),f.value.style[s]=`${C}px`},w=()=>{h.container="",B()},m=r=>{if(!(r instanceof HTMLElement))return 0;const s=window.getComputedStyle(r),c=parseFloat(s.marginTop)||0,k=parseFloat(s.marginBottom)||0;return c+k};let y;return e.watch(()=>[p.extraTopSpacing,p.extraBottomSpacing],()=>{h.container="",B()}),e.onMounted(()=>{y=new IntersectionObserver(r=>{r.forEach(s=>{s.isIntersecting&&(h.container="",B())})},{root:null,rootMargin:"200px 0px 200px 0px",threshold:0}),window.addEventListener("scroll",t),window.addEventListener("resize",w),a.value&&y.observe(a.value)}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",t),window.removeEventListener("resize",w),y&&y.disconnect()}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer`),style:e.normalizeStyle(h.root)},[e.createElementVNode("div",{ref_key:"containerRef",ref:v,class:e.normalizeClass([`${e.unref(n.PREFIX)}-horizontal-viewer__container`,(r.title||r.desc)&&"has-header"]),style:e.normalizeStyle(h.container)},[r.title||r.desc?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__header`),ref_key:"headerRef",ref:i},[r.title?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:r.title},null,8,W)):e.createCommentVNode("v-if",!0),r.desc?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:r.desc},null,8,O)):e.createCommentVNode("v-if",!0)],2)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"scrollerRef",ref:o,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scroller`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.dataList,c=>(e.openBlock(),e.createElementBlock("div",{key:c.title,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item`)},[c.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:c.url,alt:c.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),{key:1,url:c.url,poster:c.poster,"auto-play":!1},null,8,["url","poster"])),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__content-item-footer`)},[e.createElementVNode("p",{innerHTML:c.title},null,8,U),e.createElementVNode("p",{innerHTML:c.desc},null,8,D)],2)],2))),128))],2)],2),e.createElementVNode("div",{ref_key:"paginationRef",ref:d,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__pagination`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar`)},[e.createElementVNode("div",{ref_key:"scrollbarDragRef",ref:f,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer__scrollbar-drag`)},null,2)],2)],2)],6)],6))}}),Y=e.defineComponent({__name:"mb-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean},indicatorPosition:{}},setup(l){const p=l,a=e.ref();return(v,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:a,class:e.normalizeClass(`${e.unref(n.PREFIX)}-horizontal-viewer-mb`)},[e.createVNode(e.unref(F),e.mergeProps(p,{indicatorType:"image"}),null,16)],2))}}),R=e.defineComponent({__name:"horizontal-viewer",props:{title:{},desc:{},isMobile:{type:Boolean},extraTopSpacing:{},extraBottomSpacing:{},modelValue:{},dataList:{},swiperOptions:{},effect:{},showIntro:{type:Boolean},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{},indicatorType:{},showIndicator:{type:Boolean,default:!0},indicatorPosition:{}},setup(l){const p=l;return(a,v)=>a.isMobile?(e.openBlock(),e.createBlock(Y,e.normalizeProps(e.mergeProps({key:0},p)),null,16)):(e.openBlock(),e.createBlock(A,e.normalizeProps(e.mergeProps({key:1},p)),null,16))}});R.install=l=>(l.component("ScHorizontalViewer",R),l);const Z=R,j=["onClick"],G=["innerHTML"],J=["innerHTML"],P=e.defineComponent({__name:"image-indicator",props:{dataList:{},showIntro:{type:Boolean,default:!0}},emits:["change"],setup(l,{emit:p}){const a=p,v=e.ref(0),o=e.ref([]),d=e.computed(()=>{const i=o.value[v.value];return{height:`${i==null?void 0:i.offsetHeight}px`}}),f=i=>{v.value=i,a("change",i)};return(i,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator`)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__list`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__list-item`,v.value===g?`${e.unref(n.PREFIX)}-image-indicator__active`:""]),onClick:B=>f(g)},[e.createVNode(e.unref(V.ScLayzImage),{src:u.url,alt:u.alt},null,8,["src","alt"])],10,j))),128))],2),i.showIntro?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro`),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.dataList,(u,g)=>(e.openBlock(),e.createElementBlock("div",{key:u.url,ref_for:!0,ref_key:"introItemRef",ref:o,class:e.normalizeClass([`${e.unref(n.PREFIX)}-image-indicator__intro-item`,v.value===g&&`${e.unref(n.PREFIX)}-image-indicator__active`])},[u.title?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-title`),innerHTML:u.title},null,10,G)):e.createCommentVNode("v-if",!0),u.desc?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(`${e.unref(n.PREFIX)}-image-indicator__intro-desc`),innerHTML:u.desc},null,10,J)):e.createCommentVNode("v-if",!0)],2))),128))],6)):e.createCommentVNode("v-if",!0)],2))}});P.install=l=>(l.component("ScImageIndicator",P),l);const T=P,K={class:"swiper-wrapper"},S=e.defineComponent({__name:"swiper-normal",props:{modelValue:{default:0},dataList:{},swiperOptions:{default:()=>({})},effect:{},showIntro:{type:Boolean,default:!0},videoProps:{},indicatorClass:{},tabIndicatorBottom:{},widthType:{default:"full"},indicatorType:{default:"tab"},showIndicator:{type:Boolean,default:!0},indicatorPosition:{default:"relative"}},emits:["change","update:modelValue"],setup(l,{emit:p}){const a=l,v=p;let o=null;const d=e.ref(a.modelValue),f=e.ref(),i=e.computed(()=>{const t=[`${n.PREFIX}-swiper-main`];return a.widthType==="middle"?t.push(`${n.PREFIX}-swiper-main__middle`):t.push(`${n.PREFIX}-swiper-main__full`),t}),h=e.computed(()=>{const t={};return a.tabIndicatorBottom&&(t.position="absolute",t.zIndex=1,t.bottom=typeof a.tabIndicatorBottom=="number"?`${a.tabIndicatorBottom}px`:a.tabIndicatorBottom),t});e.watch(()=>a.modelValue,()=>{d.value=a.modelValue,g(d.value)});const u=e.computed(()=>a.dataList.map(t=>({...t,url:t.type==="img"?t.url||"":t.poster||""}))),g=t=>{o==null||o.slideTo(t)},B=()=>{o==null||o.destroy(),f.value&&(o=new H.Swiper(f.value,{slidesPerView:1,allowTouchMove:!1,effect:a.effect,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},...a.swiperOptions}),o.on("slideChange",t=>{d.value=t.activeIndex,v("change",t.activeIndex),v("update:modelValue",t.activeIndex)}))};return e.onMounted(()=>{B(),window.addEventListener("resize",B)}),e.onBeforeUnmount(()=>{o==null||o.destroy(),window.removeEventListener("resize",B)}),(t,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper`)},[e.createElementVNode("div",{ref_key:"swiperRef",ref:f,class:e.normalizeClass(i.value)},[e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dataList,(m,y)=>(e.openBlock(),e.createElementBlock("div",{key:m.title,class:"swiper-slide"},[m.type==="img"?(e.openBlock(),e.createBlock(e.unref(V.ScLayzImage),{key:0,src:m.url,alt:m.alt},null,8,["src","alt"])):(e.openBlock(),e.createBlock(e.unref($.ScVideo),e.mergeProps({key:1,ref_for:!0},t.videoProps,{url:m.url,poster:m.poster,playable:d.value===y}),null,16,["url","poster","playable"])),m.mask?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(n.PREFIX)}-swiper-mask`)},null,2)):e.createCommentVNode("v-if",!0)]))),128))]),w[2]||(w[2]=e.createStaticVNode('<div class="swiper-button-next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M9.64299 3.12871L9.51887 5.83301L15.6859 12L9.51887 18.167L9.64299 20.8713L18.5143 12L9.64299 3.12871Z" fill="white"></path></svg></div><div class="swiper-button-prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.1289 3.12871L15.2531 5.83301L9.08609 12L15.2531 18.167L15.1289 20.8713L6.25766 12L15.1289 3.12871Z" fill="white"></path></svg></div>',2))],2),t.showIndicator?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.indicatorType==="tab"?(e.openBlock(),e.createBlock(e.unref(q.ScTabIndicator),{key:0,modelValue:d.value,"onUpdate:modelValue":w[0]||(w[0]=m=>d.value=m),class:e.normalizeClass([t.indicatorClass,t.indicatorPosition==="absolute"&&`${e.unref(n.PREFIX)}-swiper-indicator-absolute`]),dataList:t.dataList,"show-intro":t.showIntro,style:e.normalizeStyle(h.value),onChange:g},null,8,["modelValue","class","dataList","show-intro","style"])):(e.openBlock(),e.createBlock(e.unref(T),{key:1,modelValue:d.value,"onUpdate:modelValue":w[1]||(w[1]=m=>d.value=m),dataList:u.value,onChange:g},null,8,["modelValue","dataList"]))],64)):e.createCommentVNode("v-if",!0)],2))}});S.install=l=>(l.component("ScSwiperNormal",S),l);const F=S;exports.ScHorizontalViewer=Z;exports.ScImageIndicator=T;exports.ScSwiperNormal=F;
|