From f1ac123b621a6e5bf02937c1438cd1dbde484025 Mon Sep 17 00:00:00 2001
From: yangbo <1832064870@qq.com>
Date: Thu, 26 Dec 2024 09:52:03 +0800
Subject: [PATCH] Updates
---
404.html | 6 +++---
assets/index-BDg6GH__.css | 1 +
assets/{index-3bxDC86M.js => index-BPs1eoiO.js} | 4 ++--
assets/index-S37ZIMMP.css | 1 -
index.html | 6 +++---
stats.html | 2 +-
6 files changed, 10 insertions(+), 10 deletions(-)
create mode 100644 assets/index-BDg6GH__.css
rename assets/{index-3bxDC86M.js => index-BPs1eoiO.js} (97%)
delete mode 100644 assets/index-S37ZIMMP.css
diff --git a/404.html b/404.html
index b46bd79..5a93e07 100644
--- a/404.html
+++ b/404.html
@@ -4,10 +4,10 @@
-
+
React 19 - 这波能反杀
-
-
+
+
diff --git a/assets/index-BDg6GH__.css b/assets/index-BDg6GH__.css
new file mode 100644
index 0000000..a270b0a
--- /dev/null
+++ b/assets/index-BDg6GH__.css
@@ -0,0 +1 @@
+.loader{display:inline-block;vertical-align:middle;position:relative;margin:10px}@keyframes loader-bubbles{0%{box-shadow:0 -10px #3b82f6,3px 0 #3b82f6,5px 0 #3b82f6}30%{box-shadow:3px -20px #efdfff00,5px -10px #3b82f6,5px 0 #3b82f6}60%{box-shadow:3px 0 #efdfff00,4px -20px #efdfff00,3px -10px #3b82f6}61%{box-shadow:3px 0 #3b82f6,4px -20px #efdfff00,3px -10px #3b82f6}to{box-shadow:0 -10px #3b82f6,4px -20px #efdfff00,5px -20px #efdfff00}}.loader{width:10px;height:20px;margin-left:20px;margin-right:20px;background:#3b82f6}.loader:before,.loader:after{content:"";position:absolute}.loader:before{top:-8px;left:-13px;width:0;height:0;border:18px solid transparent;border-bottom:20px solid #3b82f6;border-radius:3px}.loader:after{top:0;left:0;width:4px;height:4px;background:#3b82f6;border-radius:50%;animation:loader-bubbles 1s linear infinite forwards}._modal_fd6cp_1{position:fixed;left:0;top:0;bottom:0;right:0;background-color:#0006;animation-duration:.4s;z-index:1000}._modal_fd6cp_1._in_fd6cp_12{animation-name:_show_fd6cp_1}._modal_fd6cp_1._out_fd6cp_16{animation-name:_hide_fd6cp_1;animation-fill-mode:forwards}@keyframes _show_fd6cp_1{0%{opacity:0}to{opacity:1}}@keyframes _hide_fd6cp_1{0%{opacity:1}to{opacity:0}}.dialog-wrapper{max-width:520px;width:90%;background-color:#fff;margin:80px auto;border-radius:8px;padding:20px 24px;animation-duration:.4s}.dialog-wrapper.in{animation-name:dialog-show}.dialog-wrapper.out{animation-name:dialog-hide}@keyframes dialog-show{0%{transform:scale(1);opacity:0}1%{transform:scale(0)}to{transform:scale(1);opacity:1}}@keyframes dialog-hide{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}input{display:block;width:100%;height:34px;text-indent:12px;border:1px solid rgba(0,0,0,.1);border-radius:4px!important;position:relative;outline:none}.input{position:relative}.input:has(>input):after{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;justify-content:center;color:#fff;border-radius:50%;font-size:12px}.input:has(>input:invalid):after{content:"྾";line-height:13px;background-color:red}.input:has(>input:valid):after{content:"✓";line-height:16px;background-color:#4dbf2a}input:invalid:required:after{content:"此项为必填项"}input[type=email]:invalid:after{content:"请输入有效的电子邮件地址"}input[type=number]:invalid:after{content:"请输入数字"}.pyramid-loader{position:absolute;width:60px;height:30px;display:block;transform-style:preserve-3d;transform:rotateX(-20deg);top:0;bottom:0;left:-40%;margin:auto}.pyramid-loader .wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotateY(360deg)}}.pyramid-loader .wrapper .side{width:14px;height:14px;background:linear-gradient(to bottom right,orange,#ff4500);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform-origin:center top;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pyramid-loader .wrapper .side1{transform:rotate(-30deg) rotateY(90deg);background:linear-gradient(to bottom right,#ff4500,orange)}.pyramid-loader .wrapper .side2{transform:rotate(30deg) rotateY(90deg);background:linear-gradient(to bottom right,orange,#ff4500)}.pyramid-loader .wrapper .side3{transform:rotateX(30deg);background:linear-gradient(to bottom right,orange,#ff4500)}.pyramid-loader .wrapper .side4{transform:rotateX(-30deg);background:linear-gradient(to bottom right,#ff4500,orange)}.pyramid-loader .wrapper .shadow{width:60px;height:60px;background:#ff8c00;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:rotateX(90deg) translateZ(-40px);filter:blur(12px)}.index_tab_case{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}.index_tab_case nav.nav{background-color:#fdfdfd;padding:5px 5px 0;border-radius:10px 10px 0 0;border-bottom:1px solid #EEEEEE;height:44px}.index_tab_case .reset{list-style:none;margin:0;padding:0;font-weight:500;font-size:14px}.index_tab_case ul.tabs{display:flex;width:100%;height:39px}.index_tab_case li.tab{border-radius:5px 5px 0 0;width:100%;padding:0 15px;position:relative;background-color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#0f1115}.index_tab_case .underline{position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#0d63f8}.index_tab_case main{display:flex;justify-content:center;margin-top:60px;flex:1}.index_tab_case main .icon{font-size:128px}.orange{background-color:orange}.red{background-color:#f44336}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888;margin:1px}.bg-gradient-right{background-image:conic-gradient(from -90deg at 110% 100%,#fff,#ebecf0 90deg,#ebecf0 1turn)}.sp-wrapper{height:100%}.sp-layout{height:100%;display:flex}.sp-resize-handler{display:none}.sp-editor{height:100%!important;overflow-y:auto!important;--sp-font-lineHeight: 24px}.sp-421664233{--sp-font-size: 12px}.sp-preview{width:100%!important;height:100%!important}@layer switch{.left{--bg-color: rgba(0, 0, 0, .1);--border-color: rgba(0, 0, 0, .2);--x: 0}.right{--bg-color: rgba(0, 0, 0, .9);--border-color: rgba(0, 0, 0, .5);--x: 24px}}.switch{width:3.5rem;cursor:pointer;border-radius:9999px;border-width:1px;padding:1px;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(.4,0,.2,1);transition-duration:.15s}.switch:hover{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.switch{background-color:var(--bg-color);border-color:var(--border-color)}.switch .circle{height:1.5rem;width:1.5rem;border-radius:9999px;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(.4,0,.2,1);transition-duration:.15s;background-color:#fff;transform:translate(var(--x))}@layer context_count{.theme-dark{--text-color: rgba(255, 255, 255, .8);--bg-color: rgba(0, 0, 0, .8);--border-color: rgba(0, 0, 0, .1)}.theme-light{--text-color: rgba(0, 0, 0, .88);--bg-color: rgba(0, 0, 0, .02);--border-color: rgba(0, 0, 0, .1)}}.context-card{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.spin{position:absolute;left:0;top:0;bottom:0;right:0;animation-duration:.4s;z-index:1000}.spin.in{animation-name:show}.spin.out{animation-name:hide;animation-fill-mode:forwards}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}._star_1fvk4_1{position:relative;transform:scale(.2);height:200px;--active-color: #d5093c;--normal-color: #cdcdcd}._cen_1fvk4_8{width:200px;height:200px;background-color:var(--normal-color)}._cen_1fvk4_8._active_1fvk4_13{background-color:var(--active-color);animation:1s _aj_1fvk4_1}#_lef_1fvk4_1{border-radius:100px;position:absolute;top:200px;left:300px}#_c_1fvk4_8{transform:rotate(45deg);position:absolute;top:275px;left:375px}#_rig_1fvk4_1{border-radius:100px;position:absolute;top:200px;left:450px}._loading_1fvk4_37{text-align:center}@keyframes _aj_1fvk4_1{0%{transform:scale(1)rotate(45deg)}50%{transform:scale(1.1)rotate(45deg)}to{transform:scale(1)rotate(45deg)}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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,samp,pre{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,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}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-text-base: #FFF;--color-text-muted: #c7d2f7;--color-text-inverted: #4f46e5;--color-fill: #4338ca;--color-button-accent: #FFF;--color-button-accent-hover: #eef2ff;--color-button-muted: 99, 102, 241;--color-primary-500: rgb(0, 193, 106) }.theme-swiss{--color-text-base: #FFF;--color-text-muted: #fecaca;--color-text-inverted: #dc2626;--color-fill: #b91c1c;--color-button-accent: #FFF;--color-button-accent-hover: #fef2f2;--color-button-muted: 239, 68, 68}.theme-neon{--color-text-base: #111802;--color-text-muted: #2fc306;--color-text-inverted: #ebfacc;--color-fill: #b3ff17;--color-button-accent: #243403;--color-button-accent-hover: #374f05;--color-button-muted: 212, 255, 122}.keep p,.keep li{margin-top:1.25rem;margin-bottom:1.25rem;font-size:14px;line-height:2rem;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.keep li{position:relative;margin-top:1rem;margin-bottom:1rem;border-radius:.375rem;border-width:1px;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-border-opacity: 1;border-bottom-color:rgb(103 232 249 / var(--tw-border-opacity));padding:.75rem 1rem;font-size:13px;line-height:1.5rem}.keep pre:not(.sp-pristine){margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));padding:.25rem;font-size:.875rem;line-height:1.25rem}.keep pre:not(.sp-pristine) div:first-child{border-radius:.375rem;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;padding:1rem!important;line-height:1.75rem}.keep pre:has(>div>code.language-error){--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity));padding:0}.keep pre:has(>div>code.language-error):before{display:block;--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity));background-repeat:no-repeat;padding-top:.5rem;padding-bottom:.5rem;padding-left:2.5rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity));--tw-content: "Error";content:var(--tw-content);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiKDIzOSwgNjgsIDY4KSIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTIgOXYzLjc1bS05LjMwMyAzLjM3NmMtLjg2NiAxLjUuMjE3IDMuMzc0IDEuOTQ4IDMuMzc0aDE0LjcxYzEuNzMgMCAyLjgxMy0xLjg3NCAxLjk0OC0zLjM3NEwxMy45NDkgMy4zNzhjLS44NjYtMS41LTMuMDMyLTEuNS0zLjg5OCAwTDIuNjk3IDE2LjEyNlpNMTIgMTUuNzVoLjAwN3YuMDA4SDEydi0uMDA4WiIgLz4KPC9zdmc+Cg==);background-size:1.25rem;background-position:.75rem center}.keep pre:not(.sp-pristine) div:first-child:has(>code.language-error){--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity))!important}.keep pre div:has(>code.language-error) code{white-space:pre-wrap!important;overflow-wrap:break-word!important}.keep pre div:has(>code.language-error) span{--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity))!important}.keep p a{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity));text-decoration-line:underline}.keep h1{margin-top:2.5rem;margin-bottom:2.5rem;font-size:1.5rem;line-height:2rem;font-weight:700}.keep h2{margin-top:3rem;margin-bottom:3rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.keep h2+p:has(>strong){margin-top:0;margin-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity));color:#ff4500}.keep blockquote{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));padding:.125rem 1rem;line-height:1.5rem}.keep blockquote:before{margin-top:1rem;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-content: "i";content:var(--tw-content)}.keep blockquote p{margin-top:.75rem;margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));font-size:13px}.keep p code{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.keep h3{margin-top:1.5rem;font-size:15px;font-weight:700}.keep h2:has(+p){margin-bottom:.25rem;text-align:center}.keep h2:has(+p):before,.keep h2:has(+p):after{display:inline-block;font-weight:400;content:"__"}.keep hr{margin-top:3rem;margin-bottom:3rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.keepx pre:not(.sp-pristine){margin-top:0;margin-bottom:0;overflow:hidden;border-color:transparent;font-size:.875rem;line-height:1.25rem}.keepx pre:not(.sp-pristine) div:first-child{border-radius:.375rem;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;padding:.75rem!important;line-height:1.75rem}*,: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 / .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 / .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: }.card{display:inline-block;padding:1rem;border:1px solid;border-radius:4px;border-color:#f87171;margin:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-\[-30\%\]{top:-30%;bottom:-30%}.inset-y-\[-50\%\]{top:-50%;bottom:-50%}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-6{right:1.5rem}.right-\[-5px\]{right:-5px}.top-0{top:0}.top-16{top:4rem}.top-\[-5px\]{top:-5px}.top-\[8rem\]{top:8rem}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-40{z-index:40}.z-50{z-index:50}.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}.\!my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-\[-19rem\]{margin-left:-19rem}.ml-\[-38rem\]{margin-left:-38rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-\[160\%\]{height:160%}.h-\[1px\]{height:1px}.h-\[200\%\]{height:200%}.h-\[25rem\]{height:25rem}.h-\[300px\]{height:300px}.h-\[calc\(100vh_-_5rem\)\]{height:calc(100vh - 5rem)}.h-\[calc\(100vh_-_8rem\)\]{height:calc(100vh - 8rem)}.h-\[calc\(100vh_-_9rem_-_35px\)\]{height:calc(100vh - 9rem - 35px)}.h-full{height:100%}.min-h-\[calc\(100vh_-_5rem\)\]{min-height:calc(100vh - 5rem)}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-60{width:15rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[20\%\]{width:20%}.w-\[69\.5625rem\]{width:69.5625rem}.w-\[81\.25rem\]{width:81.25rem}.w-full{width:100%}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-full{min-width:100%}.max-w-0{max-width:0px}.max-w-2xl{max-width:42rem}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1244px\]{max-width:1244px}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-y-\[-18deg\]{--tw-skew-y: -18deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-mt-52{scroll-margin-top:13rem}.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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.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}.justify-around{justify-content:space-around}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * 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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.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-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * 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))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-amber-50{--tw-border-opacity: 1;border-color:rgb(255 251 235 / var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity))}.border-fuchsia-500{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-fuchsia-100{--tw-bg-opacity: 1;background-color:rgb(250 232 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-skin-button-accent{background-color:var(--color-button-accent)}.bg-skin-button-muted{--tw-bg-opacity: 1;background-color:rgba(var(--color-button-muted),var(--tw-bg-opacity))}.bg-skin-fill{background-color:var(--color-fill)}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.bg-zinc-900\/5{background-color:#18181b0d}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.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))}.from-\[\#36b49f\]{--tw-gradient-from: #36b49f var(--tw-gradient-from-position);--tw-gradient-to: rgb(54 180 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#D7EDEA\]{--tw-gradient-from: #D7EDEA var(--tw-gradient-from-position);--tw-gradient-to: rgb(215 237 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-skin-hue{--tw-gradient-from: var(--color-fill) 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)}.via-skin-hue{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-fill) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#DBFF75\]{--tw-gradient-to: #DBFF75 var(--tw-gradient-to-position)}.to-\[\#F4FBDF\]{--tw-gradient-to: #F4FBDF var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-black\/40{fill:#0006}.fill-black\/50{fill:#00000080}.fill-black\/\[0\.02\]{fill:#00000005}.fill-white{fill:#fff}.fill-zinc-700\/10{fill:#3f3f461a}.stroke-black\/5{stroke:#0000000d}.stroke-black\/50{stroke:#00000080}.stroke-black\/70{stroke:#000000b3}.stroke-zinc-700{stroke:#3f3f46}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-32{padding:8rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.indent-1{text-indent:.25rem}.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-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.tracking-tight{letter-spacing:-.025em}.\!text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-blue-50{--tw-text-opacity: 1;color:rgb(239 246 255 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity))}.text-fuchsia-500{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.text-primary{color:hsl(var(--primary))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-skin-base{color:var(--color-text-base)}.text-skin-inverted{color:var(--color-text-inverted)}.text-skin-muted{color:var(--color-text-muted)}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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-sm{--tw-shadow: 0 1px 2px 0 rgb(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)}.outline{outline-style:solid}.ring-1{--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(1px + 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)}.ring-2{--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)}.ring-inset{--tw-ring-inset: inset}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.ring-indigo-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity))}.ring-indigo-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity))}.ring-red-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))}.ring-zinc-900\/25{--tw-ring-color: rgb(24 24 27 / .25)}.blur-\[26px\]{--tw-blur: blur(26px);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-\[2px\]{--tw-backdrop-blur: blur(2px);-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(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.\[mask-image\:linear-gradient\(white\,transparent\)\]{-webkit-mask-image:linear-gradient(white,transparent);mask-image:linear-gradient(white,transparent)}.\[mask-image\:radial-gradient\(farthest-side_at_top\,white\,transparent\)\]{-webkit-mask-image:radial-gradient(farthest-side at top,white,transparent);mask-image:radial-gradient(farthest-side at top,white,transparent)}.bg-primary{background-color:var(--color-primary-500)}.text-primary{color:var(--color-primary-500)}button{cursor:pointer;border-radius:.375rem;border-width:1px;border-style:solid;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;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(.4,0,.2,1);transition-duration:.15s}button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}::-webkit-scrollbar{display:none}.decorationsOverviewRuler{display:none!important}.first\:pt-0:first-child{padding-top:0}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.hover\:border-sky-400:hover{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-skin-button-accent-hover:hover{background-color:var(--color-button-accent-hover)}.hover\:bg-sky-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-opacity-70:hover{--tw-bg-opacity: .7}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.hover\:text-sky-600:hover{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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)}.hover\:shadow-zinc-900\/5:hover{--tw-shadow-color: rgb(24 24 27 / .05);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-indigo-300:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-indigo-600:focus-visible{outline-color:#4f46e5}.active\:bg-blue-100:active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.active\:bg-blue-700:active{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.active\:bg-gray-300:active{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.active\:bg-green-100:active{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.active\:bg-green-700:active{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.active\:bg-red-100:active{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.active\:bg-red-700:active{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.active\:bg-sky-100:active{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity))}.active\:bg-sky-500:active{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.active\:text-blue-700:active{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.active\:text-green-700:active{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.active\:text-red-700:active{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.active\:text-sky-700:active{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity))}.group:hover .group-hover\:bg-white\/50{background-color:#ffffff80}.group:hover .group-hover\:stroke-zinc-900{stroke:#18181b}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:ring-zinc-900\/10{--tw-ring-color: rgb(24 24 27 / .1)}.group:hover .group-hover\:ring-zinc-900\/25{--tw-ring-color: rgb(24 24 27 / .25)}.dark\:hidden:is(.dark *){display:none}.dark\:from-\[\#202D2E\]:is(.dark *){--tw-gradient-from: #202D2E var(--tw-gradient-from-position);--tw-gradient-to: rgb(32 45 46 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-\[\#36b49f\]\/30:is(.dark *){--tw-gradient-from: rgb(54 180 159 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(54 180 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-\[\#303428\]:is(.dark *){--tw-gradient-to: #303428 var(--tw-gradient-to-position)}.dark\:to-\[\#DBFF75\]\/30:is(.dark *){--tw-gradient-to: rgb(219 255 117 / .3) var(--tw-gradient-to-position)}.dark\:fill-white\/10:is(.dark *){fill:#ffffff1a}.dark\:stroke-white\/10:is(.dark *){stroke:#ffffff1a}.dark\:stroke-white\/5:is(.dark *){stroke:#ffffff0d}.dark\:stroke-zinc-400:is(.dark *){stroke:#a1a1aa}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-zinc-400:is(.dark *){--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity))}.dark\:opacity-100:is(.dark *){opacity:1}.dark\:ring-white\/10:is(.dark *){--tw-ring-color: rgb(255 255 255 / .1)}.dark\:ring-white\/15:is(.dark *){--tw-ring-color: rgb(255 255 255 / .15)}.dark\:\[mask-image\:linear-gradient\(white\,transparent\)\]:is(.dark *){-webkit-mask-image:linear-gradient(white,transparent);mask-image:linear-gradient(white,transparent)}.dark\:hover\:shadow-black\/5:hover:is(.dark *){--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.group:hover .dark\:group-hover\:bg-emerald-300\/10:is(.dark *){background-color:#6ee7b71a}.group:hover .dark\:group-hover\:fill-emerald-300\/10:is(.dark *){fill:#6ee7b71a}.group:hover .dark\:group-hover\:stroke-emerald-400:is(.dark *){stroke:#34d399}.group:hover .dark\:group-hover\:ring-emerald-400:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity))}.group:hover .dark\:group-hover\:ring-white\/20:is(.dark *){--tw-ring-color: rgb(255 255 255 / .2)}@media (min-width: 640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:ml-16{margin-left:4rem}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:table-cell{display:table-cell}.sm\:hidden{display:none}.sm\:h-auto{height:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/6{width:16.666667%}.sm\:w-\[1px\]{width:1px}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pl-0{padding-left:0}.sm\:pr-0{padding-right:0}}@media (min-width: 768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-12{margin-top:3rem;margin-bottom:3rem}.md\:mt-0{margin-top:0}.md\:mt-12{margin-top:3rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-48{height:12rem}.md\:w-0{width:0px}.md\:w-\[calc\(100vw_-_15rem\)\]{width:calc(100vw - 15rem)}.md\:max-w-2xl{max-width:42rem}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(3.5rem * var(--tw-space-x-reverse));margin-left:calc(3.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\: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))}.md\: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))}.md\:border-l{border-left-width:1px}.md\:p-8{padding:2rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-32{padding-left:8rem;padding-right:8rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-36{padding-top:9rem;padding-bottom:9rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-4{padding-right:1rem}.md\:text-start{text-align:start}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width: 1024px){.lg\:max-w-4xl{max-width:56rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.xl\:mx-0{margin-left:0;margin-right:0}.xl\:max-w-none{max-width:none}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
diff --git a/assets/index-3bxDC86M.js b/assets/index-BPs1eoiO.js
similarity index 97%
rename from assets/index-3bxDC86M.js
rename to assets/index-BPs1eoiO.js
index c285408..9cc06e3 100644
--- a/assets/index-3bxDC86M.js
+++ b/assets/index-BPs1eoiO.js
@@ -171,7 +171,7 @@ Error generating stack: `+s.message+`
*
* This source code is licensed under the ISC license.
* See the LICENSE file in the root directory of this source tree.
- */const d9=cn("Unplug",[["path",{d:"m19 5 3-3",key:"yk6iyv"}],["path",{d:"m2 22 3-3",key:"19mgm9"}],["path",{d:"M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z",key:"goz73y"}],["path",{d:"M7.5 13.5 10 11",key:"7xgeeb"}],["path",{d:"M10.5 16.5 13 14",key:"10btkg"}],["path",{d:"m12 6 6 6 2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z",key:"1snsnr"}]]);function m9(){const n=h.useRef(null);function e(r){r.preventDefault(),n.current.show()}function s(r){{const a=document.getElementById(r);a&&a.scrollIntoView({block:"start",behavior:"smooth"})}}return t.jsxs("div",{className:"py-36 max-w-[750px] mx-auto",children:[t.jsxs(re.div,{className:"flex items-center space-x-2 justify-center",initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},transition:{duration:.5},children:[t.jsx("span",{children:"Created by"}),t.jsx("img",{className:"size-8 rounded-full overflow-hidden",src:"https://avatars.githubusercontent.com/u/13758605?u=1c26a12708f649e096bc17d934d317d01255ee92&v=4",alt:""}),t.jsx("span",{children:"这波能反杀"})]}),t.jsx(re.h2,{className:"text-5xl mt-12 text-center font-bold",initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5},children:"React 19 全解"}),t.jsx(re.p,{initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},className:"mt-12 text-gray-500 leading-8 text-md text-center",children:"React19 为开发者带来了新的开发理念,这又是一次开发方式上的一次变革。并且在开发体验和性能上都有大幅度的提升,值得每一位 React 开发者学习。 本专栏是全网第一本系统学习 React 19 的专栏。在公众号「这波能反杀」首发,受到了大量粉丝的喜爱。专栏中包含大量实践案例,深入简出,理论结合实践为大家分享 React19 的学习,赶紧行动吧。"}),t.jsxs(re.div,{initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5,delay:.4},className:"mt-10 flex items-center justify-center",children:[t.jsxs(bm,{to:"tutorial/index",className:"inline-flex items-center px-5 py-2 bg-gray-800 hover:bg-gray-900 text-white text-sm rounded-full",children:[t.jsx("span",{className:"mr-2",children:"快速开始"}),t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"})})]}),t.jsx("a",{onClick:e,href:"",className:"inline-flex px-4 py-2 text-gray-600 ring-1 ring-gray-200 text-sm rounded-full ml-4",children:t.jsx("span",{children:"关注公众号"})}),t.jsx(ea,{ref:n,title:"Follow me!",children:t.jsx("img",{src:W8,alt:""})}),t.jsxs("a",{onClick:()=>s("price"),className:"inline-flex px-4 py-2 text-white ring-1 ring-red-800 text-sm rounded-full ml-4 bg-red-600 space-x-2 cursor-pointer",children:[t.jsx(u9,{size:18}),t.jsx("span",{children:"立即购买"})]})]})]})}const b0=n=>{let e;const s=new Set,r=(u,d)=>{const m=typeof u=="function"?u(e):u;if(!Object.is(m,e)){const p=e;e=d??(typeof m!="object"||m===null)?m:Object.assign({},e,m),s.forEach(x=>x(e,p))}},a=()=>e,o={setState:r,getState:a,getInitialState:()=>c,subscribe:u=>(s.add(u),()=>s.delete(u))},c=e=n(r,a,o);return o},p9=n=>n?b0(n):b0,h9=n=>n;function f9(n,e=h9){const s=zn.useSyncExternalStore(n.subscribe,()=>e(n.getState()),()=>e(n.getInitialState()));return zn.useDebugValue(s),s}const y0=n=>{const e=p9(n),s=r=>f9(e,r);return Object.assign(s,e),s},x9=n=>n?y0(n):y0,g9=[{icon:"🍅",label:"Tomato"},{icon:"🥬",label:"Lettuce"},{icon:"🧀",label:"Cheese"},{icon:"🥕",label:"Carrot"},{icon:"🍌",label:"Banana"},{icon:"🫐",label:"Blueberries"},{icon:"🥂",label:"Champers?"}],[v9,j9,b9]=g9,N0=[v9,j9,b9],sb=x9(n=>({tabs:N0,selectedTab:N0[0],setSelectedTab:e=>n(()=>({selectedTab:e}))}));function y9(){const{tabs:n,selectedTab:e,setSelectedTab:s}=sb(r=>r);return t.jsx("ul",{className:"reset tabs",children:n.map(r=>t.jsxs(re.li,{className:"reset tab",initial:!1,animate:{backgroundColor:r===e?"#eee":"#eee0"},onClick:()=>s(r),children:[`${r.icon} ${r.label}`,r===e?t.jsx(re.div,{className:"underline",layoutId:"underline",id:"underline"}):null]},r.label))})}function N9(){const n=sb(e=>e.selectedTab);return t.jsx(G8,{mode:"wait",children:t.jsx(re.div,{className:"icon",initial:{y:10,opacity:0},animate:{y:0,opacity:1},exit:{y:-10,opacity:0},transition:{duration:.2},children:n?n.icon:"😋"},n?n.label:"empty")})}function w9(){return t.jsxs("div",{className:"index_tab_case",children:[t.jsx("nav",{className:"nav",children:t.jsx(y9,{})}),t.jsx("main",{children:t.jsx(N9,{})})]})}const S9=`import TabCaseHeader from './header'
+ */const d9=cn("Unplug",[["path",{d:"m19 5 3-3",key:"yk6iyv"}],["path",{d:"m2 22 3-3",key:"19mgm9"}],["path",{d:"M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z",key:"goz73y"}],["path",{d:"M7.5 13.5 10 11",key:"7xgeeb"}],["path",{d:"M10.5 16.5 13 14",key:"10btkg"}],["path",{d:"m12 6 6 6 2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z",key:"1snsnr"}]]);function m9(){const n=h.useRef(null);function e(r){r.preventDefault(),n.current.show()}function s(r){{const a=document.getElementById(r);a&&a.scrollIntoView({block:"start",behavior:"smooth"})}}return t.jsxs("div",{className:"py-14 md:py-36 max-w-[800px] mx-auto px-6 md:px-8 space-y-8 md:space-y-12",children:[t.jsxs(re.div,{className:"flex items-center space-x-2 justify-center",initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},transition:{duration:.5},children:[t.jsx("span",{children:"Created by"}),t.jsx("img",{className:"size-8 rounded-full overflow-hidden",src:"https://avatars.githubusercontent.com/u/13758605?u=1c26a12708f649e096bc17d934d317d01255ee92&v=4",alt:""}),t.jsx("span",{children:"这波能反杀"})]}),t.jsx(re.h2,{className:"text-3xl md:text-5xl text-center font-bold",initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5},children:"React 19 全解"}),t.jsx(re.p,{initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},className:"text-gray-500 leading-8 text-md text-center",children:"React19 为开发者带来了新的开发理念,这又是一次开发方式上的一次变革。并且在开发体验和性能上都有大幅度的提升,值得每一位 React 开发者学习。 本专栏是全网第一本系统学习 React 19 的专栏。在公众号「这波能反杀」首发,受到了大量粉丝的喜爱。专栏中包含大量实践案例,深入简出,理论结合实践为大家分享 React19 的学习,赶紧行动吧。"}),t.jsxs(re.div,{initial:{opacity:0,y:60},animate:{opacity:1,y:0},transition:{duration:.5,delay:.4},className:"flex items-center justify-center",children:[t.jsxs(bm,{to:"tutorial/index",className:"inline-flex items-center px-5 py-2 bg-gray-800 hover:bg-gray-900 text-white text-sm rounded-full",children:[t.jsx("span",{className:"mr-2",children:"快速开始"}),t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"})})]}),t.jsx("a",{onClick:e,href:"",className:"inline-flex px-4 py-2 text-gray-600 ring-1 ring-gray-200 text-sm rounded-full ml-4",children:t.jsx("span",{children:"关注公众号"})}),t.jsx(ea,{ref:n,title:"Follow me!",children:t.jsx("img",{src:W8,alt:""})}),t.jsxs("a",{onClick:()=>s("price"),className:"inline-flex px-4 py-2 text-white ring-1 ring-red-800 text-sm rounded-full ml-4 bg-red-600 space-x-2 cursor-pointer",children:[t.jsx(u9,{size:18}),t.jsx("span",{children:"立即购买"})]})]})]})}const b0=n=>{let e;const s=new Set,r=(u,d)=>{const m=typeof u=="function"?u(e):u;if(!Object.is(m,e)){const p=e;e=d??(typeof m!="object"||m===null)?m:Object.assign({},e,m),s.forEach(x=>x(e,p))}},a=()=>e,o={setState:r,getState:a,getInitialState:()=>c,subscribe:u=>(s.add(u),()=>s.delete(u))},c=e=n(r,a,o);return o},p9=n=>n?b0(n):b0,h9=n=>n;function f9(n,e=h9){const s=zn.useSyncExternalStore(n.subscribe,()=>e(n.getState()),()=>e(n.getInitialState()));return zn.useDebugValue(s),s}const y0=n=>{const e=p9(n),s=r=>f9(e,r);return Object.assign(s,e),s},x9=n=>n?y0(n):y0,g9=[{icon:"🍅",label:"Tomato"},{icon:"🥬",label:"Lettuce"},{icon:"🧀",label:"Cheese"},{icon:"🥕",label:"Carrot"},{icon:"🍌",label:"Banana"},{icon:"🫐",label:"Blueberries"},{icon:"🥂",label:"Champers?"}],[v9,j9,b9]=g9,N0=[v9,j9,b9],sb=x9(n=>({tabs:N0,selectedTab:N0[0],setSelectedTab:e=>n(()=>({selectedTab:e}))}));function y9(){const{tabs:n,selectedTab:e,setSelectedTab:s}=sb(r=>r);return t.jsx("ul",{className:"reset tabs",children:n.map(r=>t.jsxs(re.li,{className:"reset tab",initial:!1,animate:{backgroundColor:r===e?"#eee":"#eee0"},onClick:()=>s(r),children:[`${r.icon} ${r.label}`,r===e?t.jsx(re.div,{className:"underline",layoutId:"underline",id:"underline"}):null]},r.label))})}function N9(){const n=sb(e=>e.selectedTab);return t.jsx(G8,{mode:"wait",children:t.jsx(re.div,{className:"icon",initial:{y:10,opacity:0},animate:{y:0,opacity:1},exit:{y:-10,opacity:0},transition:{duration:.2},children:n?n.icon:"😋"},n?n.label:"empty")})}function w9(){return t.jsxs("div",{className:"index_tab_case",children:[t.jsx("nav",{className:"nav",children:t.jsx(y9,{})}),t.jsx("main",{children:t.jsx(N9,{})})]})}const S9=`import TabCaseHeader from './header'
import TabCaseContent from './content'
import './index.css'
@@ -386,7 +386,7 @@ export default function Button(props) {
)
}
-`;Zs.registerLanguage("javascript",ip);const jC={ButtonCase:vC,Button:zo};function Hn(n){const{files:e=jC,caseRender:s,active:r=0,className:a,auth:i=!0}=n,l=Object.keys(e),[o,c]=h.useState(l[r]);function u(p){c(l[p])}const m=F("border border-gray-100 flex bg-white keepx flex-col-reverse sm:flex-row overflow-hidden",a);return t.jsxs("div",{className:m,children:[t.jsxs("div",{className:"overflow-scroll flex-1 relative",children:[t.jsx("div",{className:"flex border-b border-gray-100 sticky top-0 bg-white",children:l.map((p,x)=>t.jsx(D,{ghost:!0,onClick:()=>u(x),className:o===p?"text-green-500":"",children:p},p))}),t.jsx("pre",{className:"text-sm leading-6",children:t.jsx(Zs,{language:"javascript",PreTag:"div",style:lp,children:i?e[o]:"未获得阅读权限"})})]}),t.jsxs(eo,{when:s,children:[t.jsx("div",{className:"sm:w-[1px] h-[1px] sm:h-auto bg-gray-100"}),t.jsxs("div",{className:"flex-1 overflow-hidden",children:[t.jsxs("div",{className:"flex border-b border-gray-100 items-center pl-3",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"})}),t.jsx(D,{ghost:!0,className:"px-2",children:"预览"})]}),s]})]})]})}const bC={index:S9,header:k9,content:C9,store:A9};function yC(){return t.jsx("div",{className:"backdrop-blur-sm py-28 bg-gray-50 bg-opacity-70",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto",children:[t.jsx(re.h2,{className:"text-4xl text-center font-bold",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"Immersive"}),t.jsx(re.p,{className:"mb-4 py-12 text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},children:"沉浸式学习体验。通过在线可演示的案例,你能获得更极致的学习收益"}),t.jsx(re.div,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.4},children:t.jsx(Hn,{files:bC,caseRender:t.jsx(w9,{}),auth:!0})})]})})}function J(n){const{children:e,start:s,end:r,around:a,between:i,className:l,center:o,col:c,...u}=n,m=F("flex items-center flex-row",{"flex-col":c,"justify-start":s,"justify-end":r,"justify-around":a,"justify-between":i,"justify-center":o},l);return t.jsx(NC,{className:tn(m),...u,children:e})}function NC(n){const{className:e,children:s,...r}=n;let a="",i="",l="";Object.keys(r).forEach(c=>{c.indexOf("bg-")===0&&(a+=`${c} `),c.indexOf("border-")===0&&(i+=` ${c} `),c.indexOf("rounded-")===0&&(l+=` ${c} `)});const o=F(a,i,l,e);return t.jsx("div",{className:tn(o),...r,children:s})}function wC(){const n="text-gray-600 mt-4 rounded-md border border-gray-200 py-3 px-4 bg-gray-50 hover:border-green-500 transition",e=[{desc:"具备一定的 JavaScript 基础",tip:"JavaScript 核心进阶",url:"https://xinyuzone.cn/column/1818097927437131776",delay:.4},{desc:"熟悉异步请求,熟悉 fetch 与 Promise",tip:"fetch",url:"https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch",delay:.6},{desc:"熟悉 React 之前的版本的使用",tip:"React 知命境",url:"https://react.usehook.cn/",delay:.8}];return t.jsxs("div",{className:"bg-white backdrop-blur-sm py-36 bg-opacity-70 max-w-[1080px] mx-auto md:px-32 px-8",children:[t.jsx(re.h2,{className:"text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"Learn Before"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-12",children:"学习之前,你需要具备一些前置的基础能力"}),e.map((s,r)=>t.jsx(re.a,{className:"block",href:s.url,initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:s.delay},target:"_blank",children:t.jsxs(J,{className:n,between:!0,children:[t.jsxs(J,{children:[t.jsx(s9,{className:"text-primary",size:18}),t.jsx("div",{className:"ml-2",children:s.desc})]}),t.jsxs(J,{className:"space-x-2",children:[t.jsx("span",{children:s.tip}),t.jsx(nb,{size:18})]})]})},s.url))]})}function SC(){return t.jsx("div",{className:"backdrop-blur-sm py-28 bg-gray-50 bg-opacity-70 px-8",children:t.jsxs("div",{className:"md:flex max-w-[1080px] mx-auto md:space-x-14 md:items-start",children:[t.jsxs(re.div,{initial:{x:-60,opacity:0},whileInView:{x:0,opacity:1},transition:{duration:.5,type:"spring"},className:"flex-1",children:[t.jsx("h2",{className:"text-4xl",children:"高效学习是我们共同的目的"}),t.jsx("p",{className:"mt-12 leading-8",children:"和之前的版本不同,React 19 是一次开发方式的变革。因此,想要彻底掌握 React 19 的最佳实践,是一件比较困难的事情,普通学习者想要通过自学达到这个程度,需要花费大量的时间去做尝试和验证。"}),t.jsx("p",{className:"mt-6 leading-8",children:"因此,为了让付费用户可以更加轻松的掌握 React 19,我在写这本小册时,在如果高效学习上,做了非常多的思考与设计。更是提前与 200 名付费用户深度沟通交流,在内容和案例编排也反复的打磨才最终成型。"}),t.jsx("div",{className:"mt-12",children:t.jsxs("a",{className:"inline-flex py-2.5 space-x-2 px-4 items-center rounded-full border hover:border-green-500",href:"https://mp.weixin.qq.com/s/y2CibsN_0aRcpg9YIz8u1A",target:"_blank",children:[t.jsx(l9,{size:18}),t.jsx("span",{children:"了解更多关于学习方法的思考"}),t.jsx(e9,{size:18})]})})]}),t.jsxs(re.div,{initial:{x:60,opacity:0},whileInView:{x:0,opacity:1},transition:{duration:.5,type:"spring"},className:"md:flex-1 mt-12 md:mt-0",children:[t.jsxs(J,{className:"text-gray-500 space-x-2",children:[t.jsx(t9,{size:18}),t.jsx("span",{children:"特性"})]}),t.jsxs("div",{className:"grid grid-cols-2 gap-6 mt-8",children:[t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(n9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"知识点覆盖完整"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(a9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"深入浅出,理论结合实践"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(c9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"实践案例内置可演示"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(d9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"付费群内容直播答疑"})]})]})]})]})})}function Pc({title:n,desc:e="",path:s,className:r,delay:a}){const[i,l]=h.useState({x:0,y:0}),o=h.useRef(null),c=unescape(n.replace(/\\u/gi,"%u")),u=unescape(e.replace(/\\u/gi,"%u"));h.useEffect(()=>{const x=o.current.getBoundingClientRect();function b(y){l({x:y.x-x.left,y:y.y+document.documentElement.scrollTop-x.top})}o.current.addEventListener("mouseenter",y=>{document.addEventListener("mousemove",b,!1)},!1),o.current.addEventListener("mouseleave",y=>{document.removeEventListener("mousemove",b,!1)},!1)},[]);const d=`radial-gradient(180px at ${i.x}px ${i.y}px, white, transparent)`,p=F("group relative flex rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5 dark:bg-white/2.5 dark:hover:shadow-black/5",r);return t.jsxs(re.div,{ref:o,className:p,initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:a},children:[t.jsxs("div",{className:"pointer-events-none",children:[t.jsx("div",{className:"absolute inset-0 rounded-2xl transition duration-300 [mask-image:linear-gradient(white,transparent)] group-hover:opacity-50",children:t.jsxs("svg",{"aria-hidden":"true",className:"absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/[0.02] stroke-black/5 dark:fill-white/1 dark:stroke-white/2.5",children:[t.jsx("defs",{children:t.jsx("pattern",{id:":Rkq5jsqja:",width:"72",height:"56",patternUnits:"userSpaceOnUse",x:"50%",y:"16",children:t.jsx("path",{d:"M.5 56V.5H72",fill:"none"})})}),t.jsx("rect",{width:"100%",height:"100%",strokeWidth:"0",fill:"url(#:Rkq5jsqja:)"}),t.jsxs("svg",{x:"50%",y:"16",className:"overflow-visible",children:[t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"0",y:"56"}),t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"72",y:"168"})]})]})}),t.jsx("div",{className:"absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100 dark:from-[#202D2E] dark:to-[#303428]",style:{maskImage:d}}),t.jsx("div",{className:"absolute inset-0 rounded-2xl opacity-0 mix-blend-overlay transition duration-300 group-hover:opacity-100",style:{maskImage:d},children:t.jsxs("svg",{"aria-hidden":"true",className:"absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/50 stroke-black/70 dark:fill-white/2.5 dark:stroke-white/10",children:[t.jsx("defs",{children:t.jsx("pattern",{id:":R5kq5jsqja:",width:"72",height:"56",patternUnits:"userSpaceOnUse",x:"50%",y:"16",children:t.jsx("path",{d:"M.5 56V.5H72",fill:"none"})})}),t.jsx("rect",{width:"100%",height:"100%",strokeWidth:"0",fill:"url(#:R5kq5jsqja:)"}),t.jsxs("svg",{x:"50%",y:"16",className:"overflow-visible",children:[t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"0",y:"56"}),t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"72",y:"168"})]})]})})]}),t.jsx("div",{className:"absolute inset-0 rounded-2xl ring-1 ring-gray-200 ring-inset ring-zinc-900/7.5 group-hover:ring-zinc-900/10 dark:ring-white/10 dark:group-hover:ring-white/20"}),t.jsxs("div",{className:"relative rounded-2xl px-4 pb-4 pt-16",children:[t.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-zinc-900/5 ring-1 ring-zinc-900/25 backdrop-blur-[2px] transition duration-300 group-hover:bg-white/50 group-hover:ring-zinc-900/25 dark:bg-white/7.5 dark:ring-white/15 dark:group-hover:bg-emerald-300/10 dark:group-hover:ring-emerald-400",children:t.jsxs("svg",{viewBox:"0 0 20 20","aria-hidden":"true",className:"h-5 w-5 fill-zinc-700/10 stroke-zinc-700 transition-colors duration-300 group-hover:stroke-zinc-900 dark:fill-white/10 dark:stroke-zinc-400 dark:group-hover:fill-emerald-300/10 dark:group-hover:stroke-emerald-400",children:[t.jsx("path",{strokeWidth:"0",fillRule:"evenodd",clipRule:"evenodd",d:"M10 .5a9.5 9.5 0 0 1 5.598 17.177C14.466 15.177 12.383 13.5 10 13.5s-4.466 1.677-5.598 4.177A9.5 9.5 0 0 1 10 .5ZM12.5 8a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"}),t.jsx("path",{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",d:"M10 .5a9.5 9.5 0 0 1 5.598 17.177A9.458 9.458 0 0 1 10 19.5a9.458 9.458 0 0 1-5.598-1.823A9.5 9.5 0 0 1 10 .5Z"}),t.jsx("path",{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",d:"M4.402 17.677C5.534 15.177 7.617 13.5 10 13.5s4.466 1.677 5.598 4.177M10 5.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"})]})}),t.jsx("h3",{className:"mt-4 text-sm font-semibold leading-7 text-zinc-900 dark:text-white",children:t.jsxs("a",{href:s,children:[t.jsx("span",{className:"absolute inset-0 rounded-2xl"}),c]})}),t.jsx("p",{className:"mt-1 text-sm text-zinc-600 dark:text-zinc-400",children:u})]})]})}function kC(){return t.jsx("div",{className:"bg-white backdrop-blur-sm py-36 bg-opacity-70 mx-auto px-8",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto",children:[t.jsx(re.h2,{className:"text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"主要内容"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-12",children:"React 19 给开发者带来了巨大的变化和提升,主要体现在如下几个方面"}),t.jsxs("div",{className:"flex items-stretch md:justify-between flex-col md:flex-row md:space-x-6 space-y-6 md:space-y-0",children:[t.jsx(Pc,{title:"Compiler",path:"./tutorial/use/importwith19",desc:"你可以不再使用 memo、useMemo、useCallback 来优化你的项目性能,大幅度提高开发体验",className:"flex-1",delay:.4}),t.jsx(Pc,{title:"新的架构思路",path:"./tutorial/index",desc:"并发模式变得更加实用,得益于并发模式的成熟,我们将可以使用新的架构思路构思我的项目",className:"flex-1",delay:.6}),t.jsx(Pc,{title:"新的交互方式",path:"./tutorial/use/base",desc:"React 在人机交互的开发体验上做了很多努力和尝试,他们将在这个版本中得以体现",className:"flex-1",delay:.8})]})]})})}function qc(...n){return n.filter(Boolean).join(" ")}const CC=["学习方法之如何理解体系化","架构思维总览","BFF架构与运用","组件拆分原则","解耦与嵌套","流式渲染","复杂接口请求处理方式","其他大量实践案例","性能优化方案","项目亮点表达方式","视频讲解","本项目中组件源码"],O0={frequencies:[{value:"monthly",label:"Monthly",priceSuffix:"/终身制"},{value:"annually",label:"Annually",priceSuffix:"/year"}],tiers:[{name:"基础版",id:"tier-hobby",href:"./pay?price=30",price:{monthly:"¥30",annually:"$144"},description:"大量可演示实践案例,帮助学习者轻松掌握 React 19.",delay:.4,features:["基础理论","use promise","Suspense","低版本兼容方案","use context","并发 api","React Compiler","Compiler 低版本引入","Form Action","乐观更新","直播课录屏"],mostPopular:!1},{name:"尊享版",id:"tier-freelancer",href:"./pay?price=400",price:{monthly:"¥400",annually:"$288"},description:"严格践行一套架构思维扩展复杂场景的使用",features:CC,mostPopular:!1,delay:.5},{name:"KeepCoder",id:"tier-enterprise",href:"https://www.yuque.com/coreadvance/ar2my1/apk8cr",price:{monthly:"¥2W",annually:"$864"},description:"1V1 顶级私人辅导,构建核心竞争力,全方面助你提高",features:["1V1服务","终身制服务","量身定制学习方式","顶级的前端技术能力","学霸级学习方法","全方位认知升级","构建完善的知识体系","全面的职场综合能力","顶尖的团队管理能力","完整的产品思维","完整的全栈思维"],mostPopular:!1,delay:.6}]};function AC(){const[n]=h.useState(O0.frequencies[0]);return t.jsx("main",{className:"backdrop-blur-sm py-28 bg-gray-50 bg-opacity-70 px-8",children:t.jsxs("div",{className:"mx-auto max-w-[1080px]",children:[t.jsx(re.a,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},className:"font-bold sm:text-4xl text-center block scroll-mt-52",href:"#price",name:"price",id:"price",children:"价格"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"mt-12 text-center leading-8",children:"请根据自己的学习意愿和经济能力综合考虑,理性消费。我负责提供过硬的学习质量,确保每一位用户都能学有所得"}),t.jsx("div",{className:"isolate mx-auto mt-10 grid max-w-md grid-cols-1 gap-8 md:max-w-2xl md:grid-cols-2 lg:max-w-4xl xl:mx-0 xl:max-w-none xl:grid-cols-3",children:O0.tiers.map((e,s)=>t.jsxs(re.div,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:e.delay},className:qc(e.mostPopular?"ring-2 ring-indigo-600":"ring-1 ring-gray-200","rounded-3xl p-8"),children:[t.jsx("h2",{id:e.id,className:qc(e.mostPopular?"text-indigo-600":"text-gray-900","text-lg font-semibold leading-8"),children:e.name}),t.jsx("p",{className:"mt-4 text-sm leading-6 text-gray-600",children:e.description}),t.jsxs("p",{className:"mt-6 flex items-baseline gap-x-1",children:[t.jsx("span",{className:"text-4xl font-bold tracking-tight text-gray-900",children:e.price[n.value]}),t.jsx("span",{className:"text-sm font-semibold leading-6 text-gray-600",children:n.priceSuffix})]}),t.jsx(bm,{to:e.href,"aria-describedby":e.id,target:s===3?"_blank":"",className:qc(e.mostPopular?"bg-indigo-600 text-white shadow-sm hover:bg-indigo-500":"text-indigo-600 ring-1 ring-inset ring-indigo-200 hover:ring-indigo-300","mt-6 block rounded-md px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"),children:s<3?"点击购买":"了解详情"}),t.jsx("ul",{role:"list",className:"mt-8 space-y-3 text-sm leading-6 text-gray-600",children:e.features.map((r,a)=>t.jsxs("li",{className:"flex gap-x-3 items-center",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:a<11?"size-4":"size-4 text-red-500",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"})}),a<11?r:t.jsx("div",{className:"text-red-500",children:r})]},r))})]},e.id))})]})})}function _C(){const[n,e]=h.useState(""),s=`relative ${n} bg-skin-fill overflow-hidden rounded`;return t.jsxs(re.div,{className:"my-8 border border-gray-150 rounded px-8 pb-8",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.5},children:[t.jsxs("div",{className:"text-center py-4 space-x-4",children:[t.jsxs(D,{primary:n==="",onClick:()=>e(""),className:"inline-flex space-x-2 items-center",children:[t.jsx(o9,{size:18}),t.jsx("span",{children:"Default"})]}),t.jsxs(D,{primary:n==="theme-swiss",onClick:()=>e("theme-swiss"),className:"inline-flex space-x-2 items-center",children:[t.jsx(r9,{size:18}),t.jsx("span",{children:"Swiss"})]}),t.jsxs(D,{primary:n==="theme-neon",onClick:()=>e("theme-neon"),className:"inline-flex space-x-2 items-center",children:[t.jsx(i9,{size:18}),t.jsx("span",{children:"Neon"})]})]}),t.jsxs("div",{className:s,children:[t.jsx("img",{className:"absolute inset-0 h-full w-full object-cover opacity-30",src:"https://images.unsplash.com/photo-1602576666092-bf6447a729fc?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",alt:""}),t.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-skin-hue via-skin-hue to-transparent opacity-90 transition"}),t.jsxs("div",{className:"relative max-w-2xl mx-auto text-center py-16 px-8",children:[t.jsx("h2",{className:"font-extrabold text-skin-base text-2xl transition",children:t.jsx("span",{children:"极客时间、掘金买课优惠"})}),t.jsx("p",{className:"mt-4 text-md text-left text-skin-muted transition leading-8",children:"官方的课程返现全部归还,需要从网站 coursesub.top 或者公众号「课程减减」通过邀请链接进行下单,购买后添加客服微信发送课程名确认后即可收到红包,可正常使用极客时间的优惠券或者学生半价优惠。"}),t.jsx("div",{className:"mt-10 max-w-sm mx-auto sm:max-w-one sm:flex sm:justify-center",children:t.jsxs("div",{className:"space-y-0 mx-auto inline-grid grid-cols-2 gap-5",children:[t.jsx("a",{target:"_blank",className:"transition text-skin-inverted bg-skin-button-accent hover:bg-skin-button-accent-hover flex items-center justify-center py-3 border border-transparent text-base font-medium rounded-md shadow-lg px-8",href:"https://coursesub.top/?key=react",children:"去选课"}),t.jsx("a",{target:"_blank",className:"transition text-skin-base bg-skin-button-muted hover:bg-opacity-70 flex items-center justify-center py-3 border border-transparent text-base font-medium rounded-lg shadow-sm px-8",href:"https://mp.weixin.qq.com/s?__biz=MzUyMjkwNTgwOA==&mid=2247485923&idx=1&sn=0710d33fd1e1287e10f88bd4139e0a0e&chksm=f9c5f85cceb2714a585567f21751ae703f8ba80519a7a089746079a05c4f916c962fe81332d1#rd",children:"详细规则"})]})})]})]})]})}function MC(){return t.jsx("div",{className:"bg-white backdrop-blur-sm py-36 bg-opacity-70 mx-auto px-8",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto",children:[t.jsx(re.h2,{className:"text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"赞助商广告"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-12",children:"所见即所得。演示案例内置于文章中直接渲染,可以直接交互。如下所示"}),t.jsx(_C,{})]})})}function Fc(n){const{title:e,desc:s,href:r,className:a,delay:i,iconName:l}=n,c=F("block border rounded-xl p-4 bg-white border-gray-200 hover:shadow cursor-pointer space-y-4",a);return t.jsxs(re.a,{initial:{opacity:0,y:60},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:i},href:r,target:"_blank",className:c,children:[t.jsx("div",{children:t.jsx(tb,{className:a})}),t.jsxs(J,{between:!0,className:"",children:[t.jsx("div",{className:"font-bold",children:e}),t.jsxs(J,{className:"text-green-700",children:["了解详情",t.jsx(nb,{size:18,className:l})]})]}),t.jsx("div",{className:"text-slate-600 leading-8",children:s})]})}function TC(){return t.jsx("main",{className:"backdrop-blur-sm py-28 bg-gray-50 bg-opacity-70 px-8",children:t.jsxs("div",{className:"mx-auto max-w-[1080px]",children:[t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},className:"font-bold sm:text-4xl text-center",children:"我的其他付费课程"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"mt-12 text-center leading-8",children:"请根据自己的学习意愿和经济能力综合考虑,理性消费。我负责提供过硬的学习质量,确保每一位用户都能学有所得"}),t.jsxs("div",{className:"flex mt-12 justify-between flex-col md:flex-row space-y-6 md:space-y-0 md:space-x-6",children:[t.jsx(Fc,{title:"私人面试指导",desc:"前端专家:这波能反杀,为您提供全网最专业的面试辅导,结合个人目标与工作经验,时长 2 ~ 3 小时,一次沟通,解决所有问题",href:"https://appxw863qeq2150.h5.xiaoeknow.com/v1/goods/goods_detail/course_2YWwycNZDt3u59naEs57g0gGa0H?",className:"flex-1 border-gray-300 text-gray-700",iconName:"text-gray-700",delay:.4}),t.jsx(Fc,{title:"keepCoder",desc:"资深前端进阶通道,1V1深度沟通辅导,聚焦学习方法,深挖知识体系,深挖应用场景,凝聚核心竞争力",href:"https://www.yuque.com/coreadvance/ar2my1/apk8cr",className:"flex-1 border-orange-300 text-orange-700",delay:.5}),t.jsx(Fc,{title:"keepCharts",desc:"聚焦技术深度,手写基于 Canvas 的渲染引擎,并在此基础之上实现可视化图表等应用层库,打造自己牢不可破的核心竞争力",href:"https://www.yuque.com/coreadvance/ar2my1/em5rrk6p1umptsxw",className:"flex-1 border-green-300 text-green-700",icon:tb,delay:.6})]})]})})}function op({id:n,host:e,repo:s,repoId:r,category:a,categoryId:i,mapping:l,term:o,strict:c,reactionsEnabled:u,emitMetadata:d,inputPosition:m,theme:p,lang:x,loading:b}){const[y,N]=h.useState(!1);return h.useEffect(()=>{y||(gC(()=>import("./giscus-BNK3dBIH-B_EkeIy7.js"),[]),N(!0))},[]),y?t.jsx("giscus-widget",{id:n,host:e,repo:s,repoid:r,category:a,categoryid:i,mapping:l,term:o,strict:c,reactionsenabled:u,emitmetadata:d,inputposition:m,theme:p,lang:x,loading:b}):null}function RC(){return t.jsx("main",{className:"backdrop-blur-sm py-28 bg-white bg-opacity-70 px-8",children:t.jsx("div",{className:"mx-auto max-w-[1080px]",children:t.jsx(op,{repo:"yangbo5207/react19feature",repoId:"R_kgDOMGiHOw",category:"General",categoryId:"DIC_kwDOMGiHO84Cf8dR",maping:"pathname",term:"欢迎道友",strict:"0",reactionsEnabled:"1",emitMetadata:"1",inputPosition:"top",lang:"zh-CN",loading:"lazy",crossorigin:"anonymous",async:!0})})})}function LC(){return t.jsx("main",{className:"backdrop-blur-sm py-8 bg-gray-50 bg-opacity-70 px-8",children:t.jsx("div",{className:"mx-auto max-w-[1080px]",children:t.jsxs("div",{className:"flex justify-between",children:[t.jsxs("span",{className:"text-gray-400",children:["© Copyright 2024.",t.jsx("a",{href:"https://beian.miit.gov.cn/",target:"_blank",children:"这波能反杀."}),t.jsx("a",{href:"https://beian.miit.gov.cn/",target:"_blank",children:"粤ICP备2024222174号"})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"})})}),t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"})})}),t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"})})})]})]})})})}function EC(){return t.jsxs("div",{className:"relative pt-16",children:[t.jsx(Y8,{}),t.jsxs("div",{children:[t.jsx(m9,{}),t.jsx(yC,{}),t.jsx(wC,{}),t.jsx(SC,{}),t.jsx(kC,{}),t.jsx(AC,{}),t.jsx(MC,{}),t.jsx(TC,{}),t.jsx(RC,{}),t.jsx(LC,{})]})]})}function cp(n){const{label:e,type:s,primary:r,warning:a,danger:i,newer:l,hard:o,className:c}=n,d=F("text-sm text-gray-500 border px-3 rounded-full",{"bg-blue-100 text-blue-500 border-blue-500":!!r,"bg-green-100 text-green-500 border-green-500":!!l,"bg-red-100 text-red-500 border-red-500":!!i,"bg-orange-100-100 text-orange-500 border-orange-500":!!i,"bg-fuchsia-100 text-fuchsia-500 border-fuchsia-500":!!o},c);return t.jsx("label",{className:tn(d),children:e})}const $C=`import {Suspense, useState, useTransition} from 'react'
+`;Zs.registerLanguage("javascript",ip);const jC={ButtonCase:vC,Button:zo};function Hn(n){const{files:e=jC,caseRender:s,active:r=0,className:a,auth:i=!0}=n,l=Object.keys(e),[o,c]=h.useState(l[r]);function u(p){c(l[p])}const m=F("border border-gray-100 flex bg-white keepx flex-col-reverse sm:flex-row overflow-hidden",a);return t.jsxs("div",{className:m,children:[t.jsxs("div",{className:"overflow-scroll flex-1 relative",children:[t.jsx("div",{className:"flex border-b border-gray-100 sticky top-0 bg-white",children:l.map((p,x)=>t.jsx(D,{ghost:!0,onClick:()=>u(x),className:o===p?"text-green-500":"",children:p},p))}),t.jsx("pre",{className:"text-sm leading-6",children:t.jsx(Zs,{language:"javascript",PreTag:"div",style:lp,children:i?e[o]:"未获得阅读权限"})})]}),t.jsxs(eo,{when:s,children:[t.jsx("div",{className:"sm:w-[1px] h-[1px] sm:h-auto bg-gray-100"}),t.jsxs("div",{className:"flex-1 overflow-hidden",children:[t.jsxs("div",{className:"flex border-b border-gray-100 items-center pl-3",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"})}),t.jsx(D,{ghost:!0,className:"px-2",children:"预览"})]}),s]})]})]})}const bC={index:S9,header:k9,content:C9,store:A9};function yC(){return t.jsx("div",{className:"backdrop-blur-sm py-14 md:py-28 bg-gray-50 bg-opacity-70 overflow-hidden px-6 md:px-8",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto overflow-hidden",children:[t.jsx(re.h2,{className:"text-2xl md:text-4xl text-center font-bold",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"Immersive"}),t.jsx(re.p,{className:"py-8 md:py-12 text-center px-10",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},children:"沉浸式学习体验。通过在线可演示的案例,你能获得更极致的学习收益"}),t.jsx(re.div,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.4},children:t.jsx(Hn,{files:bC,caseRender:t.jsx(w9,{}),auth:!0})})]})})}function J(n){const{children:e,start:s,end:r,around:a,between:i,className:l,center:o,col:c,...u}=n,m=F("flex items-center flex-row",{"flex-col":c,"justify-start":s,"justify-end":r,"justify-around":a,"justify-between":i,"justify-center":o},l);return t.jsx(NC,{className:tn(m),...u,children:e})}function NC(n){const{className:e,children:s,...r}=n;let a="",i="",l="";Object.keys(r).forEach(c=>{c.indexOf("bg-")===0&&(a+=`${c} `),c.indexOf("border-")===0&&(i+=` ${c} `),c.indexOf("rounded-")===0&&(l+=` ${c} `)});const o=F(a,i,l,e);return t.jsx("div",{className:tn(o),...r,children:s})}function wC(){const n="text-gray-600 mt-4 rounded-md border border-gray-200 py-3 px-4 bg-gray-50 hover:border-green-500 transition",e=[{desc:"具备一定的 JavaScript 基础",tip:"JavaScript 核心进阶",url:"https://xinyuzone.cn/column/1818097927437131776",delay:.4},{desc:"熟悉异步请求,熟悉 fetch 与 Promise",tip:"fetch",url:"https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch",delay:.6},{desc:"熟悉 React 之前的版本的使用",tip:"React 知命境",url:"https://react.usehook.cn/",delay:.8}];return t.jsxs("div",{className:"bg-white backdrop-blur-sm py-14 md:py-28 bg-opacity-70 max-w-[1080px] mx-auto md:px-32 px-6",children:[t.jsx(re.h2,{className:"text-2xl md:text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"Learn Before"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-8 md:my-12",children:"学习之前,你需要具备一些前置的基础能力"}),e.map((s,r)=>t.jsx(re.a,{className:"block",href:s.url,initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:s.delay},target:"_blank",children:t.jsxs(J,{className:n,between:!0,children:[t.jsxs(J,{children:[t.jsx(s9,{className:"text-primary",size:18}),t.jsx("div",{className:"ml-2",children:s.desc})]}),t.jsxs(J,{className:"space-x-2",children:[t.jsx("span",{children:s.tip}),t.jsx(nb,{size:18})]})]})},s.url))]})}function SC(){return t.jsx("div",{className:"backdrop-blur-sm py-14 md:py-28 bg-gray-50 bg-opacity-70 px-6 md:px-8 overflow-hidden",children:t.jsxs("div",{className:"md:flex max-w-[1080px] mx-auto md:space-x-14 md:items-start",children:[t.jsxs(re.div,{initial:{x:-60,opacity:0},whileInView:{x:0,opacity:1},transition:{duration:.5,type:"spring"},className:"flex-1 md:space-y-12 space-y-8",children:[t.jsx("h2",{className:"text-2xl md:text-4xl font-bold text-center md:text-start",children:"高效学习是我们共同的目的"}),t.jsx("p",{className:"leading-8",children:"和之前的版本不同,React 19 是一次开发方式的变革。因此,想要彻底掌握 React 19 的最佳实践,是一件比较困难的事情,普通学习者想要通过自学达到这个程度,需要花费大量的时间去做尝试和验证。"}),t.jsx("p",{className:"leading-8",children:"因此,为了让付费用户可以更加轻松的掌握 React 19,我在写这本小册时,在如果高效学习上,做了非常多的思考与设计。更是提前与 200 名付费用户深度沟通交流,在内容和案例编排也反复的打磨才最终成型。"}),t.jsx("div",{children:t.jsxs("a",{className:"inline-flex py-2.5 space-x-2 px-4 items-center rounded-full border hover:border-green-500",href:"https://mp.weixin.qq.com/s/y2CibsN_0aRcpg9YIz8u1A",target:"_blank",children:[t.jsx(l9,{size:18}),t.jsx("span",{children:"了解更多关于学习方法的思考"}),t.jsx(e9,{size:18})]})})]}),t.jsxs(re.div,{initial:{x:60,opacity:0},whileInView:{x:0,opacity:1},transition:{duration:.5,type:"spring"},className:"md:flex-1 mt-12 md:mt-0",children:[t.jsxs(J,{className:"text-gray-500 space-x-2",children:[t.jsx(t9,{size:18}),t.jsx("span",{children:"特性"})]}),t.jsxs("div",{className:"grid grid-cols-2 gap-6 mt-8",children:[t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(n9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"知识点覆盖完整"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(a9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"深入浅出,理论结合实践"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(c9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"实践案例内置可演示"})]}),t.jsxs(J,{col:!0,className:"flex-1 border h-36 rounded-xl hover:bg-gray-100 transition p-6 justify-between items-start",children:[t.jsx(d9,{size:28,className:"text-green-400"}),t.jsx("p",{className:"text-lg",children:"付费群内容直播答疑"})]})]})]})]})})}function Pc({title:n,desc:e="",path:s,className:r,delay:a}){const[i,l]=h.useState({x:0,y:0}),o=h.useRef(null),c=unescape(n.replace(/\\u/gi,"%u")),u=unescape(e.replace(/\\u/gi,"%u"));h.useEffect(()=>{const x=o.current.getBoundingClientRect();function b(y){l({x:y.x-x.left,y:y.y+document.documentElement.scrollTop-x.top})}o.current.addEventListener("mouseenter",y=>{document.addEventListener("mousemove",b,!1)},!1),o.current.addEventListener("mouseleave",y=>{document.removeEventListener("mousemove",b,!1)},!1)},[]);const d=`radial-gradient(180px at ${i.x}px ${i.y}px, white, transparent)`,p=F("group relative flex rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5 dark:bg-white/2.5 dark:hover:shadow-black/5",r);return t.jsxs(re.div,{ref:o,className:p,initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:a},children:[t.jsxs("div",{className:"pointer-events-none",children:[t.jsx("div",{className:"absolute inset-0 rounded-2xl transition duration-300 [mask-image:linear-gradient(white,transparent)] group-hover:opacity-50",children:t.jsxs("svg",{"aria-hidden":"true",className:"absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/[0.02] stroke-black/5 dark:fill-white/1 dark:stroke-white/2.5",children:[t.jsx("defs",{children:t.jsx("pattern",{id:":Rkq5jsqja:",width:"72",height:"56",patternUnits:"userSpaceOnUse",x:"50%",y:"16",children:t.jsx("path",{d:"M.5 56V.5H72",fill:"none"})})}),t.jsx("rect",{width:"100%",height:"100%",strokeWidth:"0",fill:"url(#:Rkq5jsqja:)"}),t.jsxs("svg",{x:"50%",y:"16",className:"overflow-visible",children:[t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"0",y:"56"}),t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"72",y:"168"})]})]})}),t.jsx("div",{className:"absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100 dark:from-[#202D2E] dark:to-[#303428]",style:{maskImage:d}}),t.jsx("div",{className:"absolute inset-0 rounded-2xl opacity-0 mix-blend-overlay transition duration-300 group-hover:opacity-100",style:{maskImage:d},children:t.jsxs("svg",{"aria-hidden":"true",className:"absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/50 stroke-black/70 dark:fill-white/2.5 dark:stroke-white/10",children:[t.jsx("defs",{children:t.jsx("pattern",{id:":R5kq5jsqja:",width:"72",height:"56",patternUnits:"userSpaceOnUse",x:"50%",y:"16",children:t.jsx("path",{d:"M.5 56V.5H72",fill:"none"})})}),t.jsx("rect",{width:"100%",height:"100%",strokeWidth:"0",fill:"url(#:R5kq5jsqja:)"}),t.jsxs("svg",{x:"50%",y:"16",className:"overflow-visible",children:[t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"0",y:"56"}),t.jsx("rect",{strokeWidth:"0",width:"73",height:"57",x:"72",y:"168"})]})]})})]}),t.jsx("div",{className:"absolute inset-0 rounded-2xl ring-1 ring-gray-200 ring-inset ring-zinc-900/7.5 group-hover:ring-zinc-900/10 dark:ring-white/10 dark:group-hover:ring-white/20"}),t.jsxs("div",{className:"relative rounded-2xl px-4 pb-4 pt-16",children:[t.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-zinc-900/5 ring-1 ring-zinc-900/25 backdrop-blur-[2px] transition duration-300 group-hover:bg-white/50 group-hover:ring-zinc-900/25 dark:bg-white/7.5 dark:ring-white/15 dark:group-hover:bg-emerald-300/10 dark:group-hover:ring-emerald-400",children:t.jsxs("svg",{viewBox:"0 0 20 20","aria-hidden":"true",className:"h-5 w-5 fill-zinc-700/10 stroke-zinc-700 transition-colors duration-300 group-hover:stroke-zinc-900 dark:fill-white/10 dark:stroke-zinc-400 dark:group-hover:fill-emerald-300/10 dark:group-hover:stroke-emerald-400",children:[t.jsx("path",{strokeWidth:"0",fillRule:"evenodd",clipRule:"evenodd",d:"M10 .5a9.5 9.5 0 0 1 5.598 17.177C14.466 15.177 12.383 13.5 10 13.5s-4.466 1.677-5.598 4.177A9.5 9.5 0 0 1 10 .5ZM12.5 8a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"}),t.jsx("path",{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",d:"M10 .5a9.5 9.5 0 0 1 5.598 17.177A9.458 9.458 0 0 1 10 19.5a9.458 9.458 0 0 1-5.598-1.823A9.5 9.5 0 0 1 10 .5Z"}),t.jsx("path",{fill:"none",strokeLinecap:"round",strokeLinejoin:"round",d:"M4.402 17.677C5.534 15.177 7.617 13.5 10 13.5s4.466 1.677 5.598 4.177M10 5.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"})]})}),t.jsx("h3",{className:"mt-4 text-sm font-semibold leading-7 text-zinc-900 dark:text-white",children:t.jsxs("a",{href:s,children:[t.jsx("span",{className:"absolute inset-0 rounded-2xl"}),c]})}),t.jsx("p",{className:"mt-1 text-sm text-zinc-600 dark:text-zinc-400",children:u})]})]})}function kC(){return t.jsx("div",{className:"bg-white backdrop-blur-sm py-14 md:py-28 bg-opacity-70 mx-auto px-6 md:px-8",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto",children:[t.jsx(re.h2,{className:"text-2xl md:text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"主要内容"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-8 md:my-12 px-10",children:"React 19 给开发者带来了巨大的变化和提升,主要体现在如下几个方面"}),t.jsxs("div",{className:"flex items-stretch md:justify-between flex-col md:flex-row md:space-x-6 space-y-6 md:space-y-0",children:[t.jsx(Pc,{title:"Compiler",path:"./tutorial/use/importwith19",desc:"你可以不再使用 memo、useMemo、useCallback 来优化你的项目性能,大幅度提高开发体验",className:"flex-1",delay:.4}),t.jsx(Pc,{title:"新的架构思路",path:"./tutorial/index",desc:"并发模式变得更加实用,得益于并发模式的成熟,我们将可以使用新的架构思路构思我的项目",className:"flex-1",delay:.6}),t.jsx(Pc,{title:"新的交互方式",path:"./tutorial/use/base",desc:"React 在人机交互的开发体验上做了很多努力和尝试,他们将在这个版本中得以体现",className:"flex-1",delay:.8})]})]})})}function qc(...n){return n.filter(Boolean).join(" ")}const CC=["学习方法之如何理解体系化","架构思维总览","BFF架构与运用","组件拆分原则","解耦与嵌套","流式渲染","复杂接口请求处理方式","其他大量实践案例","性能优化方案","项目亮点表达方式","视频讲解","本项目中组件源码"],O0={frequencies:[{value:"monthly",label:"Monthly",priceSuffix:"/终身制"},{value:"annually",label:"Annually",priceSuffix:"/year"}],tiers:[{name:"基础版",id:"tier-hobby",href:"./pay?price=30",price:{monthly:"¥30",annually:"$144"},description:"大量可演示实践案例,帮助学习者轻松掌握 React 19.",delay:.4,features:["基础理论","use promise","Suspense","低版本兼容方案","use context","并发 api","React Compiler","Compiler 低版本引入","Form Action","乐观更新","直播课录屏"],mostPopular:!1},{name:"尊享版",id:"tier-freelancer",href:"./pay?price=400",price:{monthly:"¥400",annually:"$288"},description:"严格践行一套架构思维扩展复杂场景的使用",features:CC,mostPopular:!1,delay:.5},{name:"KeepCoder",id:"tier-enterprise",href:"https://www.yuque.com/coreadvance/ar2my1/apk8cr",price:{monthly:"¥2W",annually:"$864"},description:"1V1 顶级私人辅导,构建核心竞争力,全方面助你提高",features:["1V1服务","终身制服务","量身定制学习方式","顶级的前端技术能力","学霸级学习方法","全方位认知升级","构建完善的知识体系","全面的职场综合能力","顶尖的团队管理能力","完整的产品思维","完整的全栈思维"],mostPopular:!1,delay:.6}]};function AC(){const[n]=h.useState(O0.frequencies[0]);return t.jsx("main",{className:"backdrop-blur-sm py-14 md:py-28 bg-gray-50 bg-opacity-70 px-6 md:px-8",children:t.jsxs("div",{className:"mx-auto max-w-[1080px]",children:[t.jsx(re.a,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},className:"font-bold text-2xl md:text-4xl text-center block scroll-mt-52",href:"#price",name:"price",id:"price",children:"价格"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"mt-8 md:mt-12 text-center leading-8 px-10",children:"请根据自己的学习意愿和经济能力综合考虑,理性消费。我负责提供过硬的学习质量,确保每一位用户都能学有所得"}),t.jsx("div",{className:"isolate mx-auto mt-10 grid max-w-md grid-cols-1 gap-8 md:max-w-2xl md:grid-cols-2 lg:max-w-4xl xl:mx-0 xl:max-w-none xl:grid-cols-3",children:O0.tiers.map((e,s)=>t.jsxs(re.div,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:e.delay},className:qc(e.mostPopular?"ring-2 ring-indigo-600":"ring-1 ring-gray-200","rounded-3xl p-8"),children:[t.jsx("h2",{id:e.id,className:qc(e.mostPopular?"text-indigo-600":"text-gray-900","text-lg font-semibold leading-8"),children:e.name}),t.jsx("p",{className:"mt-4 text-sm leading-6 text-gray-600",children:e.description}),t.jsxs("p",{className:"mt-6 flex items-baseline gap-x-1",children:[t.jsx("span",{className:"text-4xl font-bold tracking-tight text-gray-900",children:e.price[n.value]}),t.jsx("span",{className:"text-sm font-semibold leading-6 text-gray-600",children:n.priceSuffix})]}),t.jsx(bm,{to:e.href,"aria-describedby":e.id,target:s===3?"_blank":"",className:qc(e.mostPopular?"bg-indigo-600 text-white shadow-sm hover:bg-indigo-500":"text-indigo-600 ring-1 ring-inset ring-indigo-200 hover:ring-indigo-300","mt-6 block rounded-md px-3 py-2 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"),children:s<3?"点击购买":"了解详情"}),t.jsx("ul",{role:"list",className:"mt-8 space-y-3 text-sm leading-6 text-gray-600",children:e.features.map((r,a)=>t.jsxs("li",{className:"flex gap-x-3 items-center",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:a<11?"size-4":"size-4 text-red-500",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"})}),a<11?r:t.jsx("div",{className:"text-red-500",children:r})]},r))})]},e.id))})]})})}function _C(){const[n,e]=h.useState(""),s=`relative ${n} bg-skin-fill overflow-hidden rounded`;return t.jsxs(re.div,{className:"my-8 border border-gray-150 rounded px-8 pb-8",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.5},children:[t.jsxs("div",{className:"text-center py-4 space-x-4",children:[t.jsxs(D,{primary:n==="",onClick:()=>e(""),className:"inline-flex space-x-2 items-center",children:[t.jsx(o9,{size:18}),t.jsx("span",{children:"Default"})]}),t.jsxs(D,{primary:n==="theme-swiss",onClick:()=>e("theme-swiss"),className:"inline-flex space-x-2 items-center",children:[t.jsx(r9,{size:18}),t.jsx("span",{children:"Swiss"})]}),t.jsxs(D,{primary:n==="theme-neon",onClick:()=>e("theme-neon"),className:"inline-flex space-x-2 items-center",children:[t.jsx(i9,{size:18}),t.jsx("span",{children:"Neon"})]})]}),t.jsxs("div",{className:s,children:[t.jsx("img",{className:"absolute inset-0 h-full w-full object-cover opacity-30",src:"https://images.unsplash.com/photo-1602576666092-bf6447a729fc?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",alt:""}),t.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-skin-hue via-skin-hue to-transparent opacity-90 transition"}),t.jsxs("div",{className:"relative max-w-2xl mx-auto text-center py-16 px-8",children:[t.jsx("h2",{className:"font-extrabold text-skin-base text-2xl transition",children:t.jsx("span",{children:"极客时间、掘金买课优惠"})}),t.jsx("p",{className:"mt-4 text-md text-left text-skin-muted transition leading-8",children:"官方的课程返现全部归还,需要从网站 coursesub.top 或者公众号「课程减减」通过邀请链接进行下单,购买后添加客服微信发送课程名确认后即可收到红包,可正常使用极客时间的优惠券或者学生半价优惠。"}),t.jsx("div",{className:"mt-10 max-w-sm mx-auto sm:max-w-one sm:flex sm:justify-center",children:t.jsxs("div",{className:"space-y-0 mx-auto inline-grid grid-cols-2 gap-5",children:[t.jsx("a",{target:"_blank",className:"transition text-skin-inverted bg-skin-button-accent hover:bg-skin-button-accent-hover flex items-center justify-center py-3 border border-transparent text-base font-medium rounded-md shadow-lg px-8",href:"https://coursesub.top/?key=react",children:"去选课"}),t.jsx("a",{target:"_blank",className:"transition text-skin-base bg-skin-button-muted hover:bg-opacity-70 flex items-center justify-center py-3 border border-transparent text-base font-medium rounded-lg shadow-sm px-8",href:"https://mp.weixin.qq.com/s?__biz=MzUyMjkwNTgwOA==&mid=2247485923&idx=1&sn=0710d33fd1e1287e10f88bd4139e0a0e&chksm=f9c5f85cceb2714a585567f21751ae703f8ba80519a7a089746079a05c4f916c962fe81332d1#rd",children:"详细规则"})]})})]})]})]})}function MC(){return t.jsx("div",{className:"bg-white backdrop-blur-sm py-14 md:py-28 bg-opacity-70 mx-auto px-6 md:px-8",children:t.jsxs("div",{className:"max-w-[1080px] mx-auto",children:[t.jsx(re.h2,{className:"text-2xl md:text-4xl font-bold text-center",initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},children:"赞助商广告"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"text-center my-8 md:my-12 px-10",children:"所见即所得。演示案例内置于文章中直接渲染,可以直接交互。如下所示"}),t.jsx(_C,{})]})})}function Fc(n){const{title:e,desc:s,href:r,className:a,delay:i,iconName:l}=n,c=F("block border rounded-xl p-4 bg-white border-gray-200 hover:shadow cursor-pointer space-y-4",a);return t.jsxs(re.a,{initial:{opacity:0,y:60},whileInView:{opacity:1,y:0},transition:{duration:.5,delay:i},href:r,target:"_blank",className:c,children:[t.jsx("div",{children:t.jsx(tb,{className:a})}),t.jsxs(J,{between:!0,className:"",children:[t.jsx("div",{className:"font-bold",children:e}),t.jsxs(J,{className:"text-green-700",children:["了解详情",t.jsx(nb,{size:18,className:l})]})]}),t.jsx("div",{className:"text-slate-600 leading-8",children:s})]})}function TC(){return t.jsx("main",{className:"backdrop-blur-sm py-14 md:py-28 bg-gray-50 bg-opacity-70 px-6 md:px-8",children:t.jsxs("div",{className:"mx-auto max-w-[1080px]",children:[t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5},className:"font-bold text-2xl md:text-4xl text-center",children:"我的其他付费课程"}),t.jsx(re.p,{initial:{y:60,opacity:0},whileInView:{y:0,opacity:1},transition:{duration:.5,delay:.2},className:"my-8 md:my-12 text-center leading-8",children:"请根据自己的学习意愿和经济能力综合考虑,理性消费。我负责提供过硬的学习质量,确保每一位用户都能学有所得"}),t.jsxs("div",{className:"flex mt-12 justify-between flex-col md:flex-row space-y-6 md:space-y-0 md:space-x-6",children:[t.jsx(Fc,{title:"私人面试指导",desc:"前端专家:这波能反杀,为您提供全网最专业的面试辅导,结合个人目标与工作经验,时长 2 ~ 3 小时,一次沟通,解决所有问题",href:"https://appxw863qeq2150.h5.xiaoeknow.com/v1/goods/goods_detail/course_2YWwycNZDt3u59naEs57g0gGa0H?",className:"flex-1 border-gray-300 text-gray-700",iconName:"text-gray-700",delay:.4}),t.jsx(Fc,{title:"keepCoder",desc:"资深前端进阶通道,1V1深度沟通辅导,聚焦学习方法,深挖知识体系,深挖应用场景,凝聚核心竞争力",href:"https://www.yuque.com/coreadvance/ar2my1/apk8cr",className:"flex-1 border-orange-300 text-orange-700",delay:.5}),t.jsx(Fc,{title:"keepCharts",desc:"聚焦技术深度,手写基于 Canvas 的渲染引擎,并在此基础之上实现可视化图表等应用层库,打造自己牢不可破的核心竞争力",href:"https://www.yuque.com/coreadvance/ar2my1/em5rrk6p1umptsxw",className:"flex-1 border-green-300 text-green-700",icon:tb,delay:.6})]})]})})}function op({id:n,host:e,repo:s,repoId:r,category:a,categoryId:i,mapping:l,term:o,strict:c,reactionsEnabled:u,emitMetadata:d,inputPosition:m,theme:p,lang:x,loading:b}){const[y,N]=h.useState(!1);return h.useEffect(()=>{y||(gC(()=>import("./giscus-BNK3dBIH-B_EkeIy7.js"),[]),N(!0))},[]),y?t.jsx("giscus-widget",{id:n,host:e,repo:s,repoid:r,category:a,categoryid:i,mapping:l,term:o,strict:c,reactionsenabled:u,emitmetadata:d,inputposition:m,theme:p,lang:x,loading:b}):null}function RC(){return t.jsx("main",{className:"backdrop-blur-sm my-14 md:py-28 bg-white bg-opacity-70 px-6 md:px-8",children:t.jsx("div",{className:"mx-auto max-w-[1080px]",children:t.jsx(op,{repo:"yangbo5207/react19feature",repoId:"R_kgDOMGiHOw",category:"General",categoryId:"DIC_kwDOMGiHO84Cf8dR",maping:"pathname",term:"欢迎道友",strict:"0",reactionsEnabled:"1",emitMetadata:"1",inputPosition:"top",lang:"zh-CN",loading:"lazy",crossorigin:"anonymous",async:!0})})})}function LC(){return t.jsx("main",{className:"backdrop-blur-sm py-4 bg-gray-50 bg-opacity-70 px-6 md:px-8",children:t.jsx("div",{className:"mx-auto max-w-[1080px]",children:t.jsxs("div",{className:"flex justify-between",children:[t.jsxs("span",{className:"text-gray-400",children:["© Copyright 2024.",t.jsx("a",{href:"https://beian.miit.gov.cn/",target:"_blank",children:"这波能反杀."}),t.jsx("a",{href:"https://beian.miit.gov.cn/",target:"_blank",children:"粤ICP备2024222174号"})]}),t.jsxs("div",{className:"flex",children:[t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"})})}),t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"})})}),t.jsx("div",{className:"ml-3",children:t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-5",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"})})})]})]})})})}function EC(){return t.jsxs("div",{className:"relative pt-16",children:[t.jsx(Y8,{}),t.jsxs("div",{children:[t.jsx(m9,{}),t.jsx(yC,{}),t.jsx(wC,{}),t.jsx(SC,{}),t.jsx(kC,{}),t.jsx(AC,{}),t.jsx(MC,{}),t.jsx(TC,{}),t.jsx(RC,{}),t.jsx(LC,{})]})]})}function cp(n){const{label:e,type:s,primary:r,warning:a,danger:i,newer:l,hard:o,className:c}=n,d=F("text-sm text-gray-500 border px-3 rounded-full",{"bg-blue-100 text-blue-500 border-blue-500":!!r,"bg-green-100 text-green-500 border-green-500":!!l,"bg-red-100 text-red-500 border-red-500":!!i,"bg-orange-100-100 text-orange-500 border-orange-500":!!i,"bg-fuchsia-100 text-fuchsia-500 border-fuchsia-500":!!o},c);return t.jsx("label",{className:tn(d),children:e})}const $C=`import {Suspense, useState, useTransition} from 'react'
import Message from './Message.jsx'
import Button from './Button.jsx'
import Skeleton from './Skeleton.jsx'
diff --git a/assets/index-S37ZIMMP.css b/assets/index-S37ZIMMP.css
deleted file mode 100644
index 88e794b..0000000
--- a/assets/index-S37ZIMMP.css
+++ /dev/null
@@ -1 +0,0 @@
-.loader{display:inline-block;vertical-align:middle;position:relative;margin:10px}@keyframes loader-bubbles{0%{box-shadow:0 -10px #3b82f6,3px 0 #3b82f6,5px 0 #3b82f6}30%{box-shadow:3px -20px #efdfff00,5px -10px #3b82f6,5px 0 #3b82f6}60%{box-shadow:3px 0 #efdfff00,4px -20px #efdfff00,3px -10px #3b82f6}61%{box-shadow:3px 0 #3b82f6,4px -20px #efdfff00,3px -10px #3b82f6}to{box-shadow:0 -10px #3b82f6,4px -20px #efdfff00,5px -20px #efdfff00}}.loader{width:10px;height:20px;margin-left:20px;margin-right:20px;background:#3b82f6}.loader:before,.loader:after{content:"";position:absolute}.loader:before{top:-8px;left:-13px;width:0;height:0;border:18px solid transparent;border-bottom:20px solid #3b82f6;border-radius:3px}.loader:after{top:0;left:0;width:4px;height:4px;background:#3b82f6;border-radius:50%;animation:loader-bubbles 1s linear infinite forwards}._modal_fd6cp_1{position:fixed;left:0;top:0;bottom:0;right:0;background-color:#0006;animation-duration:.4s;z-index:1000}._modal_fd6cp_1._in_fd6cp_12{animation-name:_show_fd6cp_1}._modal_fd6cp_1._out_fd6cp_16{animation-name:_hide_fd6cp_1;animation-fill-mode:forwards}@keyframes _show_fd6cp_1{0%{opacity:0}to{opacity:1}}@keyframes _hide_fd6cp_1{0%{opacity:1}to{opacity:0}}.dialog-wrapper{max-width:520px;width:90%;background-color:#fff;margin:80px auto;border-radius:8px;padding:20px 24px;animation-duration:.4s}.dialog-wrapper.in{animation-name:dialog-show}.dialog-wrapper.out{animation-name:dialog-hide}@keyframes dialog-show{0%{transform:scale(1);opacity:0}1%{transform:scale(0)}to{transform:scale(1);opacity:1}}@keyframes dialog-hide{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}input{display:block;width:100%;height:34px;text-indent:12px;border:1px solid rgba(0,0,0,.1);border-radius:4px!important;position:relative;outline:none}.input{position:relative}.input:has(>input):after{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;justify-content:center;color:#fff;border-radius:50%;font-size:12px}.input:has(>input:invalid):after{content:"྾";line-height:13px;background-color:red}.input:has(>input:valid):after{content:"✓";line-height:16px;background-color:#4dbf2a}input:invalid:required:after{content:"此项为必填项"}input[type=email]:invalid:after{content:"请输入有效的电子邮件地址"}input[type=number]:invalid:after{content:"请输入数字"}.pyramid-loader{position:absolute;width:60px;height:30px;display:block;transform-style:preserve-3d;transform:rotateX(-20deg);top:0;bottom:0;left:-40%;margin:auto}.pyramid-loader .wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotateY(360deg)}}.pyramid-loader .wrapper .side{width:14px;height:14px;background:linear-gradient(to bottom right,orange,#ff4500);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform-origin:center top;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pyramid-loader .wrapper .side1{transform:rotate(-30deg) rotateY(90deg);background:linear-gradient(to bottom right,#ff4500,orange)}.pyramid-loader .wrapper .side2{transform:rotate(30deg) rotateY(90deg);background:linear-gradient(to bottom right,orange,#ff4500)}.pyramid-loader .wrapper .side3{transform:rotateX(30deg);background:linear-gradient(to bottom right,orange,#ff4500)}.pyramid-loader .wrapper .side4{transform:rotateX(-30deg);background:linear-gradient(to bottom right,#ff4500,orange)}.pyramid-loader .wrapper .shadow{width:60px;height:60px;background:#ff8c00;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transform:rotateX(90deg) translateZ(-40px);filter:blur(12px)}.index_tab_case{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}.index_tab_case nav.nav{background-color:#fdfdfd;padding:5px 5px 0;border-radius:10px 10px 0 0;border-bottom:1px solid #EEEEEE;height:44px}.index_tab_case .reset{list-style:none;margin:0;padding:0;font-weight:500;font-size:14px}.index_tab_case ul.tabs{display:flex;width:100%;height:39px}.index_tab_case li.tab{border-radius:5px 5px 0 0;width:100%;padding:0 15px;position:relative;background-color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#0f1115}.index_tab_case .underline{position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#0d63f8}.index_tab_case main{display:flex;justify-content:center;margin-top:60px;flex:1}.index_tab_case main .icon{font-size:128px}.orange{background-color:orange}.red{background-color:#f44336}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888;margin:1px}.bg-gradient-right{background-image:conic-gradient(from -90deg at 110% 100%,#fff,#ebecf0 90deg,#ebecf0 1turn)}.sp-wrapper{height:100%}.sp-layout{height:100%;display:flex}.sp-resize-handler{display:none}.sp-editor{height:100%!important;overflow-y:auto!important;--sp-font-lineHeight: 24px}.sp-421664233{--sp-font-size: 12px}.sp-preview{width:100%!important;height:100%!important}@layer switch{.left{--bg-color: rgba(0, 0, 0, .1);--border-color: rgba(0, 0, 0, .2);--x: 0}.right{--bg-color: rgba(0, 0, 0, .9);--border-color: rgba(0, 0, 0, .5);--x: 24px}}.switch{width:3.5rem;cursor:pointer;border-radius:9999px;border-width:1px;padding:1px;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(.4,0,.2,1);transition-duration:.15s}.switch:hover{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.switch{background-color:var(--bg-color);border-color:var(--border-color)}.switch .circle{height:1.5rem;width:1.5rem;border-radius:9999px;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(.4,0,.2,1);transition-duration:.15s;background-color:#fff;transform:translate(var(--x))}@layer context_count{.theme-dark{--text-color: rgba(255, 255, 255, .8);--bg-color: rgba(0, 0, 0, .8);--border-color: rgba(0, 0, 0, .1)}.theme-light{--text-color: rgba(0, 0, 0, .88);--bg-color: rgba(0, 0, 0, .02);--border-color: rgba(0, 0, 0, .1)}}.context-card{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color)}.spin{position:absolute;left:0;top:0;bottom:0;right:0;animation-duration:.4s;z-index:1000}.spin.in{animation-name:show}.spin.out{animation-name:hide;animation-fill-mode:forwards}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}._star_1fvk4_1{position:relative;transform:scale(.2);height:200px;--active-color: #d5093c;--normal-color: #cdcdcd}._cen_1fvk4_8{width:200px;height:200px;background-color:var(--normal-color)}._cen_1fvk4_8._active_1fvk4_13{background-color:var(--active-color);animation:1s _aj_1fvk4_1}#_lef_1fvk4_1{border-radius:100px;position:absolute;top:200px;left:300px}#_c_1fvk4_8{transform:rotate(45deg);position:absolute;top:275px;left:375px}#_rig_1fvk4_1{border-radius:100px;position:absolute;top:200px;left:450px}._loading_1fvk4_37{text-align:center}@keyframes _aj_1fvk4_1{0%{transform:scale(1)rotate(45deg)}50%{transform:scale(1.1)rotate(45deg)}to{transform:scale(1)rotate(45deg)}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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,samp,pre{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,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}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-text-base: #FFF;--color-text-muted: #c7d2f7;--color-text-inverted: #4f46e5;--color-fill: #4338ca;--color-button-accent: #FFF;--color-button-accent-hover: #eef2ff;--color-button-muted: 99, 102, 241;--color-primary-500: rgb(0, 193, 106) }.theme-swiss{--color-text-base: #FFF;--color-text-muted: #fecaca;--color-text-inverted: #dc2626;--color-fill: #b91c1c;--color-button-accent: #FFF;--color-button-accent-hover: #fef2f2;--color-button-muted: 239, 68, 68}.theme-neon{--color-text-base: #111802;--color-text-muted: #2fc306;--color-text-inverted: #ebfacc;--color-fill: #b3ff17;--color-button-accent: #243403;--color-button-accent-hover: #374f05;--color-button-muted: 212, 255, 122}.keep p,.keep li{margin-top:1.25rem;margin-bottom:1.25rem;font-size:14px;line-height:2rem;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.keep li{position:relative;margin-top:1rem;margin-bottom:1rem;border-radius:.375rem;border-width:1px;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-border-opacity: 1;border-bottom-color:rgb(103 232 249 / var(--tw-border-opacity));padding:.75rem 1rem;font-size:13px;line-height:1.5rem}.keep pre:not(.sp-pristine){margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity));padding:.25rem;font-size:.875rem;line-height:1.25rem}.keep pre:not(.sp-pristine) div:first-child{border-radius:.375rem;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;padding:1rem!important;line-height:1.75rem}.keep pre:has(>div>code.language-error){--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity));padding:0}.keep pre:has(>div>code.language-error):before{display:block;--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity));background-repeat:no-repeat;padding-top:.5rem;padding-bottom:.5rem;padding-left:2.5rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity));--tw-content: "Error";content:var(--tw-content);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0icmdiKDIzOSwgNjgsIDY4KSIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTIgOXYzLjc1bS05LjMwMyAzLjM3NmMtLjg2NiAxLjUuMjE3IDMuMzc0IDEuOTQ4IDMuMzc0aDE0LjcxYzEuNzMgMCAyLjgxMy0xLjg3NCAxLjk0OC0zLjM3NEwxMy45NDkgMy4zNzhjLS44NjYtMS41LTMuMDMyLTEuNS0zLjg5OCAwTDIuNjk3IDE2LjEyNlpNMTIgMTUuNzVoLjAwN3YuMDA4SDEydi0uMDA4WiIgLz4KPC9zdmc+Cg==);background-size:1.25rem;background-position:.75rem center}.keep pre:not(.sp-pristine) div:first-child:has(>code.language-error){--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity))!important}.keep pre div:has(>code.language-error) code{white-space:pre-wrap!important;overflow-wrap:break-word!important}.keep pre div:has(>code.language-error) span{--tw-text-opacity: 1 !important;color:rgb(239 68 68 / var(--tw-text-opacity))!important}.keep p a{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity));text-decoration-line:underline}.keep h1{margin-top:2.5rem;margin-bottom:2.5rem;font-size:1.5rem;line-height:2rem;font-weight:700}.keep h2{margin-top:3rem;margin-bottom:3rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.keep h2+p:has(>strong){margin-top:0;margin-bottom:2.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity));color:#ff4500}.keep blockquote{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity));padding:.125rem 1rem;line-height:1.5rem}.keep blockquote:before{margin-top:1rem;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-content: "i";content:var(--tw-content)}.keep blockquote p{margin-top:.75rem;margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));font-size:13px}.keep p code{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.keep h3{margin-top:1.5rem;font-size:15px;font-weight:700}.keep h2:has(+p){margin-bottom:.25rem;text-align:center}.keep h2:has(+p):before,.keep h2:has(+p):after{display:inline-block;font-weight:400;content:"__"}.keep hr{margin-top:3rem;margin-bottom:3rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.keepx pre:not(.sp-pristine){margin-top:0;margin-bottom:0;overflow:hidden;border-color:transparent;font-size:.875rem;line-height:1.25rem}.keepx pre:not(.sp-pristine) div:first-child{border-radius:.375rem;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important;padding:.75rem!important;line-height:1.75rem}*,: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 / .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 / .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: }.card{display:inline-block;padding:1rem;border:1px solid;border-radius:4px;border-color:#f87171;margin:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-\[-30\%\]{top:-30%;bottom:-30%}.inset-y-\[-50\%\]{top:-50%;bottom:-50%}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-6{right:1.5rem}.right-\[-5px\]{right:-5px}.top-0{top:0}.top-16{top:4rem}.top-\[-5px\]{top:-5px}.top-\[8rem\]{top:8rem}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-40{z-index:40}.z-50{z-index:50}.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}.\!my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-0{margin-left:0;margin-right:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-\[-19rem\]{margin-left:-19rem}.ml-\[-38rem\]{margin-left:-38rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-48{margin-top:12rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-\[160\%\]{height:160%}.h-\[1px\]{height:1px}.h-\[200\%\]{height:200%}.h-\[25rem\]{height:25rem}.h-\[300px\]{height:300px}.h-\[calc\(100vh_-_5rem\)\]{height:calc(100vh - 5rem)}.h-\[calc\(100vh_-_8rem\)\]{height:calc(100vh - 8rem)}.h-\[calc\(100vh_-_9rem_-_35px\)\]{height:calc(100vh - 9rem - 35px)}.h-full{height:100%}.min-h-\[calc\(100vh_-_5rem\)\]{min-height:calc(100vh - 5rem)}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-60{width:15rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[20\%\]{width:20%}.w-\[69\.5625rem\]{width:69.5625rem}.w-\[81\.25rem\]{width:81.25rem}.w-full{width:100%}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-full{min-width:100%}.max-w-0{max-width:0px}.max-w-2xl{max-width:42rem}.max-w-\[1080px\]{max-width:1080px}.max-w-\[1244px\]{max-width:1244px}.max-w-\[640px\]{max-width:640px}.max-w-\[700px\]{max-width:700px}.max-w-\[750px\]{max-width:750px}.max-w-\[768px\]{max-width:768px}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-y-\[-18deg\]{--tw-skew-y: -18deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.scroll-mt-52{scroll-margin-top:13rem}.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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.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}.justify-around{justify-content:space-around}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * 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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.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-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-amber-50{--tw-border-opacity: 1;border-color:rgb(255 251 235 / var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity))}.border-fuchsia-500{--tw-border-opacity: 1;border-color:rgb(217 70 239 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-fuchsia-100{--tw-bg-opacity: 1;background-color:rgb(250 232 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-skin-button-accent{background-color:var(--color-button-accent)}.bg-skin-button-muted{--tw-bg-opacity: 1;background-color:rgba(var(--color-button-muted),var(--tw-bg-opacity))}.bg-skin-fill{background-color:var(--color-fill)}.bg-sky-400{--tw-bg-opacity: 1;background-color:rgb(56 189 248 / var(--tw-bg-opacity))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.bg-zinc-900\/5{background-color:#18181b0d}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.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))}.from-\[\#36b49f\]{--tw-gradient-from: #36b49f var(--tw-gradient-from-position);--tw-gradient-to: rgb(54 180 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#D7EDEA\]{--tw-gradient-from: #D7EDEA var(--tw-gradient-from-position);--tw-gradient-to: rgb(215 237 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-skin-hue{--tw-gradient-from: var(--color-fill) 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)}.via-skin-hue{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-fill) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#DBFF75\]{--tw-gradient-to: #DBFF75 var(--tw-gradient-to-position)}.to-\[\#F4FBDF\]{--tw-gradient-to: #F4FBDF var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-black\/40{fill:#0006}.fill-black\/50{fill:#00000080}.fill-black\/\[0\.02\]{fill:#00000005}.fill-white{fill:#fff}.fill-zinc-700\/10{fill:#3f3f461a}.stroke-black\/5{stroke:#0000000d}.stroke-black\/50{stroke:#00000080}.stroke-black\/70{stroke:#000000b3}.stroke-zinc-700{stroke:#3f3f46}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-32{padding:8rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-36{padding-top:9rem;padding-bottom:9rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.indent-1{text-indent:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.tracking-tight{letter-spacing:-.025em}.\!text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-blue-50{--tw-text-opacity: 1;color:rgb(239 246 255 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity))}.text-fuchsia-500{--tw-text-opacity: 1;color:rgb(217 70 239 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.text-primary{color:hsl(var(--primary))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-skin-base{color:var(--color-text-base)}.text-skin-inverted{color:var(--color-text-inverted)}.text-skin-muted{color:var(--color-text-muted)}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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-sm{--tw-shadow: 0 1px 2px 0 rgb(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)}.outline{outline-style:solid}.ring-1{--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(1px + 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)}.ring-2{--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)}.ring-inset{--tw-ring-inset: inset}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.ring-indigo-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity))}.ring-indigo-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity))}.ring-red-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))}.ring-zinc-900\/25{--tw-ring-color: rgb(24 24 27 / .25)}.blur-\[26px\]{--tw-blur: blur(26px);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-\[2px\]{--tw-backdrop-blur: blur(2px);-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(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.\[mask-image\:linear-gradient\(white\,transparent\)\]{-webkit-mask-image:linear-gradient(white,transparent);mask-image:linear-gradient(white,transparent)}.\[mask-image\:radial-gradient\(farthest-side_at_top\,white\,transparent\)\]{-webkit-mask-image:radial-gradient(farthest-side at top,white,transparent);mask-image:radial-gradient(farthest-side at top,white,transparent)}.bg-primary{background-color:var(--color-primary-500)}.text-primary{color:var(--color-primary-500)}button{cursor:pointer;border-radius:.375rem;border-width:1px;border-style:solid;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;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(.4,0,.2,1);transition-duration:.15s}button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}::-webkit-scrollbar{display:none}.decorationsOverviewRuler{display:none!important}.first\:pt-0:first-child{padding-top:0}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.hover\:border-sky-400:hover{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-skin-button-accent-hover:hover{background-color:var(--color-button-accent-hover)}.hover\:bg-sky-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-opacity-70:hover{--tw-bg-opacity: .7}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.hover\:text-sky-600:hover{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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)}.hover\:shadow-zinc-900\/5:hover{--tw-shadow-color: rgb(24 24 27 / .05);--tw-shadow: var(--tw-shadow-colored)}.hover\:ring-indigo-300:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-indigo-600:focus-visible{outline-color:#4f46e5}.active\:bg-blue-100:active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.active\:bg-blue-700:active{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.active\:bg-gray-300:active{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.active\:bg-green-100:active{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.active\:bg-green-700:active{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.active\:bg-red-100:active{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.active\:bg-red-700:active{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.active\:bg-sky-100:active{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity))}.active\:bg-sky-500:active{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity))}.active\:text-blue-700:active{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.active\:text-green-700:active{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.active\:text-red-700:active{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.active\:text-sky-700:active{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity))}.group:hover .group-hover\:bg-white\/50{background-color:#ffffff80}.group:hover .group-hover\:stroke-zinc-900{stroke:#18181b}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:ring-zinc-900\/10{--tw-ring-color: rgb(24 24 27 / .1)}.group:hover .group-hover\:ring-zinc-900\/25{--tw-ring-color: rgb(24 24 27 / .25)}.dark\:hidden:is(.dark *){display:none}.dark\:from-\[\#202D2E\]:is(.dark *){--tw-gradient-from: #202D2E var(--tw-gradient-from-position);--tw-gradient-to: rgb(32 45 46 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-\[\#36b49f\]\/30:is(.dark *){--tw-gradient-from: rgb(54 180 159 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(54 180 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-\[\#303428\]:is(.dark *){--tw-gradient-to: #303428 var(--tw-gradient-to-position)}.dark\:to-\[\#DBFF75\]\/30:is(.dark *){--tw-gradient-to: rgb(219 255 117 / .3) var(--tw-gradient-to-position)}.dark\:fill-white\/10:is(.dark *){fill:#ffffff1a}.dark\:stroke-white\/10:is(.dark *){stroke:#ffffff1a}.dark\:stroke-white\/5:is(.dark *){stroke:#ffffff0d}.dark\:stroke-zinc-400:is(.dark *){stroke:#a1a1aa}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-zinc-400:is(.dark *){--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity))}.dark\:opacity-100:is(.dark *){opacity:1}.dark\:ring-white\/10:is(.dark *){--tw-ring-color: rgb(255 255 255 / .1)}.dark\:ring-white\/15:is(.dark *){--tw-ring-color: rgb(255 255 255 / .15)}.dark\:\[mask-image\:linear-gradient\(white\,transparent\)\]:is(.dark *){-webkit-mask-image:linear-gradient(white,transparent);mask-image:linear-gradient(white,transparent)}.dark\:hover\:shadow-black\/5:hover:is(.dark *){--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.group:hover .dark\:group-hover\:bg-emerald-300\/10:is(.dark *){background-color:#6ee7b71a}.group:hover .dark\:group-hover\:fill-emerald-300\/10:is(.dark *){fill:#6ee7b71a}.group:hover .dark\:group-hover\:stroke-emerald-400:is(.dark *){stroke:#34d399}.group:hover .dark\:group-hover\:ring-emerald-400:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity))}.group:hover .dark\:group-hover\:ring-white\/20:is(.dark *){--tw-ring-color: rgb(255 255 255 / .2)}@media (min-width: 640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:ml-16{margin-left:4rem}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:table-cell{display:table-cell}.sm\:hidden{display:none}.sm\:h-auto{height:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/6{width:16.666667%}.sm\:w-\[1px\]{width:1px}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-none{flex:none}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pl-0{padding-left:0}.sm\:pr-0{padding-right:0}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-48{height:12rem}.md\:w-0{width:0px}.md\:w-\[calc\(100vw_-_15rem\)\]{width:calc(100vw - 15rem)}.md\:max-w-2xl{max-width:42rem}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(3.5rem * var(--tw-space-x-reverse));margin-left:calc(3.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\: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))}.md\:border-l{border-left-width:1px}.md\:p-8{padding:2rem}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:px-32{padding-left:8rem;padding-right:8rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-4{padding-right:1rem}}@media (min-width: 1024px){.lg\:max-w-4xl{max-width:56rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 1280px){.xl\:mx-0{margin-left:0;margin-right:0}.xl\:max-w-none{max-width:none}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
diff --git a/index.html b/index.html
index b46bd79..5a93e07 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,10 @@
-
+
React 19 - 这波能反杀
-
-
+
+
diff --git a/stats.html b/stats.html
index fa5c444..60e7e93 100644
--- a/stats.html
+++ b/stats.html
@@ -4822,7 +4822,7 @@