{"html":"\n

\n \n \n

\n \n

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

\n \n\n","css":".absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.-left-\\[18px\\] {\n left: -18px;\n}\n.-top-5 {\n top: -1.25rem;\n}\n.left-0 {\n left: 0px;\n}\n.left-\\[24px\\] {\n left: 24px;\n}\n.top-\\[9px\\] {\n top: 9px;\n}\n.z-10 {\n z-index: 10;\n}\n.z-20 {\n z-index: 20;\n}\n.flex {\n display: flex;\n}\n.hidden {\n display: none;\n}\n.aspect-video {\n aspect-ratio: 16 / 9;\n}\n.h-0 {\n height: 0px;\n}\n.h-1 {\n height: 0.25rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-9 {\n height: 2.25rem;\n}\n.h-full {\n height: 100%;\n}\n.w-0 {\n width: 0px;\n}\n.w-48 {\n width: 12rem;\n}\n.w-6 {\n width: 1.5rem;\n}\n.w-\\[24px\\] {\n width: 24px;\n}\n.w-\\[25px\\] {\n width: 25px;\n}\n.w-full {\n width: 100%;\n}\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n.skew-y-\\[-39deg\\] {\n --tw-skew-y: -39deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.skew-y-\\[39deg\\] {\n --tw-skew-y: 39deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.items-center {\n align-items: center;\n}\n.gap-x-2 {\n column-gap: 0.5rem;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-xl {\n border-radius: 0.75rem;\n}\n.border-4 {\n border-width: 4px;\n}\n.border-b-4 {\n border-bottom-width: 4px;\n}\n.border-l-2 {\n border-left-width: 2px;\n}\n.border-l-\\[18px\\] {\n border-left-width: 18px;\n}\n.border-l-\\[24px\\] {\n border-left-width: 24px;\n}\n.border-r-2 {\n border-right-width: 2px;\n}\n.border-r-4 {\n border-right-width: 4px;\n}\n.border-r-\\[18px\\] {\n border-right-width: 18px;\n}\n.border-r-\\[24px\\] {\n border-right-width: 24px;\n}\n.border-t-\\[15px\\] {\n border-top-width: 15px;\n}\n.border-t-\\[20px\\] {\n border-top-width: 20px;\n}\n.border-\\[\\#121331\\] {\n --tw-border-opacity: 1;\n border-color: rgb(18 19 49 / var(--tw-border-opacity));\n}\n.border-l-transparent {\n border-left-color: transparent;\n}\n.border-r-transparent {\n border-right-color: transparent;\n}\n.border-t-\\[\\#121331\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(18 19 49 / var(--tw-border-opacity));\n}\n.border-t-\\[\\#e44901\\] {\n --tw-border-opacity: 1;\n border-top-color: rgb(228 73 1 / var(--tw-border-opacity));\n}\n.bg-\\[\\#121331\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(18 19 49 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#c44002\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(196 64 2 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#ebe6ef\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(235 230 239 / var(--tw-bg-opacity));\n}\n.bg-\\[\\#f24c00\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(242 76 0 / var(--tw-bg-opacity));\n}\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.has-\\[\\:checked\\]\\:scale-x-\\[-1\\]:has(:checked) {\n --tw-scale-x: -1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.has-\\[\\:checked\\]\\:bg-\\[\\#3a3347\\]:has(:checked) {\n --tw-bg-opacity: 1;\n background-color: rgb(58 51 71 / var(--tw-bg-opacity));\n}\n"}

odd-fireant-56

👁 实时预览

📝 源代码