*,:after,:before{--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.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,PingFangSCMedium,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{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}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}.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:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-\[115px\]{bottom:115px}.bottom-\[24px\]{bottom:24px}.left-0{left:0}.left-1\/2{left:50%}.left-\[1199px\]{left:1199px}.left-\[24px\]{left:24px}.left-\[25px\]{left:25px}.left-\[36px\]{left:36px}.left-\[48px\]{left:48px}.left-\[620px\]{left:620px}.right-\[24px\]{right:24px}.top-0{top:0}.top-1\/2{top:50%}.top-\[156px\]{top:156px}.top-\[26px\]{top:26px}.top-\[41\.5px\]{top:41.5px}.top-\[70px\]{top:70px}.top-\[calc\(var\(--ip-tree-child-center-y\)-\(var\(--ip-tree-child-bg-height\)\/2\)\)\]{top:calc(var(--ip-tree-child-center-y) - (var(--ip-tree-child-bg-height) / 2))}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-px{margin-left:-1px}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.flex{display:flex}.hidden{display:none}.aspect-\[429\/940\]{aspect-ratio:429/940}.size-\[16px\]{width:16px;height:16px}.size-\[30px\]{width:30px;height:30px}.size-\[44px\]{width:44px;height:44px}.h-\[100dvh\]{height:100dvh}.h-\[24\.375px\]{height:24.375px}.h-\[300px\]{height:300px}.h-\[49px\]{height:49px}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-\[940px\]{height:940px}.h-\[var\(--ip-tree-child-bg-height\)\]{height:var(--ip-tree-child-bg-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\[100dvw\]{width:100dvw}.w-\[24px\]{width:24px}.w-\[268px\]{width:268px}.w-\[292px\]{width:292px}.w-\[30px\]{width:30px}.w-\[332px\]{width:332px}.w-\[340px\]{width:340px}.w-\[429px\]{width:429px}.w-\[509px\]{width:509px}.w-\[82px\]{width:82px}.w-\[calc\(100\%_-_48px\)\]{width:calc(100% - 48px)}.w-\[min\(429px\2c calc\(100vw-88px\)\)\]{width:min(429px,calc(100vw - 88px))}.w-\[var\(--ip-tree-child-bg-width\)\]{width:var(--ip-tree-child-bg-width)}.w-\[var\(--ip-tree-child-row-width\)\]{width:var(--ip-tree-child-row-width)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-\[430px\]{max-width:430px}.max-w-\[509px\]{max-width:509px}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-\[18px\]{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-\[18px\]{--tw-translate-x:-18px}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-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))}.translate-x-0{--tw-translate-x:0px}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-90{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-90{--tw-rotate:90deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\[0\.985\]{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\.985\]{--tw-scale-x:0.985;--tw-scale-y:0.985}.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))}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:2rem}.gap-\[12px\]{gap:12px}.gap-\[150px\]{gap:150px}.gap-\[24px\]{gap:24px}.gap-\[30px\]{gap:30px}.gap-\[40px\]{gap:40px}.gap-\[56px\]{gap:56px}.gap-\[8px\]{gap:8px}.gap-\[var\(--ip-tree-root-gap\)\]{gap:var(--ip-tree-root-gap)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\[10\.214px\]{border-radius:10.214px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[32px\]{border-radius:32px}.rounded-\[45\.571px\]{border-radius:45.571px}.rounded-\[52px\]{border-radius:52px}.rounded-\[inherit\]{border-radius:inherit}.rounded-r-\[40px\]{border-top-right-radius:40px;border-bottom-right-radius:40px}.bg-\[\#583210\]{--tw-bg-opacity:1;background-color:rgb(88 50 16/var(--tw-bg-opacity,1))}.bg-\[var\(--ip-bg\)\]{background-color:var(--ip-bg)}.bg-\[var\(--ip-card\)\]{background-color:var(--ip-card)}.bg-\[var\(--ip-page-icon\)\]{background-color:var(--ip-page-icon)}.bg-\[var\(--ip-panel\)\]{background-color:var(--ip-panel)}.bg-\[var\(--ip-tree-active-bg\)\]{background-color:var(--ip-tree-active-bg)}.bg-\[var\(--ip-tree-arrow\)\]{background-color:var(--ip-tree-arrow)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-\[12px\]{padding:12px}.p-\[18px\]{padding:18px}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[24px\]{padding-left:24px;padding-right:24px}.px-\[48px\]{padding-left:48px;padding-right:48px}.px-\[66px\]{padding-left:66px;padding-right:66px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.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-\[40px\]{padding-top:40px;padding-bottom:40px}.py-\[60px\]{padding-top:60px;padding-bottom:60px}.text-left{text-align:left}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[26px\]{font-size:26px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.text-\[\#919499\]{--tw-text-opacity:1;color:rgb(145 148 153/var(--tw-text-opacity,1))}.text-\[var\(--ip-text\)\]{color:var(--ip-text)}.text-\[var\(--ip-tree-text-primary\)\]{color:var(--ip-tree-text-primary)}.text-\[var\(--ip-tree-text-secondary\)\]{color:var(--ip-tree-text-secondary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:rgb(255 255 255/.8)}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-\[280ms\]{transition-duration:.28s}.ease-\[cubic-bezier\(0\.22\2c 1\2c 0\.36\2c 1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.\[scrollbar-width\:none\]{scrollbar-width:none}:root{--font-interface:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","PingFangSCMedium",sans-serif;--font-zaozi:var(--font-interface);--background:220 12% 95%;--foreground:228 13% 12%;--card:0 0% 100%;--card-foreground:228 13% 12%;--primary:345 77% 41%;--primary-foreground:0 0% 100%;--secondary:0 0% 100%;--secondary-foreground:228 13% 12%;--muted:220 12% 92%;--muted-foreground:222 6% 48%;--accent:14 100% 60%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:220 12% 88%;--input:220 12% 88%;--ring:345 77% 41%;--radius:8px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;color-scheme:light}body,html{background:#F2F3F5}body{min-height:100svh;margin:0;overflow-x:hidden;color:hsl(var(--foreground));font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,PingFangSCMedium,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}[tabindex]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,25,66,.18);outline-offset:2px}::-moz-selection{color:#ffffff;background:rgba(185,25,66,.78)}::selection{color:#ffffff;background:rgba(185,25,66,.78)}.glass-panel{border:0;background:#ffffff;box-shadow:0 0 20px rgba(0,0,0,.1)}.panel-line{border-color:rgba(20,22,28,.08)}.checkerboard,.checkerboard-dark{background-color:#F2F3F5;background-image:linear-gradient(45deg,rgba(20,22,28,.05) 25%,transparent 0),linear-gradient(-45deg,rgba(20,22,28,.05) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(20,22,28,.05) 0),linear-gradient(-45deg,transparent 75%,rgba(20,22,28,.05) 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.checkerboard-dark{background-color:#eef0f3}.export-stage{contain:layout paint style;will-change:transform}.preview-frame-wrap{filter:drop-shadow(0 28px 54px rgba(0,0,0,.12))}.timeline-range{width:100%;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent}.timeline-range::-webkit-slider-runnable-track{height:8px;border:0;border-radius:999px;background:#d9dde4}.timeline-range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px;-webkit-appearance:none;appearance:none;border:0;border-radius:999px;background:#ffffff;box-shadow:0 0 20px rgba(0,0,0,.1)}.timeline-range::-moz-range-track{height:8px;border:0;border-radius:999px;background:#d9dde4}.timeline-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:999px;background:#ffffff;box-shadow:0 0 20px rgba(0,0,0,.1)}.smart-text,.smart-text *{font-family:-apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.interaction-preview-root,.smart-text,.smart-text *{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}.interaction-preview-root{--ip-bg:#f2f3f5;--ip-panel:#ffffff;--ip-card:#ffffff;--ip-text:#0f131a;--ip-active:#f7f8f9;--ip-hover:#f7f8f9;--ip-phone-border:#ffffff;--ip-page-icon:#0f131a;--ip-tree-text-primary:#0f131a;--ip-tree-text-secondary:#888888;--ip-tree-active-bg:#f6f7f8;--ip-tree-hover-bg:#f7f8f9;--ip-tree-child-active-bg:#f6f7f8;--ip-tree-arrow:#0f131a;--ip-tree-child-radius:14px;--ip-tree-parent-radius:14px;--ip-tree-root-gap:28px;min-height:100svh;color-scheme:light;transition-duration:.3s;transition-property:background-color,color,border-color,box-shadow;transition-timing-function:cubic-bezier(.22,1,.36,1)}.interaction-preview-root[data-theme=dark]{--ip-bg:#141414;--ip-panel:#202021;--ip-card:#202021;--ip-text:#ffffff;--ip-active:#29292a;--ip-hover:#29292a;--ip-phone-border:#222222;--ip-page-icon:#ffffff;--ip-tree-text-primary:#ffffff;--ip-tree-text-secondary:#69696B;--ip-tree-active-bg:#29292a;--ip-tree-hover-bg:#29292a;--ip-tree-child-active-bg:#29292a;--ip-tree-arrow:#ffffff;--ip-tree-parent-radius:16px;--ip-tree-child-radius:16px;--ip-tree-root-gap:28px;color-scheme:dark}.interaction-preview-root button:focus-visible{outline:0}.interaction-preview-root aside,.interaction-preview-root button,.interaction-preview-root div,.interaction-preview-root p,.interaction-preview-root section,.interaction-preview-root span{transition-duration:.3s;transition-property:background-color,color,border-color,box-shadow,opacity,filter;transition-timing-function:cubic-bezier(.22,1,.36,1)}.interaction-preview-root img{transition:opacity .26s cubic-bezier(.22,1,.36,1),filter .26s cubic-bezier(.22,1,.36,1)}.interaction-preview-root[data-theme-transitioning=true] img{filter:saturate(.98) brightness(.99)}.interaction-preview-root .ip-layout-motion{transition-duration:.42s;transition-property:left,transform,opacity,background-color,color,border-color,box-shadow,filter;transition-timing-function:cubic-bezier(.16,1,.3,1);will-change:left,transform,opacity}.interaction-preview-root .ip-sidebar-panel{clip-path:inset(-1px -1px -1px -1px round 0 40px 40px 0);filter:blur(0) saturate(1);transform-origin:left center;transition:clip-path .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),opacity .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);will-change:clip-path,transform,opacity,filter}.interaction-preview-root .ip-sidebar-panel[data-sidebar-collapsed=true]{clip-path:inset(-1px 100% -1px -1px round 0 40px 40px 0);filter:blur(2px) saturate(.96)}.interaction-preview-root .ip-sidebar-panel-body{transform:translateX(0) scale(1);transform-origin:left center;transition:transform .56s cubic-bezier(.16,1,.3,1);will-change:transform}.interaction-preview-root .ip-sidebar-panel[data-sidebar-collapsed=true] .ip-sidebar-panel-body{transform:translateX(-14px) scale(.99)}.interaction-preview-root .ip-sidebar-motion-child{opacity:1;filter:blur(0);transform:translateX(0);transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .34s cubic-bezier(.22,1,.36,1),filter .34s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1);will-change:transform,opacity,filter}.interaction-preview-root .ip-sidebar-panel[data-sidebar-collapsed=true] .ip-sidebar-motion-child{opacity:0;filter:blur(1.2px);transform:translateX(-12px)}.interaction-preview-root .ip-theme-divider-path-dark,.interaction-preview-root .ip-theme-divider-path-light{transition:opacity .42s cubic-bezier(.4,0,.2,1);will-change:opacity}.interaction-preview-root .ip-theme-divider-path-light{opacity:.08}.interaction-preview-root .ip-theme-divider-path-dark,.interaction-preview-root[data-theme=dark] .ip-theme-divider-path-light{opacity:0}.interaction-preview-root[data-theme=dark] .ip-theme-divider-path-dark{opacity:.14}.interaction-preview-root .ip-sidebar-item{transition-duration:.28s;transition-property:background-color,box-shadow,transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}.interaction-preview-root .ip-sidebar-item:hover{background-color:var(--ip-active);transform:translateX(2px);box-shadow:none}.interaction-preview-root .ip-tree-parent:hover{background-color:var(--ip-tree-hover-bg);transform:none}.interaction-preview-root .ip-theme-toggle,.interaction-preview-root .ip-tree-child-active-bg,.interaction-preview-root .ip-tree-child-hover-bg,.interaction-preview-root .ip-tree-parent{transition:background-color .3s cubic-bezier(.22,1,.36,1),opacity .26s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.22,1,.36,1)}.interaction-preview-root .ip-tree-arrow{transform-origin:center;transition:transform .36s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.22,1,.36,1),opacity .26s cubic-bezier(.22,1,.36,1);will-change:transform}.interaction-preview-root .ip-tree-children{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1),opacity .26s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.16,1,.3,1)}.interaction-preview-root .ip-tree-children[data-expanded=true]{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.interaction-preview-root .ip-tree-children-inner{min-height:0;overflow:hidden}.interaction-preview-root .ip-tree-children[data-expanded=true] .ip-tree-children-inner{overflow:visible}.interaction-preview-root .ip-tree-branch,.interaction-preview-root .ip-tree-child-active-bg,.interaction-preview-root .ip-tree-trunk{background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.interaction-preview-root .ip-tree-branch,.interaction-preview-root .ip-tree-trunk{position:relative;background-image:none}.interaction-preview-root .ip-tree-branch:after,.interaction-preview-root .ip-tree-branch:before,.interaction-preview-root .ip-tree-trunk:after,.interaction-preview-root .ip-tree-trunk:before{position:absolute;inset:0;content:"";background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:opacity .36s cubic-bezier(.22,1,.36,1);will-change:opacity}.interaction-preview-root .ip-tree-trunk:before{background-image:url(/images/interaction-preview/figma/tree/trunk-light.svg);opacity:1}.interaction-preview-root .ip-tree-trunk:after{background-image:url(/images/interaction-preview/figma/tree/trunk-dark.svg);opacity:0}.interaction-preview-root .ip-tree-branch:before{background-image:url(/images/interaction-preview/figma/tree/branch-light.svg);opacity:1}.interaction-preview-root .ip-tree-branch:after{background-image:url(/images/interaction-preview/figma/tree/branch-dark.svg);opacity:0}.interaction-preview-root[data-theme=dark] .ip-tree-branch:before,.interaction-preview-root[data-theme=dark] .ip-tree-trunk:before{opacity:0}.interaction-preview-root[data-theme=dark] .ip-tree-branch:after,.interaction-preview-root[data-theme=dark] .ip-tree-trunk:after{opacity:1}.interaction-preview-root .ip-tree-child:first-child .ip-tree-branch{width:24px;margin-top:-7px;margin-right:0}.interaction-preview-root .ip-tree-child:first-child .ip-tree-branch:after,.interaction-preview-root .ip-tree-child:first-child .ip-tree-branch:before{height:calc(100% + 8px)}.interaction-preview-root .ip-tree-child{overflow:visible}.interaction-preview-root .ip-tree-child-label{transition:color .24s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.16,1,.3,1)}.interaction-preview-root .ip-tree-child:hover .ip-tree-child-label{color:var(--ip-tree-text-primary);transform:translateX(2px)}.interaction-preview-root .ip-tree-child-active-bg,.interaction-preview-root .ip-tree-child-hover-bg{border-radius:var(--ip-tree-child-radius);background:var(--ip-tree-child-active-bg)}.interaction-preview-root .ip-tree-child-hover-bg{opacity:0}.interaction-preview-root .ip-tree-child:hover .ip-tree-child-hover-bg{opacity:1}.interaction-preview-root .ip-theme-toggle{transition:transform .32s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1)}.interaction-preview-root .ip-theme-toggle:hover{transform:translateX(2px);box-shadow:none}.interaction-preview-root .ip-theme-toggle-icon{transition:transform .36s cubic-bezier(.16,1,.3,1);transform-origin:center}.interaction-preview-root .ip-theme-toggle:hover .ip-theme-toggle-icon{transform:scale(1.05) rotate(-4deg)}.interaction-preview-root .ip-theme-toggle-label{transition:transform .32s cubic-bezier(.16,1,.3,1)}.interaction-preview-root .ip-theme-toggle:hover .ip-theme-toggle-label{transform:translateX(2px)}.interaction-preview-root .ip-sidebar-title{font-family:PingFang SC,PingFangSC-Semibold,-apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,Microsoft YaHei,sans-serif;font-weight:700;-webkit-text-stroke:.16px currentColor;text-shadow:0 0 0 currentColor}@keyframes ip-phone-enter{0%{opacity:0;filter:blur(6px) saturate(.95);transform:translate3d(0,20px,0) scale(.988)}64%{opacity:1;filter:blur(.7px) saturate(1.01);transform:translate3d(0,-3px,0) scale(1.002)}to{opacity:1;filter:blur(0) saturate(1);transform:translateZ(0) scale(1)}}@keyframes ip-state-enter{0%{opacity:0;filter:blur(5px);transform:translate3d(0,18px,0) scale(.991)}66%{opacity:1;filter:blur(.4px);transform:translate3d(0,-2px,0) scale(1.001)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}@keyframes ip-state-card-enter{0%{opacity:0;filter:blur(5px);transform:translate3d(0,14px,0)}70%{opacity:1;filter:blur(.4px);transform:translate3d(0,-1px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}.interaction-preview-root .ip-phone-enter{animation:ip-phone-enter .72s cubic-bezier(.16,1,.3,1) 90ms both;will-change:transform,opacity,filter}.interaction-preview-root .ip-state-enter{animation:ip-state-enter .7s cubic-bezier(.16,1,.3,1) .18s both;will-change:transform,opacity,filter}.interaction-preview-root .ip-state-card-enter{animation:ip-state-card-enter .62s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.26s + var(--ip-card-enter-index, 0) * 54ms);will-change:transform,opacity,filter}.interaction-preview-root .ip-state-card-button{transition:filter .28s cubic-bezier(.22,1,.36,1)}.interaction-preview-root .ip-state-card-surface{box-shadow:none;transition:background-color .26s cubic-bezier(.22,1,.36,1)}.ip-phone-focus-ring{pointer-events:none;position:absolute;z-index:35;overflow:hidden;border-radius:7px!important;filter:drop-shadow(0 0 5px rgba(255,0,0,.18));opacity:0;animation:ip-phone-focus-ring 1.72s cubic-bezier(.16,1,.3,1) both}.ip-phone-focus-ring:after,.ip-phone-focus-ring:before{position:absolute;inset:0;content:"";border-radius:inherit}.ip-phone-focus-ring:before{padding:3px;background:conic-gradient(from var(--ip-focus-angle,-92deg),rgba(255,0,0,.12) 0deg,rgba(255,0,0,.12) 218deg,rgba(255,0,0,.34) 248deg,rgba(255,0,0,.78) 284deg,#FF0000 318deg,rgba(255,74,74,.9) 342deg,rgba(255,0,0,.18) 1turn);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;animation:ip-phone-focus-border-spin 1.2s linear .12s both}.ip-phone-focus-ring:after{border:1px solid rgba(255,0,0,.42);box-shadow:0 0 0 3px rgba(255,0,0,.045)}@keyframes ip-phone-focus-ring{0%{opacity:0;transform:scale(.998)}12%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.002)}}@property --ip-focus-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ip-phone-focus-border-spin{0%{--ip-focus-angle:-92deg}to{--ip-focus-angle:268deg}}.interaction-preview-root .ip-preview-skeleton{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.62) 50%,rgba(255,255,255,0)),#f2f3f5;background-size:220% 100%,100% 100%;animation:ip-preview-skeleton 1.1s cubic-bezier(.22,1,.36,1) infinite}.interaction-preview-root[data-theme=dark] .ip-preview-skeleton{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.08) 50%,rgba(255,255,255,0)),#29292a;background-size:220% 100%,100% 100%}.interaction-preview-root .ip-preview-image-swap{animation:ip-preview-image-swap .34s cubic-bezier(.16,1,.3,1) both;will-change:opacity,filter}.ip-home-search-hotspot{position:absolute;z-index:45;display:block;cursor:text;touch-action:manipulation}.ip-home-search-input{box-sizing:border-box;display:block;width:100%;height:100%;border:0;border-radius:999px;outline:0;background:transparent;color:transparent;caret-color:#5f54ff;font-family:-apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;padding:0 12px 0 42px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ip-home-search-input::-webkit-search-cancel-button,.ip-home-search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ip-home-search-input[data-active=true]{background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(95,84,255,.18);color:#2b2f36}.ip-home-search-input::-moz-placeholder{color:#9a9da5;opacity:1}.ip-home-search-input::placeholder{color:#9a9da5;opacity:1}@keyframes ip-preview-skeleton{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}@keyframes ip-preview-image-swap{0%{opacity:.86;filter:saturate(.98) brightness(1.015)}to{opacity:1;filter:saturate(1) brightness(1)}}.interaction-preview-root .ip-collapse-arrow{transform-box:fill-box;transform-origin:center;transition:transform .36s cubic-bezier(.22,1,.36,1)}.interaction-preview-root .ip-collapse-icon-collapsed .ip-collapse-arrow{transform:scaleX(-1)}.ip-state-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ip-state-scroll::-webkit-scrollbar{display:none}.ip-state-fade-bottom,.ip-state-fade-top{pointer-events:none;position:absolute;right:-60px;left:-60px;z-index:20;height:84px;overflow:hidden}.ip-state-fade-top{top:0;opacity:0;transition:opacity .26s cubic-bezier(.22,1,.36,1)}.ip-state-fade-bottom{bottom:0}.ip-state-fade-visible{opacity:1}.ip-state-fade-bottom:after,.ip-state-fade-bottom:before,.ip-state-fade-top:after,.ip-state-fade-top:before{position:absolute;inset:0;content:"";transition:opacity .42s cubic-bezier(.4,0,.2,1);will-change:opacity}.ip-state-fade-bottom:before{background:linear-gradient(180deg,rgba(242,243,245,0),#f2f3f5);opacity:1}.ip-state-fade-top:before{background:linear-gradient(0deg,rgba(242,243,245,0),#f2f3f5);opacity:1}.ip-state-fade-bottom:after{background:linear-gradient(180deg,rgba(20,20,20,0),#141414);opacity:0}.ip-state-fade-top:after{background:linear-gradient(0deg,rgba(20,20,20,0),#141414);opacity:0}.interaction-preview-root[data-theme=dark] .ip-state-fade-bottom:before,.interaction-preview-root[data-theme=dark] .ip-state-fade-top:before{opacity:0}.interaction-preview-root[data-theme=dark] .ip-state-fade-bottom:after,.interaction-preview-root[data-theme=dark] .ip-state-fade-top:after{opacity:1}.ip-phone-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.ip-ios-home-indicator{pointer-events:none;position:absolute;bottom:10px;left:50%;z-index:50;width:134px;max-width:31.25%;height:5px;border-radius:999px;background:#000000;transform:translateX(-50%)}.interaction-preview-root .ip-ios-home-indicator{opacity:1!important;transition:none!important}.ip-home-preview-header{pointer-events:none;position:absolute;top:-1px;left:-1px;z-index:40;width:calc(100% + 2px);overflow:hidden;border-radius:54px 54px 0 0;background:linear-gradient(180deg,#ffffff,#ffffff 72px,rgba(255,255,255,0) 92px);transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),filter .26s cubic-bezier(.22,1,.36,1)}.ip-home-preview-header-visible{opacity:1;filter:blur(0);transform:translateY(0)}.ip-home-preview-header-hidden{opacity:0;filter:blur(1px);transform:translateY(-8px)}.ip-home-preview-header-top-mask{position:absolute;top:0;left:0;z-index:20;width:100%;height:14px;background:#ffffff}.ip-home-preview-header-image{position:relative;z-index:10;display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ip-home-bottom-nav{pointer-events:none;position:absolute;bottom:-1px;left:-1px;z-index:40;width:calc(100% + 2px);overflow:hidden;border-radius:0 0 54px 54px;background:#ffffff;opacity:1;transform:none;transition:none}.interaction-preview-root .ip-home-bottom-nav,.interaction-preview-root .ip-home-bottom-nav *{opacity:1!important;filter:none!important;transition:none!important}.interaction-preview-root .ip-home-bottom-nav{transform:none!important}.ip-home-bottom-nav-top-mask{position:absolute;top:-7px;left:0;z-index:20;width:100%;height:12px;background:#ffffff}.ip-home-bottom-nav-image{position:relative;z-index:10;display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.interaction-preview-root,.interaction-preview-root .ip-layout-motion,.interaction-preview-root .ip-sidebar-motion-child,.interaction-preview-root .ip-sidebar-panel,.interaction-preview-root .ip-sidebar-panel-body,.interaction-preview-root aside,.interaction-preview-root button,.interaction-preview-root div,.interaction-preview-root img,.interaction-preview-root p,.interaction-preview-root section,.interaction-preview-root span{transition-duration:1ms}.interaction-preview-root .ip-phone-enter,.interaction-preview-root .ip-phone-focus-ring,.interaction-preview-root .ip-preview-skeleton,.interaction-preview-root .ip-state-card-enter,.interaction-preview-root .ip-state-enter{animation-duration:1ms;animation-delay:0s}}.font-ip-pingfang{font-family:-apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,Microsoft YaHei,sans-serif;font-weight:400}.font-ip-sf{font-family:-apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.hover\:bg-\[var\(--ip-active\)\]:hover{background-color:var(--ip-active)}.hover\:bg-\[var\(--ip-tree-hover-bg\)\]:hover{background-color:var(--ip-tree-hover-bg)}.group:hover .group-hover\:translate-x-\[1px\]{--tw-translate-x: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))}.group:hover .group-hover\:bg-\[var\(--ip-hover\)\]{background-color:var(--ip-hover)}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}