.DemoCard_card__RJ19i{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;overflow:hidden}.DemoCard_card__RJ19i:hover{border-color:#ddd;box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.DemoCard_card__RJ19i:hover .DemoCard_preview__TL0zQ{background:#f0f0f0}.DemoCard_card__RJ19i:hover .DemoCard_icon__d2yUC{transform:scale(1.1)}.DemoCard_preview__TL0zQ{display:flex;align-items:center;justify-content:center;height:180px;background:#f5f5f5;transition:background .2s ease}.DemoCard_icon__d2yUC{color:#888;transition:transform .2s ease}.DemoCard_info__kyCtk{padding:20px}.DemoCard_title__9642x{font-size:17px;font-weight:600;color:#111;margin:0 0 8px}.DemoCard_description__Q_1qf{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.DemoCard_components__tgYDJ{display:flex;flex-wrap:wrap;gap:4px}@media (prefers-color-scheme:dark){.DemoCard_card__RJ19i{background:#1a1a1a;border-color:#2a2a2a}.DemoCard_card__RJ19i:hover{border-color:#3a3a3a;box-shadow:0 8px 24px rgba(0,0,0,.3)}.DemoCard_preview__TL0zQ{background:#222}.DemoCard_card__RJ19i:hover .DemoCard_preview__TL0zQ{background:#2a2a2a}.DemoCard_icon__d2yUC{color:#666}.DemoCard_title__9642x{color:#fff}.DemoCard_description__Q_1qf{color:#999}}@media (max-width:768px){.DemoCard_preview__TL0zQ{height:160px}.DemoCard_info__kyCtk{padding:16px}.DemoCard_title__9642x{font-size:16px}.DemoCard_description__Q_1qf{font-size:13px;margin-bottom:12px}}