{"html":"\n \n \n \n \n \n \n \n \n \n\n","css":".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}.absolute{position:absolute}.relative{position:relative}.left-1{left:0.25rem}.left-6{left:1.5rem}.top-1{top:0.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-3\\.5{height:0.875rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:0.25rem}.rounded-sm{border-radius:0.125rem}.border{border-width:1px}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.stroke-gray-900{stroke:#111827}.pl-7{padding-left:1.75rem}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-red-600{--tw-shadow-color:#dc2626;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.peer:checked ~ .peer-checked\\:left-7{left:1.75rem}.peer:checked ~ .peer-checked\\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.peer:checked ~ .peer-checked\\:pl-2{padding-left:0.5rem}.peer:checked ~ .peer-checked\\:opacity-0{opacity:0}.peer:checked ~ .peer-checked\\:opacity-100{opacity:1}.peer:checked ~ .peer-checked\\:shadow-green-600{--tw-shadow-color:#16a34a;--tw-shadow:var(--tw-shadow-colored)}.peer:focus ~ .peer-focus\\:outline-none{outline:2px solid transparent;outline-offset:2px}"}

smart-eagle-39

👁 实时预览

📝 源代码