{"html":"\n

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

Seasoning City, Dishland

28°C

\n \n \n \n \n

Don’t miss out the Rainbow

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

Wind Speed

\n \n

11km/hr

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

AQI

\n \n

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

Humidity

\n \n

45%

\n \n \n \n

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

Feels like 24°C

\n \n \n\n","css":".absolute{position:absolute}.relative{position:relative}.bottom-\\[8px\\]{bottom:8px}.left-1\\/2{left:50%}.z-0{z-index:0}.z-\\[-1\\]{z-index:-1}.flex{display:flex}.h-\\[0\\.5em\\]{height:0.5em}.h-\\[0\\.5px\\]{height:0.5px}.h-\\[48px\\]{height:48px}.h-\\[4em\\]{height:4em}.h-\\[4px\\]{height:4px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.min-h-\\[10em\\]{min-height:10em}.w-\\[1px\\]{width:1px}.w-\\[32px\\]{width:32px}.w-\\[48px\\]{width:48px}.w-\\[6rem\\]{width:6rem}.w-full{width:100%}.min-w-\\[16em\\]{min-width:16em}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[0\\.125em\\]{gap:0.125em}.gap-\\[0\\.5em\\]{gap:0.5em}.gap-\\[1em\\]{gap:1em}.rounded-\\[1\\.5em\\]{border-radius:1.5em}.rounded-full{border-radius:9999px}.bg-\\[\\#68082e\\]{--tw-bg-opacity:1;background-color:rgb(104 8 46 / var(--tw-bg-opacity))}.bg-\\[\\#FFDAE9\\]{--tw-bg-opacity:1;background-color:rgb(255 218 233 / var(--tw-bg-opacity))}.bg-\\[hsla\\(336\\2c 86\\%\\2c 70\\%\\2c 0\\.5\\)\\]{background-color:hsla(336,86%,70%,0.5)}.p-\\[0\\.25em\\]{padding:0.25em}.px-\\[1em\\]{padding-left:1em;padding-right:1em}.py-\\[0\\.25em\\]{padding-top:0.25em;padding-bottom:0.25em}.py-\\[0\\.5em\\]{padding-top:0.5em;padding-bottom:0.5em}.text-center{text-align:center}.text-\\[0\\.625em\\]{font-size:0.625em}.text-\\[0\\.625rem\\]{font-size:0.625rem}.text-\\[0\\.75em\\]{font-size:0.75em}.text-\\[0\\.75rem\\]{font-size:0.75rem}.text-\\[1\\.5em\\]{font-size:1.5em}.font-light{font-weight:300}.font-semibold{font-weight:600}.text-\\[\\#F471A6\\]{--tw-text-opacity:1;color:rgb(244 113 166 / var(--tw-text-opacity))}.shadow-\\[0px_4px_16px_0px_\\#222\\]{--tw-shadow:0px 4px 16px 0px #222;--tw-shadow-colored:0px 4px 16px 0px 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-\\[6px\\]{--tw-blur:blur(6px);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)}.duration-200{transition-duration:200ms}.ease-linear{transition-timing-function:linear}.group:hover .group-hover\\:w-\\[16px\\]{width:16px}.group:hover .group-hover\\:-translate-y-\\[8px\\]{--tw-translate-y:-8px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:blur-\\[4px\\]{--tw-blur:blur(4px);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)}"}

warm-yak-96

👁 实时预览

📝 源代码