UNPKG

koishi-plugin-wordle-game

Version:

Koishi 的 Wordle | 汉兜 | 词影 | Numberle | Math | Lewdle 游戏插件。

1,217 lines (964 loc) 21 kB
.shaking.svelte-n2hnfv { -webkit-animation-name: svelte-n2hnfv-Shake; animation-name: svelte-n2hnfv-Shake; -webkit-animation-duration: .6s; animation-duration: .6s } .lds-spinner.svelte-1048utd div.svelte-1048utd { transform-origin: 20px 20px; -webkit-animation: svelte-1048utd-lds-spinner 1.2s linear infinite; animation: svelte-1048utd-lds-spinner 1.2s linear infinite } .lds-spinner.svelte-1048utd div.svelte-1048utd:after { content: ""; position: absolute; top: 1.5px; left: 18.5px; width: 3px; height: 9px; border-radius: 20%; background: currentColor } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(1) { transform: rotate(0); -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(2) { transform: rotate(30deg); -webkit-animation-delay: -1s; animation-delay: -1s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(3) { transform: rotate(60deg); -webkit-animation-delay: -.9s; animation-delay: -.9s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(4) { transform: rotate(90deg); -webkit-animation-delay: -.8s; animation-delay: -.8s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(5) { transform: rotate(120deg); -webkit-animation-delay: -.7s; animation-delay: -.7s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(6) { transform: rotate(150deg); -webkit-animation-delay: -.6s; animation-delay: -.6s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(7) { transform: rotate(180deg); -webkit-animation-delay: -.5s; animation-delay: -.5s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(8) { transform: rotate(210deg); -webkit-animation-delay: -.4s; animation-delay: -.4s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(9) { transform: rotate(240deg); -webkit-animation-delay: -.3s; animation-delay: -.3s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(10) { transform: rotate(270deg); -webkit-animation-delay: -.2s; animation-delay: -.2s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(11) { transform: rotate(300deg); -webkit-animation-delay: -.1s; animation-delay: -.1s } .lds-spinner.svelte-1048utd div.svelte-1048utd:nth-child(12) { transform: rotate(330deg); -webkit-animation-delay: 0s; animation-delay: 0s } *, :before, :after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb } :before, :after { --tw-content: "" } html { 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, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" } 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-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-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0 } button, select { text-transform: none } button, [type=button], [type=reset], [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 } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af } input:-ms-input-placeholder, textarea:-ms-input-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 } *, :before, :after { --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-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: ; } .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 } .absolute { position: absolute } .relative { position: relative } .top-0 { top: 0px } .left-0 { left: 0px } .bottom-0 { bottom: 0px } .right-full { right: 100% } .top-4 { top: 1rem } .right-4 { right: 1rem } .top-\[10\%\] { top: 10% } .z-10 { z-index: 10 } .z-30 { z-index: 30 } .z-20 { z-index: 20 } .order-2 { order: 2 } .float-right { float: right } .float-left { float: left } .m-4 { margin: 1rem } .mx-auto { margin-left: auto; margin-right: auto } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .mt-4 { margin-top: 1rem } .mr-auto { margin-right: auto } .ml-auto { margin-left: auto } .mt-8 { margin-top: 2rem } .mt-1 { margin-top: .25rem } .ml-3 { margin-left: .75rem } .-mr-1 { margin-right: -.25rem } .mt-2 { margin-top: .5rem } .mb-2 { margin-bottom: .5rem } .ml-4 { margin-left: 1rem } .mb-10 { margin-bottom: 2.5rem } .mb-1 { margin-bottom: .25rem } .ml-1 { margin-left: .25rem } .ml-2 { margin-left: .5rem } .mr-1 { margin-right: .25rem } .mt-6 { margin-top: 1.5rem } .flex { display: flex } .grid { display: grid } .h-full { height: 100% } .h-6 { height: 1.5rem } .h-16 { height: 4rem } .h-14 { height: 3.5rem } .h-10 { height: 2.5rem } .h-5 { height: 1.25rem } .h-4 { height: 1rem } .h-12 { height: 3rem } .h-24 { height: 6rem } .h-32 { height: 8rem } .max-h-full { max-height: 100% } .w-full { width: 100% } .w-6 { width: 1.5rem } .w-0 { width: 0px } .w-12 { width: 3rem } .w-24 { width: 6rem } .w-32 { width: 8rem } .w-16 { width: 4rem } .w-48 { width: 12rem } .w-10 { width: 2.5rem } .w-4\/5 { width: 80% } .w-2 { width: .5rem } .w-1\/2 { width: 50% } .w-8 { width: 2rem } .w-4 { width: 1rem } .max-w-md { max-width: 28rem } .max-w-7xl { max-width: 80rem } .flex-1 { flex: 1 1 0% } .flex-shrink-0 { flex-shrink: 0 } .flex-grow { flex-grow: 1 } .translate-x-0\.5 { --tw-translate-x: .125rem; 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)) } .translate-x-0 { --tw-translate-x: 0px; 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)) } .-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)) } .transform { 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)) } .animate-bounce { -webkit-animation: bounce 1s infinite; animation: bounce 1s infinite } .cursor-pointer { cursor: pointer } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .flex-nowrap { flex-wrap: nowrap } .items-center { align-items: center } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-items-center { justify-items: center } .gap-1 { gap: .25rem } .gap-2 { gap: .5rem } .overflow-y-auto { overflow-y: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-y-hidden { overflow-y: hidden } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .overflow-ellipsis { text-overflow: ellipsis } .whitespace-nowrap { white-space: nowrap } .whitespace-pre-line { white-space: pre-line } .rounded-md { border-radius: .375rem } .rounded { border-radius: .25rem } .rounded-lg { border-radius: .5rem } .rounded-full { border-radius: 9999px } .border { border-width: 1px } .border-2 { border-width: 2px } .border-b { border-bottom-width: 1px } .border-r { border-right-width: 1px } .border-neutral-300 { --tw-border-opacity: 1; border-color: rgb(212 212 212 / var(--tw-border-opacity)) } .border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity)) } .border-neutral-600 { --tw-border-opacity: 1; border-color: rgb(82 82 82 / var(--tw-border-opacity)) } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)) } .border-neutral-500 { --tw-border-opacity: 1; border-color: rgb(115 115 115 / var(--tw-border-opacity)) } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .bg-correct { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) } .bg-transparent { background-color: transparent } .bg-neutral-500 { --tw-bg-opacity: 1; background-color: rgb(115 115 115 / var(--tw-bg-opacity)) } .bg-neutral-400 { --tw-bg-opacity: 1; background-color: rgb(163 163 163 / var(--tw-bg-opacity)) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) } .bg-opacity-50 { --tw-bg-opacity: .5 } .fill-white { fill: #fff } .fill-correct { fill: #0d9488 } .p-2 { padding: .5rem } .p-4 { padding: 1rem } .py-8 { padding-top: 2rem; padding-bottom: 2rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .px-3 { padding-left: .75rem; padding-right: .75rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .px-1 { padding-left: .25rem; padding-right: .25rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-0\.5 { padding-left: .125rem; padding-right: .125rem } .px-0 { padding-left: 0; padding-right: 0 } .pl-2 { padding-left: .5rem } .pr-2 { padding-right: .5rem } .pb-2 { padding-bottom: .5rem } .pb-1 { padding-bottom: .25rem } .pr-3 { padding-right: .75rem } .pl-3 { padding-left: .75rem } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .font-serif { font-family: AR PL KaitiM GB, ui-serif, Georgia, Cambria, Times New Roman, Times, serif } .text-xl { font-size: 1.25rem; line-height: 1.75rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-3xl { font-size: 1.875rem; line-height: 2.25rem } .text-xs { font-size: .75rem; line-height: 1rem } .text-4xl { font-size: 2.25rem; line-height: 2.5rem } .text-5xl { font-size: 3rem; line-height: 1 } .font-bold { font-weight: 700 } .font-medium { font-weight: 500 } .font-semibold { font-weight: 600 } .tracking-wider { letter-spacing: .05em } .text-correct { --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline } .opacity-80 { opacity: .8 } .opacity-0 { opacity: 0 } .opacity-70 { opacity: .7 } .opacity-50 { opacity: .5 } .opacity-60 { opacity: .6 } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .blur { --tw-blur: blur(8px); 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) } .transition { transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -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-text-decoration-color, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s } .duration-300 { transition-duration: .3s } .duration-700 { transition-duration: .7s } @font-face { font-family: AR PL KaitiM GB; font-style: normal; font-weight: 400; src: url(gkai00mp.woff2) format("woff2") } .checked\:bg-correct:checked { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) } .hover\:bg-teal-500:hover { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) } .hover\:opacity-90:hover { opacity: .9 } .disabled\:text-neutral-400:disabled { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)) } .group:active .group-active\:rotate-\[360deg\] { --tw-rotate: 360deg; 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)) } .group:active .group-active\:duration-\[0ms\] { transition-duration: 0ms } .peer:checked ~ .peer-checked\:translate-x-3\.5 { --tw-translate-x: .875rem; 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)) } .peer:checked ~ .peer-checked\:translate-x-3 { --tw-translate-x: .75rem; 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)) } .dark .dark\:border-neutral-700 { --tw-border-opacity: 1; border-color: rgb(64 64 64 / var(--tw-border-opacity)) } .dark .dark\:border-neutral-600 { --tw-border-opacity: 1; border-color: rgb(82 82 82 / var(--tw-border-opacity)) } .dark .dark\:border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(163 163 163 / var(--tw-border-opacity)) } .dark .dark\:border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)) } .dark .dark\:border-neutral-500 { --tw-border-opacity: 1; border-color: rgb(115 115 115 / var(--tw-border-opacity)) } .dark .dark\:bg-neutral-900 { --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity)) } .dark .dark\:bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) } .dark .dark\:bg-neutral-700 { --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)) } .dark .dark\:bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .dark .dark\:bg-opacity-50 { --tw-bg-opacity: .5 } .dark .dark\:fill-white { fill: #fff } .dark .dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .dark .dark\:text-neutral-900 { --tw-text-opacity: 1; color: rgb(23 23 23 / var(--tw-text-opacity)) } .dark .disabled\:dark\:text-neutral-600:disabled { --tw-text-opacity: 1; color: rgb(82 82 82 / var(--tw-text-opacity)) } @media (min-width: 640px) { .sm\:order-3 { order: 3 } .sm\:ml-3 { margin-left: .75rem } .sm\:-mr-2 { margin-right: -.5rem } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } } @media (min-width: 1024px) { .lg\:px-8 { padding-left: 2rem; padding-right: 2rem } } @media (hover: hover) { .betterhover\:hover\:scale-y-90:hover { --tw-scale-y: .9; 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)) } }