.cell{width:60px;height:60px;background-color:#eee;-webkit-user-select:none;user-select:none;border-radius:50%;color:#666}.cell.active{background-color:#00dc82;color:#fff}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;margin-bottom:5px}.pattern-grid .cell{width:20px;height:20px}.pattern-history-item{pointer-events:none;opacity:.8}.pattern-history-item .react-pattern-lock__point-inner{width:24px!important;height:24px!important;font-size:14px!important;-webkit-tap-highlight-color:transparent!important}.pattern-history-item .react-pattern-lock__connector{height:2px!important;border-radius:1px!important}.react-pattern-lock__point-inner{background-color:#eee!important;border:none!important;border-radius:50%!important;color:#666!important;font-weight:700!important;transition:all .2s ease!important;display:flex!important;justify-content:center!important;align-items:center!important;-webkit-tap-highlight-color:transparent!important}.pattern-number{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.react-pattern-lock__point{-webkit-tap-highlight-color:transparent!important}.react-pattern-lock__point-wrapper.selected .react-pattern-lock__point-inner{background-color:#00dc82!important;color:#fff!important;transition:none!important;-webkit-tap-highlight-color:transparent!important}.react-pattern-lock__connector{background-color:#00dc82!important;height:3px!important;border-radius:1.5px!important}*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Noto Sans CJK SC,sans-serif}.hue-rotate-animation{animation:hue-rotate 8s linear infinite;animation-fill-mode:both}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.transition-enter-appear{opacity:0!important;transform:translate(-30px)!important}.transition-enter-appear-active{opacity:1!important;transform:translate(0)!important;transition:all .2s ease-in-out!important}.transition-enter-enter{opacity:0!important;transform:translate(-30px)!important}.transition-enter-enter-active{opacity:1!important;transform:translate(0)!important;transition:all .2s ease-in-out!important}.transition-enter-exit{opacity:1!important;transform:translate(0)!important}.transition-enter-exit-active{opacity:0!important;transform:translate(30px)!important;transition:all .2s ease-in-out!important}.font-mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,Courier New,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.flex-center{display:flex;align-items:center;justify-content:center}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.z-1000{z-index:1000}.z-50{z-index:50}.grid{display:grid}.grid-cols-\[0fr\]{grid-template-columns:0fr}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-a,.ml-auto{margin-left:auto}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.hidden{display:none}.max-h-\[60vh\]{max-height:60vh}.max-w-200{max-width:50rem}.max-w-full{max-width:100%}.min-h-0{min-height:0}.min-w-0{min-width:0}.w-full{width:100%}.max-w-screen-xl{max-width:1280px}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.25rem * var(--un-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.75rem * var(--un-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse))}.of-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.ws-nowrap{white-space:nowrap}.break-all{word-break:break-all}.b-1,.border{border-width:1px}.border-b{border-bottom-width:1px}.b-\#58ceb6{--un-border-opacity:1;border-color:rgba(88,206,182,var(--un-border-opacity))}.b-green-500\/50{border-color:#22c55e80}.b-orange-500\/50{border-color:#f9731680}.b-red{--un-border-opacity:1;border-color:rgba(248,113,113,var(--un-border-opacity))}.b-transparent{border-color:transparent}.border-gray-200{--un-border-opacity:1;border-color:rgba(229,231,235,var(--un-border-opacity))}.border-green-100{--un-border-opacity:1;border-color:rgba(220,252,231,var(--un-border-opacity))}.rounded-2,.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.b-solid{border-style:solid}.bg-green-500\/10{background-color:#22c55e1a}.bg-orange-500\/10{background-color:#f973161a}.bg-red-500{--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity))}.bg-white\/50{background-color:#ffffff80}.hover\:bg-gray-50:hover{--un-bg-opacity:1;background-color:rgba(249,250,251,var(--un-bg-opacity))}.hover\:bg-red-600:hover{--un-bg-opacity:1;background-color:rgba(220,38,38,var(--un-bg-opacity))}.from-amber-500{--un-gradient-from-position:0%;--un-gradient-from:rgba(245,158,11,var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgba(245,158,11,0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-green-400{--un-gradient-from-position:0%;--un-gradient-from:rgba(74,222,128,var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgba(74,222,128,0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.from-green-50{--un-gradient-from-position:0%;--un-gradient-from:rgba(240,253,244,var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgba(240,253,244,0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to)}.to-orange-500{--un-gradient-to-position:100%;--un-gradient-to:rgba(249,115,22,var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-teal-400{--un-gradient-to-position:100%;--un-gradient-to:rgba(45,212,191,var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.to-teal-50{--un-gradient-to-position:100%;--un-gradient-to:rgba(240,253,250,var(--un-to-opacity, 1)) var(--un-gradient-to-position)}.bg-gradient-to-r{--un-gradient-shape:to right;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:.5rem}.p-4{padding:1rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-10\!{padding-left:2.5rem!important;padding-right:2.5rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20\!{padding-left:5rem!important;padding-right:5rem!important}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3{font-size:.75rem}.text-4\.5{font-size:1.125rem}.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-medium{font-weight:500}.font-semibold{font-weight:600}.c-\#00dc82{--un-text-opacity:1;color:rgba(0,220,130,var(--un-text-opacity))}.c-\#bc48fe{--un-text-opacity:1;color:rgba(188,72,254,var(--un-text-opacity))}.c-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity))}.c-transparent{color:transparent}.text-\#777{--un-text-opacity:1;color:rgba(119,119,119,var(--un-text-opacity))}.text-amber-600{--un-text-opacity:1;color:rgba(217,119,6,var(--un-text-opacity))}.text-blue-600{--un-text-opacity:1;color:rgba(37,99,235,var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity))}.text-gray-500{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgba(75,85,99,var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity))}.text-gray-800{--un-text-opacity:1;color:rgba(31,41,55,var(--un-text-opacity))}.text-green-500{--un-text-opacity:1;color:rgba(34,197,94,var(--un-text-opacity))}.text-green-600{--un-text-opacity:1;color:rgba(22,163,74,var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.hover\:text-gray-800:hover{--un-text-opacity:1;color:rgba(31,41,55,var(--un-text-opacity))}.hover\:text-green-600:hover{--un-text-opacity:1;color:rgba(22,163,74,var(--un-text-opacity))}.hover\:text-yellow-200:hover{--un-text-opacity:1;color:rgba(254,240,138,var(--un-text-opacity))}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.no-underline{text-decoration:none}.op-0{opacity:0}.op-100{opacity:1}.opacity-90{opacity:.9}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0,0,0,.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0,0,0,.1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0,0,0,.05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all-200{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.transition-all-300{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:p-4{padding:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}