{"version":3,"file":"Style.C7Y1W6n6.mjs","names":["Global"],"sources":["https:/framerusercontent.com/modules/20zhayqm9y3Y0ekkXAdJ/RJxcqD9cS3BOBLZBK92L/Style.js"],"sourcesContent":["// Importing necessary modules from @emotion/react\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{Global,css}from\"@emotion/react\";// import { createStore } from \"https://framer.com/m/framer/store.js\"\n// export const useStoretheme = createStore({\n//     // Set the starting theme below, otherwise default to system.\n//     theme: \"system\",\n// })\n//import { root } from \"../0_CSS/Theme.tsx\"\n// Defining global styles\nconst borderpop=css`\n  gap: var(--gap-normal);\n  border-radius: var(--radius-normal);\n  border-width: var(--borderwidth-normal);\n  border-style: solid;\n  padding: var(--padding-small);\n`;const borderCaroulselItem=css`\n  gap: var(--gap-normal);\n  border-radius: var(--radius-normal);\n  border-width: var(--borderwidth-normal);\n  border-color:var(--border-color);\n  border-style: solid;\n  width: 100%;\n  background-position: center;\n  background-size: cover;\n  padding: var(--padding-none);\n`;const MenuItem=css`\n  gap: var(--gap-normal);\n  border-radius: var(--radius-small);\n  border-width: var(--borderwidth-small);\n  border-style: solid;\n  padding: var(--padding-small);\n`;const globalStyles=css`\n\n.nonebg {\n  ${borderpop};\n  width:100%;\n  height:100%;\n  padding:var(--padding-none);\n  display: flex;\n  flex-direction: column;\n  border-color: rgba(0,0,0,0);\n  background-color: rgba(0,0,0,0);\n}\n\n.popover {\n  ${borderpop};\n  display: flex;\n  max-width: min(calc(100vw - 16px), 800px);\n  flex-direction: column;\n  border-color: var(--border-p-color);\n  background-color: var(--bg-color);\n  color: var(--text-color);\n  box-shadow:var(--box-shadow);\n  z-index: 100;\n}\n.arrow > svg {\n  fill: var(--bg-color);\n  stroke: var(--border-color);\n}\n\n.swiper {\n  width: 100%;\n  height: 100%;\n}\n.swiper-slide {\n  ${borderCaroulselItem};\n  object-position: center;\n  border-color: var(--border-color);\n  background-color: var(--bg-color);\n  color: black;\n  box-shadow:var(--box-shadow-small);\n  will-change: transform;\n  &[data-border]{\n    border:none;\n  }\n}\n.swiper-slide img {\n  display: block;\n  width: 100%;\n  height:100%;\n  object-fit: cover;\n}\n\n\n.my-custom-bullet {\n  --swiper-pagination-color: var(--highlight-background);\n  --swiper-pagination-bullet-width: 1.429rem;\n  --swiper-pagination-bullet-height: 1.429rem;\n  --swiper-pagination-bullet-inactive-color: var(--act-color);\n  --swiper-pagination-bullet-inactive-opacity: 1;\n  color: #000;\n  font-size: 0.857rem;\n  text-align: center;\n  line-height: 1.429rem;\n}\n\n.swiper-control{\n  z-index: 1;\n  position: absolute;\n  height: 1px;\n  overflow: visible;\n  width: 100%;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.swiper:hover .swiper-control {\n  opacity: 1;\n  visibility: visible;\n}\n\n\n/* 针对移动设备 */\n@media (max-width: 768px) {\n  .swiper-control {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n/* Menu */\n.menu {\n  position: relative;\n  z-index: 99;\n  ${MenuItem};\n  display: flex;\n  max-height: var(--popover-available-height);\n  min-width: 180px;\n  flex-direction: column;\n  overscroll-behavior: contain;\n  border-color: var(--border-color);\n  background-color: var(--bg-color);\n  color: var(--text-color);\n  icon-color:var(--text-color);\n  box-shadow:var(--box-shadow);\n  outline: none !important;\n  overflow: visible;\n  font-size: 1rem;\n  font-weight: 500;\n}\n\n.menu-item {\n  display: flex;\n  cursor: default;\n  scroll-margin: 0.5rem;\n  align-items: center;\n  gap: var(--gap-normal);\n  border-radius: var(--radius-tiny);\n  padding: var(--padding-small);\n  outline: none !important;\n}\n\n.menu-item[aria-disabled=\"true\"] {\n  opacity: 0.25;\n}\n\n.menu-item[data-active-item] {\n  background-color: var(--hover-color);\n  color: var(--text-hover-color);\n}\n\n.menu-item:active,\n.menu-item[data-active] {\n  background-color: var(--active-color);\n  padding-top: 0.643rem;\n  padding-bottom: 0.5rem;\n}\n\n.menu:not(:focus) .menu-item:not(:focus)[aria-expanded=\"true\"] {\n  background-color: rgb(0 0 0 / 7.5%);\n  color: currentColor;\n}\n\n.menu:not(:focus)\n  .menu-item:not(:focus)[aria-expanded=\"true\"]:where(.dark, .dark *) {\n  background-color: rgb(255 255 255 / 0.1);\n}\n\n.menu-item .label {\n  flex: 1 1 0%;\n}\n.separator {\n  margin-top: 0.143rem;\n  margin-bottom: 0.143rem;\n  height: 0px;\n  width: 100%;\n  border-top-width: var(--borderwidth-small);\n  border-color: var(--line-color);\n}\n`;//const globalStylesCSS = [root, globalStyles]\nconst GlobalStyles=()=>/*#__PURE__*/_jsx(Global,{styles:globalStyles});// Font styling configuration\n// L M S 命名不可更改，否则会出问题，下方的width判断函数会返回这个值，要改一起改\nlet GlobalFont={weight:{light:{\"--framer-font-weight\":\"300\"},regular:{\"--framer-font-weight\":\"400\"},medium:{\"--framer-font-weight\":\"500\"},semibold:{\"--framer-font-weight\":\"600\"},bold:{\"--framer-font-weight\":\"700\"}},fontsize:{\"Tiny ---(11px p)\":{L:{type:\"p\",\"--framer-font-size\":\"11px\",\"--framer-line-height\":\"1.3em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"p\",\"--framer-font-size\":\"11px\",\"--framer-line-height\":\"1.3em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"p\",\"--framer-font-size\":\"11px\",\"--framer-line-height\":\"1.3em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"}},\"Detail ---(13px p)\":{L:{type:\"p\",\"--framer-font-size\":\"13px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"p\",\"--framer-font-size\":\"13px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"p\",\"--framer-font-size\":\"13px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"0em\",\"--framer-font-family\":\"var(--font-family)\"}},\"Callout ---(15px p)\":{L:{type:\"p\",\"--framer-font-size\":\"15px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"p\",\"--framer-font-size\":\"16px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"p\",\"--framer-font-size\":\"16px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"}},\"Body ---(16px p)\":{L:{type:\"p\",\"--framer-font-size\":\"16px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"p\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"p\",\"--framer-font-size\":\"17px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"}},\"Headline ---(18px H6)\":{L:{type:\"H6\",\"--framer-font-size\":\"18px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"H6\",\"--framer-font-size\":\"16px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"H6\",\"--framer-font-size\":\"16px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"}},\"Title ---(24px H3)\":{L:{type:\"H3\",\"--framer-font-size\":\"24px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"H3\",\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"H3\",\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.01em\",\"--framer-font-family\":\"var(--font-family)\"}},\"LargeTitle ---(36px H2)\":{L:{type:\"H2\",\"--framer-font-size\":\"36px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"H2\",\"--framer-font-size\":\"32px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"H2\",\"--framer-font-size\":\"28px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"}},\"H1 ---(64px)\":{L:{type:\"H1\",\"--framer-font-size\":\"64px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"},M:{type:\"H1\",\"--framer-font-size\":\"48px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"},S:{type:\"H1\",\"--framer-font-size\":\"48px\",\"--framer-line-height\":\"1.4em\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-font-family\":\"var(--font-family)\"}}}};// 添加一个更新函数\nexport const updateGlobalFont=newConfig=>{if(newConfig&&typeof newConfig===\"object\"){GlobalFont={...GlobalFont,...newConfig};}};function screenSize(){// const isClient = typeof window !== \"undefined\"\n// if (isClient) {\n//     const width = window.\n//     if (width >= 1200) {\n//         return \"L\"\n//     } else if (width >= 810) {\n//         return \"M\"\n//     } else {\n//         return \"S\"\n//     }\n// } else {\n//     // 如果 window 不存在，返回一个默认值或处理逻辑\n//     return \"L\" // 默认返回小屏幕尺寸\n// }\nconst isClient=typeof window!==\"undefined\";if(isClient){const largeScreenQuery=window.matchMedia(\"(min-width: 1200px)\");const mediumScreenQuery=window.matchMedia(\"(min-width: 810px) and (max-width: 1199px)\");if(largeScreenQuery.matches){return\"L\";}else if(mediumScreenQuery.matches){return\"M\";}else{return\"S\";}}else{// 如果 window 不存在，返回一个默认值或处理逻辑\nreturn\"L\"// 默认返回大屏幕尺寸\n;}}// function screenSizeDetail() {\n//     const [details, setDetails] = useState({ width: 1200, height: 800 })\n//     useEffect(() => {\n//         const updateDetails = () => {\n//             setDetails({ width: window., height: window. })\n//         }\n//         updateDetails() // 初始化时调用一次\n//         window.addEventListener(\"resize\", updateDetails)\n//         return () => {\n//             window.removeEventListener(\"resize\", updateDetails)\n//         }\n//     }, [])\n//     return details\n// }\n// 封装的函数，用来获取CSS变量\nfunction getCssVariable(variableName){const isClient=typeof window!==\"undefined\";if(isClient){return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();}else{return\"\";}}function screenSizeDetail(){const isClient=typeof window!==\"undefined\";if(isClient){// const width = window.=\n// const height = window.=\nconst width=document.documentElement.clientWidth;const height=document.documentElement.clientHeight;// console.log(document.documentElement.clientHeight, height)\nreturn{width:width,height:height};}else{return{width:1200,height:800};}}export{GlobalStyles,GlobalFont,screenSize,screenSizeDetail,getCssVariable,};export default function DSStyle(props){return /*#__PURE__*/_jsx(\"div\",{});}\nexport const __FramerMetadata__ = {\"exports\":{\"GlobalFont\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"updateGlobalFont\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getCssVariable\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"DSStyle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"GlobalStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"screenSize\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"screenSizeDetail\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Style.map"],"mappings":"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"}