@seresweb/website-component 2.2.2 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/README.md +5 -4
  2. package/dist/_icons-DtBTpiO2.cjs +11 -0
  3. package/dist/_icons-FW35XHO0.js +14 -0
  4. package/dist/_utils-B7LThWoT.js +26 -0
  5. package/dist/_utils-CtkVBTg-.cjs +1 -0
  6. package/dist/cjs/checkbox.cjs +1 -0
  7. package/dist/cjs/col.cjs +1 -0
  8. package/dist/cjs/config-provider.cjs +1 -0
  9. package/dist/cjs/date-picker.cjs +1 -0
  10. package/dist/cjs/date-select.cjs +1 -0
  11. package/dist/cjs/horizontal-viewer.cjs +1 -1
  12. package/dist/cjs/image-indicator.cjs +1 -1
  13. package/dist/cjs/index.cjs +1 -1
  14. package/dist/cjs/input.cjs +1 -1
  15. package/dist/cjs/layz-image.cjs +1 -1
  16. package/dist/cjs/locales.cjs +1 -0
  17. package/dist/cjs/parameter-box.cjs +1 -1
  18. package/dist/cjs/radio.cjs +1 -1
  19. package/dist/cjs/row.cjs +1 -0
  20. package/dist/cjs/select.cjs +1 -0
  21. package/dist/cjs/swiper-normal.cjs +1 -1
  22. package/dist/cjs/swiper-showcase.cjs +1 -1
  23. package/dist/cjs/tab-indicator.cjs +1 -1
  24. package/dist/css/checkbox.css +1 -0
  25. package/dist/css/col.css +1 -0
  26. package/dist/css/date-picker.css +1 -0
  27. package/dist/css/date-select.css +1 -0
  28. package/dist/css/input.css +1 -1
  29. package/dist/css/radio.css +1 -1
  30. package/dist/css/row.css +1 -0
  31. package/dist/css/select.css +1 -0
  32. package/dist/en-US-BBTWftdk.js +35 -0
  33. package/dist/en-US-UkqgG0fb.cjs +1 -0
  34. package/dist/es/checkbox.mjs +82 -0
  35. package/dist/es/col.mjs +48 -0
  36. package/dist/es/config-provider.mjs +17 -0
  37. package/dist/es/date-picker.mjs +6 -0
  38. package/dist/es/date-select.mjs +113 -0
  39. package/dist/es/horizontal-viewer.mjs +1 -1
  40. package/dist/es/image-indicator.mjs +1 -1
  41. package/dist/es/index.mjs +61 -41
  42. package/dist/es/input.mjs +17 -16
  43. package/dist/es/layz-image.mjs +18 -17
  44. package/dist/es/locales.mjs +41 -0
  45. package/dist/es/parameter-box.mjs +123 -85
  46. package/dist/es/radio.mjs +27 -23
  47. package/dist/es/row.mjs +63 -0
  48. package/dist/es/select.mjs +210 -0
  49. package/dist/es/swiper-normal.mjs +1 -1
  50. package/dist/es/swiper-showcase.mjs +37 -37
  51. package/dist/es/tab-indicator.mjs +65 -79
  52. package/dist/global.d.ts +8 -0
  53. package/dist/index-B-sVxtkA.cjs +1 -0
  54. package/dist/{index-tkvNmWjy.js → index-BPX4w5Vn.js} +113 -106
  55. package/dist/index-Bc4wAl0z.js +644 -0
  56. package/dist/index-CEjz1ubF.cjs +1 -0
  57. package/dist/index.css +1 -1
  58. package/dist/scss/checkbox.scss +155 -0
  59. package/dist/scss/col.scss +16 -0
  60. package/dist/scss/date-picker.scss +226 -0
  61. package/dist/scss/date-select.scss +41 -0
  62. package/dist/scss/index.scss +6 -0
  63. package/dist/scss/input.scss +44 -4
  64. package/dist/scss/radio.scss +6 -6
  65. package/dist/scss/row.scss +10 -0
  66. package/dist/scss/select.scss +210 -0
  67. package/dist/types/components/_icons.d.ts +4 -0
  68. package/dist/types/components/_utils.d.ts +4 -0
  69. package/dist/types/components/checkbox/checkbox.vue.d.ts +24 -0
  70. package/dist/types/components/checkbox/index.d.ts +6 -0
  71. package/dist/types/components/checkbox/type.d.ts +30 -0
  72. package/dist/types/components/col/col.vue.d.ts +21 -0
  73. package/dist/types/components/col/index.d.ts +6 -0
  74. package/dist/types/components/col/type.d.ts +24 -0
  75. package/dist/types/components/config-provider/config-provider.vue.d.ts +20 -0
  76. package/dist/types/components/config-provider/index.d.ts +27 -0
  77. package/dist/types/components/config-provider/type.d.ts +4 -0
  78. package/dist/types/components/date-picker/date-picker.vue.d.ts +16 -0
  79. package/dist/types/components/date-picker/index.d.ts +53 -0
  80. package/dist/types/components/date-picker/type.d.ts +12 -0
  81. package/dist/types/components/date-select/date-select.vue.d.ts +16 -0
  82. package/dist/types/components/date-select/index.d.ts +7 -0
  83. package/dist/types/components/date-select/type.d.ts +16 -0
  84. package/dist/types/components/index.d.ts +8 -0
  85. package/dist/types/components/input/input.vue.d.ts +1 -0
  86. package/dist/types/components/input/type.d.ts +1 -0
  87. package/dist/types/components/locales/ar-SA.d.ts +20 -0
  88. package/dist/types/components/locales/en-US.d.ts +20 -0
  89. package/dist/types/components/locales/index.d.ts +44 -0
  90. package/dist/types/components/radio/radio.vue.d.ts +2 -2
  91. package/dist/types/components/row/index.d.ts +6 -0
  92. package/dist/types/components/row/row.vue.d.ts +23 -0
  93. package/dist/types/components/row/type.d.ts +7 -0
  94. package/dist/types/components/select/index.d.ts +7 -0
  95. package/dist/types/components/select/select.vue.d.ts +48 -0
  96. package/dist/types/components/select/type.d.ts +20 -0
  97. package/dist/types/components/swiper-normal/swiper-normal.vue.d.ts +2 -2
  98. package/dist/types/components/swiper-vehicle/swiper-vehicle.vue.d.ts +2 -2
  99. package/dist/types/components/tab-indicator/tab-indicator.vue.d.ts +2 -2
  100. package/package.json +2 -1
  101. package/dist/index-BIPlvoY9.cjs +0 -1
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - var(--swiper-navigation-size) / 2);margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal~.swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-next .swiper-navigation-icon{transform:rotate(180deg)}.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,.swiper-horizontal.swiper-rtl~.swiper-button-prev .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - var(--swiper-navigation-size) / 2);margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}.swiper-vertical .swiper-button-prev .swiper-navigation-icon,.swiper-vertical~.swiper-button-prev .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}.swiper-vertical .swiper-button-next .swiper-navigation-icon,.swiper-vertical~.swiper-button-next .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.sc-fade-enter-active,.sc-fade-leave-active{transition:opacity .3s ease}.sc-fade-enter-from,.sc-fade-leave-to{opacity:0}.sc-fade-enter-to,.sc-fade-leave-from{opacity:1}.sc-accordion-enter-active,.sc-accordion-leave-active{transition:height .3s ease,opacity .3s ease;overflow:hidden}.sc-accordion-enter-from,.sc-accordion-leave-to{height:0;opacity:0}.sc-accordion-enter-to,.sc-accordion-leave-from{opacity:1}.sc-drawer-top-enter-from,.sc-drawer-top-leave-to{opacity:0;transform:translateY(-100%)}.sc-drawer-top-enter-active,.sc-drawer-top-leave-active{transition:all .3s ease}.sc-drawer-top-enter-to,.sc-drawer-top-leave-from{transform:translate(0);opacity:1}.sc-drawer-bottom-enter-from,.sc-drawer-bottom-leave-to{opacity:0;transform:translateY(100%)}.sc-drawer-bottom-enter-active,.sc-drawer-bottom-leave-active{transition:all .3s ease}.sc-drawer-bottom-enter-to,.sc-drawer-bottom-leave-from{transform:translate(0);opacity:1}.sc-drawer-left-enter-from,.sc-drawer-left-leave-to{opacity:0;transform:translate(-100%)}.sc-drawer-left-enter-active,.sc-drawer-left-leave-active{transition:all .3s ease}.sc-drawer-left-enter-to,.sc-drawer-left-leave-from{transform:translate(0);opacity:1}.sc-drawer-right-enter-from,.sc-drawer-right-leave-to{opacity:0;transform:translate(100%)}.sc-drawer-right-enter-active,.sc-drawer-right-leave-active{transition:all .3s ease}.sc-drawer-right-enter-to,.sc-drawer-right-leave-from{transform:translate(0);opacity:1}.sc-dropdown-enter-from,.sc-dropdown-leave-to{transform-origin:top;transform:scaleY(0);opacity:0}.sc-dropdown-enter-active,.sc-dropdown-leave-active{transition-duration:.3s}.sc-dropdown-leave-from,.sc-dropdown-enter-to{transform-origin:top;transform:scaleY(1);opacity:1}@keyframes sc-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(0)}to{transform:translate(0)}}.sc-shake{animation:sc-shake-horizontal .6s cubic-bezier(.36,.07,.19,.97) both}.sc-shake--infinite{animation-iteration-count:infinite;animation-duration:1s}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio.disabled{opacity:.5;pointer-events:none}.sc-radio .radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio .radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio .radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio .radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio .radio-input:checked~.radio-box{background-color:#000}.sc-radio .radio-input:checked~.radio-box:after{display:block}.sc-radio:not(.disabled):hover .radio-box{border-color:#000}.sc-input{font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid rgba(0,0,0,.1);transition:border-color .3s ease-in-out}.sc-input:hover{border-color:#000}.sc-input input{border:none;outline:none;flex:1;height:54px}.sc-input input::placeholder{height:25px;font-weight:500;color:#000;line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1}@media (max-width: 768px){.sc-input{font-size:14px}}
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__clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:4px;cursor:pointer;color:var(--sc-select-text-color);font-size:20px;font-weight:300;opacity:.6;transition:opacity .2s}.sc-select__clear:hover{opacity:1}.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;flex-shrink:0}.sc-select__icon svg{width:100%;height:100%;fill:currentColor}.sc-select__icon--open{transform:rotate(-180deg)}.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:42px}}@media (max-width: 360px){.sc-date-picker__day{font-size:12px;border-radius:5px;min-height:36px}}.sc-date-picker__day:hover:not(.sc-date-picker__day--disabled):not(.sc-date-picker__day--other-month):not(.sc-date-picker__day--selected){background-color:var(--sc-date-picker-day-hover-bg)}.sc-date-picker__day--today{border:1px solid #1054f2;color:#1054f2}.sc-date-picker__day--selected{background-color:#1054f2;color:#fff;box-shadow:0 0 0 2px #409eff29;font-weight:600}.sc-date-picker__day--other-month{color:var(--sc-date-picker-other-month-color);cursor:default}.sc-date-picker__day--disabled{color:var(--sc-date-picker-disabled-color);cursor:not-allowed;text-decoration:line-through}html.dark .sc-date-picker,.sc-date-picker--dark{--sc-date-picker-bg: #262626;--sc-date-picker-border-color: rgba(255, 255, 255, .2);--sc-date-picker-text-color: #fff;--sc-date-picker-weekday-color: rgba(255, 255, 255, .6);--sc-date-picker-day-color: rgba(255, 255, 255, .85);--sc-date-picker-day-hover-bg: #333;--sc-date-picker-nav-color: rgba(255, 255, 255, .85);--sc-date-picker-nav-hover-bg: #333;--sc-date-picker-other-month-color: rgba(255, 255, 255, .3);--sc-date-picker-disabled-color: rgba(255, 255, 255, .3)}.sc-date-select{display:inline-block;width:100%}.sc-date-select .sc-date-select__placeholder{opacity:.3}.sc-date-select .sc-date-select__panel{padding:0}.sc-date-select .sc-date-select__panel .sc-date-picker__panel{padding:12px 12px 6px;border:0;box-shadow:none;border-radius:0;background:transparent}.sc-date-select .sc-select__dropdown{max-height:fit-content}html.dark .sc-date-select .sc-date-select__placeholder,.sc-date-select--dark .sc-date-select__placeholder{opacity:.3}.sc-dropdown-wrapper{position:relative;display:inline-flex;justify-content:center}.sc-dropdown-trigger{cursor:pointer}.sc-dropdown-content{position:absolute;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;overflow:hidden;z-index:100}.sc-player-wrapper{width:100%;height:100%;position:relative;display:inline-block}.sc-player-wrapper.is-multiple{position:absolute;left:0;top:0}.sc-player-wrapper .sc-player-poster{width:100%;height:100%}.sc-player-wrapper video{width:100%;height:100%;object-fit:fill}.sc-player-wrapper .sc-player-btn{position:absolute;bottom:65px;right:47px;z-index:100;color:#fff;cursor:pointer;outline:none;border:0;background-color:transparent}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:50px;height:50px;vertical-align:middle;margin-right:22px}.sc-player-wrapper .sc-player-btn-text{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:36px;color:#fff;line-height:42px;text-align:left;font-style:normal;text-transform:none;display:inline-block;vertical-align:middle}body>.sc-player-wrapper{display:none}body>.sc-player-is-fullscreen{display:flex;justify-content:center;align-items:center}.sc-player-is-fullscreen{background-color:#000000f9;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:100px;box-sizing:border-box;display:flex;align-items:center}.sc-player-is-fullscreen video{height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);object-fit:contain}.sc-player-is-fullscreen .sc-player-close-btn{position:absolute;right:40px;top:40px;border:none;outline:none;background-color:transparent;color:#fff;cursor:pointer}@media (max-width: 768px){.sc-player-wrapper video{object-fit:cover}.sc-player-wrapper .sc-player-btn{bottom:20px;right:20px}.sc-player-wrapper .sc-player-btn .sc-player-icon{width:24px;height:24px;margin-right:10px}.sc-player-wrapper .sc-player-btn-text{font-size:16px;line-height:19px;text-align:left;margin-left:0}}.sc-player-is-fullscreen{padding:24px}.sc-player-is-fullscreen .sc-player-close-btn{right:40px;top:40px}.sc-player-is-fullscreen .sc-player-close-btn .sc-player-icon{width:20px;height:20px}html[dir=rtl] .sc-player-wrapper .sc-player-btn{left:47px;right:unset}html[dir=rtl] .sc-player-wrapper .sc-player-btn .sc-player-icon{margin-right:0}html[dir=rtl] .sc-player-wrapper .sc-player-btn-text{margin-right:10px}html[dir=rtl] .sc-player-is-fullscreen .sc-player-close-btn{left:40px;right:unset}@media (max-width: 768px){html[dir=rtl] .sc-player-wrapper .sc-player-btn{bottom:20px;left:20px;right:unset}}.sc-drawer,.sc-drawer-trigger{position:relative}.sc-drawer-wrapper{position:fixed;background:#fff;box-shadow:0 4px 12px #0000001a;pointer-events:auto;width:100%;transition:all .3s ease;display:flex;flex-direction:column}.sc-drawer-header{padding:20px 20px 0;margin-bottom:20px;position:relative}.sc-drawer-content{flex:1;overflow:auto;padding:20px}.sc-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.sc-drawer-top{top:0;left:0;width:100vw}.sc-drawer-bottom{bottom:0;left:0;width:100vw}.sc-drawer-left{top:0;left:0;width:50vw;height:100vh}.sc-drawer-right{top:0;right:0;width:50vw;height:100vh}.sc-picture{display:flex}.sc-picture .sc-img{width:100%;height:100%;object-fit:cover}.sc-tab-indicator{color:#fff}.sc-tab-indicator__scroll{overflow-x:auto}.sc-tab-indicator__scroll::-webkit-scrollbar{display:none}.sc-tab-indicator__main{display:flex;justify-content:space-between;position:relative;margin-bottom:16px}.sc-tab-indicator__item{font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:20px;line-height:24px;text-align:center;white-space:nowrap;padding:0 40px;flex:1;opacity:.6;display:flex;align-items:center;justify-content:center;cursor:pointer}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:40px}.sc-tab-indicator__active{opacity:1!important}.sc-tab-indicator__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;margin-bottom:20px;background-color:#fff6}.sc-tab-indicator__scrollbar-drag{position:absolute;height:4px;top:50%;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;width:20px;transition:transform .5s,width .5s}.sc-tab-indicator__intro{position:relative}.sc-tab-indicator__intro-item{font-family:HarmonyOS_Sans_Light;text-align:center;word-wrap:break-word;white-space:normal;width:100%;font-weight:400;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-tab-indicator__separate .sc-tab-indicator__active{color:#caab78}.sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:60px}@media (max-width: 768px){.sc-tab-indicator__item{font-size:16px;padding:0}.sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}.sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-left:10px}}html[dir=rtl] .sc-tab-indicator .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:40px;margin-left:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item{padding:0}html[dir=rtl] .sc-tab-indicator__adapt .sc-tab-indicator__item+.sc-tab-indicator__item{margin-right:60px;margin-left:0}.sc-swiper{--swiper-navigation-sides-offset: 48px;position:relative;display:flex;flex-direction:column;align-items:center}.sc-swiper-main{overflow:hidden;position:relative}.sc-swiper-main__middle{width:1400px}.sc-swiper-main__full{width:100%}.sc-swiper-main .swiper-slide{height:auto}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{width:fit-content;height:fit-content;padding:12px;border-radius:50%;background-color:#3339;transform:translateY(-50%);transition:all .3s}.sc-swiper-main .swiper-button-next:hover,.sc-swiper-main .swiper-button-prev:hover{background-color:#333c}.sc-swiper-main .swiper-button-next svg,.sc-swiper-main .swiper-button-prev svg{width:24px;height:24px}.sc-swiper-main .swiper-button-next:after,.sc-swiper-main .swiper-button-prev:after{display:none}.sc-swiper-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(180deg,#0000 60.02%,#000000a6)}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{margin-top:40px;max-width:100%;width:fit-content}.sc-swiper-indicator-absolute{z-index:100;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.sc-swiper-main__middle{width:100%}.sc-swiper-main .swiper-button-next,.sc-swiper-main .swiper-button-prev{display:none}.sc-swiper .sc-tab-indicator,.sc-swiper .sc-image-indicator{width:100%;margin-top:20px}.sc-swiper .sc-tab-indicator__wrap,.sc-swiper .sc-tab-indicator__main,.sc-swiper .sc-image-indicator__wrap,.sc-swiper .sc-image-indicator__main{width:fit-content}.sc-swiper .sc-tab-indicator__item,.sc-swiper .sc-image-indicator__item{width:155px;word-break:normal;overflow-wrap:break-word;white-space:normal}.sc-swiper-indicator-absolute{position:relative;bottom:unset;left:unset;transform:unset}}.sc-swiper-showcase{width:100%;color:#fff;display:flex;flex-direction:column;gap:16px}.sc-swiper-showcase__main{width:100%}.sc-swiper-showcase .swiper-slide{height:auto}.sc-swiper-showcase__card{display:flex;flex-direction:column;overflow:hidden;height:100%}.sc-swiper-showcase__media{position:relative;width:100%}.sc-swiper-showcase__tag{position:absolute;top:0;left:0;padding:14px 30px;background:#0009;border-radius:1px;z-index:2;font-weight:400;font-size:24px;line-height:30px;color:#fff}.sc-swiper-showcase__image{width:100%;height:100%;display:block}.sc-swiper-showcase .sc-img{width:100%;height:100%;object-fit:cover;background-color:transparent}.sc-swiper-showcase__info{margin-block-start:24px;display:flex;flex-direction:column;gap:6px}.sc-swiper-showcase__title{font-family:HarmonyOS_Sans_Medium;font-size:18px;line-height:26px;font-weight:600;letter-spacing:.2px}.sc-swiper-showcase__date{font-family:HarmonyOS_Sans_Regular;color:#fff9;font-size:14px;line-height:20px;font-weight:400}.sc-swiper-showcase__desc{font-family:HarmonyOS_Sans_Regular;color:#fff;font-size:14px;font-weight:400;line-height:20px}.sc-swiper-showcase__link{font-family:HarmonyOS_Sans_Medium;color:#61a1d7;font-size:14px;line-height:20px;font-weight:500;text-decoration:underline;margin-block-start:4px;display:inline-block;width:fit-content;transition:opacity .2s ease}.sc-swiper-showcase__link:hover{opacity:.8}.sc-swiper-showcase__nav{display:flex;gap:12px;justify-content:flex-end}.sc-swiper-showcase__nav-btn{width:48px;height:48px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sc-swiper-showcase__nav-btn:hover:not(:disabled){opacity:.85}.sc-swiper-showcase__nav-btn:disabled{cursor:not-allowed;opacity:.35}.sc-swiper-showcase__nav-icon{width:48px;height:48px;display:block}.sc-swiper-showcase__nav-icon--prev{transform:rotate(180deg)}@media (max-width: 768px){.sc-swiper-showcase{gap:40px}.sc-swiper-showcase__tag{padding:5px 20px;font-size:20px;line-height:28px}.sc-swiper-showcase__info{gap:16px}.sc-swiper-showcase__title{font-size:24px;line-height:36px;font-weight:500}.sc-swiper-showcase__date{font-size:18px;line-height:25px}.sc-swiper-showcase__desc{font-size:12px;line-height:18px}.sc-swiper-showcase__link{font-size:16px}}.sc-accordion-info{display:flex;gap:40px;background-color:#000;color:#fff;border-radius:12px}.sc-accordion-info__image{flex:1;position:relative;height:760px}.sc-accordion-info__image .sc-picture{position:absolute;top:0;left:0;width:100%;height:100%}.sc-accordion-info__content{width:500px}.sc-accordion-info__item{cursor:pointer;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.sc-accordion-info__header{display:flex;justify-content:space-between;align-items:center;line-height:54px}.sc-accordion-info__title{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Medium;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.sc-accordion-info__icon{font-size:20px}.sc-accordion-info__desc{font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0}@media (max-width: 768px){.sc-accordion-info{flex-direction:column;gap:20px}.sc-accordion-info__image{width:100%;height:240px;flex:unset}.sc-accordion-info__content{width:100%}.sc-accordion-info__item{padding:24px 0}.sc-accordion-info__header{line-height:48px}.sc-accordion-info__title{font-size:16px;font-style:normal;font-weight:500;line-height:24px}.sc-accordion-info__desc{font-size:10px;font-style:normal;font-weight:400;line-height:normal}}.sc-horizontal-viewer{width:100vw;height:4000px;color:#fff;background-color:#000;position:relative}.sc-horizontal-viewer__header{width:1400px;margin:0 auto 40px}.sc-horizontal-viewer__header p:nth-of-type(1){color:#caab78;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:44px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:16px}.sc-horizontal-viewer__header p:nth-of-type(2){color:#fff;font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:18px;font-style:normal;font-weight:400;line-height:27px}.sc-horizontal-viewer__container{width:100%;height:100vh;box-sizing:border-box;position:sticky;padding-top:160px;top:0;overflow:hidden}.sc-horizontal-viewer__container.has-header{padding-top:80px}.sc-horizontal-viewer__scroller{width:100%;box-sizing:border-box;padding:0 260px;overflow-x:hidden}.sc-horizontal-viewer__content{width:fit-content;display:flex;align-items:stretch;margin-bottom:40px}.sc-horizontal-viewer__content-item{position:relative;flex-shrink:0;width:1400px;min-height:360px;height:min(75vh,900px);max-height:900px;overflow:hidden}.sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:40px}.sc-horizontal-viewer__content-item .sc-picture,.sc-horizontal-viewer__content-item .sc-player-wrapper{width:100%;height:100%}.sc-horizontal-viewer__content-item .sc-picture img{width:100%;height:100%;object-fit:cover}.sc-horizontal-viewer__content-item-footer{position:absolute;bottom:40px;left:40px;right:40px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(1){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Regular;font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-horizontal-viewer__content-item-footer p:nth-of-type(2){font-feature-settings:"liga" off,"clig" off;font-family:HarmonyOS_Sans_Light;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sc-horizontal-viewer .has-header .sc-horizontal-viewer__content-item{width:1200px}.sc-horizontal-viewer__pagination{width:1400px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.sc-horizontal-viewer__scrollbar{position:relative;width:100%;height:2px;border-radius:1px;background-color:#fff6}.sc-horizontal-viewer__scrollbar-drag{width:33.33%;position:absolute;height:4px;margin-top:-3px;left:0;border-radius:1px;background-color:#caab78;transition:transform .5s,width .5s}.sc-horizontal-viewer-mb{width:100vw;padding:0 24px;box-sizing:border-box;color:#fff}html[dir=rtl] .sc-horizontal-viewer__content-item+.sc-horizontal-viewer__content-item{margin-left:0;margin-right:40px}.sc-swiper-vehicle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.sc-swiper-vehicle__bg{width:100%;height:100%;position:absolute;left:0;top:0}.sc-swiper-vehicle__main{overflow:hidden;width:100%;height:100%}.sc-swiper-vehicle__main .swiper-slide .sc-picture{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__text-bg{font-family:HarmonyOS_Sans_Light;font-weight:400;font-size:160px;font-style:normal;text-transform:none;white-space:nowrap;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#ffffff40,#ffffff0d);position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.sc-swiper-vehicle__indicator{margin-top:22px;display:flex;flex-direction:column;z-index:2}.sc-swiper-vehicle__indicator-control{display:flex;padding:14px 16px;align-items:center;gap:16px;border-radius:100px;background-color:#fff3;margin-bottom:16px}.sc-swiper-vehicle__indicator-control .color-stroke{border-radius:50%;width:24px;height:24px;border:1px solid transparent;position:relative;transition:transform .5s cubic-bezier(0,.5,0,.23);cursor:pointer}.sc-swiper-vehicle__indicator-control .color-stroke.active{transform:scale(1.33);border-color:#fff!important}.sc-swiper-vehicle__indicator-text{font-family:HarmonyOS_Sans_Light;position:relative;font-weight:400;white-space:nowrap;font-size:16px;line-height:22px;text-align:center;color:#fff}@media (max-width: 768px){.sc-swiper-vehicle__main .swiper-slide .sc-picture.sc-swiper-vehicle__full-height{height:100%}}.sc-image-indicator{color:#fff;font-family:HarmonyOS_Sans_Regular}.sc-image-indicator__list{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.sc-image-indicator__list-item{flex:1;flex-shrink:0;opacity:.5;transition:opacity .5s}.sc-image-indicator .sc-image-indicator__active{opacity:1}.sc-image-indicator__intro{position:relative}.sc-image-indicator__intro-item{word-wrap:break-word;white-space:normal;width:100%;position:absolute;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s}.sc-image-indicator__intro-title{font-size:24px;font-style:normal;font-weight:500;line-height:36px;margin-bottom:8px}.sc-image-indicator__intro-desc{font-size:16px;font-style:normal;font-weight:400;line-height:24px}@media (max-width: 768px){.sc-image-indicator__list{gap:8px;margin-bottom:20px}.sc-image-indicator__intro-item{text-align:center}.sc-image-indicator__intro-title{font-size:16px;line-height:24px}.sc-image-indicator__intro-desc{font-size:10px;line-height:normal}}.sc-gradual-highlight__wrap{position:relative}.sc-gradual-highlight__origin{line-height:1;vertical-align:text-top}.sc-gradual-highlight__pass{display:inline-block;height:100%;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%;transition:width .1s linear;line-height:1}.sc-parameter-box{width:1400px;display:flex;justify-content:space-between}.sc-parameter-box .parameter-item{border-right-color:#fff6;border-right-width:1px;border-right-style:solid;flex:1;display:flex;justify-content:center}.sc-parameter-box .parameter-item:last-child{border-right:none}.sc-parameter-box .parameter-item .parameter-wrap{width:fit-content;text-align:left}.sc-parameter-box .parameter-item .item-value{color:#fff;font-family:HarmonyOS_Sans_Light;font-size:44px;line-height:52px;font-weight:300}.sc-parameter-box .parameter-item .item-name{color:#fff9;font-family:HarmonyOS_Sans_Light;font-size:18px;font-weight:400;line-height:21px}.sc-parameter-box .parameter-item .item-name+.item-value,.sc-parameter-box .parameter-item .item-value+.item-name{margin-top:8px}.sc-parameter-box--dark .parameter-item{border-right-color:#0006}.sc-parameter-box--dark .parameter-item .item-value{color:#000}.sc-parameter-box--dark .parameter-item .item-name{color:#0009}@media (max-width: 768px){.sc-parameter-box{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sc-parameter-box .parameter-item{justify-content:flex-start}.sc-parameter-box .parameter-item:nth-child(2n){border-right-width:0}.sc-parameter-box .parameter-item .item-value{font-size:28px;line-height:33px}.sc-parameter-box .parameter-item .item-name{font-size:12px;line-height:14px}.sc-parameter-box--inline{display:flex;grid-template-columns:unset;flex-direction:row}.sc-parameter-box--inline .parameter-item:nth-child(2n){border-right-width:1px}}.sc-radio{display:inline-flex;align-items:flex-start;font-size:16px;color:#000;cursor:pointer}.sc-radio-disabled{opacity:.5;pointer-events:none}.sc-radio-input{position:absolute;opacity:0;width:0;height:0}.sc-radio-box{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:3px}.sc-radio-box:after{content:"";position:absolute;display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-.5px,-.5px)}.sc-radio-label{margin-left:8px;font-family:HarmonyOS_Sans_Regular;font-weight:400;font-size:16px;color:#000}.sc-radio-input:checked~.sc-radio-box{background-color:#000}.sc-radio-input:checked~.sc-radio-box:after{display:block}.sc-radio:not(.sc-radio-disabled):hover .sc-radio-box{border-color:#000}.sc-checkbox{--sc-checkbox-border-color: #dcdfe6;--sc-checkbox-bg: #fff;--sc-checkbox-checked-bg: #1054f2;--sc-checkbox-checked-border-color: #1054f2;--sc-checkbox-label-color: #606266;--sc-checkbox-disabled-bg: #f5f7fa;--sc-checkbox-disabled-border-color: #e4e7ed;--sc-checkbox-disabled-label-color: #c0c4cc;--sc-checkbox-hover-border-color: #1054f2;position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:HarmonyOS_Sans_Regular}.sc-checkbox-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sc-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid var(--sc-checkbox-border-color);border-radius:4px;background-color:var(--sc-checkbox-bg);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sc-checkbox-box:after{content:"";position:absolute;display:none;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg) translate(-1px,-1px)}.sc-checkbox-label{margin-inline-start:10px;font-size:16px;color:var(--sc-checkbox-label-color);line-height:24px;transition:color .2s}.sc-checkbox-label:empty{margin-inline-start:0}.sc-checkbox:hover .sc-checkbox-box{border-color:var(--sc-checkbox-hover-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box{background-color:var(--sc-checkbox-checked-bg);border-color:var(--sc-checkbox-checked-border-color)}.sc-checkbox-input:checked~.sc-checkbox-box:after{display:block}.sc-checkbox.sc-disabled{cursor:not-allowed;opacity:.6}.sc-checkbox.sc-disabled .sc-checkbox-box{background-color:var(--sc-checkbox-disabled-bg);border-color:var(--sc-checkbox-disabled-border-color)}.sc-checkbox.sc-disabled .sc-checkbox-label{color:var(--sc-checkbox-disabled-label-color)}.sc-checkbox.sc-disabled:hover .sc-checkbox-box{border-color:var(--sc-checkbox-disabled-border-color)}html.dark .sc-checkbox{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}html.dark .sc-checkbox .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}.sc-checkbox--dark{--sc-checkbox-border-color: rgba(255, 255, 255, .5);--sc-checkbox-bg: #262626;--sc-checkbox-checked-bg: #fff;--sc-checkbox-checked-border-color: #fff;--sc-checkbox-label-color: rgba(255, 255, 255, .85);--sc-checkbox-disabled-bg: #333;--sc-checkbox-disabled-border-color: rgba(255, 255, 255, .2);--sc-checkbox-disabled-label-color: rgba(255, 255, 255, .3);--sc-checkbox-hover-border-color: #fff}.sc-checkbox--dark .sc-checkbox-input:checked~.sc-checkbox-box:after{border-color:#000}@media (max-width: 768px){.sc-checkbox-box{width:22px;height:22px}.sc-checkbox-label{font-size:13px;margin-inline-start:6px;line-height:22px}}.sc-input{--sc-input-border-color: rgba(0, 0, 0, .1);--sc-input-border-hover-color: #000;--sc-input-text-color: #000;--sc-input-bg-color: transparent;--sc-input-placeholder-color: #000;font-size:16px;display:flex;align-items:center;position:relative;margin-top:4px;height:54px;border-radius:2px;border-bottom:1px solid var(--sc-input-border-color);background-color:var(--sc-input-bg-color);transition:border-color .3s ease-in-out}.sc-input:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--sc-input-border-hover-color);transition:width .3s ease-in-out}.sc-input:hover:after{width:100%}.sc-input input{border:none;outline:none;flex:1;height:54px;background-color:inherit;color:var(--sc-input-text-color)}.sc-input input::placeholder{height:25px;font-weight:500;color:var(--sc-input-placeholder-color);line-height:21px;opacity:.3}.sc-input__prefix,.sc-input__suffix{display:flex;align-items:center;height:100%;padding:0 8px;position:relative;z-index:1;color:var(--sc-input-text-color)}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%}
package/dist/scss/checkbox.scss ADDED
@@ -0,0 +1,155 @@
1
+ @use './_vars' as vars;
2
+
3
+ .#{vars.$prefix}-checkbox {
4
+ // 默认亮色模式变量
5
+ --#{vars.$prefix}-checkbox-border-color: #dcdfe6;
6
+ --#{vars.$prefix}-checkbox-bg: #fff;
7
+ --#{vars.$prefix}-checkbox-checked-bg: #1054f2;
8
+ --#{vars.$prefix}-checkbox-checked-border-color: #1054f2;
9
+ --#{vars.$prefix}-checkbox-label-color: #606266;
10
+ --#{vars.$prefix}-checkbox-disabled-bg: #f5f7fa;
11
+ --#{vars.$prefix}-checkbox-disabled-border-color: #e4e7ed;
12
+ --#{vars.$prefix}-checkbox-disabled-label-color: #c0c4cc;
13
+ --#{vars.$prefix}-checkbox-hover-border-color: #1054f2;
14
+
15
+ position: relative;
16
+ display: inline-flex;
17
+ align-items: center;
18
+ cursor: pointer;
19
+ user-select: none;
20
+ -webkit-tap-highlight-color: transparent;
21
+ touch-action: manipulation;
22
+ font-family: HarmonyOS_Sans_Regular;
23
+
24
+ &-input {
25
+ position: absolute;
26
+ opacity: 0;
27
+ width: 0;
28
+ height: 0;
29
+ pointer-events: none;
30
+ }
31
+
32
+ &-box {
33
+ position: relative;
34
+ display: inline-flex;
35
+ align-items: center;
36
+ justify-content: center;
37
+ width: 24px;
38
+ height: 24px;
39
+ border: 2px solid var(--#{vars.$prefix}-checkbox-border-color);
40
+ border-radius: 4px;
41
+ background-color: var(--#{vars.$prefix}-checkbox-bg);
42
+ transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
43
+ flex-shrink: 0;
44
+
45
+ // 勾选标记
46
+ &::after {
47
+ content: '';
48
+ position: absolute;
49
+ display: none;
50
+ width: 6px;
51
+ height: 11px;
52
+ border: solid #fff;
53
+ border-width: 0 2.5px 2.5px 0;
54
+ inset-block-start: 50%;
55
+ inset-inline-start: 50%;
56
+ transform: translate(-50%, -50%) rotate(45deg) translate(-1px, -1px);
57
+ }
58
+ }
59
+
60
+ &-label {
61
+ margin-inline-start: 10px;
62
+ font-size: 16px;
63
+ color: var(--#{vars.$prefix}-checkbox-label-color);
64
+ line-height: 24px;
65
+ transition: color 0.2s;
66
+ // white-space: nowrap;
67
+
68
+ &:empty {
69
+ margin-inline-start: 0;
70
+ }
71
+ }
72
+
73
+ // hover 状态
74
+ &:hover &-box {
75
+ border-color: var(--#{vars.$prefix}-checkbox-hover-border-color);
76
+ }
77
+
78
+ // 选中状态
79
+ &-input:checked ~ &-box {
80
+ background-color: var(--#{vars.$prefix}-checkbox-checked-bg);
81
+ border-color: var(--#{vars.$prefix}-checkbox-checked-border-color);
82
+
83
+ &::after {
84
+ display: block;
85
+ }
86
+ }
87
+
88
+ // 禁用状态
89
+ &.#{vars.$prefix}-disabled {
90
+ cursor: not-allowed;
91
+ opacity: 0.6;
92
+
93
+ .#{vars.$prefix}-checkbox-box {
94
+ background-color: var(--#{vars.$prefix}-checkbox-disabled-bg);
95
+ border-color: var(--#{vars.$prefix}-checkbox-disabled-border-color);
96
+ }
97
+
98
+ .#{vars.$prefix}-checkbox-label {
99
+ color: var(--#{vars.$prefix}-checkbox-disabled-label-color);
100
+ }
101
+
102
+ &:hover .#{vars.$prefix}-checkbox-box {
103
+ border-color: var(--#{vars.$prefix}-checkbox-disabled-border-color);
104
+ }
105
+ }
106
+
107
+ // 全局暗夜模式：html.dark .sc-checkbox
108
+ html.dark & {
109
+ --#{vars.$prefix}-checkbox-border-color: rgba(255, 255, 255, 0.5);
110
+ --#{vars.$prefix}-checkbox-bg: #262626;
111
+ --#{vars.$prefix}-checkbox-checked-bg: #fff;
112
+ --#{vars.$prefix}-checkbox-checked-border-color: #fff;
113
+ --#{vars.$prefix}-checkbox-label-color: rgba(255, 255, 255, 0.85);
114
+ --#{vars.$prefix}-checkbox-disabled-bg: #333;
115
+ --#{vars.$prefix}-checkbox-disabled-border-color: rgba(255, 255, 255, 0.2);
116
+ --#{vars.$prefix}-checkbox-disabled-label-color: rgba(255, 255, 255, 0.3);
117
+ --#{vars.$prefix}-checkbox-hover-border-color: #fff;
118
+
119
+ // 深色模式下勾选标记使用黑色
120
+ .#{vars.$prefix}-checkbox-input:checked ~ .#{vars.$prefix}-checkbox-box::after {
121
+ border-color: #000;
122
+ }
123
+ }
124
+
125
+ // 组件级别暗夜模式：.sc-checkbox--dark
126
+ &--dark {
127
+ --#{vars.$prefix}-checkbox-border-color: rgba(255, 255, 255, 0.5);
128
+ --#{vars.$prefix}-checkbox-bg: #262626;
129
+ --#{vars.$prefix}-checkbox-checked-bg: #fff;
130
+ --#{vars.$prefix}-checkbox-checked-border-color: #fff;
131
+ --#{vars.$prefix}-checkbox-label-color: rgba(255, 255, 255, 0.85);
132
+ --#{vars.$prefix}-checkbox-disabled-bg: #333;
133
+ --#{vars.$prefix}-checkbox-disabled-border-color: rgba(255, 255, 255, 0.2);
134
+ --#{vars.$prefix}-checkbox-disabled-label-color: rgba(255, 255, 255, 0.3);
135
+ --#{vars.$prefix}-checkbox-hover-border-color: #fff;
136
+
137
+ // 深色模式下勾选标记使用黑色
138
+ .#{vars.$prefix}-checkbox-input:checked ~ .#{vars.$prefix}-checkbox-box::after {
139
+ border-color: #000;
140
+ }
141
+ }
142
+
143
+ @media (max-width: 768px) {
144
+ &-box {
145
+ width: 22px;
146
+ height: 22px;
147
+ }
148
+
149
+ &-label {
150
+ font-size: 13px;
151
+ margin-inline-start: 6px;
152
+ line-height: 22px;
153
+ }
154
+ }
155
+ }
package/dist/scss/col.scss ADDED
@@ -0,0 +1,16 @@
1
+ @use './_vars' as vars;
2
+
3
+ .#{vars.$prefix}-col {
4
+ box-sizing: border-box;
5
+
6
+ // 24 列布局
7
+ @for $i from 1 through 24 {
8
+ &--#{$i} {
9
+ width: calc(#{$i} / 24 * 100%);
10
+ }
11
+
12
+ &--offset-#{$i} {
13
+ margin-left: calc(#{$i} / 24 * 100%);
14
+ }
15
+ }
16
+ }
package/dist/scss/date-picker.scss ADDED
@@ -0,0 +1,226 @@
1
+ @use './_vars' as vars;
2
+
3
+ .#{vars.$prefix}-date-picker {
4
+ // 默认亮色模式变量
5
+ --#{vars.$prefix}-date-picker-bg: #fff;
6
+ --#{vars.$prefix}-date-picker-border-color: #e4e7ed;
7
+ --#{vars.$prefix}-date-picker-text-color: #303133;
8
+ --#{vars.$prefix}-date-picker-weekday-color: #909399;
9
+ --#{vars.$prefix}-date-picker-day-color: #606266;
10
+ --#{vars.$prefix}-date-picker-day-hover-bg: #f5f7fa;
11
+ --#{vars.$prefix}-date-picker-nav-color: #606266;
12
+ --#{vars.$prefix}-date-picker-nav-hover-bg: #f5f7fa;
13
+ --#{vars.$prefix}-date-picker-other-month-color: #c0c4cc;
14
+ --#{vars.$prefix}-date-picker-disabled-color: #c0c4cc;
15
+
16
+ position: relative;
17
+ display: block;
18
+ width: 100%;
19
+ max-width: 440px;
20
+ font-family: HarmonyOS_Sans_Regular;
21
+
22
+ @media (max-width: 768px) {
23
+ max-width: none;
24
+ }
25
+
26
+ &--disabled {
27
+ opacity: 0.6;
28
+ cursor: not-allowed;
29
+ }
30
+
31
+ &__panel {
32
+ width: 100%;
33
+ padding: 16px;
34
+ box-sizing: border-box;
35
+ background: var(--#{vars.$prefix}-date-picker-bg);
36
+ border-radius: 12px;
37
+ border: 1px solid var(--#{vars.$prefix}-date-picker-border-color);
38
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
39
+ overflow: hidden;
40
+
41
+ @media (max-width: 768px) {
42
+ padding: 12px;
43
+ }
44
+ }
45
+
46
+ &__header {
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: space-between;
50
+ margin-bottom: 16px;
51
+
52
+ @media (max-width: 768px) {
53
+ margin-bottom: 12px;
54
+ }
55
+ }
56
+
57
+ &__nav {
58
+ width: 36px;
59
+ height: 36px;
60
+ border: none;
61
+ background: transparent;
62
+ border-radius: 6px;
63
+ cursor: pointer;
64
+ font-size: 0;
65
+ color: var(--#{vars.$prefix}-date-picker-nav-color);
66
+ transition: background-color 0.2s;
67
+ -webkit-tap-highlight-color: transparent;
68
+ touch-action: manipulation;
69
+
70
+ &:hover {
71
+ background-color: var(--#{vars.$prefix}-date-picker-nav-hover-bg);
72
+ }
73
+
74
+ &-prev,
75
+ &-next {
76
+ display: inline-flex;
77
+ align-items: center;
78
+ justify-content: center;
79
+ width: 18px;
80
+ height: 18px;
81
+ fill: currentColor;
82
+
83
+ > svg {
84
+ width: 100%;
85
+ height: 100%;
86
+ }
87
+ }
88
+
89
+ &-prev {
90
+ transform: rotate(90deg);
91
+ }
92
+
93
+ &-next {
94
+ transform: rotate(-90deg);
95
+ }
96
+ }
97
+
98
+ &__header-label {
99
+ flex: 1;
100
+ text-align: center;
101
+ font-size: 16px;
102
+ font-weight: 500;
103
+ color: var(--#{vars.$prefix}-date-picker-text-color);
104
+
105
+ @media (max-width: 768px) {
106
+ font-size: 15px;
107
+ }
108
+ }
109
+
110
+ &__weekdays {
111
+ display: grid;
112
+ grid-template-columns: repeat(7, 1fr);
113
+ gap: 4px;
114
+ margin-bottom: 8px;
115
+
116
+ @media (max-width: 768px) {
117
+ gap: 2px;
118
+ margin-bottom: 6px;
119
+ }
120
+ }
121
+
122
+ &__weekday {
123
+ text-align: center;
124
+ font-family: HarmonyOS_Sans_Medium;
125
+ font-size: 12px;
126
+ color: var(--#{vars.$prefix}-date-picker-weekday-color);
127
+ padding: 8px 0;
128
+
129
+ @media (max-width: 768px) {
130
+ font-size: 11px;
131
+ padding: 6px 0;
132
+ }
133
+ }
134
+
135
+ &__days {
136
+ display: grid;
137
+ grid-template-columns: repeat(7, 1fr);
138
+ gap: 10px;
139
+ min-width: 0;
140
+
141
+ @media (max-width: 768px) {
142
+ gap: 2px;
143
+ }
144
+ }
145
+
146
+ &__day {
147
+ aspect-ratio: 1;
148
+ display: flex;
149
+ align-items: center;
150
+ justify-content: center;
151
+ border-radius: 8px;
152
+ font-size: 14px;
153
+ color: var(--#{vars.$prefix}-date-picker-day-color);
154
+ cursor: pointer;
155
+ transition: all 0.2s;
156
+ -webkit-tap-highlight-color: transparent;
157
+ touch-action: manipulation;
158
+
159
+ @media (max-width: 768px) {
160
+ font-size: 13px;
161
+ border-radius: 6px;
162
+ min-height: 42px;
163
+ }
164
+
165
+ @media (max-width: 360px) {
166
+ font-size: 12px;
167
+ border-radius: 5px;
168
+ min-height: 36px;
169
+ }
170
+
171
+ &:hover:not(&--disabled):not(&--other-month):not(&--selected) {
172
+ background-color: var(--#{vars.$prefix}-date-picker-day-hover-bg);
173
+ }
174
+
175
+ &--today {
176
+ border: 1px solid #1054f2;
177
+ color: #1054f2;
178
+ }
179
+
180
+ &--selected {
181
+ background-color: #1054f2;
182
+ color: #fff;
183
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.16);
184
+ font-weight: 600;
185
+ }
186
+
187
+ &--other-month {
188
+ color: var(--#{vars.$prefix}-date-picker-other-month-color);
189
+ cursor: default;
190
+ }
191
+
192
+ &--disabled {
193
+ color: var(--#{vars.$prefix}-date-picker-disabled-color);
194
+ cursor: not-allowed;
195
+ text-decoration: line-through;
196
+ }
197
+ }
198
+
199
+ // 全局暗夜模式：html.dark .sc-date-picker
200
+ html.dark & {
201
+ --#{vars.$prefix}-date-picker-bg: #262626;
202
+ --#{vars.$prefix}-date-picker-border-color: rgba(255, 255, 255, 0.2);
203
+ --#{vars.$prefix}-date-picker-text-color: #fff;
204
+ --#{vars.$prefix}-date-picker-weekday-color: rgba(255, 255, 255, 0.6);
205
+ --#{vars.$prefix}-date-picker-day-color: rgba(255, 255, 255, 0.85);
206
+ --#{vars.$prefix}-date-picker-day-hover-bg: #333;
207
+ --#{vars.$prefix}-date-picker-nav-color: rgba(255, 255, 255, 0.85);
208
+ --#{vars.$prefix}-date-picker-nav-hover-bg: #333;
209
+ --#{vars.$prefix}-date-picker-other-month-color: rgba(255, 255, 255, 0.3);
210
+ --#{vars.$prefix}-date-picker-disabled-color: rgba(255, 255, 255, 0.3);
211
+ }
212
+
213
+ // 组件级别暗夜模式：.sc-date-picker--dark
214
+ &--dark {
215
+ --#{vars.$prefix}-date-picker-bg: #262626;
216
+ --#{vars.$prefix}-date-picker-border-color: rgba(255, 255, 255, 0.2);
217
+ --#{vars.$prefix}-date-picker-text-color: #fff;
218
+ --#{vars.$prefix}-date-picker-weekday-color: rgba(255, 255, 255, 0.6);
219
+ --#{vars.$prefix}-date-picker-day-color: rgba(255, 255, 255, 0.85);
220
+ --#{vars.$prefix}-date-picker-day-hover-bg: #333;
221
+ --#{vars.$prefix}-date-picker-nav-color: rgba(255, 255, 255, 0.85);
222
+ --#{vars.$prefix}-date-picker-nav-hover-bg: #333;
223
+ --#{vars.$prefix}-date-picker-other-month-color: rgba(255, 255, 255, 0.3);
224
+ --#{vars.$prefix}-date-picker-disabled-color: rgba(255, 255, 255, 0.3);
225
+ }
226
+ }
package/dist/scss/date-select.scss ADDED
@@ -0,0 +1,41 @@
1
+ @use './_vars' as vars;
2
+
3
+ .#{vars.$prefix}-date-select {
4
+ display: inline-block;
5
+ width: 100%;
6
+
7
+ .sc-date-select__placeholder {
8
+ opacity: 0.3;
9
+ }
10
+
11
+ .sc-date-select__panel {
12
+ padding: 0;
13
+
14
+ // 让内部 date-picker 的视觉与 sc-select 下拉统一
15
+ .sc-date-picker__panel {
16
+ padding: 12px 12px 6px;
17
+ border: 0;
18
+ box-shadow: none;
19
+ border-radius: 0;
20
+ background: transparent;
21
+ }
22
+ }
23
+
24
+ .sc-select__dropdown {
25
+ max-height: fit-content;
26
+ }
27
+
28
+ // 全局暗夜模式：html.dark .sc-date-select
29
+ html.dark & {
30
+ .sc-date-select__placeholder {
31
+ opacity: 0.3;
32
+ }
33
+ }
34
+
35
+ // 组件级别暗夜模式：.sc-date-select--dark
36
+ &--dark {
37
+ .sc-date-select__placeholder {
38
+ opacity: 0.3;
39
+ }
40
+ }
41
+ }
package/dist/scss/index.scss CHANGED
@@ -1,6 +1,9 @@
1
+ @use './select';
1
2
  @use 'swiper/swiper-bundle.css';
2
3
  @use './animate';
3
4
 
5
+ @use './date-picker';
6
+ @use './date-select';
4
7
  @use './dropdown';
5
8
  @use './video';
6
9
  @use './drawer';
@@ -15,4 +18,7 @@
15
18
  @use './gradual-highlight';
16
19
  @use './parameter-box';
17
20
  @use './radio';
21
+ @use './checkbox';
18
22
  @use './input';
23
+ @use './row';
24
+ @use './col';