{"html":"\n \n

Dubai

March 13

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

\n 27° /19°\n

Sunny

\n \n\n","css":".mx-1 {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n.flex {\n display: flex;\n}\n.aspect-video {\n aspect-ratio: 16 / 9;\n}\n.h-32 {\n height: 8rem;\n}\n.w-32 {\n width: 8rem;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-full {\n width: 100%;\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n.animate-\\[pulse_1s_cubic-bezier\\(0\\.4\\2c _0\\2c _0\\.6\\2c _1\\)_infinite\\;\\] {\n animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n.animate-\\[pulse_2s_cubic-bezier\\(0\\.4\\2c _0\\2c _0\\.6\\2c _1\\)_infinite\\;\\] {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.animate-\\[spin_5s_linear_infinite\\;\\] {\n animation: spin 5s linear infinite;\n}\n.flex-col {\n flex-direction: column;\n}\n.items-center {\n align-items: center;\n}\n.justify-center {\n justify-content: center;\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-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity));\n}\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity));\n}\n.fill-current {\n fill: currentColor;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.p-8 {\n padding: 2rem;\n}\n.text-center {\n text-align: center;\n}\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.font-normal {\n font-weight: 400;\n}\n.font-semibold {\n font-weight: 600;\n}\n.text-gray-100 {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity));\n}\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.text-yellow-400 {\n --tw-text-opacity: 1;\n color: rgb(250 204 21 / var(--tw-text-opacity));\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),\n 0 1px 2px -1px 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@media (min-width: 640px) {\n .sm\\:px-12 {\n padding-left: 3rem;\n padding-right: 3rem;\n }\n}\n"}

wonderful-octopus-16

👁 实时预览

📝 源代码