*, ::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 */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}
.relative{position:relative}
.sticky{position:sticky}
.top-0{top:0px}
.z-\[9999\]{z-index:9999}
.m-0{margin:0px}
.mx-auto{margin-left:auto;margin-right:auto}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mt-16{margin-top:4rem}
.mt-6{margin-top:1.5rem}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.h-10{height:2.5rem}
.h-12{height:3rem}
.w-10{width:2.5rem}
.w-\[90\%\]{width:90%}
.w-full{width:100%}
.max-w-\[480px\]{max-width:480px}
.cursor-pointer{cursor:pointer}
.list-none{list-style-type:none}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-12{gap:3rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.overflow-x-hidden{overflow-x:hidden}
.rounded-full{border-radius:9999px}
.border-0{border-width:0px}
.bg-surface{background-color:var(--color-999)}
.bg-\[rgba\(var\(--color-999-rgb\)\2c 0\.65\)\]{background-color:rgba(var(--color-999-rgb),0.65)}
.p-0{padding:0px}
.px-4{padding-left:1rem;padding-right:1rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-\[0\.35rem\]{padding-top:0.35rem;padding-bottom:0.35rem}
.text-center{text-align:center}
.font-body{font-family:var(--font-body)}
.font-brand{font-family:var(--font-brand)}
.font-huiwen{font-family:var(--font-serif)}
.font-type{font-family:var(--font-type)}
.text-\[16px\]{font-size:16px}
.text-\[1\.5rem\]{font-size:1.5rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.leading-\[1\.5\]{line-height:1.5}
.leading-\[1\.1\]{line-height:1.1}
.leading-none{line-height:1}
.tracking-\[0\.2px\]{letter-spacing:0.2px}
.tracking-\[0\.1px\]{letter-spacing:0.1px}
.text-ink100{color:var(--color-100)}
.text-ink0{color:var(--color-0)}
.text-ink300{color:var(--color-300)}
.text-ink400{color:var(--color-400)}
.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}
.\[backdrop-filter\:saturate\(300\%\)_blur\(5px\)\]{-webkit-backdrop-filter:saturate(300%) blur(5px);backdrop-filter:saturate(300%) blur(5px)}
@media (max-width: 1280px){.max-\[1280px\]\:max-w-\[1024px\]{max-width:1024px}}
@media (max-width: 1023px){.max-\[1023px\]\:max-w-\[960px\]{max-width:960px}}
@media (max-width: 811px){.max-\[811px\]\:max-w-\[calc\(100\%-32px\)\]{max-width:calc(100% - 32px)}}
@media (max-width: 766px){.max-\[766px\]\:block{display:block}.max-\[766px\]\:hidden{display:none}}
@media (max-width: 576px){.max-\[576px\]\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}}
.absolute{position:absolute}
.left-0{left:0px}
.my-12{margin-top:3rem;margin-bottom:3rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.mb-3{margin-bottom:0.75rem}
.mb-6{margin-bottom:1.5rem}
.mb-\[0\.5em\]{margin-bottom:0.5em}
.mb-\[6px\]{margin-bottom:6px}
.mt-1{margin-top:0.25rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.inline-flex{display:inline-flex}
.hidden{display:none}
.h-5{height:1.25rem}
.h-full{height:100%}
.min-w-0{min-width:0px}
.items-start{align-items:flex-start}
.overflow-hidden{overflow:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.rounded{border-radius:0.25rem}
.rounded-\[32px\]{border-radius:32px}
.rounded-\[36px\]{border-radius:36px}
.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-dashed{border-style:dashed}
.border-edge{border-color:var(--border)}
.border-filteredge{border-color:var(--filter-border-color)}
.border-ink700{border-color:var(--color-700)}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.02\)\]{background-color:rgba(0,0,0,0.02)}
.bg-filterbg{background-color:var(--filter-bg)}
.object-cover{object-fit:cover}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-\[10px\]{padding-left:10px;padding-right:10px}
.px-\[22px\]{padding-left:22px;padding-right:22px}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.pb-\[4px\]{padding-bottom:4px}
.pb-\[66\.6666666667\%\]{padding-bottom:66.6666666667%}
.pt-2{padding-top:0.5rem}
.align-middle{vertical-align:middle}
.text-\[0\]{font-size:0}
.text-\[13px\]{font-size:13px}
.text-\[14px\]{font-size:14px}
.text-\[15px\]{font-size:15px}
.text-\[18px\]{font-size:18px}
.text-\[3rem\]{font-size:3rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.uppercase{text-transform:uppercase}
.leading-5{line-height:1.25rem}
.leading-\[1\.2\]{line-height:1.2}
.leading-\[160\%\]{line-height:160%}
.leading-\[16px\]{line-height:16px}
.leading-\[21px\]{line-height:21px}
.tracking-\[0\.25px\]{letter-spacing:0.25px}
.tracking-\[1px\]{letter-spacing:1px}
.text-filtertext{color:var(--filter-color)}
.text-ink200{color:var(--color-200)}
.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)}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-500{transition-duration:500ms}
.duration-\[350ms\]{transition-duration:350ms}
.ease-\[cubic-bezier\(0\.075\2c 0\.82\2c 0\.165\2c 1\)\]{transition-timing-function:cubic-bezier(0.075,0.82,0.165,1)}
.hover\:bg-filterbghover:hover{background-color:var(--filter-bg-hover)}
.group:hover .group-hover\:scale-\[1\.05\]{--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))}
@media (min-width: 768px){.min-\[768px\]\:w-1\/2{width:50%}.min-\[768px\]\:text-\[3\.75rem\]{font-size:3.75rem}}
@media (min-width: 992px){.min-\[992px\]\:w-1\/3{width:33.333333%}}
@media (min-width: 1024px){.min-\[1024px\]\:text-\[4rem\]{font-size:4rem}}
@media (min-width: 1400px){.min-\[1400px\]\:w-1\/4{width:25%}}
.\[\&\.active\]\:bg-filterbgactive.active{background-color:var(--filter-bg-active)}
.\[\&\.active\]\:font-medium.active{font-weight:500}
.\[\&\.active\]\:text-filtertextactive.active{color:var(--filter-color-active)}