{"html":"

\n \n

\n \n \n \n

You have a message !

Click To see the message ...

\n \n \n \n \n \n

\n\n","css":".fixed {\n position: fixed;\n}\n.z-50 {\n z-index: 50;\n}\n.flex {\n display: flex;\n}\n.h-12 {\n height: 3rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.w-6 {\n width: 1.5rem;\n}\n.w-60 {\n width: 15rem;\n}\n.w-full {\n width: 100%;\n}\n.cursor-default {\n cursor: default;\n}\n.flex-col {\n flex-direction: column;\n}\n.items-center {\n align-items: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.rounded-lg {\n border-radius: 0.5rem;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.bg-\\[\\#232531\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(35 37 49 / var(--tw-bg-opacity));\n}\n.bg-white\\/5 {\n background-color: rgb(255 255 255 / 0.05);\n}\n.p-1 {\n padding: 0.25rem;\n}\n.px-\\[10px\\] {\n padding-left: 10px;\n padding-right: 10px;\n}\n.text-\\[10px\\] {\n font-size: 10px;\n}\n.text-\\[\\#1c56be\\] {\n --tw-text-opacity: 1;\n color: rgb(28 86 190 / var(--tw-text-opacity));\n}\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity));\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.shadow-\\[\\#1c569e\\] {\n --tw-shadow-color: #1c569e;\n --tw-shadow: var(--tw-shadow-colored);\n}\n.backdrop-blur-xl {\n --tw-backdrop-blur: blur(24px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\n var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\n var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\n var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\n var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\n var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\n var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\n var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\n var(--tw-backdrop-sepia);\n}\n.transition-colors {\n transition-property: color, background-color, border-color, fill, stroke,\n -webkit-text-decoration-color;\n transition-property: color, background-color, border-color,\n text-decoration-color, fill, stroke;\n transition-property: color, background-color, border-color,\n text-decoration-color, fill, stroke, -webkit-text-decoration-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.ease-linear {\n transition-timing-function: linear;\n}\n.hover\\:bg-white\\/10:hover {\n background-color: rgb(255 255 255 / 0.1);\n}\n@media (min-width: 640px) {\n .sm\\:h-14 {\n height: 3.5rem;\n }\n .sm\\:w-72 {\n width: 18rem;\n }\n .sm\\:text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n }\n}\n"}

dull-fly-9

👁 实时预览

📝 源代码