{"html":"

Rick And Morty

\n \n

46Ep

Fantasy

\n \n \n

","css":".card {\n --width: 190px;\n --height: 210px;\n --primary: #00b9ae;\n --text: #f9f9f9b2;\n --secondary: #f9f9f933;\n --radius: 20px;\n color: #fff;\n font-family: Arial, Helvetica, sans-serif;\n width: var(--width);\n height: var(--height);\n background: linear-gradient(\n 180deg,\n rgba(22, 24, 30, 0) 0%,\n rgba(22, 24, 30, 0.7) 65.28%\n ),\n linear-gradient(0deg, rgba(22, 24, 30, 0.4), rgba(22, 24, 30, 0.4));\n background-size: cover;\n border-radius: var(--radius);\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n padding: 1em;\n padding-top: 1.4em;\n}\n\n\n/* */\n\n.card .card__title {\n margin: 0;\n font-size: 1.2rem;\n font-weight: bold;\n margin-top: 0.2rem;\n}\n\n.rating {\n margin-top: 0.5em;\n width: 85px;\n height: 16px;\n background-image: url(\"data:image/svg+xml,%20%3Csvg%0A%20%20%20%20%20%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20%20%20width%3D%2217%22%0A%20%20%20%20%20%20%20%20%20%20height%3D%2217%22%0A%20%20%20%20%20%20%20%20%20%20viewBox%3D%220%200%2017%2017%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22none%22%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M8.51948%201.625C9.1214%201.625%2010.0427%204.16625%2010.4636%205.43013C10.6014%205.8437%2010.9837%206.13054%2011.4192%206.14904C12.7373%206.20505%2015.375%206.39722%2015.375%207.0384C15.375%207.66696%2013.5161%209.17543%2012.5322%209.92976C12.1816%2010.1986%2012.0365%2010.6604%2012.1687%2011.082C12.5631%2012.34%2013.2755%2014.8755%2012.7573%2015.3009C12.2506%2015.717%2010.2147%2014.2326%209.15246%2013.4009C8.77021%2013.1016%208.22949%2013.1012%207.84719%2013.4004C6.78473%2014.2321%204.75246%2015.717%204.28166%2015.3009C3.79912%2014.8745%204.47615%2012.3275%204.84741%2011.0727C4.97086%2010.6555%204.82425%2010.2029%204.47885%209.93826C3.49798%209.18681%201.625%207.66933%201.625%207.0384C1.625%206.3962%204.2711%206.20444%205.5871%206.14878C6.0197%206.13048%206.3998%205.84769%206.53973%205.43793C6.97041%204.17673%207.91633%201.625%208.51948%201.625Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%2300B9AE%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke%3D%22%2300B9AE%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3D%222%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-linecap%3D%22round%22%0A%20%20%20%20%20%20%20%20%20%20%20%20stroke-linejoin%3D%22round%22%0A%20%20%20%20%20%20%20%20%20%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n background-repeat: space;\n}\n\n.card .card__info {\n display: flex;\n margin-top: auto;\n font-size: 0.8rem;\n color: var(--text);\n font-weight: 400;\n justify-content: space-between;\n}\n\n.card .card__btns {\n display: flex;\n gap: 0.6rem;\n}\n\n.card button {\n border: none;\n background: none;\n cursor: pointer;\n background: var(--primary);\n color: #fff;\n border-radius: var(--radius);\n padding: 0.5rem 1rem;\n font-size: 1rem;\n font-weight: bold;\n transition: 0.2s;\n}\n\n.card button:hover {\n opacity: 0.8;\n transform: scale(0.9);\n}\n\n.card .add-btn {\n color: #fff;\n padding: 0.5em 0.8em;\n background: rgba(249, 249, 249, 0.2);\n border-radius: 14px;\n}\n\n.card .watch-btn {\n flex: 1;\n}\n"}

stupid-bulldog-53

👁 实时预览

📝 源代码