/** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-pointer-events{touch-action:pan-y} .swiper-pointer-events.swiper-vertical{touch-action:pan-x} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .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-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none} .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important} .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1} .swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto} .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'} .swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto} .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,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-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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{transform:scale(1)} .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: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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)} .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-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:translateX(-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-progressbar{background: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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: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:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .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(0deg)}100%{transform:rotate(360deg)}} .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-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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden} .swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height} .swiper-cards{overflow:visible} .swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /* font */ /* color */ /* webkit-scrollbar */ /* nav */ /* 侧边栏 客服坐席 */ /* footer */ /* 背景色渐变 */ /* 边框色渐变 */ /* 字体颜色渐变 */ /*sprite*/ /*sprite---产品相关页面*/ /* events */ /* color */ /* 按钮样式 */ /* 标题样式 */ /* 字体样式 */ /* banner样式 */ /* 背景 */ /* sms seo */ /* product-sms-leading */ /* api改版-2026/1/12 */ /* api css */ /* 样式覆盖 */ /* 字体 */ /* 快速开始 */ /* 下划线 */ /* a-underline a-underline-active/a-underline-heavy 组合使用 a-underline-curr 默认有下划线的情况 组合使用 */ /* old */ /* 下划线 公用组合 */ /* api 左侧导航 */ /* api end */ /* api search */ /* api search end */ /* api 右侧 */ /* api end */ /* 教程页 */ /* 教程页 css */ /* scrollbar */ /* 标题 字体 */ /* 筛选 */ /* table */ /* tabs */ /* h-group-accordion */ /* h-group-accordion 右侧图标 */ *, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container{width:100%} @media (min-width: 640px){ .container{max-width:640px}} @media (min-width: 768px){ .container{max-width:768px}} @media (min-width: 1024px){ .container{max-width:1024px}} @media (min-width: 1200px){ .container{max-width:1200px}} @media (min-width: 1280px){ .container{max-width:1280px}} @media (min-width: 1536px){ .container{max-width:1536px}} @font-face { font-family: 'PuHui'; font-display: swap; src: url(/public/fonts/AlibabaPuHuiTi-3-55-Regular.eot) format('embedded-opentype'), url(/public/fonts/AlibabaPuHuiTi-3-55-Regular.otf) format('opentype'), url(/public/fonts/AlibabaPuHuiTi-3-55-Regular.ttf) format('TrueType'), url(/public/fonts/AlibabaPuHuiTi-3-55-Regular.woff) format('woff'), url(/public/fonts/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2'); } @font-face { font-family: 'BarlowBlack'; font-display: swap; src: url(/public/fonts/BarlowCondensed-Black.otf) format('opentype'), url(/public/fonts/BarlowCondensed-Black.ttf) format('TrueType'), url(/public/fonts/BarlowCondensed-Black.woff) format('woff'), url(/public/fonts/BarlowCondensed-Black.woff2) format('woff2'); } @font-face { font-family: 'PuHuiMedium'; font-display: swap; src: url(/public/fonts/AlibabaPuHuiTi-3-65-Medium.eot) format('embedded-opentype'), url(/public/fonts/AlibabaPuHuiTi-3-65-Medium.otf) format('opentype'), url(/public/fonts/AlibabaPuHuiTi-3-65-Medium.ttf) format('TrueType'), url(/public/fonts/AlibabaPuHuiTi-3-65-Medium.woff) format('woff'), url(/public/fonts/AlibabaPuHuiTi-3-65-Medium.woff2) format('woff2'); } @font-face { font-family: 'PuHuiBold'; font-display: swap; src: url(/public/fonts/AlibabaPuHuiTi-3-85-Bold.eot) format('embedded-opentype'), url(/public/fonts/AlibabaPuHuiTi-3-85-Bold.otf) format('opentype'), url(/public/fonts/AlibabaPuHuiTi-3-85-Bold.ttf) format('TrueType'), url(/public/fonts/AlibabaPuHuiTi-3-85-Bold.woff) format('woff'), url(/public/fonts/AlibabaPuHuiTi-3-85-Bold.woff2) format('woff2'); } @font-face { font-family: 'PuHuiBlack'; font-display: swap; src: url(/public/fonts/AlibabaPuHuiTi-3-115-Black.eot) format('embedded-opentype'), url(/public/fonts/AlibabaPuHuiTi-3-115-Black.otf) format('opentype'), url(/public/fonts/AlibabaPuHuiTi-3-115-Black.ttf) format('TrueType'), url(/public/fonts/AlibabaPuHuiTi-3-115-Black.woff) format('woff'), url(/public/fonts/AlibabaPuHuiTi-3-115-Black.woff2) format('woff2'); } :root { --black-90: 18, 17, 35; --black-80: 83, 82, 90; --black-70: 50, 50, 50; --black-50: 107, 109, 115; --black-40: 204, 204, 204; --black-30: 194, 194, 194; --grey-90: 230, 230, 230; --grey-80: 243, 243, 243; --grey-70: 237, 237, 237; --grey-60: 217, 217, 217; --grey-40: 132, 132, 132; --red-90: 250, 22, 95; --purple-90: 194, 35, 193; /* cankao */ --r-black-90: #121123; --r-black-80: #53525a; --r-black-70: #323232; --r-black-50: #6b6d73; --r-black-40: #cccccc; --r-black-30: #c2c2c2; --r-grey-90: #e6e6e6; --r-grey-80: #f3f3f3; --r-grey-70: #ededed; --r-grey-60: #d9d9d9; --r-grey-40: #848484; --r-red-90: #fa165f; --r-purple-90: #c223c1; } html{height:100%;width:100%;overflow-x:hidden;scroll-behavior:smooth} html, body{margin:0;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(var(--black-80), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ html, body{font-size:1rem;line-height:1.5rem}} input::-moz-placeholder, textarea::-moz-placeholder { color: var(--r-black-30); } input::placeholder, textarea::placeholder { color: var(--r-black-30); } /* 整个滚动条 */ ::-webkit-scrollbar{width:0px /* width: 4px; */ /* height: 4px; */} /* 滚动条轨道 */ /* ::-webkit-scrollbar-track{ @apply bg-transparent; */ /* @apply bg-[rgba(177,177,177,0.1)]; */ /* rgba(177, 177, 177, 0.1) */ /* } */ /* 滚动条没有滑块的轨道部分. */ /* ::-webkit-scrollbar-track-piece{ */ /* background-color: rgba(168, 168, 168, 0.1); -webkit-border-radius: 6px; */ /* } */ /* 滚动条上的滚动滑块. 垂直的 */ ::-webkit-scrollbar-thumb{height:1rem;width:0.25rem} /* ::-webkit-scrollbar-thumb:vertical{ height: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: rgba(125, 125, 125, 0.3); -webkit-border-radius: 6px; } */ /* .scrollbar--none::-webkit-scrollbar { width: 3px; height: 3px; } */ /* 箭头标 */ .nav--arrow{margin-left:0.125rem;fill:#121123} @media not all and (min-width: 1024px){ .nav--arrow{display:none} .group.active .nav--arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:rgba(var(--purple-90), 1)}} @media (min-width: 1024px){ .group:hover .nav--arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:rgba(var(--purple-90), 1)}} /* 导航项的hover/active效果 */ .nav--btn{position:relative;display:flex;height:60px;width:100%;align-items:center;font-size:0.875rem;line-height:1.25rem} @media not all and (min-width: 1024px){ .nav--btn{padding-left:2rem}} /* before: item间距保持hover效果 */ .nav--btn-hover::before{bottom:0px;content:var(--tw-content);top:0px} .group:hover .nav--btn-hover::before{position:absolute;left:-2rem;right:-2rem;z-index:5;--tw-content:'';content:var(--tw-content)} @media not all and (min-width: 1024px){ .nav--btn-hover.active{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))}} @media (min-width: 1024px){ .group:hover .nav--btn-hover{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))}} /* 导航下拉菜单的hover/active效果 */ .nav--dropdown{position:relative;top:60px;z-index:90;display:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));opacity:0;transition-property:opacity,margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} @media (min-width: 1024px){ .nav--dropdown{position:fixed;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .nav--dropdown-hover:hover{display:block;opacity:1} .group:hover .nav--dropdown-hover{display:block;opacity:1}} .nav--dropdown-mobile{position:absolute;top:0px;right:0px;bottom:0px;left:10rem} .peer.active ~ .nav--dropdown-mobile{display:block;opacity:1} @media not all and (min-width: 1024px){ .nav--dropdown-mobile{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}} .nav--dropdown::after{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position);position:absolute;bottom:0px;left:0px;right:0px;top:100%;height:34px;padding-top:0.5rem;text-align:center} @media (min-width: 1024px){ .nav--dropdown::after{--tw-content:url('/public/svg/logo_nav.svg');content:var(--tw-content)}} .nav--dropdown-lang{position:relative;top:60px;z-index:90;display:none;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} @media (min-width: 1024px){ .nav--dropdown-lang{position:fixed;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .nav--dropdown-lang-hover:hover{display:block;opacity:1} .group:hover .nav--dropdown-lang-hover{display:block;opacity:1}} /* w-[24px] h-[22px] */ .nav--icon::before{position:absolute;left:-2rem;top:-2px;height:24px;width:24px;overflow:hidden;background-image:url('/public/images/common/icon.png');background-repeat:no-repeat;--tw-content:'';content:var(--tw-content);background-size:260px} /* 移动端导航 */ .nav--toggle{position:fixed;top:60px;left:0px;right:0px;bottom:0px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} @media (min-width: 1024px){ .nav--toggle{position:static;background-color:transparent}} .rmenu-content{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:0.375rem;--tw-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);--tw-shadow-colored:0px 1px 5px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms} .izl-rmenu.is-close .rmenu-content{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms} .rmenu--item{position:relative;display:block;height:2.75rem;width:2.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:rgb(219 221 226 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .rmenu--logo{position:relative;top:50%;left:50%;height:auto;width:2rem;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rmenu--pop{position:absolute;left:-162px;top:0px;display:none;width:162px} .rmenu--pop-inner{position:relative;width:150px;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.75rem;text-align:center;--tw-shadow:0 4px 8px 4px rgba(0,0,0,0.3);--tw-shadow-colored:0 4px 8px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .rmenu--pop-inner::after{position:absolute;top:50%;right:-7px;height:14px;width:14px;--tw-translate-y:-50%;--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)} .customer{position:relative;width:100%;max-width:160px;cursor:pointer;border-radius:12px;--tw-bg-opacity:1;background-color:rgb(18 17 35 / var(--tw-bg-opacity, 1));padding-left:22px;padding-right:22px;padding-top:10px;padding-bottom:14px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .customer{max-width:180px}} @keyframes fadeInRight{ 0%{opacity:0;transform:translate3d(100%, 0, 0)} 100%{opacity:1;transform:translate3d(0, 0, 0)}} .fadeInRight{animation:fadeInRight 1s ease 1.5s 1 forwards;opacity:0;transition-delay:2000ms} @keyframes fadeOutRight{ 0%{opacity:1;transform:translate3d(0, 0, 0)} 100%{opacity:0;transform:translate3d(120%, 0, 0)}} .fadeOutRight{animation:fadeOutRight 1s ease 1 forwards;opacity:1} .nav--divide{position:relative} .nav--divide::after{position:absolute;right:-1rem;top:50%;height:0.75rem;width:1px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)} /* 红紫-背景色渐变 */ .bg--gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} /* 按钮 hover效果：改变背景色渐变方向 结合bg--gradient使用 */ .btn--gradient{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms} .btn--gradient:hover{background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))} /* 边框颜色：红紫色渐变 */ .border--gradient{position:relative} .border--gradient::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 1; border-width: 1px; border-style: solid; border-color: transparent; background: linear-gradient(to right, var(--r-red-90), var(--r-purple-90)) border-box; mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask-composite: xor; mask-composite: exclude; } /* button渐变边框的hover效果：渐变方向跟背景一致，结合border--gradient使用 */ /* 可直接应用于input元素的悬停渐变边框 */ .input-hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms; position: relative; background-clip: padding-box} .input-hover:hover { border-color: transparent; background-image: linear-gradient(white, white), linear-gradient(to right, var(--r-red-90), var(--r-purple-90)); background-origin: border-box; background-clip: padding-box, border-box; } .font--gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position);display:inline-block;background-clip:text;--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1));color:transparent;-webkit-background-clip:text} .tab-active{font-weight:600;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .tab-inactive{--tw-text-opacity:1;color:rgba(var(--grey-40), var(--tw-text-opacity, 1))} .tab-inactive:hover{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} .sp--icon{overflow:hidden;background-image:url('/public/images/common/icon.png');background-repeat:no-repeat;background-size:260px} .sp--icon2{overflow:hidden;background-image:url('/public/images/common/icon2.png');background-repeat:no-repeat} .career--icon{overflow:hidden;background-image:url('/public/images/careers/icon.png');background-repeat:no-repeat} .partner--icon{overflow:hidden;background-image:url('/public/images/company/icon.png');background-repeat:no-repeat} .faqs--icon{position:relative;z-index:2} .faqs--icon::before{position:absolute;left:0px;bottom:-12%;z-index:-2;height:15px;width:9px;background-image:url(/public/images/api/clip@3x.png);background-size:contain;--tw-content:'';content:var(--tw-content)} .home--icon{overflow:hidden;background-image:url('/public/images/index/icon.png');background-repeat:no-repeat} .prd--icon{overflow:hidden;background-image:url('/public/images/common/product-icon.png');background-repeat:no-repeat} .aigc--icon{overflow:hidden;background-image:url('/public/images/product/ai-group-call/icon.png');background-repeat:no-repeat} .did--icon{overflow:hidden;background-image:url('/public/images/common/icon3.png');background-repeat:no-repeat} .events--icon::before{position:absolute;left:-1.5rem;top:50%;margin-top:-0.125rem;height:1rem;width:1rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} :root { --black-60: 51, 51, 51; /* #333 default*/ --black-30: 85, 85, 85; /* #555 */ --black-20: 102, 102, 102; /* #666 light*/ --grey-50: 220, 220, 220; /* #DCDCDC default*/ --grey-10: 248, 249, 253; /* #F8F9FD default*/ --rose-90: 250, 22, 95; /* #FA165F default*/ --rose-80: 249, 79, 137; /* #F94F89 light*/ --rose-70: 250, 22, 96; /* #FA1660 lighter*/ --purple-80: 212, 88, 202; /* #D458CA light*/ --gray-190: 231, 234, 249; --gray-180: 77, 77, 77; --gray-170: 243, 245, 249; } .gradient-red{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .gradient-red-light{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-80), 1) var(--tw-gradient-to-position)} .container{margin-left:auto;margin-right:auto} /* 底部联系我们 */ .penul-contain{padding-top:60px;padding-bottom:70px} @media (min-width: 1024px){ .penul-contain{padding-top:91px;padding-bottom:106px}} .btn-login{display:flex;gap:0.625rem} .btn-trial{display:flex;gap:1rem} .btn-8-24{display:inline-block;border-radius:9999px;padding-top:7px;padding-bottom:7px;padding-left:24px;padding-right:24px;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;font-weight:500;line-height:1.375rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .btn-16-44{display:inline-block;border-radius:9999px;padding-top:14px;padding-bottom:14px;padding-left:24px;padding-right:24px;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;font-weight:600;line-height:1.1875rem;--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .btn-16-44{padding-top:14px;padding-bottom:14px;padding-left:44px;padding-right:44px;font-size:1.125rem;line-height:1.2}} /* py-[8px] px-3 md:px-[22px] */ .btn-sms{display:inline-block;cursor:pointer;border-radius:9999px;padding-top:8px;padding-bottom:8px;padding-left:0.75rem;padding-right:0.75rem;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;line-height:1.1875rem;--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} @media (min-width: 768px){ .btn-sms{padding-left:2.75rem;padding-right:2.75rem;padding-top:1rem;padding-bottom:1rem}} @media (min-width: 1024px){ .btn-sms{font-size:1.125rem;line-height:1.2}} .btn-black{--tw-bg-opacity:1;background-color:rgba(var(--black-90), var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .btn-black:hover{--tw-bg-opacity:1;background-color:rgba(var(--black-50), var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .btn-red{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .btn-red:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-80), 1) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .border-gradient{position:relative;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .border-gradient:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-80), 1) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .btn-white{--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .btn-toggle{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgba(var(--black-90), var(--tw-border-opacity, 1));padding-left:32px;padding-right:32px;padding-top:11px;padding-bottom:11px;font-size:1rem;line-height:1rem} @media (min-width: 1024px){ .btn-toggle{font-size:1.25rem;line-height:1.25rem}} .btn-toggle:hover{--tw-bg-opacity:1;background-color:rgba(var(--grey-50), var(--tw-bg-opacity, 1))} .btn-toggle.active{--tw-bg-opacity:1;background-color:rgba(var(--black-90), var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .toggle-items.active{display:flex} .toggle-items{display:none;height:100%;width:100%;flex-direction:column-reverse} @media (min-width: 1024px){ .toggle-items{flex-direction:row}} .toggle-img{display:none} .toggle-img.active{display:block} @media (min-width: 1024px){ .toggle-img.active{display:none}} /* 按钮样式 end */ .title-h2{position:relative;margin:auto;text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.75rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .title-h2{font-size:2.375rem}} .title-h2::after{position:absolute;top:100%;left:50%;margin-top:0.75rem;height:7px;width:60px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background-image:linear-gradient(to right, #FA165F, #C223C1);background-position:center;--tw-content:'';content:var(--tw-content)} .title-h3{position:relative;margin:auto;text-align:left;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .title-h3{font-size:1.75rem}} .title-h3::after{position:absolute;top:100%;left:0px;margin-top:0.75rem;height:7px;width:60px;border-radius:9999px;background-image:linear-gradient(to right, #FA165F, #C223C1);background-position:left;--tw-content:'';content:var(--tw-content)} .title-pre{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.5} @media (min-width: 1024px){ .title-pre{font-size:1rem}} .title-pre{margin-top:42px;margin-bottom:24px;text-align:center} @media (min-width: 1024px){ .title-pre{margin-top:12px;margin-bottom:76px}} .title-quote{position:relative;margin:auto;text-align:left;font-family:PuHuiBlack, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .title-quote{margin-left:42px;margin-right:186px;display:inline-block;font-size:2.375rem}} .title-quote::before{position:absolute;left:-11%;margin-left:-1%;height:21px;width:10%;background-image:url(/public/svg/quote_l.svg);background-size:contain;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)} @media (min-width: 1024px){ .title-quote::before{left:-44px;margin-left:-18px;height:29px;width:44px}} .title-quote::after{position:absolute;top:40%;left:103%;height:21px;width:10%;border-radius:0px;background-image:url(/public/svg/quote_r.svg);background-size:contain;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)} @media (min-width: 1024px){ .title-quote::after{left:100%;top:50%;margin-left:14px;height:29px;width:44px}} .title-38{position:relative;text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:2.375rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .title-32{position:relative;text-align:left;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:2rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .title-24{text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .title-penul{text-align:center;font-family:PuHui, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:3.375rem;font-weight:400;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .card-title-24{border-radius:0.5rem;padding-top:8px;padding-bottom:8px;text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .card-title-24{padding-top:1rem;padding-bottom:1rem;font-size:1.5rem}} .card-img-20-8{height:100%;width:100%;border-radius:6px} @media (min-width: 1024px){ .card-img-20-8{height:auto;width:auto;border-radius:20px}} /* 卡片内容居中 */ .card-center{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;text-align:center} /* 卡片左图右文 多次引用 sms email... */ .card-x{display:flex;height:100%;width:100%;flex-direction:column;align-items:center} @media (min-width: 1024px){ .card-x{flex-direction:row;border-radius:20px;--tw-bg-opacity:1;background-color:rgba(var(--grey-10), var(--tw-bg-opacity, 1));padding-top:24px;padding-bottom:24px;padding-left:24px;padding-right:42px}} .contact-title{margin:auto;font-family:PuHuiBlack, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:2.875rem;line-height:1.5;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .contact-title{font-size:6rem;font-weight:900}} .contact-title-24{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.5rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-70), var(--tw-text-opacity, 1))} /* 标题样式 end */ .info-20{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.25rem;font-weight:400;line-height:1.5} .info-18{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;font-weight:400;line-height:1.5} @media (min-width: 1024px){ .info-18{font-size:1.125rem}} .info-16{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.5} @media (min-width: 1024px){ .info-16{font-size:1rem}} .info-15{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.9375rem;font-weight:400;line-height:1.5} .info-14{text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.5} .info-12{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5} .card-info-16{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5} .card-info-14{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;font-weight:500;line-height:1.5} .contact-info-16{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;font-weight:400;line-height:1.5;--tw-text-opacity:1;color:rgba(var(--black-30), var(--tw-text-opacity, 1))} .info-cright{text-align:center;font-size:0.875rem;font-weight:400;line-height:1.875rem;--tw-text-opacity:1;color:rgba(var(--black-20), var(--tw-text-opacity, 1))} /* 字体样式 end */ .banner-title{font-family:PuHuiBlack, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:2.25rem;font-weight:900;line-height:1;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .banner-title{margin-top:134px;font-size:3.5rem}} .banner-info{margin-top:1rem;margin-bottom:1.5rem;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1rem;line-height:1.5;--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .banner-info{margin-top:1.25rem;margin-bottom:3rem;font-size:1.25rem}} .banner-picture{position:relative;display:flex;width:100%;align-items:flex-end;overflow:hidden} @media (min-width: 1024px){ .banner-picture{position:absolute;top:0px;bottom:0px;left:-120px}} .banner-content{position:relative;width:100%;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:24px} @media (min-width: 1024px){ .banner-content{margin-left:45%;width:55%;padding-top:0px;padding-bottom:0px;padding-left:1.25rem}} /* banner背景 */ .bg-unit{position:absolute;z-index:-1} .bg-round-t{left:89%;top:-111px;height:174px;width:174px} .bg-round-b{left:45%;bottom:-163px;height:261px;width:261px} @media (min-width: 1024px){ .bg-round-b{left:71%}} .bg-border{left:88%;top:94px;height:50px;width:50px} /* banner背景 end */ /* 背景样式 */ .bg-vector-section{position:relative;z-index:0;overflow:hidden} .bg-vector{position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:-1} .bg-media{height:32px;width:44px;overflow:hidden;background-image:url(/public/svg/media.svg);background-size:cover;background-repeat:no-repeat} .bg-shape-1{left:-300px;top:-80px;height:397px;width:487px} .bg-shape-2{left:69%;bottom:-91px;height:397px;width:487px} .bg-shape-3{left:75%;bottom:-107px;height:397px;width:487px} /* 背景样式 end */ .i-sms::before{position:absolute;top:50%;left:-48px;height:2rem;width:2rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-image:url(/public/images/product/code_3_2.png);background-size:contain;background-position:center;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)} .tab-list li{margin-bottom:0.75rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(231 234 249 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem} .tab-list li:last-child{margin-bottom:0px} .tab-list li:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-80), 1) var(--tw-gradient-to-position);cursor:pointer} .tab-list li.active{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .tab-list li.active h3{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .tab-img .tab-item{margin-bottom:70px;display:flex;width:100%;align-items:center;justify-content:space-around} .tab-img .tab-item:last-child{margin-bottom:0px} @media (min-width: 1024px){ .tab-img .tab-item{margin-bottom:0px;display:none;justify-content:center}} .tab-img .tab-item.active{display:flex} .tab-img .tab-info{width:90%} @media (min-width: 768px){ .tab-img .tab-info{width:60%}} @media (min-width: 1024px){ .tab-img .tab-info{width:60%;padding-left:3rem;padding-right:72px}} .tab-img img{margin-bottom:1.25rem;width:40%} @media (min-width: 768px){ .tab-img img{margin-bottom:0px;width:27%}} @media (min-width: 1024px){ .tab-img img{width:40%}} .tab-t{position:relative;display:inline-block;padding-top:8px;padding-bottom:8px;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:1.25rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} @media (min-width: 1024px){ .tab-t{padding-top:1rem;padding-bottom:1rem}} .tab-t::after{position:absolute;left:100%;top:5%;margin-left:0.5rem;display:none;height:36px;width:36px;background-size:contain;background-position:center;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)} @media (min-width: 768px){ .tab-t::after{display:block}} .bg-title{position:relative;z-index:1;margin-bottom:1rem;font-size:1.375rem} @media (min-width: 768px){ .bg-title{margin-bottom:0px;min-height:120px}} .bg-title::before{position:absolute;right:0px;top:-1.75rem;z-index:-1;margin-left:0.5rem;height:100px;width:100px;background-size:contain;background-position:center;background-repeat:no-repeat;--tw-content:'';content:var(--tw-content)} @media (min-width: 768px){ .bg-title::before{top:-8px}} .grid_item_col{display:flex;flex-direction:column;border-radius:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:3rem} .grid_item_row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.5rem;border-radius:1rem;padding-left:2.5rem;padding-right:2.5rem;padding-top:38px;padding-bottom:38px} @media (min-width: 640px){ .grid_item_row{flex-direction:row;align-items:center}} .medium-zoom-overlay, .medium-zoom-image--opened { z-index: 99; } body .api-section, body .api-section a, body .api-section p, body .api-section span, body .api-section li, body .api-section h1, body .api-section h2, body .api-section h3, body .api-section h4, body .api-section div{text-align:left;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .api-section h1, .api-section h2, .api-section h3, .api-section h4, .api-section h5, .api-section h6, .api-section strong { font-weight: bold; } /* .api-main a { @apply underline; } .api-main a:hover, .api-main a:focue { @apply underline; } */ .api-main span{text-wrap:wrap} .api-main .btn__expert:hover{background-image:none} .col-code{width:100% !important;min-width:355px;padding-left:1.25rem !important;padding-right:1rem !important} @media (min-width: 1280px){ .col-code{grid-column-start:9;grid-column-end:13}} .a-t-h1, .a-t-h2{font-family:PuHuiBold, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} /* api nav */ #sidebar-nav::-webkit-scrollbar{ width: 4px; height: 4px; } #sidebar-nav::-webkit-scrollbar-track-piece{ background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; } #sidebar-nav::-webkit-scrollbar-thumb:vertical{ height: 5px; background-color: rgba(125, 125, 125, 0.5); -webkit-border-radius: 6px; } #sidebar-nav::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: rgba(125, 125, 125, 0.5); -webkit-border-radius: 6px; } /* api nav end */ /* api search */ #search-result-list::-webkit-scrollbar{ width: 2px; height: 2px; } /* 滚动条轨道中‌不包含滑块（thumb）的部分 */ #search-result-list::-webkit-scrollbar-track-piece{ background-color: rgba(83, 83, 83, 0.1); -webkit-border-radius: 6px; } #search-result-list::-webkit-scrollbar-thumb:vertical{ height: 5px; background-color: rgba(125, 125, 125, 0.25); -webkit-border-radius: 6px; } #search-result-list::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: rgba(125, 125, 125, 0.25); -webkit-border-radius: 6px; } /* api search end */ .a-animate-100{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)} .a-animate-200{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)} .a-t-h1{font-size:2rem;line-height:1.5;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .a-t-h2{margin-bottom:0.75rem;font-size:1.375rem;line-height:1.5;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .a-tx-p{font-size:1rem;line-height:1.5rem;line-height:1.75;--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))} .a-tx-gp{font-size:1rem;line-height:1.5rem;line-height:1.75;--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .a-card-outer{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);border-radius:0.75rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1))} .a-card-outer:hover{--tw-shadow:0px 4px 6px 0px rgba(0,0,0,0.06);--tw-shadow-colored:0px 4px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .a-marker{margin-inline-end:0.75rem;display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1));font-size:0.875rem;line-height:1.25rem} .a-table{margin-top:1.25rem;overflow:hidden;overflow-x:auto;border-radius:0.75rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1));--tw-drop-shadow:drop-shadow(0px 1px 2px 0px rgba(0,0,0,0.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .a-table table{width:100%;min-width:800px;border-collapse:collapse} .a-table thead{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));font-size:0.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .a-table td{border-top-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1));text-align:left;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .a-table-code tr td:first-of-type{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .a-table td, .a-table th{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem} .api-normal-btn{display:inline-block;cursor:pointer;border-radius:0.375rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:0.875rem;line-height:1.25rem} .api-normal-btn:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(225 28 139 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .api-normal-btn{text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms} .api-normal-btn:hover{text-decoration-line:none} /* 下划线 取消字体衬线 */ .a-underline{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration-line:none} .a-underline:hover{text-decoration-line:none} /* 下划线 继承字体颜色 */ .a-underline-curr::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:0px;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} /* 下划线 高亮 hover */ .a-underline-active::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} .a-underline-active:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .a-underline-active:hover::after{content:var(--tw-content);right:0px} /* 高亮字体hover+下划线效果 */ .a-underline-heavy{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .a-underline-heavy::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0px;height:1px;background-color:rgb(225 28 139 / 0.7);--tw-content:'';content:var(--tw-content)} .a-underline-heavy:hover{color:rgb(225 28 139 / 0.7)} .a-underline-heavy:hover::after{content:var(--tw-content);right:0px} a.a-highlight-hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms} a.a-highlight-hover:hover, a.a-highlight-hover:focus{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1));text-decoration-line:underline;text-decoration-color:#E11C8B} .a-highlight{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} a.a-highlight{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);display:inline-block;text-decoration-line:underline;text-underline-offset:0.125rem} a.a-highlight:hover{--tw-text-opacity:1;color:rgb(149 0 84 / var(--tw-text-opacity, 1));text-decoration-line:underline} a.a-highlight:focus{--tw-text-opacity:1;color:rgb(149 0 84 / var(--tw-text-opacity, 1))} .a-underline-l{position:relative;text-decoration-line:none} .a-underline-l:hover{text-decoration-line:none} .a-underline-l:hover::after{content:var(--tw-content);right:0px} .a-underline-l::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0.125rem;height:1px;--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)} .a-underline-l:hover::after{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* 教程文档 api超链 下划线 */ .ap-hyperlink-doc{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration-line:none} .ap-hyperlink-doc:hover{text-decoration-line:none} .ap-hyperlink-doc::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:0px;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} .ap-hyperlink-doc::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} .ap-hyperlink-doc:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .ap-hyperlink-doc:hover::after{content:var(--tw-content);right:0px} .ap-hyperlink-doc::before{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-doc::after{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-doc { font-size: inherit; font-weight: inherit; } /* 默认品牌色高亮 api超链 下划线 */ .ap-hyperlink-highlight{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration-line:none} .ap-hyperlink-highlight:hover{text-decoration-line:none} .ap-hyperlink-highlight::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:0px;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} .ap-hyperlink-highlight{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .ap-hyperlink-highlight::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0px;height:1px;background-color:rgb(225 28 139 / 0.7);--tw-content:'';content:var(--tw-content)} .ap-hyperlink-highlight:hover{color:rgb(225 28 139 / 0.7)} .ap-hyperlink-highlight:hover::after{content:var(--tw-content);right:0px} .ap-hyperlink-highlight{font-weight:600} .ap-hyperlink-highlight::before{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-highlight::after{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-highlight { font-size: inherit; } /* 文档指引 相关接口 */ .ap-hyperlink-related{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:100ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration-line:none} .ap-hyperlink-related:hover{text-decoration-line:none} .ap-hyperlink-related::before{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:0px;bottom:0px;height:1px;background-color:currentColor;--tw-content:'';content:var(--tw-content)} .ap-hyperlink-related{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .ap-hyperlink-related::after{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);position:absolute;left:0px;right:100%;bottom:0px;height:1px;background-color:rgb(225 28 139 / 0.7);--tw-content:'';content:var(--tw-content)} .ap-hyperlink-related:hover{color:rgb(225 28 139 / 0.7)} .ap-hyperlink-related:hover::after{content:var(--tw-content);right:0px} .ap-hyperlink-related::before{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-related::after{content:var(--tw-content);bottom:0.125rem} .ap-hyperlink-related{display:inline-block;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} /* ========== 标题样式 ========== */ .sidebar-h3{position:relative;display:flex;align-items:center;font-size:1.25rem;line-height:1.75rem;line-height:2;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity, 1)) /* @apply pl-3 before:absolute before:left-0 before:w-[3px] before:h-5 before:bg-brand-900 before:me-2; */} /* ========== 箭头图标容器和切换效果 ========== */ .sidebar-link-icon{position:absolute;right:0px;top:50%;width:1rem;height:1rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} /* 图标基础样式 - 默认和激活状态 */ .icon-inactive, .icon-active{position:absolute;inset:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:75ms;transition-duration:100ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} /* 未激活图标 - 默认显示 */ .icon-inactive{position:absolute;inset:0px;z-index:2;opacity:1} /* 激活图标 - 默认隐藏 */ .icon-active{position:absolute;inset:0px;z-index:1;opacity:0} /* 默认状态：未激活图标旋转180度 */ .sidebar-link .icon-inactive{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} /* 显示图标的三种情况： 1. 默认状态显示未激活图标 2. active状态显示激活图标 3. hover状态显示激活图标 */ .sidebar-link .icon-inactive, .sidebar-link.active .icon-active, .sidebar-link:hover .icon-active{z-index:2;opacity:1} /* 隐藏图标的两种情况： 1. active状态隐藏未激活图标 2. 默认状态隐藏激活图标 */ .sidebar-link.active .icon-inactive, .sidebar-link .icon-active{z-index:1;opacity:0} /* 激活图标默认旋转180度 */ .sidebar-link .icon-active{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} /* active状态时激活图标旋转回0度（展开状态） */ .sidebar-link.active .icon-active, .sidebar-link.active:hover .icon-active{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} /* hover状态隐藏未激活图标 */ .sidebar-link:hover .icon-inactive{z-index:1;opacity:0} /* ========== 可折叠按钮样式 ========== */ .sidebar-link{text-wrap:wrap;padding-top:0.375rem;padding-bottom:0.375rem;font-size:0.9375rem;line-height:1.3125rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .sidebar-link:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* ========== 折叠列表容器 ========== */ .sidebar-list { /* @apply border-[#DBDBDB] border-l border-solid; */ max-height:0px; } .sidebar-list > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .sidebar-list{opacity:0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)} .sidebar-list .sidebar-list{margin-left:0.625rem;border-left-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1))} /* 展开状态 */ .sidebar-list.active{max-height:1800px;opacity:1} /* 列表内的激活链接 */ .sidebar-list .sidebar-link.active{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* ========== 接口链接的 hover 和 active 效果 ========== */ /* 基础链接样式 - 应用于所有可点击的接口项 */ .basic-link{border-radius:0.25rem;line-height:1.375rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .basic-link:hover{--tw-bg-opacity:1;background-color:rgb(246 246 246 / var(--tw-bg-opacity, 1));color:currentColor} /* 激活状态 - 品牌色文字和浅色背景 */ .basic-link.active{background-color:rgb(225 28 139 / 0.1);--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* ========== 列表项链接样式（第二层和第三层） ========== */ /* ol.sidebar-list 内的 a 标签 和 .sidebar-list-li 内的 a 标签 */ ol.sidebar-list a, .sidebar-list-li a{margin-left:0.125rem;display:block;text-wrap:wrap;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.625rem;padding-right:0.625rem;font-size:0.9375rem;line-height:1.375rem;--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1)) /* @apply hover:bg-[#F6F6F6] */} /* 最后一项添加底部间距 */ ol.sidebar-list li:last-of-type{margin-bottom:0.625rem} /* ========== 小标题样式（第三层分类标题） ========== */ .sidebar-section-title{margin-top:0.625rem;padding-top:0.375rem;padding-bottom:0.25rem;padding-left:0.625rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(130 131 136 / var(--tw-text-opacity, 1))} ol > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .search-label:hover input, .search-label:focus input{--tw-border-opacity:1;border-color:rgb(225 28 139 / var(--tw-border-opacity, 1));--tw-shadow:0px 0px 0px 2px rgba(36,184,158,0.1);--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-style:solid;outline-width:2px;outline-color:rgb(225 28 139 / 0.1);--tw-drop-shadow:drop-shadow(0px 0px 0px 2px rgba(36,184,158,0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .search-result{border-radius:0.5rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(220 220 220 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow:0px 4px 10px 0px rgba(0,0,0,0.08);--tw-shadow-colored:0px 4px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .search-res-t{padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.875rem;padding-right:0.875rem;text-align:left;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity, 1))} .search-res-a{display:block;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.875rem;padding-right:0.875rem;text-align:left;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1 !important;color:rgb(51 51 51 / var(--tw-text-opacity, 1)) !important} .search-res-a:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .api-main-container { } .sidebar-r a{display:block;text-wrap:wrap;padding-top:0.375rem;padding-bottom:0.375rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .sidebar-r a:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r .sidebar-r-s a{display:block;padding-left:0.5rem;--tw-text-opacity:1;color:rgb(130 131 136 / var(--tw-text-opacity, 1))} .sidebar-r .sidebar-r-s a:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r ul > li{border-start-end-radius:0.25rem;border-end-end-radius:0.25rem;border-left-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1));padding-left:0.875rem;text-align:left} .sidebar-r ul > li:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r ol > li{--tw-text-opacity:1;color:rgb(130 131 136 / var(--tw-text-opacity, 1))} .sidebar-r ol > li:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r li.active{--tw-border-opacity:1;border-color:rgb(225 28 139 / var(--tw-border-opacity, 1));--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r li.active a{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .sidebar-r li { transition: all 0.2s ease; } .h-table-container::-webkit-scrollbar{ width: 4px; height: 4px; } .h-table-container::-webkit-scrollbar-track-piece{ background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; } .h-table-container::-webkit-scrollbar-thumb:vertical{ height: 5px; background-color: rgba(125, 125, 125, 0.5); -webkit-border-radius: 6px; } .h-table-container::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: rgba(125, 125, 125, 0.5); -webkit-border-radius: 6px; } .h-t-h1{font-size:2rem;font-weight:600;line-height:1.375;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .h-t-h2{font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .h-t-h3{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .h-t-h4{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .h-tx-p{font-size:1rem;line-height:1.5rem;line-height:1.625rem;--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))} .h-btn-back{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;border-radius:0.375rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1))} .h-btn-back:hover{--tw-border-opacity:1;border-color:rgb(255 170 218 / var(--tw-border-opacity, 1));--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .h-btn-back{position:absolute;top:0px;right:0px} .filter-btn{border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .filter-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))} .filter-btn.active{--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .filter-list{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem} @media (min-width: 768px){ .filter-list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px}} .filter-list{position:relative} .filter-list-item{position:relative;padding:1.5rem;padding-top:1.25rem;border-radius:0.5rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .filter-list-item:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0px 8px 20px 0px rgba(0,0,0,0.08)} .filter-list-item { /* 添加透明度和缩放的过渡 */ opacity: 1; transform: scale(1); } .filter-badge{border-radius:0.375rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1));padding-left:0.625rem;padding-right:0.625rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));white-space:nowrap} .filter-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));line-height:1.25} .filter-text{font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));line-height:1.625} .h-table-container{border-radius:0.75rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1));overflow-x:auto;overflow-y:hidden} .h-table-container th{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .h-table-container td{padding-left:1.5rem;padding-right:1.5rem;padding-top:22px;padding-bottom:22px} .h-table-container td:last-of-type{text-align:left} .h-table-container th, .h-table-container td{border-right-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1))} .h-table-container th:last-of-type, .h-table-container td:last-of-type{border-right-width:0px} .h-table-container th, .h-table-container td{padding-top:0.75rem;padding-bottom:0.75rem;text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .h-table-container tbody td{border-top-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1))} /* tabs 按钮 下边线 */ .h-group-tabs.ani-tabs { /* @apply border border-solid border-[#DBDBDB] border-b-[#EBEBEB] rounded-t-xl; */ gap:2.75rem; padding-left:1.5rem; padding-right:1.5rem; padding-bottom:1px; } /* tabs 按钮 */ .h-group-tabs .h-group-tab-btn{font-size:1.125rem;line-height:1.75rem;font-weight:600;line-height:1.5rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));display:flex;align-items:center;padding-left:0px;padding-right:0px;padding-top:1.5rem;padding-bottom:0.75rem} .h-group-tabs .h-group-tab-btn:hover{background-color:transparent;--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* tabs 按钮 激活状态 */ .h-group-tabs .h-group-tab-btn.active{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .h-group-tabs .h-group-tab-btn::after{border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1))} /* tabs 按钮 小标签 */ .h-group-tab-btn .h-group-tabs-badge{display:inline-flex;height:23px;align-items:center;justify-content:center;padding-left:0.625rem;padding-right:0.625rem;font-size:0.75rem;line-height:1rem;font-weight:400;line-height:1;--tw-text-opacity:1;color:rgb(141 141 141 / var(--tw-text-opacity, 1));border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .h-group-tab-btn.active .h-group-tabs-badge{--tw-border-opacity:1;border-color:rgb(255 208 234 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 246 250 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* .h-group-tabs-panel { @apply ; } */ .h-group-tabs-panel .tab-panel{padding-left:1.75rem;padding-right:1.75rem;padding-bottom:2rem} .h-group-tabs-panel .tab-panel img{margin-left:auto;margin-right:auto;width:100%;max-width:1005px} .h-group-accordion{border-top-width:1px;border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))} .h-group-accordion-content{overflow:hidden;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));transition-property:all; /* 关键修改 1: 使用 Grid 布局 */ display:grid; /* 默认状态: 行高为 0fr (即高度为0) */ grid-template-rows:0fr; /* 关键修改 2: 对 grid-template-rows 进行过渡动画 */ transition-property:grid-template-rows; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:300ms; transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .h-group-accordion .h-group-accordion-content.active { /* @apply max-h-[4000px]; */ grid-template-rows:1fr; } /* --- 必须添加 --- */ /* Grid 动画生效的关键是内部元素必须 overflow-hidden */ .ani-accordion-body{overflow:hidden;padding-left:1.25rem;padding-right:1.25rem} .h-group-accordion .h-group-accordion-content.active .ani-accordion-body{padding-top:1.25rem;padding-bottom:1.25rem} .h-group-accordion-header{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));display:flex;align-items:center;padding-top:1rem;padding-bottom:1rem;padding-left:0.625rem;padding-right:1.5rem;border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms} .h-group-accordion-header:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} /* 激活状态 */ .h-group-accordion-header.active{border-bottom-width:0px;--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1)); /* 激活时去掉默认边框，由 sticky 状态下的 shadow 或 border 处理 */ /* 1. 吸顶定位 */ position:sticky; top:59px; /* 2. 层级提升，盖住内容 */ z-index:10; /* 3. 背景处理：防止内容透视 */ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) /* 4. 视觉分隔：吸顶时加阴影，比边框更自然 */ /* @apply shadow-[0px_14px_24px_-6px_rgba(0,0,0,0.1)]; */} /* accordion 按钮 小标签 */ .h-group-accordion-header .h-group-accordion-badge{display:inline-flex;height:23px;align-items:center;justify-content:center;padding-left:0.625rem;padding-right:0.625rem;font-size:0.75rem;line-height:1rem;font-weight:400;line-height:1;--tw-text-opacity:1;color:rgb(141 141 141 / var(--tw-text-opacity, 1));border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .h-group-accordion-header.active .h-group-accordion-badge{--tw-border-opacity:1;border-color:rgb(255 208 234 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 246 250 / var(--tw-bg-opacity, 1));--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .icon-box{position:relative;height:10px;width:10px;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} /* 横线 (始终存在，即减号) */ /* 竖线 (存在时为加号，消失时为减号) */ .icon-box::before, .icon-box::after { content: ''; position:absolute; top:50%; left:50%; --tw-translate-x:-50%; --tw-translate-y:-50%; transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius:2px; --tw-bg-opacity:1; background-color:rgb(141 141 141 / var(--tw-bg-opacity, 1)); transition-property:all; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; transition-timing-function:cubic-bezier(0, 0, 0.2, 1); } .icon-box::before{height:1px;width:100%} .icon-box::after{height:100%;width:1px} /* 旋转并消失竖线 */ .h-group-accordion-header.active .icon-box{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .h-group-accordion-header.active .icon-box::after{height:0px;opacity:0} /* 自定义动画关键帧 - Tailwind 不支持，需要保留 */ @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } @keyframes bounce-custom { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.2); } 50% { transform: scale(0.95); } 75% { transform: scale(1.05); } } .h-feedback-btn{display:inline-flex;align-items:center;gap:0.5rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1));padding-left:0.625rem;padding-right:0.625rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1));position:relative;cursor:pointer;overflow:hidden;border-style:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms} .h-feedback-btn:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0.8} .h-feedback-btn:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .h-feedback-btn:disabled{cursor:not-allowed;opacity:0.5} .h-feedback-btn::before { content: ''; pointer-events:none; position:absolute; top:50%; left:50%; height:100%; width:100%; border-radius:9999px; background-color:rgb(255 255 255 / 0.5); transform: translate(-50%, -50%) scale(0); } .h-feedback-btn.clicked::before { animation: ripple 0.6s ease-out; } .h-feedback-btn.active { animation: bounce-custom 0.5s ease-out; } /* 点赞激活状态 */ .h-feedback-btn.active.like { background: linear-gradient(135deg, #FA165F 0%, #C223C1 100%); --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow:0 4px 15px rgba(245,87,108,0.4); --tw-shadow-colored:0 4px 15px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } /* 点踩激活状态 */ .h-feedback-btn.active.dislike { background: linear-gradient(135deg, #FA165F 0%, #C223C1 100%); --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity, 1)); --tw-shadow:0 4px 15px rgba(245,87,108,0.4); --tw-shadow-colored:0 4px 15px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } /* class="h-feedback-btn inline-block text-sm text-api-heading px-2.5 py-1 bg-[#ECECEC] rounded-md transition-all duration-300 hover:scale-105 active:scale-95" class="h-feedback-btn inline-block text-sm text-api-heading px-2.5 py-1 bg-[#ECECEC] rounded-md transition-all duration-300 hover:scale-105 active:scale-95" class="h-feedback-btn inline-flex items-center gap-2 text-sm text-api-heading px-2.5 py-1 bg-[#ECECEC] rounded-md transition-all duration-300 hover:scale-105 hover:opacity-80 active:scale-95 cursor-pointer border-none relative overflow-hidden disabled:cursor-not-allowed disabled:opacity-50" class="h-feedback-btn inline-flex items-center gap-2 text-sm text-api-heading px-2.5 py-1 bg-[#ECECEC] rounded-md transition-all duration-300 hover:scale-105 hover:opacity-80 active:scale-95 cursor-pointer border-none relative overflow-hidden disabled:cursor-not-allowed disabled:opacity-50" */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .-inset-4{inset:-1rem} .inset-0{inset:0px} .inset-2{inset:0.5rem} .inset-x-0{left:0px;right:0px} .inset-x-1{left:0.25rem;right:0.25rem} .inset-y-0{top:0px;bottom:0px} .inset-y-1{top:0.25rem;bottom:0.25rem} .inset-y-1\/2{top:50%;bottom:50%} .\!left-8{left:2rem !important} .\!top-\[150px\]{top:150px !important} .-bottom-4{bottom:-1rem} .-bottom-\[107px\]{bottom:-107px} .-bottom-\[12\%\]{bottom:-12%} .-bottom-\[163px\]{bottom:-163px} .-bottom-\[24px\]{bottom:-24px} .-bottom-\[51\%\]{bottom:-51%} .-bottom-\[91px\]{bottom:-91px} .-left-0{left:-0px} .-left-0\.5{left:-0.125rem} .-left-1{left:-0.25rem} .-left-6{left:-1.5rem} .-left-8{left:-2rem} .-left-9{left:-2.25rem} .-left-\[11\%\]{left:-11%} .-left-\[120px\]{left:-120px} .-left-\[162px\]{left:-162px} .-left-\[300px\]{left:-300px} .-left-\[33px\]{left:-33px} .-left-\[48px\]{left:-48px} .-left-\[74px\]{left:-74px} .-right-20{right:-5rem} .-right-24{right:-6rem} .-right-3{right:-0.75rem} .-right-32{right:-8rem} .-right-\[106px\]{right:-106px} .-right-\[152px\]{right:-152px} .-right-\[168px\]{right:-168px} .-right-\[185px\]{right:-185px} .-right-\[188px\]{right:-188px} .-right-\[18px\]{right:-18px} .-right-\[200px\]{right:-200px} .-right-\[206px\]{right:-206px} .-right-\[230px\]{right:-230px} .-right-\[251px\]{right:-251px} .-right-\[258px\]{right:-258px} .-right-\[265px\]{right:-265px} .-right-\[308px\]{right:-308px} .-right-\[313px\]{right:-313px} .-right-\[36px\]{right:-36px} .-right-\[7px\]{right:-7px} .-right-\[83px\]{right:-83px} .-start-1{inset-inline-start:-0.25rem} .-top-7{top:-1.75rem} .-top-\[111px\]{top:-111px} .-top-\[16px\]{top:-16px} .-top-\[24px\]{top:-24px} .-top-\[2px\]{top:-2px} .-top-\[30px\]{top:-30px} .-top-\[500px\]{top:-500px} .-top-\[80px\]{top:-80px} .-top-full{top:-100%} .bottom-0{bottom:0px} .bottom-0\.5{bottom:0.125rem} .bottom-1{bottom:0.25rem} .bottom-20{bottom:5rem} .bottom-24{bottom:6rem} .bottom-48{bottom:12rem} .bottom-8{bottom:2rem} .bottom-9{bottom:2.25rem} .bottom-\[10\%\]{bottom:10%} .bottom-\[104px\]{bottom:104px} .bottom-\[106px\]{bottom:106px} .bottom-\[18px\]{bottom:18px} .bottom-\[21px\]{bottom:21px} .bottom-\[24px\]{bottom:24px} .bottom-\[43px\]{bottom:43px} .bottom-\[60px\]{bottom:60px} .bottom-\[68px\]{bottom:68px} .bottom-\[82px\]{bottom:82px} .bottom-\[88px\]{bottom:88px} .bottom-\[98px\]{bottom:98px} .bottom-full{bottom:100%} .end-2{inset-inline-end:0.5rem} .left-0{left:0px} .left-1{left:0.25rem} .left-1\/2{left:50%} .left-10{left:2.5rem} .left-8{left:2rem} .left-\[103\%\]{left:103%} .left-\[12\%\]{left:12%} .left-\[220px\]{left:220px} .left-\[24px\]{left:24px} .left-\[267px\]{left:267px} .left-\[294px\]{left:294px} .left-\[3\%\]{left:3%} .left-\[300px\]{left:300px} .left-\[346px\]{left:346px} .left-\[357px\]{left:357px} .left-\[410px\]{left:410px} .left-\[45\%\]{left:45%} .left-\[48px\]{left:48px} .left-\[50\%\]{left:50%} .left-\[52px\]{left:52px} .left-\[66px\]{left:66px} .left-\[69\%\]{left:69%} .left-\[75\%\]{left:75%} .left-\[88\%\]{left:88%} .left-\[89\%\]{left:89%} .left-\[90px\]{left:90px} .left-auto{left:auto} .left-full{left:100%} .right-0{right:0px} .right-1{right:0.25rem} .right-10{right:2.5rem} .right-2{right:0.5rem} .right-3{right:0.75rem} .right-5{right:1.25rem} .right-7{right:1.75rem} .right-8{right:2rem} .right-\[100px\]{right:100px} .right-\[24px\]{right:24px} .right-\[26px\]{right:26px} .right-\[3\%\]{right:3%} .right-\[30px\]{right:30px} .right-\[34px\]{right:34px} .right-\[48px\]{right:48px} .right-full{right:100%} .start-0{inset-inline-start:0px} .start-2{inset-inline-start:0.5rem} .start-3{inset-inline-start:0.75rem} .top-0{top:0px} .top-1{top:0.25rem} .top-1\/2{top:50%} .top-2{top:0.5rem} .top-20{top:5rem} .top-3{top:0.75rem} .top-4{top:1rem} .top-5{top:1.25rem} .top-7{top:1.75rem} .top-\[100px\]{top:100px} .top-\[112px\]{top:112px} .top-\[12\%\]{top:12%} .top-\[128px\]{top:128px} .top-\[139px\]{top:139px} .top-\[14px\]{top:14px} .top-\[171px\]{top:171px} .top-\[17px\]{top:17px} .top-\[18px\]{top:18px} .top-\[2\%\]{top:2%} .top-\[26px\]{top:26px} .top-\[40\%\]{top:40%} .top-\[45px\]{top:45px} .top-\[49\%\]{top:49%} .top-\[5\%\]{top:5%} .top-\[50\%\]{top:50%} .top-\[50px\]{top:50px} .top-\[54px\]{top:54px} .top-\[59px\]{top:59px} .top-\[60px\]{top:60px} .top-\[65\%\]{top:65%} .top-\[71px\]{top:71px} .top-\[73px\]{top:73px} .top-\[77px\]{top:77px} .top-\[81px\]{top:81px} .top-\[88px\]{top:88px} .top-\[91px\]{top:91px} .top-\[94px\]{top:94px} .top-full{top:100%} .top-\[69px\]{top:69px} .isolate{isolation:isolate} .-z-1{z-index:-1} .-z-2{z-index:-2} .z-0{z-index:0} .z-1{z-index:1} .z-10{z-index:10} .z-2{z-index:2} .z-20{z-index:20} .z-30{z-index:30} .z-4{z-index:4} .z-40{z-index:40} .z-5{z-index:5} .z-50{z-index:50} .z-\[1\]{z-index:1} .z-\[2\]{z-index:2} .z-\[80\]{z-index:80} .z-\[81\]{z-index:81} .z-\[90\]{z-index:90} .z-\[9992\]{z-index:9992} .z-\[9993\]{z-index:9993} .z-\[9999\]{z-index:9999} .z-\[99\]{z-index:99} .order-1{order:1} .order-2{order:2} .order-3{order:3} .col-span-1{grid-column:span 1 / span 1} .col-span-2{grid-column:span 2 / span 2} .col-span-3{grid-column:span 3 / span 3} .col-span-5{grid-column:span 5 / span 5} .col-span-6{grid-column:span 6 / span 6} .col-start-1{grid-column-start:1} .col-start-2{grid-column-start:2} .col-start-3{grid-column-start:3} .col-start-9{grid-column-start:9} .col-end-13{grid-column-end:13} .col-end-7{grid-column-end:7} .row-span-2{grid-row:span 2 / span 2} .row-span-3{grid-row:span 3 / span 3} .row-span-5{grid-row:span 5 / span 5} .row-start-1{grid-row-start:1} .row-start-2{grid-row-start:2} .float-right{float:right} .float-left{float:left} .float-none{float:none} .m-0{margin:0} .m-56{margin:14rem} .m-6{margin:1.5rem} .m-auto{margin:auto} .m-px{margin:0.0625rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .mx-1\.5{margin-left:0.375rem;margin-right:0.375rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-auto{margin-left:auto;margin-right:auto} .my-0{margin-top:0px;margin-bottom:0px} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-1\.5{margin-top:0.375rem;margin-bottom:0.375rem} .my-10{margin-top:2.5rem;margin-bottom:2.5rem} .my-11{margin-top:2.75rem;margin-bottom:2.75rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-24{margin-top:6rem;margin-bottom:6rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem} .my-3\.5{margin-top:0.875rem;margin-bottom:0.875rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-5{margin-top:1.25rem;margin-bottom:1.25rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .my-8{margin-top:2rem;margin-bottom:2rem} .my-9{margin-top:2.25rem;margin-bottom:2.25rem} .my-\[18px\]{margin-top:18px;margin-bottom:18px} .my-\[60px\]{margin-top:60px;margin-bottom:60px} .\!me-1{margin-inline-end:0.25rem !important} .\!me-1\.5{margin-inline-end:0.375rem !important} .\!ms-auto{margin-inline-start:auto !important} .-ml-3{margin-left:-0.75rem} .-ml-\[1\%\]{margin-left:-1%} .-ml-\[108px\]{margin-left:-108px} .-ml-\[73px\]{margin-left:-73px} .-ms-1{margin-inline-start:-0.25rem} .-mt-0{margin-top:-0px} .-mt-11{margin-top:-2.75rem} .-mt-6{margin-top:-1.5rem} .-mt-9{margin-top:-2.25rem} .-mt-\[25px\]{margin-top:-25px} .-mt-px{margin-top:-1px} .mb-0\.5{margin-bottom:0.125rem} .mb-1{margin-bottom:0.25rem} .mb-10{margin-bottom:2.5rem} .mb-11{margin-bottom:2.75rem} .mb-12{margin-bottom:3rem} .mb-14{margin-bottom:3.5rem} .mb-16{margin-bottom:4rem} .mb-2{margin-bottom:0.5rem} .mb-2\.5{margin-bottom:0.625rem} .mb-20{margin-bottom:5rem} .mb-3{margin-bottom:0.75rem} .mb-3\.5{margin-bottom:0.875rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-7{margin-bottom:1.75rem} .mb-8{margin-bottom:2rem} .mb-9{margin-bottom:2.25rem} .mb-\[10px\]{margin-bottom:10px} .mb-\[110px\]{margin-bottom:110px} .mb-\[120px\]{margin-bottom:120px} .mb-\[14px\]{margin-bottom:14px} .mb-\[18px\]{margin-bottom:18px} .mb-\[22px\]{margin-bottom:22px} .mb-\[24px\]{margin-bottom:24px} .mb-\[26px\]{margin-bottom:26px} .mb-\[34px\]{margin-bottom:34px} .mb-\[42px\]{margin-bottom:42px} .mb-\[48px\]{margin-bottom:48px} .mb-\[50px\]{margin-bottom:50px} .mb-\[56px\]{margin-bottom:56px} .mb-\[58px\]{margin-bottom:58px} .mb-\[60px\]{margin-bottom:60px} .mb-\[64px\]{margin-bottom:64px} .mb-\[68px\]{margin-bottom:68px} .mb-\[70px\]{margin-bottom:70px} .mb-\[76px\]{margin-bottom:76px} .mb-\[78px\]{margin-bottom:78px} .mb-\[80px\]{margin-bottom:80px} .mb-\[82px\]{margin-bottom:82px} .mb-\[86px\]{margin-bottom:86px} .mb-\[90px\]{margin-bottom:90px} .me-3{margin-inline-end:0.75rem} .ml-0{margin-left:0px} .ml-0\.5{margin-left:0.125rem} .ml-1{margin-left:0.25rem} .ml-2{margin-left:0.5rem} .ml-3{margin-left:0.75rem} .ml-5{margin-left:1.25rem} .ml-6{margin-left:1.5rem} .ml-7{margin-left:1.75rem} .ml-\[18px\]{margin-left:18px} .ml-\[30px\]{margin-left:30px} .ml-\[50px\]{margin-left:50px} .ml-\[6\%\]{margin-left:6%} .ml-\[6px\]{margin-left:6px} .ml-auto{margin-left:auto} .mr-0{margin-right:0px} .mr-1{margin-right:0.25rem} .mr-1\.5{margin-right:0.375rem} .mr-16{margin-right:4rem} .mr-2{margin-right:0.5rem} .mr-3{margin-right:0.75rem} .mr-32{margin-right:8rem} .mr-8{margin-right:2rem} .mr-9{margin-right:2.25rem} .mr-\[18px\]{margin-right:18px} .mr-\[6px\]{margin-right:6px} .ms-0{margin-inline-start:0px} .ms-0\.5{margin-inline-start:0.125rem} .ms-2{margin-inline-start:0.5rem} .ms-32{margin-inline-start:8rem} .ms-4{margin-inline-start:1rem} .ms-6{margin-inline-start:1.5rem} .mt-0{margin-top:0px} .mt-1{margin-top:0.25rem} .mt-1\.5{margin-top:0.375rem} .mt-10{margin-top:2.5rem} .mt-11{margin-top:2.75rem} .mt-12{margin-top:3rem} .mt-14{margin-top:3.5rem} .mt-16{margin-top:4rem} .mt-2{margin-top:0.5rem} .mt-2\.5{margin-top:0.625rem} .mt-20{margin-top:5rem} .mt-24{margin-top:6rem} .mt-3{margin-top:0.75rem} .mt-3\.5{margin-top:0.875rem} .mt-4{margin-top:1rem} .mt-5{margin-top:1.25rem} .mt-6{margin-top:1.5rem} .mt-7{margin-top:1.75rem} .mt-8{margin-top:2rem} .mt-9{margin-top:2.25rem} .mt-\[102px\]{margin-top:102px} .mt-\[10px\]{margin-top:10px} .mt-\[13px\]{margin-top:13px} .mt-\[15px\]{margin-top:15px} .mt-\[18px\]{margin-top:18px} .mt-\[22px\]{margin-top:22px} .mt-\[23px\]{margin-top:23px} .mt-\[25px\]{margin-top:25px} .mt-\[26px\]{margin-top:26px} .mt-\[30px\]{margin-top:30px} .mt-\[31px\]{margin-top:31px} .mt-\[32px\]{margin-top:32px} .mt-\[34px\]{margin-top:34px} .mt-\[36px\]{margin-top:36px} .mt-\[3px\]{margin-top:3px} .mt-\[42px\]{margin-top:42px} .mt-\[44px\]{margin-top:44px} .mt-\[45px\]{margin-top:45px} .mt-\[46px\]{margin-top:46px} .mt-\[50px\]{margin-top:50px} .mt-\[52px\]{margin-top:52px} .mt-\[60px\]{margin-top:60px} .mt-\[66px\]{margin-top:66px} .mt-\[72px\]{margin-top:72px} .mt-\[74px\]{margin-top:74px} .mt-\[7px\]{margin-top:7px} .mt-\[80px\]{margin-top:80px} .mt-\[82px\]{margin-top:82px} .mt-\[88px\]{margin-top:88px} .mt-px{margin-top:1px} .mb-0{margin-bottom:0px} .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4} .line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .\!flex{display:flex !important} .flex{display:flex} .inline-flex{display:inline-flex} .table{display:table} .table-caption{display:table-caption} .table-cell{display:table-cell} .table-column{display:table-column} .table-column-group{display:table-column-group} .table-footer-group{display:table-footer-group} .table-header-group{display:table-header-group} .table-row-group{display:table-row-group} .table-row{display:table-row} .\!grid{display:grid !important} .grid{display:grid} .contents{display:contents} .list-item{display:list-item} .hidden{display:none} .size-10{width:2.5rem;height:2.5rem} .size-11{width:2.75rem;height:2.75rem} .size-12{width:3rem;height:3rem} .size-2{width:0.5rem;height:0.5rem} .size-3{width:0.75rem;height:0.75rem} .size-3\.5{width:0.875rem;height:0.875rem} .size-4{width:1rem;height:1rem} .size-5{width:1.25rem;height:1.25rem} .size-6{width:1.5rem;height:1.5rem} .size-7{width:1.75rem;height:1.75rem} .size-8{width:2rem;height:2rem} .size-9{width:2.25rem;height:2.25rem} .size-\[30px\]{width:30px;height:30px} .size-\[34px\]{width:34px;height:34px} .size-full{width:100%;height:100%} .\!h-2{height:0.5rem !important} .\!h-2\.5{height:0.625rem !important} .h-0{height:0px} .h-1{height:0.25rem} .h-1\/2{height:50%} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-2{height:0.5rem} .h-20{height:5rem} .h-28{height:7rem} .h-3{height:0.75rem} .h-32{height:8rem} .h-4{height:1rem} .h-48{height:12rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-60{height:15rem} .h-64{height:16rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-96{height:24rem} .h-\[100px\]{height:100px} .h-\[100vh\]{height:100vh} .h-\[102px\]{height:102px} .h-\[10px\]{height:10px} .h-\[112px\]{height:112px} .h-\[118px\]{height:118px} .h-\[130px\]{height:130px} .h-\[14px\]{height:14px} .h-\[15px\]{height:15px} .h-\[162px\]{height:162px} .h-\[174px\]{height:174px} .h-\[180px\]{height:180px} .h-\[190px\]{height:190px} .h-\[1px\]{height:1px} .h-\[200px\]{height:200px} .h-\[210px\]{height:210px} .h-\[21px\]{height:21px} .h-\[22px\]{height:22px} .h-\[23px\]{height:23px} .h-\[240px\]{height:240px} .h-\[24px\]{height:24px} .h-\[250px\]{height:250px} .h-\[257px\]{height:257px} .h-\[261px\]{height:261px} .h-\[28px\]{height:28px} .h-\[300px\]{height:300px} .h-\[30px\]{height:30px} .h-\[320px\]{height:320px} .h-\[32px\]{height:32px} .h-\[33\%\]{height:33%} .h-\[34px\]{height:34px} .h-\[35\%\]{height:35%} .h-\[360px\]{height:360px} .h-\[36px\]{height:36px} .h-\[37\%\]{height:37%} .h-\[37\.3\%\]{height:37.3%} .h-\[397px\]{height:397px} .h-\[40vh\]{height:40vh} .h-\[42px\]{height:42px} .h-\[44px\]{height:44px} .h-\[470px\]{height:470px} .h-\[48px\]{height:48px} .h-\[495px\]{height:495px} .h-\[49px\]{height:49px} .h-\[50px\]{height:50px} .h-\[52px\]{height:52px} .h-\[53px\]{height:53px} .h-\[56px\]{height:56px} .h-\[57px\]{height:57px} .h-\[600px\]{height:600px} .h-\[60px\]{height:60px} .h-\[61px\]{height:61px} .h-\[62px\]{height:62px} .h-\[64px\]{height:64px} .h-\[65px\]{height:65px} .h-\[66px\]{height:66px} .h-\[67px\]{height:67px} .h-\[68px\]{height:68px} .h-\[69px\]{height:69px} .h-\[700px\]{height:700px} .h-\[70px\]{height:70px} .h-\[71px\]{height:71px} .h-\[72px\]{height:72px} .h-\[74px\]{height:74px} .h-\[76\%\]{height:76%} .h-\[76px\]{height:76px} .h-\[77px\]{height:77px} .h-\[79px\]{height:79px} .h-\[7px\]{height:7px} .h-\[81px\]{height:81px} .h-\[82px\]{height:82px} .h-\[83px\]{height:83px} .h-\[84px\]{height:84px} .h-\[86px\]{height:86px} .h-\[87px\]{height:87px} .h-\[89px\]{height:89px} .h-\[90px\]{height:90px} .h-\[91px\]{height:91px} .h-\[92px\]{height:92px} .h-\[93px\]{height:93px} .h-\[calc\(100\%_-_210px\)\]{height:calc(100% - 210px)} .h-auto{height:auto} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .h-\[800px\]{height:800px} .max-h-0{max-height:0px} .max-h-60{max-height:15rem} .max-h-72{max-height:18rem} .max-h-\[1800px\]{max-height:1800px} .max-h-\[210px\]{max-height:210px} .max-h-\[345px\]{max-height:345px} .max-h-\[366px\]{max-height:366px} .max-h-\[4000px\]{max-height:4000px} .max-h-\[441px\]{max-height:441px} .max-h-\[447px\]{max-height:447px} .max-h-\[504px\]{max-height:504px} .max-h-\[65vh\]{max-height:65vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[85vh\]{max-height:85vh} .max-h-full{max-height:100%} .min-h-24{min-height:6rem} .min-h-\[100px\]{min-height:100px} .min-h-\[100vh\]{min-height:100vh} .min-h-\[180px\]{min-height:180px} .min-h-\[300px\]{min-height:300px} .min-h-\[320px\]{min-height:320px} .min-h-\[44px\]{min-height:44px} .min-h-\[450px\]{min-height:450px} .min-h-\[88px\]{min-height:88px} .min-h-screen{min-height:100vh} .min-h-\[800px\]{min-height:800px} .\!w-2{width:0.5rem !important} .\!w-2\.5{width:0.625rem !important} .\!w-auto{width:auto !important} .\!w-full{width:100% !important} .w-0{width:0px} .w-1{width:0.25rem} .w-1\/2{width:50%} .w-1\/6{width:16.666667%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-11\/12{width:91.666667%} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-2\/5{width:40%} .w-20{width:5rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-32{width:8rem} .w-4{width:1rem} .w-4\/5{width:80%} .w-48{width:12rem} .w-5{width:1.25rem} .w-6{width:1.5rem} .w-64{width:16rem} .w-7{width:1.75rem} .w-8{width:2rem} .w-80{width:20rem} .w-96{width:24rem} .w-\[10\%\]{width:10%} .w-\[100\%\]{width:100%} .w-\[100px\]{width:100px} .w-\[100vw\]{width:100vw} .w-\[10px\]{width:10px} .w-\[10rem\]{width:10rem} .w-\[114px\]{width:114px} .w-\[12\%\]{width:12%} .w-\[120px\]{width:120px} .w-\[130px\]{width:130px} .w-\[136px\]{width:136px} .w-\[140px\]{width:140px} .w-\[14px\]{width:14px} .w-\[150px\]{width:150px} .w-\[162px\]{width:162px} .w-\[170px\]{width:170px} .w-\[173px\]{width:173px} .w-\[174px\]{width:174px} .w-\[18px\]{width:18px} .w-\[1920px\]{width:1920px} .w-\[1px\]{width:1px} .w-\[200px\]{width:200px} .w-\[20px\]{width:20px} .w-\[20rem\]{width:20rem} .w-\[220px\]{width:220px} .w-\[22px\]{width:22px} .w-\[24px\]{width:24px} .w-\[261px\]{width:261px} .w-\[288px\]{width:288px} .w-\[28px\]{width:28px} .w-\[300px\]{width:300px} .w-\[30px\]{width:30px} .w-\[310px\]{width:310px} .w-\[32px\]{width:32px} .w-\[34px\]{width:34px} .w-\[35\%\]{width:35%} .w-\[36px\]{width:36px} .w-\[42px\]{width:42px} .w-\[44\%\]{width:44%} .w-\[44px\]{width:44px} .w-\[45\%\]{width:45%} .w-\[476px\]{width:476px} .w-\[487px\]{width:487px} .w-\[48px\]{width:48px} .w-\[49px\]{width:49px} .w-\[50px\]{width:50px} .w-\[51px\]{width:51px} .w-\[52px\]{width:52px} .w-\[56px\]{width:56px} .w-\[57px\]{width:57px} .w-\[594px\]{width:594px} .w-\[60px\]{width:60px} .w-\[61px\]{width:61px} .w-\[62px\]{width:62px} .w-\[632px\]{width:632px} .w-\[63px\]{width:63px} .w-\[64px\]{width:64px} .w-\[65px\]{width:65px} .w-\[67px\]{width:67px} .w-\[68px\]{width:68px} .w-\[70\%\]{width:70%} .w-\[70px\]{width:70px} .w-\[71px\]{width:71px} .w-\[72\%\]{width:72%} .w-\[74px\]{width:74px} .w-\[75px\]{width:75px} .w-\[76px\]{width:76px} .w-\[77px\]{width:77px} .w-\[78px\]{width:78px} .w-\[8\%\]{width:8%} .w-\[80\%\]{width:80%} .w-\[80px\]{width:80px} .w-\[81px\]{width:81px} .w-\[82px\]{width:82px} .w-\[83vw\]{width:83vw} .w-\[84px\]{width:84px} .w-\[85\%\]{width:85%} .w-\[85px\]{width:85px} .w-\[86px\]{width:86px} .w-\[87px\]{width:87px} .w-\[89px\]{width:89px} .w-\[90\%\]{width:90%} .w-\[90px\]{width:90px} .w-\[91px\]{width:91px} .w-\[92px\]{width:92px} .w-\[93px\]{width:93px} .w-\[95\%\]{width:95%} .w-\[98\%\]{width:98%} .w-\[98px\]{width:98px} .w-\[9px\]{width:9px} .w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)} .w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)} .w-\[w-\[70px\]\]{width:w-[70px]} .w-auto{width:auto} .w-full{width:100%} .min-w-0{min-width:0px} .min-w-24{min-width:6rem} .min-w-\[160px\]{min-width:160px} .min-w-\[210px\]{min-width:210px} .min-w-\[250px\]{min-width:250px} .min-w-\[285px\]{min-width:285px} .min-w-\[355px\]{min-width:355px} .min-w-\[500px\]{min-width:500px} .min-w-\[800px\]{min-width:800px} .min-w-full{min-width:100%} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-7xl{max-width:80rem} .max-w-\[1000px\]{max-width:1000px} .max-w-\[1005px\]{max-width:1005px} .max-w-\[100px\]{max-width:100px} .max-w-\[1024px\]{max-width:1024px} .max-w-\[105px\]{max-width:105px} .max-w-\[1200px\]{max-width:1200px} .max-w-\[1208px\]{max-width:1208px} .max-w-\[1240px\]{max-width:1240px} .max-w-\[1244px\]{max-width:1244px} .max-w-\[1280px\]{max-width:1280px} .max-w-\[1300px\]{max-width:1300px} .max-w-\[1316px\]{max-width:1316px} .max-w-\[1346px\]{max-width:1346px} .max-w-\[1360px\]{max-width:1360px} .max-w-\[160px\]{max-width:160px} .max-w-\[1800px\]{max-width:1800px} .max-w-\[270px\]{max-width:270px} .max-w-\[300px\]{max-width:300px} .max-w-\[330px\]{max-width:330px} .max-w-\[360px\]{max-width:360px} .max-w-\[432px\]{max-width:432px} .max-w-\[453px\]{max-width:453px} .max-w-\[454px\]{max-width:454px} .max-w-\[520px\]{max-width:520px} .max-w-\[556px\]{max-width:556px} .max-w-\[560px\]{max-width:560px} .max-w-\[580px\]{max-width:580px} .max-w-\[582px\]{max-width:582px} .max-w-\[597px\]{max-width:597px} .max-w-\[600px\]{max-width:600px} .max-w-\[609px\]{max-width:609px} .max-w-\[620px\]{max-width:620px} .max-w-\[65px\]{max-width:65px} .max-w-\[700px\]{max-width:700px} .max-w-\[70px\]{max-width:70px} .max-w-\[768px\]{max-width:768px} .max-w-\[780px\]{max-width:780px} .max-w-\[808px\]{max-width:808px} .max-w-\[80px\]{max-width:80px} .max-w-\[840px\]{max-width:840px} .max-w-\[90px\]{max-width:90px} .max-w-\[920px\]{max-width:920px} .max-w-\[926px\]{max-width:926px} .max-w-\[950px\]{max-width:950px} .max-w-\[956px\]{max-width:956px} .max-w-full{max-width:100%} .max-w-md{max-width:28rem} .max-w-none{max-width:none} .max-w-sm{max-width:24rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink{flex-shrink:1} .flex-shrink-0{flex-shrink:0} .shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .grow{flex-grow:1} .basis-full{flex-basis:100%} .table-fixed{table-layout:fixed} .border-collapse{border-collapse:collapse} .origin-center{transform-origin:center} .origin-left{transform-origin:left} .-translate-x-1{--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-16{--tw-translate-x:-4rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-9{--tw-translate-x:-2.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-\[45px\]{--tw-translate-x:-45px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-\[1px\]{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-16{--tw-translate-x:4rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[136px\]{--tw-translate-x:136px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[245px\]{--tw-translate-x:245px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[294px\]{--tw-translate-x:294px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[706px\]{--tw-translate-x:706px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-1{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-5{--tw-translate-y:1.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-\[48px\]{--tw-translate-y:48px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-\[334deg\]{--tw-rotate:334deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[0\.8\]{--tw-scale-x:0.8;--tw-scale-y:0.8;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-x-0{--tw-scale-x:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .\!transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important} .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-none{transform:none} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_20s_linear_infinite\]{animation:rolling 20s linear infinite} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_20s_linear_infinite_reverse\]{animation:rolling 20s linear infinite reverse} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_30s_linear_infinite\]{animation:rolling 30s linear infinite} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_30s_linear_infinite_reverse\]{animation:rolling 30s linear infinite reverse} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_40s_linear_infinite\]{animation:rolling 40s linear infinite} @keyframes rolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1082px, 0, 0)}} .animate-\[rolling_40s_linear_infinite_reverse\]{animation:rolling 40s linear infinite reverse} @keyframes bounce{ 0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}} .animate-bounce{animation:bounce 1s infinite} @keyframes fadeInRight{ 0%{opacity:0;transform:translate3d(100%, 0, 0)} 100%{opacity:1;transform:translate3d(0, 0, 0)}} .animate-fadeInRight{animation:fadeInRight 1s ease 1.5s 1 forwards} @keyframes fadeOutRight{ 0%{opacity:1;transform:translate3d(0, 0, 0)} 100%{opacity:0;transform:translate3d(120%, 0, 0)}} .animate-fadeOutRight{animation:fadeOutRight 1s ease 1 forwards} @keyframes spin{ to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .cursor-default{cursor:default} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize{resize:both} .list-inside{list-style-position:inside} .list-decimal{list-style-type:decimal} .list-disc{list-style-type:disc} .columns-12{-moz-columns:12;columns:12} .columns-2{-moz-columns:2;columns:2} .columns-3{-moz-columns:3;columns:3} .columns-4{-moz-columns:4;columns:4} .columns-6{-moz-columns:6;columns:6} .grid-flow-row{grid-auto-flow:row} .grid-flow-col{grid-auto-flow:column} .auto-rows-max{grid-auto-rows:max-content} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .grid-cols-\[270px_1fr\]{grid-template-columns:270px 1fr} .grid-cols-\[repeat\(6\2c minmax\(0\2c 1fr\)\)\]{grid-template-columns:repeat(6,minmax(0,1fr))} .grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))} .grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))} .grid-rows-\[0fr\]{grid-template-rows:0fr} .grid-rows-\[1fr\]{grid-template-rows:1fr} .grid-rows-\[repeat\(3\2c auto\)\]{grid-template-rows:repeat(3,auto)} .grid-rows-\[repeat\(5\2c auto\)\]{grid-template-rows:repeat(5,auto)} .grid-rows-subgrid{grid-template-rows:subgrid} .flex-row{flex-direction:row} .flex-row-reverse{flex-direction:row-reverse} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap} .place-content-center{place-content:center} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-stretch{align-items:stretch} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .\!justify-between{justify-content:space-between !important} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .gap-0{gap:0px} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-10{gap:2.5rem} .gap-11{gap:2.75rem} .gap-12{gap:3rem} .gap-14{gap:3.5rem} .gap-2{gap:0.5rem} .gap-2\.5{gap:0.625rem} .gap-20{gap:5rem} .gap-24{gap:6rem} .gap-3{gap:0.75rem} .gap-3\.5{gap:0.875rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-7{gap:1.75rem} .gap-8{gap:2rem} .gap-9{gap:2.25rem} .gap-\[14px\]{gap:14px} .gap-\[15px\]{gap:15px} .gap-\[18px\]{gap:18px} .gap-\[20px\]{gap:20px} .gap-\[22px\]{gap:22px} .gap-\[28px\]{gap:28px} .gap-\[34px\]{gap:34px} .gap-\[40px\]{gap:40px} .gap-\[42px\]{gap:42px} .gap-\[52px\]{gap:52px} .gap-\[60px\]{gap:60px} .gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem} .gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem} .gap-x-12{-moz-column-gap:3rem;column-gap:3rem} .gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem} .gap-x-2\.5{-moz-column-gap:0.625rem;column-gap:0.625rem} .gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem} .gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem} .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem} .gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem} .gap-x-8{-moz-column-gap:2rem;column-gap:2rem} .gap-x-\[14px\]{-moz-column-gap:14px;column-gap:14px} .gap-x-\[18px\]{-moz-column-gap:18px;column-gap:18px} .gap-y-0{row-gap:0px} .gap-y-10{row-gap:2.5rem} .gap-y-12{row-gap:3rem} .gap-y-14{row-gap:3.5rem} .gap-y-2{row-gap:0.5rem} .gap-y-4{row-gap:1rem} .gap-y-5{row-gap:1.25rem} .gap-y-6{row-gap:1.5rem} .gap-y-\[20px\]{row-gap:20px} .gap-y-\[30px\]{row-gap:30px} .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.625rem * var(--tw-space-x-reverse));margin-left:calc(0.625rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))} .space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .self-center{align-self:center} .self-stretch{align-self:stretch} .justify-self-end{justify-self:end} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-visible{overflow:visible} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overflow-y-hidden{overflow-y:hidden} .overflow-x-scroll{overflow-x:scroll} .overscroll-auto{overscroll-behavior:auto} .overscroll-contain{overscroll-behavior:contain} .overscroll-none{overscroll-behavior:none} .scroll-smooth{scroll-behavior:smooth} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hyphens-auto{-webkit-hyphens:auto;hyphens:auto} .whitespace-nowrap{white-space:nowrap} .text-wrap{text-wrap:wrap} .text-nowrap{text-wrap:nowrap} .text-pretty{text-wrap:pretty} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:1rem} .rounded-3xl{border-radius:1.5rem} .rounded-\[100px\]{border-radius:100px} .rounded-\[12px\]{border-radius:12px} .rounded-\[14px\]{border-radius:14px} .rounded-\[16px\]{border-radius:16px} .rounded-\[20px\]{border-radius:20px} .rounded-\[2px\]{border-radius:2px} .rounded-\[3px\]{border-radius:3px} .rounded-\[4px\]{border-radius:4px} .rounded-\[6px\]{border-radius:6px} .rounded-\[8px\]{border-radius:8px} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:0.5rem} .rounded-md{border-radius:0.375rem} .rounded-none{border-radius:0px} .rounded-sm{border-radius:0.125rem} .rounded-xl{border-radius:0.75rem} .rounded-b-md{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem} .rounded-b-xl{border-bottom-right-radius:0.75rem;border-bottom-left-radius:0.75rem} .rounded-e{border-start-end-radius:0.25rem;border-end-end-radius:0.25rem} .rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem} .rounded-l-\[20px\]{border-top-left-radius:20px;border-bottom-left-radius:20px} .rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px} .rounded-l-lg{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem} .rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px} .rounded-r-lg{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem} .rounded-s-lg{border-start-start-radius:0.5rem;border-end-start-radius:0.5rem} .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem} .rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem} .rounded-t-md{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem} .rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem} .rounded-tl-none{border-top-left-radius:0px} .rounded-tr-\[20px\]{border-top-right-radius:20px} .\!border{border-width:1px !important} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-\[1\.5px\]{border-width:1.5px} .border-\[1px\]{border-width:1px} .border-\[3px\]{border-width:3px} .border-y{border-top-width:1px;border-bottom-width:1px} .border-b{border-bottom-width:1px} .border-b-2{border-bottom-width:2px} .border-b-\[1px\]{border-bottom-width:1px} .border-b-\[3px\]{border-bottom-width:3px} .border-e{border-inline-end-width:1px} .border-l{border-left-width:1px} .border-r{border-right-width:1px} .border-s{border-inline-start-width:1px} .border-t{border-top-width:1px} .border-t-0{border-top-width:0px} .border-solid{border-style:solid} .border-dashed{border-style:dashed} .border-dotted{border-style:dotted} .border-none{border-style:none} .\!border-gray-200{--tw-border-opacity:1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1)) !important} .border-\[\#53525A\]{--tw-border-opacity:1;border-color:rgb(83 82 90 / var(--tw-border-opacity, 1))} .border-\[\#ABBAED\]{--tw-border-opacity:1;border-color:rgb(171 186 237 / var(--tw-border-opacity, 1))} .border-\[\#BFBFBF\]{--tw-border-opacity:1;border-color:rgb(191 191 191 / var(--tw-border-opacity, 1))} .border-\[\#DADADA\]{--tw-border-opacity:1;border-color:rgb(218 218 218 / var(--tw-border-opacity, 1))} .border-\[\#DBDBDB\]{--tw-border-opacity:1;border-color:rgb(219 219 219 / var(--tw-border-opacity, 1))} .border-\[\#DCDCDC\]{--tw-border-opacity:1;border-color:rgb(220 220 220 / var(--tw-border-opacity, 1))} .border-\[\#E3E7ED\]{--tw-border-opacity:1;border-color:rgb(227 231 237 / var(--tw-border-opacity, 1))} .border-\[\#E4E4E4\]{--tw-border-opacity:1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))} .border-\[\#E5E5E5\]{--tw-border-opacity:1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))} .border-\[\#E7E7E7\]{--tw-border-opacity:1;border-color:rgb(231 231 231 / var(--tw-border-opacity, 1))} .border-\[\#EBEBEB\]{--tw-border-opacity:1;border-color:rgb(235 235 235 / var(--tw-border-opacity, 1))} .border-\[\#EFEFEF\]{--tw-border-opacity:1;border-color:rgb(239 239 239 / var(--tw-border-opacity, 1))} .border-\[\#FFD0EA\]{--tw-border-opacity:1;border-color:rgb(255 208 234 / var(--tw-border-opacity, 1))} .border-black{--tw-border-opacity:1;border-color:rgba(0,0,0, var(--tw-border-opacity, 1))} .border-black-dark{--tw-border-opacity:1;border-color:rgba(var(--black-90), var(--tw-border-opacity, 1))} .border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))} .border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))} .border-brand-900{--tw-border-opacity:1;border-color:rgb(225 28 139 / var(--tw-border-opacity, 1))} .border-current{border-color:currentColor} .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))} .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))} .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .border-neutral-700{--tw-border-opacity:1;border-color:rgb(18 17 35 / var(--tw-border-opacity, 1))} .border-purple-90{--tw-border-opacity:1;border-color:rgba(var(--purple-90), var(--tw-border-opacity, 1))} .border-purple-90\/5{border-color:rgba(var(--purple-90), 0.05)} .border-transparent{border-color:transparent} .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-white\/20{border-color:rgb(255 255 255 / 0.2)} .border-white\/50{border-color:rgb(255 255 255 / 0.5)} .border-b-\[\#EBEBEB\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235 / var(--tw-border-opacity, 1))} .border-b-\[\#dbdde2\]{--tw-border-opacity:1;border-bottom-color:rgb(219 221 226 / var(--tw-border-opacity, 1))} .border-t-transparent{border-top-color:transparent} .\!bg-white{--tw-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important} .bg-\[\#000000\]\/40{background-color:rgb(0 0 0 / 0.4)} .bg-\[\#121123\]{--tw-bg-opacity:1;background-color:rgb(18 17 35 / var(--tw-bg-opacity, 1))} .bg-\[\#8D8D8D\]{--tw-bg-opacity:1;background-color:rgb(141 141 141 / var(--tw-bg-opacity, 1))} .bg-\[\#C122C1\]{--tw-bg-opacity:1;background-color:rgb(193 34 193 / var(--tw-bg-opacity, 1))} .bg-\[\#DADADA\]{--tw-bg-opacity:1;background-color:rgb(218 218 218 / var(--tw-bg-opacity, 1))} .bg-\[\#E2ECFF\]{--tw-bg-opacity:1;background-color:rgb(226 236 255 / var(--tw-bg-opacity, 1))} .bg-\[\#E5E5E5\]{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))} .bg-\[\#E6E6E6\]{--tw-bg-opacity:1;background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1))} .bg-\[\#ECECEC\]{--tw-bg-opacity:1;background-color:rgb(236 236 236 / var(--tw-bg-opacity, 1))} .bg-\[\#EDEFF7\]{--tw-bg-opacity:1;background-color:rgb(237 239 247 / var(--tw-bg-opacity, 1))} .bg-\[\#F4F4F4\]{--tw-bg-opacity:1;background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1))} .bg-\[\#F5186A\]{--tw-bg-opacity:1;background-color:rgb(245 24 106 / var(--tw-bg-opacity, 1))} .bg-\[\#F5F5F5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246 / var(--tw-bg-opacity, 1))} .bg-\[\#F8F9FD\]{--tw-bg-opacity:1;background-color:rgb(248 249 253 / var(--tw-bg-opacity, 1))} .bg-\[\#F9B233\]{--tw-bg-opacity:1;background-color:rgb(249 178 51 / var(--tw-bg-opacity, 1))} .bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))} .bg-\[\#FBB03B\]{--tw-bg-opacity:1;background-color:rgb(251 176 59 / var(--tw-bg-opacity, 1))} .bg-\[\#FEF6FA\]{--tw-bg-opacity:1;background-color:rgb(254 246 250 / var(--tw-bg-opacity, 1))} .bg-\[\#FF1454\]{--tw-bg-opacity:1;background-color:rgb(255 20 84 / var(--tw-bg-opacity, 1))} .bg-\[\#FFF1CF\]{--tw-bg-opacity:1;background-color:rgb(255 241 207 / var(--tw-bg-opacity, 1))} .bg-\[\#e7eaf9\]{--tw-bg-opacity:1;background-color:rgb(231 234 249 / var(--tw-bg-opacity, 1))} .bg-\[\#f8f9fd\]{--tw-bg-opacity:1;background-color:rgb(248 249 253 / var(--tw-bg-opacity, 1))} .bg-\[\#ffdc4b\]{--tw-bg-opacity:1;background-color:rgb(255 220 75 / var(--tw-bg-opacity, 1))} .bg-\[rgba\(177\2c 177\2c 177\2c 0\.1\)\]{background-color:rgba(177,177,177,0.1)} .bg-bg-dark{--tw-bg-opacity:1;background-color:rgba(var(--black-80), var(--tw-bg-opacity, 1))} .bg-bg-default{--tw-bg-opacity:1;background-color:rgba(var(--grey-10), var(--tw-bg-opacity, 1))} .bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0, var(--tw-bg-opacity, 1))} .bg-black-70{--tw-bg-opacity:1;background-color:rgba(var(--black-70), var(--tw-bg-opacity, 1))} .bg-black-90{--tw-bg-opacity:1;background-color:rgba(var(--black-90), var(--tw-bg-opacity, 1))} .bg-black-dark{--tw-bg-opacity:1;background-color:rgba(var(--black-90), var(--tw-bg-opacity, 1))} .bg-black\/20{background-color:rgba(0,0,0, 0.2)} .bg-black\/40{background-color:rgba(0,0,0, 0.4)} .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .bg-brand-900{--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1))} .bg-brand-900\/10{background-color:rgb(225 28 139 / 0.1)} .bg-brand-900\/70{background-color:rgb(225 28 139 / 0.7)} .bg-current{background-color:currentColor} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .bg-gray-190{--tw-bg-opacity:1;background-color:rgba(var(--gray-190), var(--tw-bg-opacity, 1))} .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .bg-gray-900\/50{background-color:rgb(17 24 39 / 0.5)} .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))} .bg-grey-90{--tw-bg-opacity:1;background-color:rgba(var(--grey-90), var(--tw-bg-opacity, 1))} .bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))} .bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))} .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))} .bg-purple-90{--tw-bg-opacity:1;background-color:rgba(var(--purple-90), var(--tw-bg-opacity, 1))} .bg-purple-90\/10{background-color:rgba(var(--purple-90), 0.1)} .bg-red-90{--tw-bg-opacity:1;background-color:rgba(var(--red-90), var(--tw-bg-opacity, 1))} .bg-red-90\/10{background-color:rgba(var(--red-90), 0.1)} .bg-transparent{background-color:transparent} .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-white\/0{background-color:rgb(255 255 255 / 0)} .bg-white\/20{background-color:rgb(255 255 255 / 0.2)} .bg-white\/50{background-color:rgb(255 255 255 / 0.5)} .bg-opacity-20{--tw-bg-opacity:0.2} .bg-opacity-40{--tw-bg-opacity:0.4} .bg-opacity-50{--tw-bg-opacity:0.5} .bg-\[url\(\'\/public\/images\/banner\/contact\.png\'\)\]{background-image:url('/public/images/banner/contact.png')} .bg-\[url\(\'\/public\/images\/careers\/icon\.png\'\)\]{background-image:url('/public/images/careers/icon.png')} .bg-\[url\(\'\/public\/images\/common\/icon\.png\'\)\]{background-image:url('/public/images/common/icon.png')} .bg-\[url\(\'\/public\/images\/common\/icon2\.png\'\)\]{background-image:url('/public/images/common/icon2.png')} .bg-\[url\(\'\/public\/images\/common\/icon3\.png\'\)\]{background-image:url('/public/images/common/icon3.png')} .bg-\[url\(\'\/public\/images\/common\/product-icon\.png\'\)\]{background-image:url('/public/images/common/product-icon.png')} .bg-\[url\(\'\/public\/images\/company\/icon\.png\'\)\]{background-image:url('/public/images/company/icon.png')} .bg-\[url\(\'\/public\/images\/img\/es_pop_2\.png\'\)\]{background-image:url('/public/images/img/es_pop_2.png')} .bg-\[url\(\'\/public\/images\/img\/es_pop_3\.png\'\)\]{background-image:url('/public/images/img/es_pop_3.png')} .bg-\[url\(\'\/public\/images\/img\/fr_pop_2\.png\'\)\]{background-image:url('/public/images/img/fr_pop_2.png')} .bg-\[url\(\'\/public\/images\/img\/fr_pop_3\.png\'\)\]{background-image:url('/public/images/img/fr_pop_3.png')} .bg-\[url\(\'\/public\/images\/img\/pop_2\.png\'\)\]{background-image:url('/public/images/img/pop_2.png')} .bg-\[url\(\'\/public\/images\/img\/pop_3\.png\'\)\]{background-image:url('/public/images/img/pop_3.png')} .bg-\[url\(\'\/public\/images\/img\/pt_pop_2\.png\'\)\]{background-image:url('/public/images/img/pt_pop_2.png')} .bg-\[url\(\'\/public\/images\/img\/pt_pop_3\.png\'\)\]{background-image:url('/public/images/img/pt_pop_3.png')} .bg-\[url\(\'\/public\/images\/img\/zh_pop_2\.png\'\)\]{background-image:url('/public/images/img/zh_pop_2.png')} .bg-\[url\(\'\/public\/images\/img\/zh_pop_3\.png\'\)\]{background-image:url('/public/images/img/zh_pop_3.png')} .bg-\[url\(\'\/public\/images\/index\/icon\.png\'\)\]{background-image:url('/public/images/index/icon.png')} .bg-\[url\(\'\/public\/images\/product\/ai-group-call\/banner\.svg\'\)\]{background-image:url('/public/images/product/ai-group-call/banner.svg')} .bg-\[url\(\'\/public\/images\/product\/ai-group-call\/icon\.png\'\)\]{background-image:url('/public/images/product/ai-group-call/icon.png')} .bg-\[url\(\'\/public\/images\/yx\/0928\/icon\.svg\'\)\]{background-image:url('/public/images/yx/0928/icon.svg')} .bg-\[url\(\'\/public\/svg\/fxiy\.svg\'\)\]{background-image:url('/public/svg/fxiy.svg')} .bg-\[url\(\/public\/images\/api\/clip\@3x\.png\)\]{background-image:url(/public/images/api/clip@3x.png)} .bg-\[url\(\/public\/images\/index\/bg_2\.png\)\]{background-image:url(/public/images/index/bg_2.png)} .bg-\[url\(\/public\/images\/index\/bg_2\.svg\)\]{background-image:url(/public/images/index/bg_2.svg)} .bg-footer{background-image:url(/public/images/banner/footer.png)} .bg-gradient-53{background-image:linear-gradient(53deg, #FFF 8.75%, #FFF 8.76%, #F3F5F9 92.43%)} .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))} .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))} .bg-i_sms{background-image:url(/public/images/product/code_3_2.png)} .bg-main-gradient{background-image:linear-gradient(to right, #FA165F, #C223C1)} .bg-media-icon{background-image:url(/public/svg/media.svg)} .bg-quote-l{background-image:url(/public/svg/quote_l.svg)} .bg-quote-r{background-image:url(/public/svg/quote_r.svg)} .from-\[\#FA165F\]{--tw-gradient-from:#FA165F var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 22 95 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[\#FFEBF7\]{--tw-gradient-from:#FFEBF7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 235 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-90{--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-rose-90{--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-rose-default{--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-rose-light{--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .to-\[\#D458CA\]{--tw-gradient-to:#D458CA var(--tw-gradient-to-position)} .to-gray-170{--tw-gradient-to:rgba(var(--gray-170), 1) var(--tw-gradient-to-position)} .to-purple-90{--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)} .bg-\[length\:100\%_100\%\]{background-size:100% 100%} .bg-contain{background-size:contain} .bg-cover{background-size:cover} .bg-clip-text{-webkit-background-clip:text;background-clip:text} .bg-\[34\%_center\]{background-position:34% center} .bg-\[67\%_center\]{background-position:67% center} .bg-\[left_-1\%_top_-1\%\]{background-position:left -1% top -1%} .bg-\[left_-1\%_top_48\%\]{background-position:left -1% top 48%} .bg-\[left_-1\%_top_98\%\]{background-position:left -1% top 98%} .bg-\[left_0\%_bottom_101\%\]{background-position:left 0% bottom 101%} .bg-\[left_1\%_bottom_101\%\]{background-position:left 1% bottom 101%} .bg-\[left_1\%_bottom_54\%\]{background-position:left 1% bottom 54%} .bg-\[left_1\%_bottom_76\%\]{background-position:left 1% bottom 76%} .bg-\[left_1\%_bottom_88\%\]{background-position:left 1% bottom 88%} .bg-\[left_1\.5\%_bottom_47\%\]{background-position:left 1.5% bottom 47%} .bg-\[left_1\.5\%_bottom_54\%\]{background-position:left 1.5% bottom 54%} .bg-\[left_101\%_bottom_101\%\]{background-position:left 101% bottom 101%} .bg-\[left_101\%_top_-1\%\]{background-position:left 101% top -1%} .bg-\[left_101\%_top_48\%\]{background-position:left 101% top 48%} .bg-\[left_101\%_top_98\%\]{background-position:left 101% top 98%} .bg-\[left_102\%_bottom_90\%\]{background-position:left 102% bottom 90%} .bg-\[left_11\.212\%_top_88\.51\%\]{background-position:left 11.212% top 88.51%} .bg-\[left_11\.4\%_top_81\.572\%\]{background-position:left 11.4% top 81.572%} .bg-\[left_12\.022\%_top_81\.572\%\]{background-position:left 12.022% top 81.572%} .bg-\[left_14\.186\%_top_73\.694\%\]{background-position:left 14.186% top 73.694%} .bg-\[left_14\.3\%_top_64\.292\%\]{background-position:left 14.3% top 64.292%} .bg-\[left_14\.871\%_top_97\.107\%\]{background-position:left 14.871% top 97.107%} .bg-\[left_14\.871\%_top_97\.7\%\]{background-position:left 14.871% top 97.7%} .bg-\[left_15\%_bottom_88\%\]{background-position:left 15% bottom 88%} .bg-\[left_15\.5\%_bottom_54\%\]{background-position:left 15.5% bottom 54%} .bg-\[left_17\%_top_50\.068\%\]{background-position:left 17% top 50.068%} .bg-\[left_18\%_bottom_55\.5\%\]{background-position:left 18% bottom 55.5%} .bg-\[left_18\%_bottom_76\%\]{background-position:left 18% bottom 76%} .bg-\[left_19\.5\%_bottom_101\%\]{background-position:left 19.5% bottom 101%} .bg-\[left_2\%_bottom_54\%\]{background-position:left 2% bottom 54%} .bg-\[left_2\%_bottom_76\%\]{background-position:left 2% bottom 76%} .bg-\[left_2\%_top_81\.345\%\]{background-position:left 2% top 81.345%} .bg-\[left_2\.2\%_top_73\.781\%\]{background-position:left 2.2% top 73.781%} .bg-\[left_2\.3\%_top_64\.357\%\]{background-position:left 2.3% top 64.357%} .bg-\[left_2\.381\%_top_88\.51\%\]{background-position:left 2.381% top 88.51%} .bg-\[left_2\.492\%_top_81\.345\%\]{background-position:left 2.492% top 81.345%} .bg-\[left_2\.5\%_bottom_25\%\]{background-position:left 2.5% bottom 25%} .bg-\[left_20\.5\%_top_81\.329\%\]{background-position:left 20.5% top 81.329%} .bg-\[left_20\.536\%_top_88\.51\%\]{background-position:left 20.536% top 88.51%} .bg-\[left_20\.904\%_top_81\.329\%\]{background-position:left 20.904% top 81.329%} .bg-\[left_23\.077\%_top_45\.8\%\]{background-position:left 23.077% top 45.8%} .bg-\[left_23\.077\%_top_46\.006\%\]{background-position:left 23.077% top 46.006%} .bg-\[left_23\.326\%_top_17\.9\%\]{background-position:left 23.326% top 17.9%} .bg-\[left_23\.326\%_top_18\.015\%\]{background-position:left 23.326% top 18.015%} .bg-\[left_23\.482\%_top_31\.982\%\]{background-position:left 23.482% top 31.982%} .bg-\[left_26\.237\%_top_73\.564\%\]{background-position:left 26.237% top 73.564%} .bg-\[left_26\.84\%_top_42\.068\%\]{background-position:left 26.84% top 42.068%} .bg-\[left_26\.871\%_top_64\.068\%\]{background-position:left 26.871% top 64.068%} .bg-\[left_27\.746\%_top_97\.717\%\]{background-position:left 27.746% top 97.717%} .bg-\[left_27\.746\%_top_98\.17\%\]{background-position:left 27.746% top 98.17%} .bg-\[left_28\%_top_10\%\]{background-position:left 28% top 10%} .bg-\[left_28\.974\%_top_88\.649\%\]{background-position:left 28.974% top 88.649%} .bg-\[left_29\%_bottom_47\%\]{background-position:left 29% bottom 47%} .bg-\[left_29\.5\%_bottom_25\%\]{background-position:left 29.5% bottom 25%} .bg-\[left_29\.5\%_bottom_54\%\]{background-position:left 29.5% bottom 54%} .bg-\[left_3\.207\%_top_73\.781\%\]{background-position:left 3.207% top 73.781%} .bg-\[left_3\.962\%_top_45\.65\%\]{background-position:left 3.962% top 45.65%} .bg-\[left_3\.962\%_top_46\.049\%\]{background-position:left 3.962% top 46.049%} .bg-\[left_3\.968\%_top_96\.768\%\]{background-position:left 3.968% top 96.768%} .bg-\[left_3\.968\%_top_98\.2\%\]{background-position:left 3.968% top 98.2%} .bg-\[left_30\%_bottom_88\%\]{background-position:left 30% bottom 88%} .bg-\[left_30\.011\%_top_81\.458\%\]{background-position:left 30.011% top 81.458%} .bg-\[left_35\%_top_44\%\]{background-position:left 35% top 44%} .bg-\[left_35\%_top_89\%\]{background-position:left 35% top 89%} .bg-\[left_35\.5\%_bottom_54\%\]{background-position:left 35.5% bottom 54%} .bg-\[left_35\.7\%_top_26\%\]{background-position:left 35.7% top 26%} .bg-\[left_36\.5\%_bottom_76\%\]{background-position:left 36.5% bottom 76%} .bg-\[left_37\%_top_44\.068\%\]{background-position:left 37% top 44.068%} .bg-\[left_37\.712\%_top_88\.51\%\]{background-position:left 37.712% top 88.51%} .bg-\[left_37\.844\%_top_73\.781\%\]{background-position:left 37.844% top 73.781%} .bg-\[left_38\.435\%_top_64\.068\%\]{background-position:left 38.435% top 64.068%} .bg-\[left_38\.5\%_bottom_101\%\]{background-position:left 38.5% bottom 101%} .bg-\[left_39\.155\%_top_81\.475\%\]{background-position:left 39.155% top 81.475%} .bg-\[left_4\%_bottom_90\%\]{background-position:left 4% bottom 90%} .bg-\[left_40\.116\%_top_96\.853\%\]{background-position:left 40.116% top 96.853%} .bg-\[left_40\.116\%_top_98\%\]{background-position:left 40.116% top 98%} .bg-\[left_40\.636\%_top_17\.8\%\]{background-position:left 40.636% top 17.8%} .bg-\[left_40\.636\%_top_18\.38\%\]{background-position:left 40.636% top 18.38%} .bg-\[left_40\.814\%_top_46\.013\%\]{background-position:left 40.814% top 46.013%} .bg-\[left_40\.835\%_top_31\.8\%\]{background-position:left 40.835% top 31.8%} .bg-\[left_40\.835\%_top_32\.211\%\]{background-position:left 40.835% top 32.211%} .bg-\[left_44\%_bottom_90\%\]{background-position:left 44% bottom 90%} .bg-\[left_46\.53\%_top_87\.954\%\]{background-position:left 46.53% top 87.954%} .bg-\[left_47\.2\%_top_43\.068\%\]{background-position:left 47.2% top 43.068%} .bg-\[left_48\.402\%_top_81\.402\%\]{background-position:left 48.402% top 81.402%} .bg-\[left_49\%_bottom_90\%\]{background-position:left 49% bottom 90%} .bg-\[left_49\%_top_10\%\]{background-position:left 49% top 10%} .bg-\[left_49\.477\%_top_73\.631\%\]{background-position:left 49.477% top 73.631%} .bg-\[left_5\.7\%_top_25\.5\%\]{background-position:left 5.7% top 25.5%} .bg-\[left_5\.86\%_top_17\.972\%\]{background-position:left 5.86% top 17.972%} .bg-\[left_5\.977\%_top_31\.8\%\]{background-position:left 5.977% top 31.8%} .bg-\[left_5\.977\%_top_32\.214\%\]{background-position:left 5.977% top 32.214%} .bg-\[left_50\%_top_-1\%\]{background-position:left 50% top -1%} .bg-\[left_50\%_top_48\%\]{background-position:left 50% top 48%} .bg-\[left_50\%_top_64\.068\%\]{background-position:left 50% top 64.068%} .bg-\[left_50\%_top_98\%\]{background-position:left 50% top 98%} .bg-\[left_52\%_bottom_90\%\]{background-position:left 52% bottom 90%} .bg-\[left_52\.57\%_top_97\.976\%\]{background-position:left 52.57% top 97.976%} .bg-\[left_53\%_bottom_54\%\]{background-position:left 53% bottom 54%} .bg-\[left_55\.307\%_top_88\.51\%\]{background-position:left 55.307% top 88.51%} .bg-\[left_56\.4\%_top_48\.068\%\]{background-position:left 56.4% top 48.068%} .bg-\[left_56\.5\%_bottom_25\%\]{background-position:left 56.5% bottom 25%} .bg-\[left_56\.5\%_bottom_47\%\]{background-position:left 56.5% bottom 47%} .bg-\[left_57\.5\%_bottom_53\%\]{background-position:left 57.5% bottom 53%} .bg-\[left_57\.5\%_bottom_88\%\]{background-position:left 57.5% bottom 88%} .bg-\[left_57\.697\%_top_81\.441\%\]{background-position:left 57.697% top 81.441%} .bg-\[left_58\%_bottom_54\%\]{background-position:left 58% bottom 54%} .bg-\[left_58\.028\%_top_45\.1\%\]{background-position:left 58.028% top 45.1%} .bg-\[left_58\.028\%_top_45\.89\%\]{background-position:left 58.028% top 45.89%} .bg-\[left_58\.305\%_top_31\.8\%\]{background-position:left 58.305% top 31.8%} .bg-\[left_58\.305\%_top_32\.34\%\]{background-position:left 58.305% top 32.34%} .bg-\[left_58\.5\%_bottom_76\%\]{background-position:left 58.5% bottom 76%} .bg-\[left_58\.94\%_top_18\.665\%\]{background-position:left 58.94% top 18.665%} .bg-\[left_6\%_top_64\.068\%\]{background-position:left 6% top 64.068%} .bg-\[left_6\.071\%_top_17\.972\%\]{background-position:left 6.071% top 17.972%} .bg-\[left_61\.105\%_top_73\.564\%\]{background-position:left 61.105% top 73.564%} .bg-\[left_61\.469\%_top_64\.068\%\]{background-position:left 61.469% top 64.068%} .bg-\[left_61\.5\%_bottom_101\%\]{background-position:left 61.5% bottom 101%} .bg-\[left_62\.5\%_top_45\%\]{background-position:left 62.5% top 45%} .bg-\[left_62\.5\%_top_89\%\]{background-position:left 62.5% top 89%} .bg-\[left_63\.923\%_top_88\.136\%\]{background-position:left 63.923% top 88.136%} .bg-\[left_64\.902\%_top_97\.109\%\]{background-position:left 64.902% top 97.109%} .bg-\[left_64\.902\%_top_98\.1\%\]{background-position:left 64.902% top 98.1%} .bg-\[left_65\.6\%_top_25\.7\%\]{background-position:left 65.6% top 25.7%} .bg-\[left_66\.5\%_top_43\.068\%\]{background-position:left 66.5% top 43.068%} .bg-\[left_66\.895\%_top_81\.572\%\]{background-position:left 66.895% top 81.572%} .bg-\[left_69\%_bottom_47\%\]{background-position:left 69% bottom 47%} .bg-\[left_7\%_top_10\%\]{background-position:left 7% top 10%} .bg-\[left_7\%_top_44\.5\%\]{background-position:left 7% top 44.5%} .bg-\[left_7\%_top_50\.068\%\]{background-position:left 7% top 50.068%} .bg-\[left_7\%_top_89\%\]{background-position:left 7% top 89%} .bg-\[left_70\.5\%_bottom_54\.5\%\]{background-position:left 70.5% bottom 54.5%} .bg-\[left_71\%_bottom_53\%\]{background-position:left 71% bottom 53%} .bg-\[left_71\%_bottom_88\%\]{background-position:left 71% bottom 88%} .bg-\[left_72\.84\%_top_64\.068\%\]{background-position:left 72.84% top 64.068%} .bg-\[left_72\.885\%_top_73\.675\%\]{background-position:left 72.885% top 73.675%} .bg-\[left_72\.994\%_top_88\.372\%\]{background-position:left 72.994% top 88.372%} .bg-\[left_75\.764\%_top_81\.11\%\]{background-position:left 75.764% top 81.11%} .bg-\[left_75\.8\%_top_45\.068\%\]{background-position:left 75.8% top 45.068%} .bg-\[left_78\.5\%_bottom_76\%\]{background-position:left 78.5% bottom 76%} .bg-\[left_81\%_bottom_47\%\]{background-position:left 81% bottom 47%} .bg-\[left_83\.5\%_bottom_101\%\]{background-position:left 83.5% bottom 101%} .bg-\[left_83\.864\%_top_73\.718\%\]{background-position:left 83.864% top 73.718%} .bg-\[left_85\.4\%_top_44\.068\%\]{background-position:left 85.4% top 44.068%} .bg-\[left_85\.5\%_bottom_90\%\]{background-position:left 85.5% bottom 90%} .bg-\[left_91\%_top_45\%\]{background-position:left 91% top 45%} .bg-\[left_95\%_bottom_90\%\]{background-position:left 95% bottom 90%} .bg-\[left_96\%_bottom_76\%\]{background-position:left 96% bottom 76%} .bg-\[left_96\.078\%_top_73\.607\%\]{background-position:left 96.078% top 73.607%} .bg-\[left_96\.5\%_bottom_89\%\]{background-position:left 96.5% bottom 89%} .bg-\[left_97\%_bottom_47\%\]{background-position:left 97% bottom 47%} .bg-\[left_97\%_bottom_76\%\]{background-position:left 97% bottom 76%} .bg-bg-2\/4{background-position:33% center} .bg-bg-3\/4{background-position:67% center} .bg-center{background-position:center} .bg-left{background-position:left} .bg-right{background-position:right} .bg-no-repeat{background-repeat:no-repeat} .fill-\[\#121123\]{fill:#121123} .fill-\[\#53525A\]{fill:#53525A} .fill-\[\#919798\]{fill:#919798} .fill-\[\#9d9ea1\]{fill:#9d9ea1} .fill-black{fill:rgba(0,0,0, 1)} .fill-brand-900{fill:#E11C8B} .fill-current{fill:currentColor} .fill-gray-200{fill:#e5e7eb} .fill-neutral-200{fill:#e5e5e5} .fill-white{fill:#fff} .stroke-\[\#121123\]{stroke:#121123} .stroke-\[\#333333\]{stroke:#333333} .stroke-\[\#9d9ea1\]{stroke:#9d9ea1} .stroke-brand-900{stroke:#E11C8B} .stroke-purple-90{stroke:rgba(var(--purple-90), 1)} .stroke-white{stroke:#fff} .stroke-1{stroke-width:1} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .object-bottom{-o-object-position:bottom;object-position:bottom} .object-center{-o-object-position:center;object-position:center} .p-0{padding:0} .p-1{padding:0.25rem} .p-1\.5{padding:0.375rem} .p-2{padding:0.5rem} .p-2\.5{padding:0.625rem} .p-3{padding:0.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-7{padding:1.75rem} .p-8{padding:2rem} .p-\[18px\]{padding:1.125rem} .p-\[30px\]{padding:1.875rem} .p-\[34px\]{padding:2.125rem} .\!py-0{padding-top:0px !important;padding-bottom:0px !important} .\!py-0\.5{padding-top:0.125rem !important;padding-bottom:0.125rem !important} .px-0{padding-left:0px;padding-right:0px} .px-0\.5{padding-left:0.125rem;padding-right:0.125rem} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-10{padding-left:2.5rem;padding-right:2.5rem} .px-16{padding-left:4rem;padding-right:4rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .px-3\.5{padding-left:0.875rem;padding-right:0.875rem} .px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .px-7{padding-left:1.75rem;padding-right:1.75rem} .px-8{padding-left:2rem;padding-right:2rem} .px-9{padding-left:2.25rem;padding-right:2.25rem} .px-\[10px\]{padding-left:10px;padding-right:10px} .px-\[14px\]{padding-left:14px;padding-right:14px} .px-\[15px\]{padding-left:15px;padding-right:15px} .px-\[18px\]{padding-left:18px;padding-right:18px} .px-\[22px\]{padding-left:22px;padding-right:22px} .px-\[24px\]{padding-left:24px;padding-right:24px} .px-\[28px\]{padding-left:28px;padding-right:28px} .px-\[30px\]{padding-left:30px;padding-right:30px} .px-\[32px\]{padding-left:32px;padding-right:32px} .px-\[36px\]{padding-left:36px;padding-right:36px} .py-0{padding-top:0px;padding-bottom:0px} .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-11{padding-top:2.75rem;padding-bottom:2.75rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-16{padding-top:4rem;padding-bottom:4rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .py-20{padding-top:5rem;padding-bottom:5rem} .py-24{padding-top:6rem;padding-bottom:6rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-5{padding-top:1.25rem;padding-bottom:1.25rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-7{padding-top:1.75rem;padding-bottom:1.75rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-9{padding-top:2.25rem;padding-bottom:2.25rem} .py-\[10px\]{padding-top:10px;padding-bottom:10px} .py-\[11px\]{padding-top:11px;padding-bottom:11px} .py-\[12px\]{padding-top:12px;padding-bottom:12px} .py-\[14px\]{padding-top:14px;padding-bottom:14px} .py-\[22px\]{padding-top:22px;padding-bottom:22px} .py-\[25px\]{padding-top:25px;padding-bottom:25px} .py-\[26px\]{padding-top:26px;padding-bottom:26px} .py-\[30px\]{padding-top:30px;padding-bottom:30px} .py-\[38px\]{padding-top:38px;padding-bottom:38px} .py-\[48px\]{padding-top:48px;padding-bottom:48px} .py-\[4px\]{padding-top:4px;padding-bottom:4px} .py-\[52px\]{padding-top:52px;padding-bottom:52px} .py-\[56px\]{padding-top:56px;padding-bottom:56px} .py-\[58px\]{padding-top:58px;padding-bottom:58px} .py-\[5px\]{padding-top:5px;padding-bottom:5px} .py-\[60px\]{padding-top:60px;padding-bottom:60px} .py-\[68px\]{padding-top:68px;padding-bottom:68px} .py-\[6px\]{padding-top:6px;padding-bottom:6px} .py-\[7px\]{padding-top:7px;padding-bottom:7px} .py-\[8px\]{padding-top:8px;padding-bottom:8px} .py-\[9px\]{padding-top:9px;padding-bottom:9px} .\!pl-5{padding-left:1.25rem !important} .\!pr-4{padding-right:1rem !important} .pb-1{padding-bottom:0.25rem} .pb-10{padding-bottom:2.5rem} .pb-11{padding-bottom:2.75rem} .pb-12{padding-bottom:3rem} .pb-14{padding-bottom:3.5rem} .pb-16{padding-bottom:4rem} .pb-2{padding-bottom:0.5rem} .pb-20{padding-bottom:5rem} .pb-3{padding-bottom:0.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-7{padding-bottom:1.75rem} .pb-8{padding-bottom:2rem} .pb-9{padding-bottom:2.25rem} .pb-\[102px\]{padding-bottom:102px} .pb-\[104px\]{padding-bottom:104px} .pb-\[10px\]{padding-bottom:10px} .pb-\[130px\]{padding-bottom:130px} .pb-\[14px\]{padding-bottom:14px} .pb-\[18px\]{padding-bottom:18px} .pb-\[22px\]{padding-bottom:22px} .pb-\[230px\]{padding-bottom:230px} .pb-\[24px\]{padding-bottom:24px} .pb-\[25px\]{padding-bottom:25px} .pb-\[260px\]{padding-bottom:260px} .pb-\[29px\]{padding-bottom:29px} .pb-\[308px\]{padding-bottom:308px} .pb-\[30px\]{padding-bottom:30px} .pb-\[31px\]{padding-bottom:31px} .pb-\[330px\]{padding-bottom:330px} .pb-\[48px\]{padding-bottom:48px} .pb-\[50px\]{padding-bottom:50px} .pb-\[52px\]{padding-bottom:52px} .pb-\[54px\]{padding-bottom:54px} .pb-\[56px\]{padding-bottom:56px} .pb-\[60px\]{padding-bottom:60px} .pb-\[64px\]{padding-bottom:64px} .pb-\[68px\]{padding-bottom:68px} .pb-\[70px\]{padding-bottom:70px} .pb-\[75px\]{padding-bottom:75px} .pb-\[77px\]{padding-bottom:77px} .pb-\[78px\]{padding-bottom:78px} .pb-\[80px\]{padding-bottom:80px} .pb-px{padding-bottom:1px} .pe-6{padding-inline-end:1.5rem} .pe-8{padding-inline-end:2rem} .pl-0\.5{padding-left:0.125rem} .pl-1{padding-left:0.25rem} .pl-12{padding-left:3rem} .pl-14{padding-left:3.5rem} .pl-2{padding-left:0.5rem} .pl-2\.5{padding-left:0.625rem} .pl-3{padding-left:0.75rem} .pl-3\.5{padding-left:0.875rem} .pl-4{padding-left:1rem} .pl-5{padding-left:1.25rem} .pl-6{padding-left:1.5rem} .pl-7{padding-left:1.75rem} .pl-8{padding-left:2rem} .pl-\[22px\]{padding-left:22px} .pl-\[24px\]{padding-left:24px} .pl-\[25\%\]{padding-left:25%} .pl-\[30px\]{padding-left:30px} .pr-10{padding-right:2.5rem} .pr-20{padding-right:5rem} .pr-3{padding-right:0.75rem} .pr-4{padding-right:1rem} .pr-6{padding-right:1.5rem} .pr-7{padding-right:1.75rem} .pr-8{padding-right:2rem} .pr-9{padding-right:2.25rem} .pr-\[22px\]{padding-right:22px} .pr-\[24px\]{padding-right:24px} .pr-\[26px\]{padding-right:26px} .pr-\[50px\]{padding-right:50px} .ps-1{padding-inline-start:0.25rem} .ps-2{padding-inline-start:0.5rem} .ps-3{padding-inline-start:0.75rem} .pt-1{padding-top:0.25rem} .pt-1\.5{padding-top:0.375rem} .pt-10{padding-top:2.5rem} .pt-12{padding-top:3rem} .pt-14{padding-top:3.5rem} .pt-16{padding-top:4rem} .pt-2{padding-top:0.5rem} .pt-20{padding-top:5rem} .pt-24{padding-top:6rem} .pt-3{padding-top:0.75rem} .pt-3\.5{padding-top:0.875rem} .pt-4{padding-top:1rem} .pt-5{padding-top:1.25rem} .pt-6{padding-top:1.5rem} .pt-7{padding-top:1.75rem} .pt-8{padding-top:2rem} .pt-9{padding-top:2.25rem} .pt-\[102px\]{padding-top:102px} .pt-\[104px\]{padding-top:104px} .pt-\[106px\]{padding-top:106px} .pt-\[10px\]{padding-top:10px} .pt-\[18px\]{padding-top:18px} .pt-\[1px\]{padding-top:1px} .pt-\[22px\]{padding-top:22px} .pt-\[24px\]{padding-top:24px} .pt-\[25px\]{padding-top:25px} .pt-\[26px\]{padding-top:26px} .pt-\[36px\]{padding-top:36px} .pt-\[3px\]{padding-top:3px} .pt-\[40px\]{padding-top:40px} .pt-\[41px\]{padding-top:41px} .pt-\[50px\]{padding-top:50px} .pt-\[51px\]{padding-top:51px} .pt-\[52px\]{padding-top:52px} .pt-\[56px\]{padding-top:56px} .pt-\[58px\]{padding-top:58px} .pt-\[60px\]{padding-top:60px} .pt-\[62px\]{padding-top:62px} .pt-\[67px\]{padding-top:67px} .pt-\[68px\]{padding-top:68px} .pt-\[6px\]{padding-top:6px} .pt-\[80px\]{padding-top:80px} .pl-0{padding-left:0px} .text-left{text-align:left} .\!text-center{text-align:center !important} .text-center{text-align:center} .\!text-right{text-align:right !important} .text-right{text-align:right} .text-justify{text-align:justify} .text-start{text-align:start} .text-end{text-align:end} .align-bottom{vertical-align:bottom} .font-BarlowCondensed{font-family:PuHuiBlack, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-BarlowCondensedRegular{font-family:PuHui, PuHuiTi, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-PuHui{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-PuHuiBlack{font-family:PuHuiBlack, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-PuHuiBold{font-family:PuHuiBold, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-PuHuiMedium{font-family:PuHuiMedium, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .font-Roboto{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif} .\!text-sm{font-size:0.875rem !important;line-height:1.25rem !important} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-5xl{font-size:3rem;line-height:1} .text-\[12px\]{font-size:0.75rem} .text-\[14px\]{font-size:0.875rem} .text-\[15px\]{font-size:0.9375rem} .text-\[16px\]{font-size:1rem} .text-\[18px\]{font-size:1.125rem} .text-\[20px\]{font-size:1.25rem} .text-\[22px\]{font-size:1.375rem} .text-\[24px\]{font-size:1.5rem} .text-\[28px\]{font-size:1.75rem} .text-\[32px\]{font-size:2rem} .text-\[36px\]{font-size:2.25rem} .text-\[38px\]{font-size:2.375rem} .text-\[40px\]{font-size:2.5rem} .text-\[46px\]{font-size:2.875rem} .text-\[54px\]{font-size:3.375rem} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1rem} .\!font-medium{font-weight:500 !important} .font-black{font-weight:900} .font-bold{font-weight:700} .font-extrabold{font-weight:800} .font-medium{font-weight:500} .font-normal{font-weight:400} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .italic{font-style:italic} .ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .\!leading-normal{line-height:1.5 !important} .leading-6{line-height:1.5rem} .leading-8{line-height:2rem} .leading-9{line-height:2.25rem} .leading-\[1\.75\]{line-height:1.75} .leading-\[16px\]{line-height:1rem} .leading-\[19px\]{line-height:1.1875rem} .leading-\[20px\]{line-height:1.25rem} .leading-\[21px\]{line-height:1.3125rem} .leading-\[22px\]{line-height:1.375rem} .leading-\[24px\]{line-height:1.5rem} .leading-\[26px\]{line-height:1.625rem} .leading-\[30px\]{line-height:1.875rem} .leading-\[40px\]{line-height:2.5rem} .leading-loose{line-height:2} .leading-none{line-height:1} .leading-normal{line-height:1.5} .leading-relaxed{line-height:1.625} .leading-snug{line-height:1.375} .leading-tight{line-height:1.25} .\!text-\[\#333333\]{--tw-text-opacity:1 !important;color:rgb(51 51 51 / var(--tw-text-opacity, 1)) !important} .text-\[\#121123\]{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} .text-\[\#222222\]{--tw-text-opacity:1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))} .text-\[\#333333\]{--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .text-\[\#406AFE\]{--tw-text-opacity:1;color:rgb(64 106 254 / var(--tw-text-opacity, 1))} .text-\[\#53525A\]{--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .text-\[\#555555\]{--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))} .text-\[\#828388\]{--tw-text-opacity:1;color:rgb(130 131 136 / var(--tw-text-opacity, 1))} .text-\[\#888888\]{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity, 1))} .text-\[\#8D8D8D\]{--tw-text-opacity:1;color:rgb(141 141 141 / var(--tw-text-opacity, 1))} .text-\[\#DBDBDB\]{--tw-text-opacity:1;color:rgb(219 219 219 / var(--tw-text-opacity, 1))} .text-\[\#F5186A\]{--tw-text-opacity:1;color:rgb(245 24 106 / var(--tw-text-opacity, 1))} .text-\[\#FA165F\]{--tw-text-opacity:1;color:rgb(250 22 95 / var(--tw-text-opacity, 1))} .text-\[\#d41e9f\]{--tw-text-opacity:1;color:rgb(212 30 159 / var(--tw-text-opacity, 1))} .text-api-body{--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))} .text-api-guide{--tw-text-opacity:1;color:rgb(83 82 90 / var(--tw-text-opacity, 1))} .text-api-heading{--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))} .text-api-secondary{--tw-text-opacity:1;color:rgb(136 136 136 / var(--tw-text-opacity, 1))} .text-api-subTitle{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))} .text-black{--tw-text-opacity:1;color:rgba(0,0,0, var(--tw-text-opacity, 1))} .text-black-30{--tw-text-opacity:1;color:rgba(var(--black-30), var(--tw-text-opacity, 1))} .text-black-40{--tw-text-opacity:1;color:rgba(var(--black-40), var(--tw-text-opacity, 1))} .text-black-50{--tw-text-opacity:1;color:rgba(var(--black-50), var(--tw-text-opacity, 1))} .text-black-70{--tw-text-opacity:1;color:rgba(var(--black-70), var(--tw-text-opacity, 1))} .text-black-80{--tw-text-opacity:1;color:rgba(var(--black-80), var(--tw-text-opacity, 1))} .text-black-90{--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .text-black-empty{--tw-text-opacity:1;color:rgba(var(--grey-80), var(--tw-text-opacity, 1))} .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .text-brand-900{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .text-brand-900\/70{color:rgb(225 28 139 / 0.7)} .text-font-black-222{--tw-text-opacity:1;color:rgba(var(--black-70), var(--tw-text-opacity, 1))} .text-font-black-blog{--tw-text-opacity:1;color:rgba(var(--black-10), var(--tw-text-opacity, 1))} .text-font-black-dark{--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .text-font-black-default{--tw-text-opacity:1;color:rgba(var(--black-60), var(--tw-text-opacity, 1))} .text-font-black-lighter{--tw-text-opacity:1;color:rgba(var(--grey-90), var(--tw-text-opacity, 1))} .text-font-black-normal{--tw-text-opacity:1;color:rgba(var(--black-40), var(--tw-text-opacity, 1))} .text-gray-180{--tw-text-opacity:1;color:rgba(var(--gray-180), var(--tw-text-opacity, 1))} .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))} .text-grey-40{--tw-text-opacity:1;color:rgba(var(--grey-40), var(--tw-text-opacity, 1))} .text-inherit{color:inherit} .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))} .text-purple-90{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-red-90{--tw-text-opacity:1;color:rgba(var(--red-90), var(--tw-text-opacity, 1))} .text-rose-default{--tw-text-opacity:1;color:rgba(var(--rose-90), var(--tw-text-opacity, 1))} .text-rose-lighter{--tw-text-opacity:1;color:rgba(var(--rose-70), var(--tw-text-opacity, 1))} .text-transparent{color:transparent} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .underline{text-decoration-line:underline} .line-through{text-decoration-line:line-through} .no-underline{text-decoration-line:none} .decoration-purple-90{text-decoration-color:rgba(var(--purple-90), 1)} .decoration-purple-90\/40{text-decoration-color:rgba(var(--purple-90), 0.4)} .decoration-red-90{text-decoration-color:rgba(var(--red-90), 1)} .underline-offset-2{text-underline-offset:0.125rem} .underline-offset-4{text-underline-offset:0.25rem} .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .opacity-0{opacity:0} .opacity-100{opacity:1} .opacity-20{opacity:0.2} .opacity-50{opacity:0.5} .opacity-70{opacity:0.7} .opacity-80{opacity:0.8} .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_4px_15px_rgba\(245\2c 87\2c 108\2c 0\.4\)\]{--tw-shadow:0 4px 15px rgba(245,87,108,0.4);--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_4px_8px_4px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-shadow:0 4px 8px 4px rgba(0,0,0,0.3);--tw-shadow-colored:0 4px 8px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_5px_20px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{--tw-shadow:0 5px 20px rgba(0,0,0,0.15);--tw-shadow-colored:0 5px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0px_0px_0px_2px_rgba\(36\2c 184\2c 158\2c 0\.1\)\]{--tw-shadow:0px 0px 0px 2px rgba(36,184,158,0.1);--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0px_14px_24px_-6px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0px 14px 24px -6px rgba(0,0,0,0.1);--tw-shadow-colored:0px 14px 24px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0px_1px_5px_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0px 1px 5px 1px rgba(0,0,0,0.1);--tw-shadow-colored:0px 1px 5px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0px_4px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0px 4px 10px 0px rgba(0,0,0,0.08);--tw-shadow-colored:0px 4px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0px_4px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0px 4px 6px 0px rgba(0,0,0,0.06);--tw-shadow-colored:0px 4px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[inset_0_8px_6px_-6px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:inset 0 8px 6px -6px rgba(0,0,0,0.08);--tw-shadow-colored:inset 0 8px 6px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .outline-1{outline-width:1px} .outline-2{outline-width:2px} .outline-brand-900{outline-color:#E11C8B} .outline-brand-900\/10{outline-color:rgb(225 28 139 / 0.1)} .outline-pink-500{outline-color:#ec4899} .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-lg{--tw-blur:blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .brightness-75{--tw-brightness:brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-\[0_4px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-drop-shadow:drop-shadow(0 4px 10px 0 rgba(0,0,0,0.08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-\[0px_0px_0px_2px_rgba\(36\2c 184\2c 158\2c 0\.1\)\]{--tw-drop-shadow:drop-shadow(0px 0px 0px 2px rgba(36,184,158,0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-drop-shadow:drop-shadow(0px 1px 2px 0px rgba(0,0,0,0.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[opacity\2c margin\]{transition-property:opacity,margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .delay-100{transition-delay:100ms} .delay-200{transition-delay:200ms} .delay-500{transition-delay:500ms} .delay-75{transition-delay:75ms} .delay-\[2000ms\]{transition-delay:2000ms} .delay-\[30ms\]{transition-delay:30ms} .duration-100{transition-duration:100ms} .duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .duration-500{transition-duration:500ms} .duration-\[0\.1ms\]{transition-duration:0.1ms} .duration-\[150ms\]{transition-duration:150ms} .duration-\[90ms\]{transition-duration:90ms} .ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\]{transition-timing-function:cubic-bezier(0.4,0,0.2,1)} .ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-linear{transition-timing-function:linear} .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .will-change-auto{will-change:auto} .will-change-contents{will-change:contents} .will-change-scroll{will-change:scroll-position} .will-change-transform{will-change:transform} .content-\[\'\'\]{--tw-content:'';content:var(--tw-content)} /* 合作用户logo遮罩 */ .roll-mask { mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%); } /* 淡入 */ @keyframes fadeIn { from { opacity: .5; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } .animate-fadein { animation: fadeIn .7s ease-out forwards; } /* 卡片样式 */ .bg-card { border-radius: 16px; background: linear-gradient(53deg, #FFF 8.75%, #FFF 8.76%, #F3F5F9 92.43%); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); } .shadow-bg { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); } .bg-quote { background: url('/public/svg/quote_t.svg') center no-repeat, url('/public/svg/quote_b.svg') center no-repeat; background-size: contain, contain; } .bg-quote-p { background: url('/public/svg/quote_pt.svg') center no-repeat, url('/public/svg/quote_pb.svg') center no-repeat; background-size: contain, contain; } .border-gradient::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* z-index: -1; */ border: 1px solid transparent; border-radius: 100px; background: linear-gradient(to right, #FA165F, #C223C1) border-box; mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask-composite: xor; mask-composite: exclude; } .\[--adaptive\:none\]{--adaptive:none} .\[--is-collapse\:true\]{--is-collapse:true} .\[--strategy\:static\]{--strategy:static} .\[-webkit-background-clip\:text\]{-webkit-background-clip:text} .\!\[a-zA-Z\:_\]{a-z-a--z: !important} .\[background-clip\:text\]{-webkit-background-clip:text;background-clip:text} .\[background-size\:140px_98\.38px\]{background-size:140px 98.38px} .\[background-size\:250px_175\.7px\]{background-size:250px 175.7px} .\[background-size\:260px\]{background-size:260px} .\[background-size\:700px\]{background-size:700px} .\[color\:transparent\]{color:transparent} .\[flex\:0_0_120px\]{flex:0 0 120px} .\[fs\:0\]{fs:0} .\[hostname\:port\]{hostname:port} .before\:nav--icon::before::before { position:absolute; left:-2rem; top:-2px; height:24px; width:24px; overflow:hidden; background-image:url('/public/images/common/icon.png'); background-repeat:no-repeat; --tw-content:''; content:var(--tw-content); background-size:260px; } .before\:career--icon::before { content:var(--tw-content); overflow:hidden; background-image:url('/public/images/careers/icon.png'); background-repeat:no-repeat; } .after\:bg--gradient::after { content:var(--tw-content); background-image:linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position); --tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position); } .after\:career--icon::after { content:var(--tw-content); overflow:hidden; background-image:url('/public/images/careers/icon.png'); background-repeat:no-repeat; } .hover\:bg--gradient:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .hover\:gradient-red:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .hover\:gradient-red-light:hover{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--rose-80), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--rose-80), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-80), 1) var(--tw-gradient-to-position)} .group.active .group-\[\.active\]\:bg--gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position)} .peer:hover ~ .peer-hover\:font--gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--red-90), 1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--red-90), 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:rgba(var(--purple-90), 1) var(--tw-gradient-to-position);display:inline-block;background-clip:text;--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1));color:transparent;-webkit-background-clip:text} @media not all and (min-width: 1024px){ .max-lg\:nav--dropdown-mobile{position:absolute;top:0px;right:0px;bottom:0px;left:10rem} .peer.active ~ .max-lg\:nav--dropdown-mobile{display:block;opacity:1} @media not all and (min-width: 1024px){ .max-lg\:nav--dropdown-mobile{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}} .max-lg\:nav--divide{position:relative} .max-lg\:nav--divide::after{position:absolute;right:-1rem;top:50%;height:0.75rem;width:1px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)}} @media (min-width: 768px){ .\*\:md\:border--gradient > *{position:relative} .\*\:md\:border--gradient > *::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 1; border-width: 1px; border-style: solid; border-color: transparent; background: linear-gradient(to right, var(--r-red-90), var(--r-purple-90)) border-box; mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask: linear-gradient(#fff,black) content-box, linear-gradient(#fff,black); -webkit-mask-composite: xor; mask-composite: exclude; }} @media (min-width: 1024px){ .lg\:title-38{position:relative;text-align:center;font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:2.375rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .lg\:info-16{font-family:PuHui, Helvetica, Arial, PingFang TC, Microsoft JhengHei, Georgia, Times New Roman, Noto Sans TC, SimSun, PMingLiU, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.5} @media (min-width: 1024px){ .lg\:info-16{font-size:1rem}} .lg\:grid_item_col{display:flex;flex-direction:column;border-radius:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:3rem}} .\*\:relative > *{position:relative} .\*\:mb-2 > *{margin-bottom:0.5rem} .\*\:mr-2 > *{margin-right:0.5rem} .\*\:inline-flex > *{display:inline-flex} .\*\:h-12 > *{height:3rem} .\*\:h-\[60px\] > *{height:60px} .\*\:h-\[80px\] > *{height:80px} .\*\:w-\[114px\] > *{width:114px} .\*\:w-\[160px\] > *{width:160px} .\*\:w-\[20\%\] > *{width:20%} .\*\:w-full > *{width:100%} .\*\:cursor-pointer > *{cursor:pointer} .\*\:items-center > *{align-items:center} .\*\:justify-center > *{justify-content:center} .\*\:rounded-lg > *{border-radius:0.5rem} .\*\:rounded-xl > *{border-radius:0.75rem} .\*\:rounded-l > *{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem} .\*\:border-2 > *{border-width:2px} .\*\:border-l > *{border-left-width:1px} .\*\:border-t > *{border-top-width:1px} .\*\:border-black > *{--tw-border-opacity:1;border-color:rgba(0,0,0, var(--tw-border-opacity, 1))} .\*\:bg-\[\#FFFF00\] > *{--tw-bg-opacity:1;background-color:rgb(255 255 0 / var(--tw-bg-opacity, 1))} .\*\:p-2 > *{padding:0.5rem} .\*\:px-\[18px\] > *{padding-left:18px;padding-right:18px} .\*\:py-2 > *{padding-top:0.5rem;padding-bottom:0.5rem} .\*\:py-5 > *{padding-top:1.25rem;padding-bottom:1.25rem} .\*\:text-right > *{text-align:right} .\*\:text-base > *{font-size:1rem;line-height:1.5rem} .\*\:text-xl > *{font-size:1.25rem;line-height:1.75rem} .\*\:font-semibold > *{font-weight:600} .\*\:leading-loose > *{line-height:2} .\*\:text-inherit > *{color:inherit} .\*\:\[background-size\:722px_518px\] > *{background-size:722px 518px} .placeholder\:text-sm::-moz-placeholder{font-size:0.875rem;line-height:1.25rem} .placeholder\:text-sm::placeholder{font-size:0.875rem;line-height:1.25rem} .placeholder\:font-normal::-moz-placeholder{font-weight:400} .placeholder\:font-normal::placeholder{font-weight:400} .placeholder\:text-\[\#B2B2B2\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(178 178 178 / var(--tw-text-opacity, 1))} .placeholder\:text-\[\#B2B2B2\]::placeholder{--tw-text-opacity:1;color:rgb(178 178 178 / var(--tw-text-opacity, 1))} .placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .before\:absolute::before{content:var(--tw-content);position:absolute} .before\:inset-0::before{content:var(--tw-content);inset:0px} .before\:bottom-0::before{content:var(--tw-content);bottom:0px} .before\:bottom-0\.5::before{content:var(--tw-content);bottom:0.125rem} .before\:left-0::before{content:var(--tw-content);left:0px} .before\:top-0::before{content:var(--tw-content);top:0px} .before\:top-1\/2::before{content:var(--tw-content);top:50%} .before\:z-1::before{content:var(--tw-content);z-index:1} .before\:h-5::before{content:var(--tw-content);height:1.25rem} .before\:h-8::before{content:var(--tw-content);height:2rem} .before\:w-7::before{content:var(--tw-content);width:1.75rem} .before\:w-\[3px\]::before{content:var(--tw-content);width:3px} .before\:-translate-y-1\/2::before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .before\:rounded-lg::before{content:var(--tw-content);border-radius:0.5rem} .before\:rounded-xl::before{content:var(--tw-content);border-radius:0.75rem} .before\:border-2::before{content:var(--tw-content);border-width:2px} .before\:bg-brand-900::before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1))} .before\:bg-\[url\(\'\/public\/images\/product\/m_5_1\.png\'\)\]::before{content:var(--tw-content);background-image:url('/public/images/product/m_5_1.png')} .before\:bg-\[url\(\'\/public\/images\/product\/m_5_2\.png\'\)\]::before{content:var(--tw-content);background-image:url('/public/images/product/m_5_2.png')} .before\:bg-\[url\(\'\/public\/images\/product\/m_5_3\.png\'\)\]::before{content:var(--tw-content);background-image:url('/public/images/product/m_5_3.png')} .before\:bg-\[url\(\'\/public\/images\/product\/m_5_4\.png\'\)\]::before{content:var(--tw-content);background-image:url('/public/images/product/m_5_4.png')} .before\:bg-\[left_12\.5\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 12.5% top 14.7%} .before\:bg-\[left_13\%_bottom_5\%\]::before{content:var(--tw-content);background-position:left 13% bottom 5%} .before\:bg-\[left_13\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 13% top 1.5%} .before\:bg-\[left_13\%_top_8\%\]::before{content:var(--tw-content);background-position:left 13% top 8%} .before\:bg-\[left_2\.3\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 2.3% top 14.7%} .before\:bg-\[left_2\.4\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 2.4% top 1.5%} .before\:bg-\[left_2\.4\%_top_8\%\]::before{content:var(--tw-content);background-position:left 2.4% top 8%} .before\:bg-\[left_21\.5\%_bottom_5\%\]::before{content:var(--tw-content);background-position:left 21.5% bottom 5%} .before\:bg-\[left_23\.4\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 23.4% top 1.5%} .before\:bg-\[left_23\.5\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 23.5% top 14.7%} .before\:bg-\[left_23\.6\%_top_8\%\]::before{content:var(--tw-content);background-position:left 23.6% top 8%} .before\:bg-\[left_33\.7\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 33.7% top 14.7%} .before\:bg-\[left_34\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 34% top 1.5%} .before\:bg-\[left_34\%_top_8\%\]::before{content:var(--tw-content);background-position:left 34% top 8%} .before\:bg-\[left_4\%_bottom_5\%\]::before{content:var(--tw-content);background-position:left 4% bottom 5%} .before\:bg-\[left_44\.3\%_top_8\%\]::before{content:var(--tw-content);background-position:left 44.3% top 8%} .before\:bg-\[left_44\.5\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 44.5% top 1.5%} .before\:bg-\[left_44\.5\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 44.5% top 14.7%} .before\:bg-\[left_54\.5\%_top_8\%\]::before{content:var(--tw-content);background-position:left 54.5% top 8%} .before\:bg-\[left_54\.6\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 54.6% top 1.5%} .before\:bg-\[left_55\%_top_14\.5\%\]::before{content:var(--tw-content);background-position:left 55% top 14.5%} .before\:bg-\[left_55\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 55% top 14.7%} .before\:bg-\[left_65\.3\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 65.3% top 1.5%} .before\:bg-\[left_65\.3\%_top_14\.7\%\]::before{content:var(--tw-content);background-position:left 65.3% top 14.7%} .before\:bg-\[left_65\.5\%_top_8\%\]::before{content:var(--tw-content);background-position:left 65.5% top 8%} .before\:bg-\[left_75\.5\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 75.5% top 1.5%} .before\:bg-\[left_75\.7\%_top_14\.2\%\]::before{content:var(--tw-content);background-position:left 75.7% top 14.2%} .before\:bg-\[left_75\.7\%_top_8\%\]::before{content:var(--tw-content);background-position:left 75.7% top 8%} .before\:bg-\[left_86\.3\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 86.3% top 1.5%} .before\:bg-\[left_86\.3\%_top_8\%\]::before{content:var(--tw-content);background-position:left 86.3% top 8%} .before\:bg-\[left_96\.7\%_top_1\.5\%\]::before{content:var(--tw-content);background-position:left 96.7% top 1.5%} .before\:bg-\[left_96\.7\%_top_8\%\]::before{content:var(--tw-content);background-position:left 96.7% top 8%} .before\:bg-\[left_85\.7\%_top_14\.2\%\]::before{content:var(--tw-content);background-position:left 85.7% top 14.2%} .before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)} .before\:content-\[url\(\'\/public\/svg\/e_loc\.svg\'\)\]::before{--tw-content:url('/public/svg/e_loc.svg');content:var(--tw-content)} .before\:content-\[url\(\'\/public\/svg\/e_time\.svg\'\)\]::before{--tw-content:url('/public/svg/e_time.svg');content:var(--tw-content)} .after\:absolute::after{content:var(--tw-content);position:absolute} .after\:inset-y-0::after{content:var(--tw-content);top:0px;bottom:0px} .after\:-right-4::after{content:var(--tw-content);right:-1rem} .after\:-right-px::after{content:var(--tw-content);right:-1px} .after\:bottom-0::after{content:var(--tw-content);bottom:0px} .after\:bottom-0\.5::after{content:var(--tw-content);bottom:0.125rem} .after\:left-0::after{content:var(--tw-content);left:0px} .after\:left-1\/2::after{content:var(--tw-content);left:50%} .after\:right-0::after{content:var(--tw-content);right:0px} .after\:right-\[10px\]::after{content:var(--tw-content);right:10px} .after\:start-3\.5::after{content:var(--tw-content);inset-inline-start:0.875rem} .after\:top-0::after{content:var(--tw-content);top:0px} .after\:top-1\/2::after{content:var(--tw-content);top:50%} .after\:top-\[29px\]::after{content:var(--tw-content);top:29px} .after\:top-full::after{content:var(--tw-content);top:100%} .after\:h-1::after{content:var(--tw-content);height:0.25rem} .after\:h-3::after{content:var(--tw-content);height:0.75rem} .after\:h-8::after{content:var(--tw-content);height:2rem} .after\:h-\[7px\]::after{content:var(--tw-content);height:7px} .after\:h-\[94\%\]::after{content:var(--tw-content);height:94%} .after\:w-0::after{content:var(--tw-content);width:0px} .after\:w-0\.5::after{content:var(--tw-content);width:0.125rem} .after\:w-6::after{content:var(--tw-content);width:1.5rem} .after\:w-\[1px\]::after{content:var(--tw-content);width:1px} .after\:w-\[60px\]::after{content:var(--tw-content);width:60px} .after\:w-full::after{content:var(--tw-content);width:100%} .after\:w-px::after{content:var(--tw-content);width:1px} .after\:origin-center::after{content:var(--tw-content);transform-origin:center} .after\:-translate-x-1\/2::after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:-translate-x-\[0\.5px\]::after{content:var(--tw-content);--tw-translate-x:-0.5px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:-translate-y-1\/2::after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:translate-x-0::after{content:var(--tw-content);--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:scale-\[0\.6\]::after{content:var(--tw-content);--tw-scale-x:0.6;--tw-scale-y:0.6;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:rounded::after{content:var(--tw-content);border-radius:0.25rem} .after\:rounded-md::after{content:var(--tw-content);border-radius:0.375rem} .after\:bg-\[\#D1D1D1\]::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(209 209 209 / var(--tw-bg-opacity, 1))} .after\:bg-purple-90::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(var(--purple-90), var(--tw-bg-opacity, 1))} .after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .after\:bg-\[url\(\'\/public\/images\/product\/m_6_1\.png\'\)\]::after{content:var(--tw-content);background-image:url('/public/images/product/m_6_1.png')} .after\:bg-\[url\(\'\/public\/images\/product\/m_6_2\.png\'\)\]::after{content:var(--tw-content);background-image:url('/public/images/product/m_6_2.png')} .after\:bg-\[url\(\'\/public\/images\/product\/m_6_3\.png\'\)\]::after{content:var(--tw-content);background-image:url('/public/images/product/m_6_3.png')} .after\:bg-\[url\(\'\/public\/images\/product\/m_6_4\.png\'\)\]::after{content:var(--tw-content);background-image:url('/public/images/product/m_6_4.png')} .after\:bg-\[url\(\'\/public\/images\/product\/m_6_5\.png\'\)\]::after{content:var(--tw-content);background-image:url('/public/images/product/m_6_5.png')} .after\:bg-\[left_30\%_bottom_5\%\]::after{content:var(--tw-content);background-position:left 30% bottom 5%} .after\:transition::after{content:var(--tw-content);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .after\:duration-200::after{content:var(--tw-content);transition-duration:200ms} .after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)} .after\:content-none::after{--tw-content:none;content:var(--tw-content)} .last\:mb-0:last-child{margin-bottom:0px} .hover\:-translate-y-0:hover{--tw-translate-y:-0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-\[1\.05\]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:scale-\[1\.2\]:hover{--tw-scale-x:1.2;--tw-scale-y:1.2;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .hover\:border-\[\#FFAADA\]:hover{--tw-border-opacity:1;border-color:rgb(255 170 218 / var(--tw-border-opacity, 1))} .hover\:border-brand-900:hover{--tw-border-opacity:1;border-color:rgb(225 28 139 / var(--tw-border-opacity, 1))} .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .hover\:bg-\[\#4A4A4A\]\/20:hover{background-color:rgb(74 74 74 / 0.2)} .hover\:bg-\[\#E5E5E5\]:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#F5F5F5\]:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#F5F7FA\]:hover{--tw-bg-opacity:1;background-color:rgb(245 247 250 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#F6F6F6\]:hover{--tw-bg-opacity:1;background-color:rgb(246 246 246 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#FAFAFA\]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))} .hover\:bg-\[\#f3f4f6\]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .hover\:bg-black-default:hover{--tw-bg-opacity:1;background-color:rgba(var(--black-50), var(--tw-bg-opacity, 1))} .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))} .hover\:bg-brand-900:hover{--tw-bg-opacity:1;background-color:rgb(225 28 139 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))} .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)} .hover\:bg-white\/85:hover{background-color:rgb(255 255 255 / 0.85)} .hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))} .hover\:bg-gradient-to-tr:hover{background-image:linear-gradient(to top right, var(--tw-gradient-stops))} .hover\:bg-none:hover{background-image:none} .hover\:bg-clip-text:hover{-webkit-background-clip:text;background-clip:text} .hover\:text-\[\#121123\]:hover{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} .hover\:text-\[\#950054\]:hover{--tw-text-opacity:1;color:rgb(149 0 84 / var(--tw-text-opacity, 1))} .hover\:text-\[\#c223c1\]:hover{--tw-text-opacity:1;color:rgb(194 35 193 / var(--tw-text-opacity, 1))} .hover\:text-black:hover{--tw-text-opacity:1;color:rgba(0,0,0, var(--tw-text-opacity, 1))} .hover\:text-black-90:hover{--tw-text-opacity:1;color:rgba(var(--black-90), var(--tw-text-opacity, 1))} .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .hover\:text-brand-900:hover{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .hover\:text-current:hover{color:currentColor} .hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .hover\:text-purple-90:hover{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .hover\:text-rose-default:hover{--tw-text-opacity:1;color:rgba(var(--rose-90), var(--tw-text-opacity, 1))} .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .hover\:underline:hover{text-decoration-line:underline} .hover\:no-underline:hover{text-decoration-line:none} .hover\:decoration-solid:hover{text-decoration-style:solid} .hover\:opacity-100:hover{opacity:1} .hover\:opacity-80:hover{opacity:0.8} .hover\:opacity-90:hover{opacity:0.9} .hover\:shadow-\[0px_4px_10px_1px_rgba\(0\2c 0\2c 0\2c 0\.09\)\]:hover{--tw-shadow:0px 4px 10px 1px rgba(0,0,0,0.09);--tw-shadow-colored:0px 4px 10px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-\[0px_4px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]:hover{--tw-shadow:0px 4px 6px 0px rgba(0,0,0,0.06);--tw-shadow-colored:0px 4px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:drop-shadow-lg:hover{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .hover\:\[box-shadow\:0px_8px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{box-shadow:0px 8px 20px 0px rgba(0,0,0,0.08)} .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .focus\:border-pink-500:focus{--tw-border-opacity:1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))} .focus\:border-transparent:focus{border-color:transparent} .focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .focus\:bg-transparent:focus{background-color:transparent} .focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .focus\:text-\[\#950054\]:focus{--tw-text-opacity:1;color:rgb(149 0 84 / var(--tw-text-opacity, 1))} .focus\:text-brand-900:focus{--tw-text-opacity:1;color:rgb(225 28 139 / var(--tw-text-opacity, 1))} .focus\:text-gray-600:focus{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-\[\#FA165F\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 22 95 / var(--tw-ring-opacity, 1))} .focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity, 1))} .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))} .focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))} .focus\:ring-pink-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153 / var(--tw-ring-opacity, 1))} .focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))} .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px} .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .active\:bg-\[\#FAFAFA\]:active{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))} .active\:text-purple-90:active{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .disabled\:pointer-events-none:disabled{pointer-events:none} .disabled\:cursor-not-allowed:disabled{cursor:not-allowed} .disabled\:opacity-50:disabled{opacity:0.5} .group\/ext_2:hover .group-hover\/ext_2\:block{display:block} .group\/next1:hover .group-hover\/next1\:block{display:block} .group\/next:hover .group-hover\/next\:block{display:block} .group\/prev:hover .group-hover\/prev\:block{display:block} .group\/ft:hover .group-hover\/ft\:inline{display:inline} .group\/tg:hover .group-hover\/tg\:inline{display:inline} .group\/wa:hover .group-hover\/wa\:inline{display:inline} .group\/ext_2:hover .group-hover\/ext_2\:hidden{display:none} .group\/next1:hover .group-hover\/next1\:hidden{display:none} .group\/next:hover .group-hover\/next\:hidden{display:none} .group\/prev:hover .group-hover\/prev\:hidden{display:none} .group:hover .group-hover\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:scale-\[1\.006\]{--tw-scale-x:1.006;--tw-scale-y:1.006;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .group-hover\:bg-gradient-to-bl{background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))} .group\/ft:hover .group-hover\/ft\:fill-\[\#d41e9f\]{fill:#d41e9f} .group\/tg:hover .group-hover\/tg\:fill-\[\#d41e9f\]{fill:#d41e9f} .group\/wa:hover .group-hover\/wa\:fill-\[\#d41e9f\]{fill:#d41e9f} .group:hover .group-hover\:fill-\[\#E11C8B\]{fill:#E11C8B} .group:hover .group-hover\:fill-brand-900{fill:#E11C8B} .group:hover .group-hover\:fill-purple-90{fill:rgba(var(--purple-90), 1)} .group\/cl:hover .group-hover\/cl\:stroke-\[\#d41e9f\]{stroke:#d41e9f} .group\/ft:hover .group-hover\/ft\:stroke-\[\#d41e9f\]{stroke:#d41e9f} .group:hover .group-hover\:stroke-\[\#F61765\]{stroke:#F61765} .group:hover .group-hover\:stroke-brand-900{stroke:#E11C8B} .group:hover .group-hover\:stroke-purple-90{stroke:rgba(var(--purple-90), 1)} .group:hover .group-hover\:stroke-white{stroke:#fff} .group:hover .group-hover\:stroke-white\/60{stroke:rgb(255 255 255 / 0.6)} .group\/item1:hover .group-hover\/item1\:text-rose-default{--tw-text-opacity:1;color:rgba(var(--rose-90), var(--tw-text-opacity, 1))} .group\/tg:hover .group-hover\/tg\:text-\[\#d41e9f\]{--tw-text-opacity:1;color:rgb(212 30 159 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-\[\#121123\]{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-\[\#c223c1\]{--tw-text-opacity:1;color:rgb(194 35 193 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-purple-90{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:drop-shadow-\[2px_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.14\)\]{--tw-drop-shadow:drop-shadow(2px 4px 10px rgba(0,0,0,0.14));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .group:hover .group-hover\:before\:absolute::before{content:var(--tw-content);position:absolute} .group:hover .group-hover\:before\:-inset-x-8::before{content:var(--tw-content);left:-2rem;right:-2rem} .group:hover .group-hover\:before\:z-5::before{content:var(--tw-content);z-index:5} .group:hover .group-hover\:before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)} .group:hover .group-hover\:after\:right-0::after{content:var(--tw-content);right:0px} .group:focus .group-focus\:text-\[\#121123\]{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} .group.active .group-\[\.active\]\:relative{position:relative} .group.active .group-\[\.active\]\:top-0{top:0px} .group\/header.active .group-\[\.active\]\/header\:block{display:block} .group.active .group-\[\.active\]\:block{display:block} .group.active .group-\[\.active\]\:hidden{display:none} .group.active .group-\[\.active\]\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group\/rmenu.is-close .group-\[\.is-close\]\/rmenu\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group.my-swiper-disabled .group-\[\.my-swiper-disabled\]\:stroke-grey-40{stroke:rgba(var(--grey-40), 1)} .group.active .group-\[\.active\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .group.active .after\:group-\[\.active\]\:rotate-90::after{content:var(--tw-content);--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .peer:hover ~ .peer-hover\:scale-\[1\.15\]{--tw-scale-x:1.15;--tw-scale-y:1.15;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .peer:hover ~ .peer-hover\:text-red-90{--tw-text-opacity:1;color:rgba(var(--red-90), var(--tw-text-opacity, 1))} .peer\/l:focus ~ .peer-focus\/l\:block{display:block} .peer\/t:focus ~ .peer-focus\/t\:block{display:block} .peer\/en:active ~ .peer-active\/en\:visible{visibility:visible} .peer\/zh:active ~ .peer-active\/zh\:visible{visibility:visible} .peer.active ~ .peer-\[\.active\]\:block{display:block} .peer.active ~ .peer-\[\.active\]\:opacity-100{opacity:1} .has-\[\.active\]\:overflow-hidden:has(.active){overflow:hidden} .has--active\:block.active{display:block} .has--active\:translate-x-0.active{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .has--active\:translate-y-0.active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .has--active\:border-white\/100.active{border-color:rgb(255 255 255 / 1)} .has--active\:bg-\[\#F61765\].active{--tw-bg-opacity:1;background-color:rgb(246 23 101 / var(--tw-bg-opacity, 1))} .has--active\:bg-white.active{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .has--active\:font-semibold.active{font-weight:600} .has--active\:text-white.active{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .has--active\:after\:content-\[\'\'\].active::after{--tw-content:'';content:var(--tw-content)} .has--active\:hover\:text-\[\#121123\]:hover.active{--tw-text-opacity:1;color:rgb(18 17 35 / var(--tw-text-opacity, 1))} @media not all and (min-width: 1024px){ .max-lg\:z-\[9999\]{z-index:9999} .max-lg\:z-\[999\]{z-index:999} .max-lg\:z-\[99\]{z-index:99} .max-lg\:m-auto{margin:auto} .max-lg\:-mt-16{margin-top:-4rem} .max-lg\:mb-6{margin-bottom:1.5rem} .max-lg\:mb-7{margin-bottom:1.75rem} .max-lg\:mb-9{margin-bottom:2.25rem} .max-lg\:mb-\[70px\]{margin-bottom:70px} .max-lg\:ml-2{margin-left:0.5rem} .max-lg\:mr-3{margin-right:0.75rem} .max-lg\:mt-11{margin-top:2.75rem} .max-lg\:mt-3{margin-top:0.75rem} .max-lg\:mt-5{margin-top:1.25rem} .max-lg\:mt-6{margin-top:1.5rem} .max-lg\:mt-7{margin-top:1.75rem} .max-lg\:mt-\[20\%\]{margin-top:20%} .max-lg\:mt-\[70px\]{margin-top:70px} .max-lg\:block{display:block} .max-lg\:flex{display:flex} .max-lg\:hidden{display:none} .max-lg\:h-\[calc\(100vh_-_60px\)\]{height:calc(100vh - 60px)} .max-lg\:w-\[140px\]{width:140px} .max-lg\:w-\[160px\]{width:160px} .max-lg\:w-\[70\%\]{width:70%} .max-lg\:w-\[90\%\]{width:90%} .max-lg\:w-full{width:100%} .max-lg\:max-w-\[600px\]{max-width:600px} .max-lg\:translate-x-7{--tw-translate-x:1.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .max-lg\:flex-col-reverse{flex-direction:column-reverse} .max-lg\:justify-center{justify-content:center} .max-lg\:gap-5{gap:1.25rem} .max-lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem} .max-lg\:overflow-hidden{overflow:hidden} .max-lg\:border-b{border-bottom-width:1px} .max-lg\:border-r{border-right-width:1px} .max-lg\:border-t{border-top-width:1px} .max-lg\:border-purple-90\/10{border-color:rgba(var(--purple-90), 0.1)} .max-lg\:bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))} .max-lg\:px-0{padding-left:0px;padding-right:0px} .max-lg\:px-3{padding-left:0.75rem;padding-right:0.75rem} .max-lg\:px-4{padding-left:1rem;padding-right:1rem} .max-lg\:px-8{padding-left:2rem;padding-right:2rem} .max-lg\:px-\[18px\]{padding-left:18px;padding-right:18px} .max-lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .max-lg\:pb-8{padding-bottom:2rem} .max-lg\:pt-8{padding-top:2rem} .max-lg\:text-\[26px\]{font-size:1.625rem} .max-lg\:\[background-size\:250px_175\.7px\]{background-size:250px 175.7px} .max-lg\:\*\:inline > *{display:inline} .group.active .max-lg\:group-\[\.active\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group.active .max-lg\:group-\[\.active\]\:fill-purple-90{fill:rgba(var(--purple-90), 1)} .peer.active ~ .max-lg\:peer-\[\.active\]\:z-\[90\]{z-index:90} .peer.active ~ .max-lg\:peer-\[\.active\]\:block{display:block} .peer.active ~ .max-lg\:peer-\[\.active\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .peer.active ~ .max-lg\:peer-\[\.active\]\:opacity-100{opacity:1} .max-lg\:has--active\:bg-gradient-to-r.active{background-image:linear-gradient(to right, var(--tw-gradient-stops))} .max-lg\:has--active\:text-purple-90.active{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))}} @media not all and (min-width: 768px){ .max-md\:left-8{left:2rem} .max-md\:order-1{order:1} .max-md\:order-2{order:2} .max-md\:order-3{order:3} .max-md\:hidden{display:none} .max-md\:h-\[380px\]{height:380px} .max-md\:w-auto{width:auto} .max-md\:max-w-none{max-width:none} .max-md\:-translate-x-\[18\%\]{--tw-translate-x:-18%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .max-md\:px-8{padding-left:2rem;padding-right:2rem} .max-md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem} .max-md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .max-md\:pt-16{padding-top:4rem} .max-md\:\[background-size\:490px_351px\]{background-size:490px 351px} .max-md\:\[background-size\:490px_352px\]{background-size:490px 352px}} @media not all and (min-width: 640px){ .max-sm\:mt-11{margin-top:2.75rem} .max-sm\:mt-4{margin-top:1rem} .max-sm\:mt-7{margin-top:1.75rem} .max-sm\:translate-x-\[12\%\]{--tw-translate-x:12%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .max-sm\:pb-7{padding-bottom:1.75rem} .max-sm\:text-\[32px\]{font-size:2rem} .max-sm\:\[background-size\:140px_98\.38px\]{background-size:140px 98.38px}} @media (min-width: 640px){ .sm\:bottom-0{bottom:0px} .sm\:m-auto{margin:auto} .sm\:ml-6{margin-left:1.5rem} .sm\:mt-\[25px\]{margin-top:25px} .sm\:mt-\[35px\]{margin-top:35px} .sm\:flex{display:flex} .sm\:grid{display:grid} .sm\:h-\[120px\]{height:120px} .sm\:h-\[132px\]{height:132px} .sm\:h-\[142px\]{height:142px} .sm\:h-\[380px\]{height:380px} .sm\:h-\[430px\]{height:430px} .sm\:h-\[530px\]{height:530px} .sm\:h-\[546px\]{height:546px} .sm\:h-\[553px\]{height:553px} .sm\:h-\[559px\]{height:559px} .sm\:w-4\/5{width:80%} .sm\:w-\[142px\]{width:142px} .sm\:w-auto{width:auto} .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .sm\:flex-row{flex-direction:row} .sm\:flex-col{flex-direction:column} .sm\:items-center{align-items:center} .sm\:items-stretch{align-items:stretch} .sm\:gap-0{gap:0px} .sm\:gap-4{gap:1rem} .sm\:gap-6{gap:1.5rem} .sm\:gap-8{gap:2rem} .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:px-14{padding-left:3.5rem;padding-right:3.5rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} .sm\:px-7{padding-left:1.75rem;padding-right:1.75rem} .sm\:pb-\[132px\]{padding-bottom:132px} .sm\:text-center{text-align:center} .sm\:text-5xl{font-size:3rem;line-height:1} .sm\:text-sm{font-size:0.875rem;line-height:1.25rem} .sm\:text-xl{font-size:1.25rem;line-height:1.75rem} .sm\:leading-\[57px\]{line-height:3.5625rem} .sm\:tracking-tight{letter-spacing:-0.025em} .sm\:after\:absolute::after{content:var(--tw-content);position:absolute} .sm\:after\:w-\[1px\]::after{content:var(--tw-content);width:1px}} @media (min-width: 768px){ .md\:visible{visibility:visible} .md\:absolute{position:absolute} .md\:-right-10{right:-2.5rem} .md\:-top-\[8px\]{top:-8px} .md\:bottom-0{bottom:0px} .md\:left-1\/2{left:50%} .md\:right-6{right:1.5rem} .md\:top-10{top:2.5rem} .md\:order-1{order:1} .md\:order-2{order:2} .md\:-mt-11{margin-top:-2.75rem} .md\:mb-16{margin-bottom:4rem} .md\:mb-20{margin-bottom:5rem} .md\:mb-3{margin-bottom:0.75rem} .md\:mb-8{margin-bottom:2rem} .md\:mb-\[74px\]{margin-bottom:74px} .md\:mb-\[90px\]{margin-bottom:90px} .md\:ml-8{margin-left:2rem} .md\:mt-0{margin-top:0px} .md\:mt-10{margin-top:2.5rem} .md\:mt-16{margin-top:4rem} .md\:mt-3{margin-top:0.75rem} .md\:block{display:block} .md\:flex{display:flex} .md\:size-10{width:2.5rem;height:2.5rem} .md\:size-9{width:2.25rem;height:2.25rem} .md\:h-\[132px\]{height:132px} .md\:h-\[307px\]{height:307px} .md\:h-\[420px\]{height:420px} .md\:h-\[470px\]{height:470px} .md\:h-\[554px\]{height:554px} .md\:h-\[640px\]{height:640px} .md\:min-h-\[120px\]{min-height:120px} .md\:min-h-\[300px\]{min-height:300px} .md\:w-1\/2{width:50%} .md\:w-3\/5{width:60%} .md\:w-\[212px\]{width:212px} .md\:w-\[27\%\]{width:27%} .md\:w-\[510px\]{width:510px} .md\:w-\[60\%\]{width:60%} .md\:w-\[65\%\]{width:65%} .md\:w-\[70\%\]{width:70%} .md\:w-\[75\%\]{width:75%} .md\:w-\[80\%\]{width:80%} .md\:w-\[85\%\]{width:85%} .md\:w-\[90\%\]{width:90%} .md\:w-\[98\%\]{width:98%} .md\:max-w-\[100px\]{max-width:100px} .md\:max-w-\[105px\]{max-width:105px} .md\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .md\:grid-rows-subgrid{grid-template-rows:subgrid} .md\:flex-row{flex-direction:row} .md\:flex-row-reverse{flex-direction:row-reverse} .md\:items-center{align-items:center} .md\:justify-between{justify-content:space-between} .md\:gap-12{gap:3rem} .md\:gap-16{gap:4rem} .md\:gap-20{gap:5rem} .md\:gap-3\.5{gap:0.875rem} .md\:gap-5{gap:1.25rem} .md\:gap-6{gap:1.5rem} .md\:gap-8{gap:2rem} .md\:gap-\[22px\]{gap:22px} .md\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem} .md\:gap-y-0{row-gap:0px} .md\:gap-y-8{row-gap:2rem} .md\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .md\:border-r{border-right-width:1px} .md\:bg-\[left_0\%_bottom_101\%\]{background-position:left 0% bottom 101%} .md\:bg-\[left_1\%_bottom_54\%\]{background-position:left 1% bottom 54%} .md\:bg-\[left_1\%_bottom_76\%\]{background-position:left 1% bottom 76%} .md\:bg-\[left_29\%_top_11\%\]{background-position:left 29% top 11%} .md\:bg-\[left_35\.8\%_top_43\.5\%\]{background-position:left 35.8% top 43.5%} .md\:bg-\[left_36\%_top_88\%\]{background-position:left 36% top 88%} .md\:bg-\[left_49\%_top_11\%\]{background-position:left 49% top 11%} .md\:bg-\[left_63\%_top_44\%\]{background-position:left 63% top 44%} .md\:bg-\[left_63\%_top_88\%\]{background-position:left 63% top 88%} .md\:bg-\[left_8\%_top_12\%\]{background-position:left 8% top 12%} .md\:bg-\[left_8\.2\%_top_44\%\]{background-position:left 8.2% top 44%} .md\:bg-\[left_8\.5\%_top_88\%\]{background-position:left 8.5% top 88%} .md\:bg-\[left_90\.5\%_top_45\%\]{background-position:left 90.5% top 45%} .md\:bg-\[left_97\%_bottom_76\%\]{background-position:left 97% bottom 76%} .md\:p-12{padding:3rem} .md\:p-14{padding:3.5rem} .md\:p-5{padding:1.25rem} .md\:p-8{padding:2rem} .md\:px-11{padding-left:2.75rem;padding-right:2.75rem} .md\:px-14{padding-left:3.5rem;padding-right:3.5rem} .md\:px-28{padding-left:7rem;padding-right:7rem} .md\:px-3{padding-left:0.75rem;padding-right:0.75rem} .md\:px-5{padding-left:1.25rem;padding-right:1.25rem} .md\:px-8{padding-left:2rem;padding-right:2rem} .md\:px-\[123px\]{padding-left:123px;padding-right:123px} .md\:px-\[22px\]{padding-left:22px;padding-right:22px} .md\:py-4{padding-top:1rem;padding-bottom:1rem} .md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .md\:pb-10{padding-bottom:2.5rem} .md\:pb-\[60px\]{padding-bottom:60px} .md\:pt-10{padding-top:2.5rem} .md\:pt-14{padding-top:3.5rem} .md\:pt-\[34px\]{padding-top:34px} .md\:pt-\[76px\]{padding-top:76px} .md\:pt-\[88px\]{padding-top:88px} .md\:text-left{text-align:left} .md\:text-right{text-align:right} .md\:text-2xl{font-size:1.5rem;line-height:2rem} .md\:text-3xl{font-size:1.875rem;line-height:2.25rem} .md\:text-4xl{font-size:2.25rem;line-height:2.5rem} .md\:\[background-size\:200px_140\.54px\]{background-size:200px 140.54px} .md\:\[background-size\:220px_154\.6px\]{background-size:220px 154.6px} .\*\:md\:h-\[143px\] > *{height:143px} .md\:\*\:h-16 > *{height:4rem} .\*\:md\:w-\[18\%\] > *{width:18%} .\*\:md\:min-w-\[168px\] > *{min-width:168px} .\*\:md\:max-w-\[183px\] > *{max-width:183px} .\*\:md\:before\:rounded-xl > *::before{content:var(--tw-content);border-radius:0.75rem}} @media (min-width: 1024px){ .lg\:pointer-events-auto{pointer-events:auto} .lg\:static{position:static} .lg\:fixed{position:fixed} .lg\:absolute{position:absolute} .lg\:relative{position:relative} .lg\:sticky{position:sticky} .lg\:-left-\[120px\]{left:-120px} .lg\:-left-\[140px\]{left:-140px} .lg\:-left-\[312px\]{left:-312px} .lg\:-left-\[43px\]{left:-43px} .lg\:-left-\[44px\]{left:-44px} .lg\:-right-20{right:-5rem} .lg\:-right-\[108px\]{right:-108px} .lg\:-right-\[17px\]{right:-17px} .lg\:-right-\[212px\]{right:-212px} .lg\:-right-\[92px\]{right:-92px} .lg\:-top-\[100px\]{top:-100px} .lg\:bottom-0{bottom:0px} .lg\:left-\[706px\]{left:706px} .lg\:left-\[71\%\]{left:71%} .lg\:left-full{left:100%} .lg\:top-0{top:0px} .lg\:top-\[60px\]{top:60px} .lg\:top-\[62\%\]{top:62%} .lg\:top-\[65\%\]{top:65%} .lg\:top-\[68\%\]{top:68%} .lg\:top-\[70\%\]{top:70%} .lg\:top-\[80px\]{top:80px} .lg\:top-\[94px\]{top:94px} .lg\:order-1{order:1} .lg\:order-2{order:2} .lg\:col-span-2{grid-column:span 2 / span 2} .lg\:col-span-5{grid-column:span 5 / span 5} .lg\:col-span-7{grid-column:span 7 / span 7} .lg\:col-start-1{grid-column-start:1} .lg\:col-start-2{grid-column-start:2} .lg\:col-start-3{grid-column-start:3} .lg\:col-start-6{grid-column-start:6} .lg\:row-span-2{grid-row:span 2 / span 2} .lg\:row-start-2{grid-row-start:2} .lg\:row-end-3{grid-row-end:3} .lg\:m-auto{margin:auto} .lg\:-mx-4{margin-left:-1rem;margin-right:-1rem} .lg\:mx-4{margin-left:1rem;margin-right:1rem} .lg\:mx-auto{margin-left:auto;margin-right:auto} .lg\:my-\[104px\]{margin-top:104px;margin-bottom:104px} .lg\:my-\[88px\]{margin-top:88px;margin-bottom:88px} .lg\:-ml-\[100px\]{margin-left:-100px} .lg\:-ml-\[18px\]{margin-left:-18px} .lg\:-ml-\[25\%\]{margin-left:-25%} .lg\:-ml-\[280px\]{margin-left:-280px} .lg\:-ml-\[288px\]{margin-left:-288px} .lg\:-ml-\[325px\]{margin-left:-325px} .lg\:-ml-\[350px\]{margin-left:-350px} .lg\:-ml-\[412px\]{margin-left:-412px} .lg\:-mr-\[5\%\]{margin-right:-5%} .lg\:-mt-0\.5{margin-top:-0.125rem} .lg\:-mt-5{margin-top:-1.25rem} .lg\:mb-0{margin-bottom:0px} .lg\:mb-10{margin-bottom:2.5rem} .lg\:mb-16{margin-bottom:4rem} .lg\:mb-20{margin-bottom:5rem} .lg\:mb-4{margin-bottom:1rem} .lg\:mb-5{margin-bottom:1.25rem} .lg\:mb-6{margin-bottom:1.5rem} .lg\:mb-8{margin-bottom:2rem} .lg\:mb-9{margin-bottom:2.25rem} .lg\:mb-\[102px\]{margin-bottom:102px} .lg\:mb-\[60px\]{margin-bottom:60px} .lg\:mb-\[72px\]{margin-bottom:72px} .lg\:mb-\[76px\]{margin-bottom:76px} .lg\:mb-\[86px\]{margin-bottom:86px} .lg\:mb-\[94px\]{margin-bottom:94px} .lg\:ml-0{margin-left:0px} .lg\:ml-1{margin-left:0.25rem} .lg\:ml-14{margin-left:3.5rem} .lg\:ml-\[14px\]{margin-left:14px} .lg\:ml-\[28\%\]{margin-left:28%} .lg\:ml-\[42px\]{margin-left:42px} .lg\:ml-\[45\%\]{margin-left:45%} .lg\:ml-\[48px\]{margin-left:48px} .lg\:ml-\[500px\]{margin-left:500px} .lg\:ml-\[58px\]{margin-left:58px} .lg\:mr-12{margin-right:3rem} .lg\:mr-6{margin-right:1.5rem} .lg\:mr-\[120px\]{margin-right:120px} .lg\:mr-\[186px\]{margin-right:186px} .lg\:mr-\[75px\]{margin-right:75px} .lg\:mt-0{margin-top:0px} .lg\:mt-10{margin-top:2.5rem} .lg\:mt-11{margin-top:2.75rem} .lg\:mt-12{margin-top:3rem} .lg\:mt-20{margin-top:5rem} .lg\:mt-3{margin-top:0.75rem} .lg\:mt-4{margin-top:1rem} .lg\:mt-5{margin-top:1.25rem} .lg\:mt-6{margin-top:1.5rem} .lg\:mt-7{margin-top:1.75rem} .lg\:mt-8{margin-top:2rem} .lg\:mt-\[110px\]{margin-top:110px} .lg\:mt-\[12px\]{margin-top:12px} .lg\:mt-\[134px\]{margin-top:134px} .lg\:mt-\[30px\]{margin-top:30px} .lg\:mt-\[50px\]{margin-top:50px} .lg\:mt-\[60px\]{margin-top:60px} .lg\:mt-\[62px\]{margin-top:62px} .lg\:mt-\[68px\]{margin-top:68px} .lg\:mt-\[74px\]{margin-top:74px} .lg\:mt-\[80px\]{margin-top:80px} .lg\:mt-\[82px\]{margin-top:82px} .lg\:block{display:block} .lg\:inline-block{display:inline-block} .lg\:flex{display:flex} .lg\:grid{display:grid} .lg\:hidden{display:none} .lg\:h-20{height:5rem} .lg\:h-\[118px\]{height:118px} .lg\:h-\[132px\]{height:132px} .lg\:h-\[29px\]{height:29px} .lg\:h-\[340px\]{height:340px} .lg\:h-\[360px\]{height:360px} .lg\:h-\[382px\]{height:382px} .lg\:h-\[400px\]{height:400px} .lg\:h-\[46px\]{height:46px} .lg\:h-\[472px\]{height:472px} .lg\:h-\[495px\]{height:495px} .lg\:h-\[500px\]{height:500px} .lg\:h-\[560px\]{height:560px} .lg\:h-\[580px\]{height:580px} .lg\:h-\[585px\]{height:585px} .lg\:h-\[684px\]{height:684px} .lg\:h-\[828px\]{height:828px} .lg\:h-\[calc\(100vh_-_60px\)\]{height:calc(100vh - 60px)} .lg\:h-\[calc\(100vh_-_80px\)\]{height:calc(100vh - 80px)} .lg\:h-auto{height:auto} .lg\:h-full{height:100%} .lg\:max-h-\[344px\]{max-height:344px} .lg\:max-h-\[86vh\]{max-height:86vh} .lg\:min-h-\[208px\]{min-height:208px} .lg\:min-h-\[260px\]{min-height:260px} .lg\:min-h-\[500px\]{min-height:500px} .lg\:min-h-\[852px\]{min-height:852px} .lg\:min-h-\[900px\]{min-height:900px} .lg\:min-h-\[950px\]{min-height:950px} .lg\:w-1\/2{width:50%} .lg\:w-1\/3{width:33.333333%} .lg\:w-1\/4{width:25%} .lg\:w-12{width:3rem} .lg\:w-3\/4{width:75%} .lg\:w-3\/5{width:60%} .lg\:w-4\/5{width:80%} .lg\:w-4\/6{width:66.666667%} .lg\:w-\[1200px\]{width:1200px} .lg\:w-\[12rem\]{width:12rem} .lg\:w-\[200px\]{width:200px} .lg\:w-\[210px\]{width:210px} .lg\:w-\[212px\]{width:212px} .lg\:w-\[270px\]{width:270px} .lg\:w-\[290px\]{width:290px} .lg\:w-\[30\%\]{width:30%} .lg\:w-\[330px\]{width:330px} .lg\:w-\[38\%\]{width:38%} .lg\:w-\[40\%\]{width:40%} .lg\:w-\[41\%\]{width:41%} .lg\:w-\[44px\]{width:44px} .lg\:w-\[45\%\]{width:45%} .lg\:w-\[476px\]{width:476px} .lg\:w-\[50\%\]{width:50%} .lg\:w-\[510px\]{width:510px} .lg\:w-\[52\%\]{width:52%} .lg\:w-\[53\%\]{width:53%} .lg\:w-\[54\%\]{width:54%} .lg\:w-\[55\%\]{width:55%} .lg\:w-\[554px\]{width:554px} .lg\:w-\[56\%\]{width:56%} .lg\:w-\[57\%\]{width:57%} .lg\:w-\[578px\]{width:578px} .lg\:w-\[58\%\]{width:58%} .lg\:w-\[580px\]{width:580px} .lg\:w-\[587px\]{width:587px} .lg\:w-\[60\%\]{width:60%} .lg\:w-\[602px\]{width:602px} .lg\:w-\[618px\]{width:618px} .lg\:w-\[62\%\]{width:62%} .lg\:w-\[63\%\]{width:63%} .lg\:w-\[630px\]{width:630px} .lg\:w-\[64\%\]{width:64%} .lg\:w-\[65\%\]{width:65%} .lg\:w-\[66\%\]{width:66%} .lg\:w-\[661px\]{width:661px} .lg\:w-\[665px\]{width:665px} .lg\:w-\[666px\]{width:666px} .lg\:w-\[672px\]{width:672px} .lg\:w-\[68\%\]{width:68%} .lg\:w-\[688px\]{width:688px} .lg\:w-\[68px\]{width:68px} .lg\:w-\[691px\]{width:691px} .lg\:w-\[70\%\]{width:70%} .lg\:w-\[700px\]{width:700px} .lg\:w-\[708px\]{width:708px} .lg\:w-\[718px\]{width:718px} .lg\:w-\[72\%\]{width:72%} .lg\:w-\[75\%\]{width:75%} .lg\:w-\[756px\]{width:756px} .lg\:w-\[777px\]{width:777px} .lg\:w-\[78\%\]{width:78%} .lg\:w-\[80\%\]{width:80%} .lg\:w-\[828px\]{width:828px} .lg\:w-\[83\%\]{width:83%} .lg\:w-\[830px\]{width:830px} .lg\:w-\[84\%\]{width:84%} .lg\:w-\[85\%\]{width:85%} .lg\:w-\[86\%\]{width:86%} .lg\:w-\[88\%\]{width:88%} .lg\:w-\[90\%\]{width:90%} .lg\:w-\[92\%\]{width:92%} .lg\:w-\[95\%\]{width:95%} .lg\:w-\[97\%\]{width:97%} .lg\:w-\[98\%\]{width:98%} .lg\:w-\[calc\(50\%_-_48px\)\]{width:calc(50% - 48px)} .lg\:w-auto{width:auto} .lg\:w-full{width:100%} .lg\:min-w-\[160px\]{min-width:160px} .lg\:min-w-\[250px\]{min-width:250px} .lg\:min-w-\[330px\]{min-width:330px} .lg\:min-w-\[372px\]{min-width:372px} .lg\:min-w-\[726px\]{min-width:726px} .lg\:max-w-\[1000px\]{max-width:1000px} .lg\:max-w-\[1024px\]{max-width:1024px} .lg\:max-w-\[1120px\]{max-width:1120px} .lg\:max-w-\[1200px\]{max-width:1200px} .lg\:max-w-\[1280px\]{max-width:1280px} .lg\:max-w-\[180px\]{max-width:180px} .lg\:max-w-\[326px\]{max-width:326px} .lg\:max-w-\[340px\]{max-width:340px} .lg\:max-w-\[435px\]{max-width:435px} .lg\:max-w-\[460px\]{max-width:460px} .lg\:max-w-\[465px\]{max-width:465px} .lg\:max-w-\[475px\]{max-width:475px} .lg\:max-w-\[480px\]{max-width:480px} .lg\:max-w-\[486px\]{max-width:486px} .lg\:max-w-\[527px\]{max-width:527px} .lg\:max-w-\[568px\]{max-width:568px} .lg\:max-w-\[575px\]{max-width:575px} .lg\:max-w-\[580px\]{max-width:580px} .lg\:max-w-\[584px\]{max-width:584px} .lg\:max-w-\[587px\]{max-width:587px} .lg\:max-w-\[600px\]{max-width:600px} .lg\:max-w-\[620px\]{max-width:620px} .lg\:max-w-\[828px\]{max-width:828px} .lg\:max-w-\[904px\]{max-width:904px} .lg\:max-w-\[920px\]{max-width:920px} .lg\:max-w-\[950px\]{max-width:950px} .lg\:flex-auto{flex:1 1 auto} .lg\:basis-full{flex-basis:100%} .lg\:-translate-x-16{--tw-translate-x:-4rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:-translate-x-\[110px\]{--tw-translate-x:-110px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:-translate-x-\[32px\]{--tw-translate-x:-32px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:-translate-x-\[45px\]{--tw-translate-x:-45px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:translate-x-12{--tw-translate-x:3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:translate-x-16{--tw-translate-x:4rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_20s_linear_infinite\]{animation:lgRolling 20s linear infinite} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_20s_linear_infinite_reverse\]{animation:lgRolling 20s linear infinite reverse} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_30s_linear_infinite\]{animation:lgRolling 30s linear infinite} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_30s_linear_infinite_reverse\]{animation:lgRolling 30s linear infinite reverse} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_40s_linear_infinite\]{animation:lgRolling 40s linear infinite} @keyframes lgRolling{ 0%{transform:translate3d(0, 0, 0)} 100%{transform:translate3d(-1090px, 0, 0)}} .lg\:animate-\[lgRolling_40s_linear_infinite_reverse\]{animation:lgRolling 40s linear infinite reverse} .lg\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))} .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .lg\:grid-cols-\[1fr_1fr_1\.2fr\]{grid-template-columns:1fr 1fr 1.2fr} .lg\:grid-cols-\[1fr_286px\]{grid-template-columns:1fr 286px} .lg\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))} .lg\:grid-rows-\[repeat\(3\2c auto\)\]{grid-template-rows:repeat(3,auto)} .lg\:grid-rows-\[repeat\(5\2c auto\)\]{grid-template-rows:repeat(5,auto)} .lg\:grid-rows-subgrid{grid-template-rows:subgrid} .lg\:flex-row{flex-direction:row} .lg\:flex-row-reverse{flex-direction:row-reverse} .lg\:flex-col{flex-direction:column} .lg\:flex-nowrap{flex-wrap:nowrap} .lg\:items-start{align-items:flex-start} .lg\:items-center{align-items:center} .lg\:items-stretch{align-items:stretch} .lg\:justify-start{justify-content:flex-start} .lg\:justify-end{justify-content:flex-end} .lg\:justify-center{justify-content:center} .lg\:justify-between{justify-content:space-between} .lg\:gap-0{gap:0px} .lg\:gap-1{gap:0.25rem} .lg\:gap-1\.5{gap:0.375rem} .lg\:gap-10{gap:2.5rem} .lg\:gap-11{gap:2.75rem} .lg\:gap-12{gap:3rem} .lg\:gap-14{gap:3.5rem} .lg\:gap-16{gap:4rem} .lg\:gap-24{gap:6rem} .lg\:gap-28{gap:7rem} .lg\:gap-3{gap:0.75rem} .lg\:gap-36{gap:9rem} .lg\:gap-4{gap:1rem} .lg\:gap-5{gap:1.25rem} .lg\:gap-6{gap:1.5rem} .lg\:gap-8{gap:2rem} .lg\:gap-\[18px\]{gap:18px} .lg\:gap-\[20px\]{gap:20px} .lg\:gap-\[38px\]{gap:38px} .lg\:gap-\[40px\]{gap:40px} .lg\:gap-\[42px\]{gap:42px} .lg\:gap-\[48px\]{gap:48px} .lg\:gap-\[54px\]{gap:54px} .lg\:gap-\[71px\]{gap:71px} .lg\:gap-\[86px\]{gap:86px} .lg\:gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem} .lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem} .lg\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem} .lg\:gap-x-9{-moz-column-gap:2.25rem;column-gap:2.25rem} .lg\:gap-x-\[122px\]{-moz-column-gap:122px;column-gap:122px} .lg\:gap-x-\[64px\]{-moz-column-gap:64px;column-gap:64px} .lg\:gap-y-0{row-gap:0px} .lg\:gap-y-10{row-gap:2.5rem} .lg\:gap-y-12{row-gap:3rem} .lg\:gap-y-4{row-gap:1rem} .lg\:gap-y-6{row-gap:1.5rem} .lg\:gap-y-8{row-gap:2rem} .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))} .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .lg\:rounded-\[20px\]{border-radius:20px} .lg\:rounded-\[8px\]{border-radius:8px} .lg\:rounded-xl{border-radius:0.75rem} .lg\:border-0{border-width:0px} .lg\:bg-bg-default{--tw-bg-opacity:1;background-color:rgba(var(--grey-10), var(--tw-bg-opacity, 1))} .lg\:bg-transparent{background-color:transparent} .lg\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .lg\:bg-none{background-image:none} .lg\:p-0{padding:0} .lg\:p-6{padding:1.5rem} .lg\:px-0{padding-left:0px;padding-right:0px} .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem} .lg\:px-12{padding-left:3rem;padding-right:3rem} .lg\:px-14{padding-left:3.5rem;padding-right:3.5rem} .lg\:px-20{padding-left:5rem;padding-right:5rem} .lg\:px-36{padding-left:9rem;padding-right:9rem} .lg\:px-4{padding-left:1rem;padding-right:1rem} .lg\:px-5{padding-left:1.25rem;padding-right:1.25rem} .lg\:px-6{padding-left:1.5rem;padding-right:1.5rem} .lg\:px-8{padding-left:2rem;padding-right:2rem} .lg\:px-\[103px\]{padding-left:103px;padding-right:103px} .lg\:px-\[110px\]{padding-left:110px;padding-right:110px} .lg\:px-\[114px\]{padding-left:114px;padding-right:114px} .lg\:px-\[115px\]{padding-left:115px;padding-right:115px} .lg\:px-\[132px\]{padding-left:132px;padding-right:132px} .lg\:px-\[233px\]{padding-left:233px;padding-right:233px} .lg\:px-\[234px\]{padding-left:234px;padding-right:234px} .lg\:px-\[235px\]{padding-left:235px;padding-right:235px} .lg\:px-\[32px\]{padding-left:32px;padding-right:32px} .lg\:px-\[38px\]{padding-left:38px;padding-right:38px} .lg\:px-\[44px\]{padding-left:44px;padding-right:44px} .lg\:px-\[48px\]{padding-left:48px;padding-right:48px} .lg\:px-\[50px\]{padding-left:50px;padding-right:50px} .lg\:px-\[65px\]{padding-left:65px;padding-right:65px} .lg\:px-\[68px\]{padding-left:68px;padding-right:68px} .lg\:px-\[80px\]{padding-left:80px;padding-right:80px} .lg\:px-\[88px\]{padding-left:88px;padding-right:88px} .lg\:py-0{padding-top:0px;padding-bottom:0px} .lg\:py-20{padding-top:5rem;padding-bottom:5rem} .lg\:py-4{padding-top:1rem;padding-bottom:1rem} .lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .lg\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .lg\:py-8{padding-top:2rem;padding-bottom:2rem} .lg\:py-9{padding-top:2.25rem;padding-bottom:2.25rem} .lg\:py-\[102px\]{padding-top:102px;padding-bottom:102px} .lg\:py-\[10px\]{padding-top:10px;padding-bottom:10px} .lg\:py-\[14px\]{padding-top:14px;padding-bottom:14px} .lg\:py-\[15px\]{padding-top:15px;padding-bottom:15px} .lg\:py-\[18px\]{padding-top:18px;padding-bottom:18px} .lg\:py-\[20px\]{padding-top:20px;padding-bottom:20px} .lg\:py-\[24px\]{padding-top:24px;padding-bottom:24px} .lg\:py-\[30px\]{padding-top:30px;padding-bottom:30px} .lg\:py-\[36px\]{padding-top:36px;padding-bottom:36px} .lg\:py-\[50px\]{padding-top:50px;padding-bottom:50px} .lg\:py-\[60px\]{padding-top:60px;padding-bottom:60px} .lg\:py-\[66px\]{padding-top:66px;padding-bottom:66px} .lg\:py-\[72px\]{padding-top:72px;padding-bottom:72px} .lg\:py-\[80px\]{padding-top:80px;padding-bottom:80px} .lg\:py-\[88px\]{padding-top:88px;padding-bottom:88px} .lg\:py-\[92px\]{padding-top:92px;padding-bottom:92px} .lg\:pb-0{padding-bottom:0px} .lg\:pb-11{padding-bottom:2.75rem} .lg\:pb-12{padding-bottom:3rem} .lg\:pb-16{padding-bottom:4rem} .lg\:pb-24{padding-bottom:6rem} .lg\:pb-28{padding-bottom:7rem} .lg\:pb-8{padding-bottom:2rem} .lg\:pb-\[100px\]{padding-bottom:100px} .lg\:pb-\[102px\]{padding-bottom:102px} .lg\:pb-\[103px\]{padding-bottom:103px} .lg\:pb-\[105px\]{padding-bottom:105px} .lg\:pb-\[106px\]{padding-bottom:106px} .lg\:pb-\[108px\]{padding-bottom:108px} .lg\:pb-\[116px\]{padding-bottom:116px} .lg\:pb-\[145px\]{padding-bottom:145px} .lg\:pb-\[157px\]{padding-bottom:157px} .lg\:pb-\[160px\]{padding-bottom:160px} .lg\:pb-\[170px\]{padding-bottom:170px} .lg\:pb-\[18px\]{padding-bottom:18px} .lg\:pb-\[193px\]{padding-bottom:193px} .lg\:pb-\[201px\]{padding-bottom:201px} .lg\:pb-\[222px\]{padding-bottom:222px} .lg\:pb-\[231px\]{padding-bottom:231px} .lg\:pb-\[245px\]{padding-bottom:245px} .lg\:pb-\[247px\]{padding-bottom:247px} .lg\:pb-\[42px\]{padding-bottom:42px} .lg\:pb-\[44px\]{padding-bottom:44px} .lg\:pb-\[46px\]{padding-bottom:46px} .lg\:pb-\[54px\]{padding-bottom:54px} .lg\:pb-\[62px\]{padding-bottom:62px} .lg\:pb-\[78px\]{padding-bottom:78px} .lg\:pb-\[80px\]{padding-bottom:80px} .lg\:pb-\[85px\]{padding-bottom:85px} .lg\:pb-\[88px\]{padding-bottom:88px} .lg\:pb-\[90px\]{padding-bottom:90px} .lg\:pb-\[98px\]{padding-bottom:98px} .lg\:pl-0{padding-left:0px} .lg\:pl-10{padding-left:2.5rem} .lg\:pl-12{padding-left:3rem} .lg\:pl-14{padding-left:3.5rem} .lg\:pl-20{padding-left:5rem} .lg\:pl-4{padding-left:1rem} .lg\:pl-5{padding-left:1.25rem} .lg\:pl-8{padding-left:2rem} .lg\:pl-\[108px\]{padding-left:108px} .lg\:pl-\[111px\]{padding-left:111px} .lg\:pl-\[143px\]{padding-left:143px} .lg\:pl-\[18px\]{padding-left:18px} .lg\:pl-\[24px\]{padding-left:24px} .lg\:pl-\[34px\]{padding-left:34px} .lg\:pl-\[50px\]{padding-left:50px} .lg\:pr-14{padding-right:3.5rem} .lg\:pr-16{padding-right:4rem} .lg\:pr-20{padding-right:5rem} .lg\:pr-24{padding-right:6rem} .lg\:pr-32{padding-right:8rem} .lg\:pr-40{padding-right:10rem} .lg\:pr-5{padding-right:1.25rem} .lg\:pr-\[120px\]{padding-right:120px} .lg\:pr-\[140px\]{padding-right:140px} .lg\:pr-\[180px\]{padding-right:180px} .lg\:pr-\[30px\]{padding-right:30px} .lg\:pr-\[42px\]{padding-right:42px} .lg\:pr-\[48px\]{padding-right:48px} .lg\:pr-\[57px\]{padding-right:57px} .lg\:pr-\[613px\]{padding-right:613px} .lg\:pr-\[6px\]{padding-right:6px} .lg\:pr-\[72px\]{padding-right:72px} .lg\:pr-\[80px\]{padding-right:80px} .lg\:pr-\[84px\]{padding-right:84px} .lg\:pt-0{padding-top:0px} .lg\:pt-14{padding-top:3.5rem} .lg\:pt-16{padding-top:4rem} .lg\:pt-20{padding-top:5rem} .lg\:pt-24{padding-top:6rem} .lg\:pt-3\.5{padding-top:0.875rem} .lg\:pt-5{padding-top:1.25rem} .lg\:pt-6{padding-top:1.5rem} .lg\:pt-8{padding-top:2rem} .lg\:pt-\[102px\]{padding-top:102px} .lg\:pt-\[104px\]{padding-top:104px} .lg\:pt-\[112px\]{padding-top:112px} .lg\:pt-\[117px\]{padding-top:117px} .lg\:pt-\[136px\]{padding-top:136px} .lg\:pt-\[30px\]{padding-top:30px} .lg\:pt-\[34px\]{padding-top:34px} .lg\:pt-\[45px\]{padding-top:45px} .lg\:pt-\[50px\]{padding-top:50px} .lg\:pt-\[52px\]{padding-top:52px} .lg\:pt-\[56px\]{padding-top:56px} .lg\:pt-\[60px\]{padding-top:60px} .lg\:pt-\[62px\]{padding-top:62px} .lg\:pt-\[63px\]{padding-top:63px} .lg\:pt-\[65px\]{padding-top:65px} .lg\:pt-\[67px\]{padding-top:67px} .lg\:pt-\[71px\]{padding-top:71px} .lg\:pt-\[72px\]{padding-top:72px} .lg\:pt-\[73px\]{padding-top:73px} .lg\:pt-\[74px\]{padding-top:74px} .lg\:pt-\[75px\]{padding-top:75px} .lg\:pt-\[76px\]{padding-top:76px} .lg\:pt-\[80px\]{padding-top:80px} .lg\:pt-\[81px\]{padding-top:81px} .lg\:pt-\[87px\]{padding-top:87px} .lg\:pt-\[88px\]{padding-top:88px} .lg\:pt-\[90px\]{padding-top:90px} .lg\:pt-\[91px\]{padding-top:91px} .lg\:pt-\[93px\]{padding-top:93px} .lg\:pt-\[94px\]{padding-top:94px} .lg\:text-left{text-align:left} .lg\:text-center{text-align:center} .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem} .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem} .lg\:text-5xl{font-size:3rem;line-height:1} .lg\:text-\[16px\]{font-size:1rem} .lg\:text-\[18px\]{font-size:1.125rem} .lg\:text-\[20px\]{font-size:1.25rem} .lg\:text-\[24px\]{font-size:1.5rem} .lg\:text-\[28px\]{font-size:1.75rem} .lg\:text-\[36px\]{font-size:2.25rem} .lg\:text-\[38px\]{font-size:2.375rem} .lg\:text-\[40px\]{font-size:2.5rem} .lg\:text-\[44px\]{font-size:2.75rem} .lg\:text-\[56px\]{font-size:3.5rem} .lg\:text-\[96px\]{font-size:6rem} .lg\:text-lg{font-size:1.125rem;line-height:1.75rem} .lg\:font-black{font-weight:900} .lg\:leading-\[1\.2\]{line-height:1.2} .lg\:leading-\[20px\]{line-height:1.25rem} .lg\:leading-\[57px\]{line-height:3.5625rem} .lg\:leading-\[60px\]{line-height:3.75rem} .lg\:leading-normal{line-height:1.5} .lg\:leading-tight{line-height:1.25} .lg\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .lg\:duration-\[150ms\]{transition-duration:150ms} .lg\:content-\[url\(\'\/public\/svg\/logo_nav\.svg\'\)\]{--tw-content:url('/public/svg/logo_nav.svg');content:var(--tw-content)} .lg\:\[--is-collapse\:false\]{--is-collapse:false} .lg\:\[--strategy\:absolute\]{--strategy:absolute} .lg\:\[background-size\:250px_175\.7px\]{background-size:250px 175.7px} .lg\:\[flex\:0_0_270px\]{flex:0 0 270px} .lg\:after\:absolute::after{content:var(--tw-content);position:absolute} .lg\:after\:left-0::after{content:var(--tw-content);left:0px} .lg\:after\:left-\[30px\]::after{content:var(--tw-content);left:30px} .lg\:after\:right-5::after{content:var(--tw-content);right:1.25rem} .lg\:after\:top-1\/2::after{content:var(--tw-content);top:50%} .lg\:after\:mt-\[60px\]::after{content:var(--tw-content);margin-top:60px} .lg\:after\:mt-\[80px\]::after{content:var(--tw-content);margin-top:80px} .lg\:after\:-translate-y-1\/2::after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:after\:translate-x-0::after{content:var(--tw-content);--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:after\:scale-100::after{content:var(--tw-content);--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:hover\:z-\[90\]:hover{z-index:90} .lg\:hover\:block:hover{display:block} .lg\:hover\:translate-x-0:hover{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:hover\:text-purple-90:hover{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .lg\:hover\:opacity-100:hover{opacity:1} .group:hover .lg\:group-hover\:block{display:block} .group:hover .lg\:group-hover\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .group:hover .lg\:group-hover\:fill-purple-90{fill:rgba(var(--purple-90), 1)} .group:hover .lg\:group-hover\:text-purple-90{--tw-text-opacity:1;color:rgba(var(--purple-90), var(--tw-text-opacity, 1))} .peer:hover ~ .lg\:peer-hover\:z-\[90\]{z-index:90} .peer:hover ~ .lg\:peer-hover\:block{display:block} .peer:hover ~ .lg\:peer-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .peer:hover ~ .lg\:peer-hover\:opacity-100{opacity:1}} @media (min-width: 1200px){ .desktop\:absolute{position:absolute} .desktop\:-right-\[170px\]{right:-170px} .desktop\:-ml-\[140px\]{margin-left:-140px} .desktop\:-ml-\[200px\]{margin-left:-200px} .desktop\:-ml-\[205px\]{margin-left:-205px} .desktop\:-ml-\[212px\]{margin-left:-212px} .desktop\:-ml-\[218px\]{margin-left:-218px} .desktop\:-ml-\[254px\]{margin-left:-254px} .desktop\:-ml-\[340px\]{margin-left:-340px} .desktop\:-mt-5{margin-top:-1.25rem} .desktop\:mb-\[106px\]{margin-bottom:106px} .desktop\:mb-\[16px\]{margin-bottom:16px} .desktop\:mb-\[48px\]{margin-bottom:48px} .desktop\:mb-\[68px\]{margin-bottom:68px} .desktop\:mb-\[80px\]{margin-bottom:80px} .desktop\:mt-0{margin-top:0px} .desktop\:mt-14{margin-top:3.5rem} .desktop\:mt-3{margin-top:0.75rem} .desktop\:mt-\[103px\]{margin-top:103px} .desktop\:mt-\[90px\]{margin-top:90px} .desktop\:block{display:block} .desktop\:w-\[56\%\]{width:56%} .desktop\:w-\[716px\]{width:716px} .desktop\:w-\[768px\]{width:768px} .desktop\:max-w-\[612px\]{max-width:612px} .desktop\:-translate-x-\[45px\]{--tw-translate-x:-45px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .desktop\:flex-row{flex-direction:row} .desktop\:gap-8{gap:2rem} .desktop\:px-0{padding-left:0px;padding-right:0px} .desktop\:pb-\[170px\]{padding-bottom:170px} .desktop\:pb-\[180px\]{padding-bottom:180px} .desktop\:pb-\[226px\]{padding-bottom:226px} .desktop\:pb-\[233px\]{padding-bottom:233px} .desktop\:pr-\[360px\]{padding-right:360px} .desktop\:pr-\[613px\]{padding-right:613px} .desktop\:pt-\[81px\]{padding-top:81px}} @media (min-width: 1280px){ .xl\:col-span-8{grid-column:span 8 / span 8} .xl\:col-start-9{grid-column-start:9} .xl\:col-end-13{grid-column-end:13} .xl\:ml-0{margin-left:0px} .xl\:flex{display:flex} .xl\:min-h-\[540px\]{min-height:540px} .xl\:w-auto{width:auto} .xl\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))} .xl\:flex-row{flex-direction:row}} @media (min-width: 1536px){ .\32xl\:px-4{padding-left:1rem;padding-right:1rem}} .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:1} @media (prefers-color-scheme: dark){ .dark\:\!border-neutral-700{--tw-border-opacity:1 !important;border-color:rgb(18 17 35 / var(--tw-border-opacity, 1)) !important} .dark\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))} .dark\:border-neutral-600{--tw-border-opacity:1;border-color:rgb(83 82 90 / var(--tw-border-opacity, 1))} .dark\:border-neutral-700{--tw-border-opacity:1;border-color:rgb(18 17 35 / var(--tw-border-opacity, 1))} .dark\:border-transparent{border-color:transparent} .dark\:\!bg-neutral-800{--tw-bg-opacity:1 !important;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1)) !important} .dark\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-800\/50{background-color:rgb(31 41 55 / 0.5)} .dark\:bg-gray-900\/80{background-color:rgb(17 24 39 / 0.8)} .dark\:bg-neutral-700{--tw-bg-opacity:1;background-color:rgb(18 17 35 / var(--tw-bg-opacity, 1))} .dark\:bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))} .dark\:bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))} .dark\:bg-neutral-900\/80{background-color:rgb(51 51 51 / 0.8)} .dark\:bg-opacity-80{--tw-bg-opacity:0.8} .dark\:fill-neutral-200{fill:#e5e5e5} .dark\:text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:text-neutral-200{--tw-text-opacity:1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))} .dark\:text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))} .dark\:text-neutral-500{--tw-text-opacity:1;color:rgb(85 85 85 / var(--tw-text-opacity, 1))} .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-neutral-800:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))} .dark\:hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:hover\:text-neutral-200:hover{--tw-text-opacity:1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))} .dark\:hover\:text-neutral-300:hover{--tw-text-opacity:1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))} .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:focus\:bg-neutral-800:focus{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))} .dark\:focus\:text-neutral-300:focus{--tw-text-opacity:1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}} .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:9999px} .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} @media (prefers-color-scheme: dark){ .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(85 85 85 / var(--tw-bg-opacity, 1))}} .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} @media (prefers-color-scheme: dark){ .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(18 17 35 / var(--tw-bg-opacity, 1))}} .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{height:0.375rem} .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:0.375rem} .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{width:0.5rem} .\[\&_div\]\:\[background-size\:722px_518px\] div{background-size:722px 518px}