{"html":"

\n \n

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

\n \n \n\n","css":".absolute{position:absolute}.relative{position:relative}.-left-\\[32\\%\\]{left:-32%}.-top-\\[32\\%\\]{top:-32%}.left-\\[32\\%\\]{left:32%}.right-2{right:0.5rem}.top-\\[0\\.4em\\]{top:0.4em}.top-\\[32\\%\\]{top:32%}.z-10{z-index:10}.flex{display:flex}.h-14{height:3.5rem}.h-full{height:100%}.w-14{width:3.5rem}.w-72{width:18rem}.w-full{width:100%}.-rotate-45{--tw-rotate:-45deg;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))}.rotate-45{--tw-rotate:45deg;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))}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pl-6{padding-left:1.5rem}.pr-10{padding-right:2.5rem}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-semibold{font-weight:600}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.duration-1000{transition-duration:1000ms}.group:hover .group-hover\\:-left-\\[100\\%\\]{left:-100%}.group:hover .group-hover\\:-top-\\[100\\%\\]{top:-100%}.group:hover .group-hover\\:left-\\[100\\%\\]{left:100%}.group:hover .group-hover\\:top-\\[100\\%\\]{top:100%}"}

fuzzy-liger-17

👁 实时预览

📝 源代码