{"html":"

\n \n Facebook\n \n \n YouTube\n \n \n Twitter\n \n \n Instagram\n \n

\n","css":".mb-2 {\n margin-bottom: 0.5rem;\n}\n.mr-2 {\n margin-right: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.h-full {\n height: 100%;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\n}\n.rounded-lg {\n border-radius: 0.5rem;\n}\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-blue-400 {\n --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-blue-500 {\n --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-pink-500 {\n --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-red-500 {\n --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.via-blue-500 {\n --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from),\n #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);\n}\n.via-blue-600 {\n --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from),\n #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);\n}\n.via-pink-600 {\n --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from),\n #db2777 var(--tw-gradient-via-position), var(--tw-gradient-to);\n}\n.via-red-600 {\n --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from),\n #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);\n}\n.to-blue-600 {\n --tw-gradient-to: #2563eb var(--tw-gradient-to-position);\n}\n.to-blue-700 {\n --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);\n}\n.to-pink-700 {\n --tw-gradient-to: #be185d var(--tw-gradient-to-position);\n}\n.to-red-700 {\n --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);\n}\n.px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.text-center {\n text-align: center;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.font-medium {\n font-weight: 500;\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),\n 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-blue-400\\/50 {\n --tw-shadow-color: rgb(96 165 250 / 0.5);\n --tw-shadow: var(--tw-shadow-colored);\n}\n.shadow-blue-500\\/50 {\n --tw-shadow-color: rgb(59 130 246 / 0.5);\n --tw-shadow: var(--tw-shadow-colored);\n}\n.shadow-pink-500\\/50 {\n --tw-shadow-color: rgb(236 72 153 / 0.5);\n --tw-shadow: var(--tw-shadow-colored);\n}\n.shadow-red-500\\/50 {\n --tw-shadow-color: rgb(239 68 68 / 0.5);\n --tw-shadow: var(--tw-shadow-colored);\n}\n.hover\\:bg-gradient-to-br:hover {\n background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));\n}\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.focus\\:ring-4:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0\n var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\n calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-blue-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));\n}\n.focus\\:ring-pink-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity));\n}\n.focus\\:ring-red-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n@media (prefers-color-scheme: dark) {\n .dark\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),\n 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n }\n .dark\\:shadow-blue-800\\/80 {\n --tw-shadow-color: rgb(30 64 175 / 0.8);\n --tw-shadow: var(--tw-shadow-colored);\n }\n .dark\\:shadow-pink-800\\/80 {\n --tw-shadow-color: rgb(157 23 77 / 0.8);\n --tw-shadow: var(--tw-shadow-colored);\n }\n .dark\\:shadow-red-800\\/80 {\n --tw-shadow-color: rgb(153 27 27 / 0.8);\n --tw-shadow: var(--tw-shadow-colored);\n }\n .dark\\:focus\\:ring-blue-800:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));\n }\n .dark\\:focus\\:ring-pink-800:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(157 23 77 / var(--tw-ring-opacity));\n }\n .dark\\:focus\\:ring-red-800:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));\n }\n}\n"}

afraid-eagle-38

👁 实时预览

📝 源代码