{"html":"

\n \n \n \n

UIVERSE

03.04.2024 - 04.04.2024

\n","css":".card {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n width: 285px;\n padding: 8px;\n background-color: #282727;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n cursor: pointer;\n aspect-ratio: 16/12;\n transition: all 0.3s ease;\n}\n\n.card .no-image {\n border: 2px dashed #373737;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n aspect-ratio: 16/8;\n}\n\n.card .no-image .icon {\n width: 60px;\n color: #373737;\n}\n\n.card .image {\n width: 100%;\n aspect-ratio: 16/8;\n}\n\n.card .image .picture {\n border-radius: 8px;\n width: inherit;\n aspect-ratio: 16/8;\n}\n\n.card .content {\n display: flex;\n flex-direction: column;\n padding-top: 12px;\n padding-left: 4px;\n}\n\n.card .content .name {\n font-size: 1.5rem;\n color: #ffffff;\n}\n\n.card .content .time {\n padding-top: 12px;\n font-size: 0.875rem;\n color: #c5c5c5;\n}\n\n.card:hover {\n -webkit-box-shadow: 0px 0px 15px -8px rgba(66, 68, 90, 1);\n -moz-box-shadow: 0px 0px 15px -8px rgba(66, 68, 90, 1);\n box-shadow: 0px 0px 15px -8px rgba(66, 68, 90, 1);\n}\n"}

bitter-moth-75

👁 实时预览

📝 源代码