{"html":"

\n \n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In massa ipsum, laoreet quis mollis nec, feugiat in dui. Suspendisse et enim pretium, ullamcorper enim laoreet.

from: @Yaya12085\n \n

","css":".card {\n position: relative;\n background-color: #30344c;\n padding: 1em;\n z-index: 5;\n box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);\n border-radius: 10px;\n max-width: 300px;\n transition: 200ms ease-in-out;\n}\n\n.username {\n color: #C6E1ED;\n font-size: 0.85em;\n font-weight: 600;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n}\n\n.body .text {\n margin: 0 10px 0 0;\n white-space: pre-line;\n color: #c0c3d7;\n font-weight: 400;\n line-height: 1.5;\n margin-bottom: 4px;\n}\n\n.footer {\n position: relative;\n width: 100%;\n color: #9fa4aa;\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border: none;\n margin-top: 10px;\n}\n\n.footer div {\n margin-right: 1rem;\n height: 20px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.footer svg {\n margin-right: 5px;\n height: 100%;\n stroke: #9fa4aa;\n}\n\n.viewer span {\n height: 20px;\n width: 20px;\n background-color: rgb(28, 117, 219);\n margin-right: -6px;\n border-radius: 50%;\n border: 1px solid #fff;\n display: grid;\n align-items: center;\n text-align: center;\n font-weight: bold;\n font-size: 8px;\n color: #fff;\n padding: 2px;\n}\n\n.viewer span svg {\n stroke: #fff;\n}\n\n\n\n\n\n\n\n\n\n"}

tall-goose-27

👁 实时预览

📝 源代码