{"html":"

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

Sector 2

\n\n

\n Lap 5\n \n

\n Lap 4\n 1:16:36\n

\n Lap 3\n 1:17:24\n

\n Lap 2\n 1:18:15\n

\n","css":".race-card {\n display: flex;\n align-items: center;\n gap: 20px;\n max-width: 400px;\n width: 90%;\n padding: 20px 30px;\n border-radius: 35px;\n background: rgb(0, 0, 0);\n backdrop-filter: blur(8px);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\n border: 1px solid rgba(119, 119, 119, 0.2);\n color: #fff;\n font-family: \"Inter\", sans-serif;\n}\n\n.track-container {\n width: 55%;\n text-align: center;\n position: relative;\n}\n\n.track-svg {\n width: 100%;\n height: auto;\n transform: rotate(-15deg);\n}\n\n.sector-text {\n margin-top: 10px;\n font-size: 14px;\n color: #d3d3d3;\n}\n\n.lap-times {\n width: 45%;\n display: flex;\n flex-direction: column;\n gap: 6px;\n font-size: 16px;\n color: #ff8ab4;\n}\n\n.lap-times div {\n display: flex;\n justify-content: space-between;\n}\n\n.lap-times .current-lap {\n font-weight: bold;\n font-size: 18px;\n color: #fff;\n}\n\n.lap-times span:first-child {\n color: #a0a0a0;\n}\n\n/* Responsivní drobnosti */\n@media (max-width: 480px) {\n .race-card {\n flex-direction: column;\n width: 90%;\n }\n .track-container,\n .lap-times {\n width: 100%;\n }\n}\n"}

tidy-rat-100

👁 实时预览

📝 源代码