{"html":"

\n \n

Uiverse.io

@uiverse_io

\n\n

755

Followers

Posts

7.8%

Engagement

\n","css":".twitter-card {\n width: 320px;\n background: black;\n border-radius: 16px;\n overflow: hidden;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n /* Thick black border effect */\n border: 4px solid #000;\n /* Additional shadow for depth */\n box-shadow: 8px 8px 0px #000;\n position: relative;\n margin: 20px;\n}\n\n.card-header {\n background: linear-gradient(90deg, #5f72ff, #9a4eff);\n color: white;\n padding: 24px 20px;\n position: relative;\n}\n\n.header-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n\n.twitter-icon {\n width: 28px;\n height: 28px;\n fill: white;\n}\n\n.status {\n background: rgba(255, 255, 255, 0.25);\n padding: 6px 14px;\n border-radius: 16px;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.5px;\n}\n\n.brand-name {\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 6px;\n letter-spacing: -0.5px;\n}\n\n.handle {\n font-size: 16px;\n opacity: 0.9;\n font-weight: 400;\n}\n\n.card-stats {\n padding: 24px 20px;\n display: flex;\n justify-content: space-between;\n background: white;\n}\n\n.stat {\n text-align: center;\n flex: 1;\n padding: 0 8px;\n}\n\n.stat-number {\n font-size: 20px;\n font-weight: bold;\n color: #14171a;\n margin-bottom: 6px;\n line-height: 1;\n}\n\n.stat-label {\n font-size: 13px;\n color: #657786;\n font-weight: 500;\n text-transform: capitalize;\n}\n\n.stat:not(:last-child) {\n border-right: 1px solid #e1e8ed;\n}\n\n/* Hover effect for the entire card */\n.twitter-card:hover {\n transform: translate(-2px, -2px);\n box-shadow: 10px 10px 0px #000;\n transition: all 0.2s ease;\n}\n\n@media (max-width: 480px) {\n .twitter-card {\n width: 300px;\n border: 3px solid #000;\n box-shadow: 6px 6px 0px #000;\n }\n\n .twitter-card:hover {\n box-shadow: 8px 8px 0px #000;\n }\n\n .brand-name {\n font-size: 24px;\n }\n\n .stat-number {\n font-size: 18px;\n }\n\n .stat-label {\n font-size: 12px;\n }\n}\n"}

tame-wasp-33

👁 实时预览

📝 源代码