{"html":"

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

","css":".card {\n background-color: #e4e4e4;\n border-radius: 15px;\n box-shadow: 10px 10px 20px #c4c4c4,\n -10px -10px 20px #ffffff;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n padding: 4px;\n}\n\n.button {\n background-color: #e4e4e4;\n border: none;\n border-radius: 10px;\n box-shadow: inset 5px 5px 5px #c4c4c4,\n inset -5px -5px 5px #ffffff;\n color: #333;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n font-size: 13px;\n font-weight: bold;\n margin: 3px;\n padding: 10px;\n text-transform: uppercase;\n}\n\n.button:hover {\n box-shadow: none;\n}\n\n.svg {\n width: 20px;\n height: 20px;\n margin-right: 5px;\n}\n\n.card .Explore {\n color: #3035cb;\n}\n\n.card .Explore:hover {\n background-color: #3035cb;\n color: #e4e4e4;\n}\n\n.card .Explore svg {\n fill: #3035cb;\n}\n\n.card .Explore:hover svg {\n fill: #e4e4e4;\n}\n\n.card .Post {\n color: #333;\n}\n\n.card .Post:hover {\n background-color: #333;\n color: #e4e4e4;\n}\n\n.card .Post svg {\n fill: #333;\n}\n\n.card .Post:hover svg {\n fill: #e4e4e4;\n}\n\n.card .Chat {\n color: #b82323;\n}\n\n.card .Chat:hover {\n background-color: #b82323;\n color: #e4e4e4;\n}\n\n.card .Chat svg {\n fill: #b82323;\n}\n\n.card .Chat:hover svg {\n fill: #e4e4e4;\n}\n"}

unlucky-seahorse-76

👁 实时预览

📝 源代码