.websites-grid[data-v-cec342cb]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:768px){.websites-grid[data-v-cec342cb]{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:480px){.websites-grid[data-v-cec342cb]{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.website-card[data-v-cec342cb]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:180px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.website-card[data-v-cec342cb]:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.featured-badge[data-v-cec342cb]{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:flex;font-size:10px;font-weight:600;gap:2px;left:0;padding:4px 8px;position:absolute;top:0;z-index:10}.featured-icon[data-v-cec342cb]{font-size:8px}.featured-text[data-v-cec342cb]{font-size:10px}.resource-badge[data-v-cec342cb]{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px;position:absolute;right:12px;top:12px;z-index:5}.resource-web[data-v-cec342cb]{background:#f9fafb;border:1px solid #f3f4f6;color:#9ca3af}.resource-miniprogram[data-v-cec342cb]{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.resource-software[data-v-cec342cb]{background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed}.website-icon-container[data-v-cec342cb]{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.website-logo[data-v-cec342cb]{-o-object-fit:cover;object-fit:cover}.website-emoji[data-v-cec342cb],.website-logo[data-v-cec342cb]{border-radius:12px;box-shadow:0 2px 8px #0000001a;height:48px;width:48px}.website-emoji[data-v-cec342cb]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;justify-content:center}.website-info[data-v-cec342cb]{flex:1;margin-bottom:16px;width:100%}.website-name[data-v-cec342cb]{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-description[data-v-cec342cb]{color:#6b7280;display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.4;margin-bottom:8px;-webkit-box-orient:vertical;min-height:32px;overflow:hidden}.website-tags[data-v-cec342cb]{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:8px}.website-tag[data-v-cec342cb]{background:#eff6ff;color:#2563eb}.website-tag[data-v-cec342cb],.website-tag-more[data-v-cec342cb]{border-radius:6px;font-size:10px;font-weight:500;padding:2px 6px}.website-tag-more[data-v-cec342cb]{background:#f3f4f6;color:#6b7280}.button-container[data-v-cec342cb]{display:flex;gap:8px;margin-top:auto;width:100%}.add-btn[data-v-cec342cb],.more-btn[data-v-cec342cb],.share-btn[data-v-cec342cb],.visit-btn[data-v-cec342cb]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.add-btn.not-added[data-v-cec342cb]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #667eea4d;color:#fff}.add-btn.not-added[data-v-cec342cb]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.add-btn.added[data-v-cec342cb]{background:linear-gradient(135deg,#f02f2f,#f11919);box-shadow:0 2px 8px #10b9814d;color:#fff}.add-btn.added[data-v-cec342cb]:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.share-btn[data-v-cec342cb]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.share-btn[data-v-cec342cb]:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.visit-btn[data-v-cec342cb]{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 8px #06b6d44d;color:#fff}.visit-btn[data-v-cec342cb]:hover{box-shadow:0 4px 12px #06b6d466;transform:translateY(-1px)}.more-btn[data-v-cec342cb]{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.more-btn[data-v-cec342cb]:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-icon[data-v-cec342cb]{height:14px;stroke-width:2.5;width:14px}.btn-text[data-v-cec342cb]{font-weight:600}@media(max-width:768px){.website-card[data-v-cec342cb]{min-height:160px;padding:16px}.website-emoji[data-v-cec342cb],.website-logo[data-v-cec342cb]{height:40px;width:40px}.website-emoji[data-v-cec342cb]{font-size:20px}.add-btn[data-v-cec342cb],.more-btn[data-v-cec342cb],.share-btn[data-v-cec342cb],.visit-btn[data-v-cec342cb]{font-size:11px;padding:6px 8px}.btn-icon[data-v-cec342cb]{height:12px;width:12px}}@media(max-width:480px){.website-card[data-v-cec342cb]{min-height:140px;padding:12px}.website-emoji[data-v-cec342cb],.website-logo[data-v-cec342cb]{height:36px;width:36px}.website-emoji[data-v-cec342cb]{font-size:18px}.website-name[data-v-cec342cb]{font-size:13px}.website-description[data-v-cec342cb]{font-size:11px}.add-btn[data-v-cec342cb],.more-btn[data-v-cec342cb],.share-btn[data-v-cec342cb],.visit-btn[data-v-cec342cb]{font-size:10px;padding:4px 6px}.btn-icon[data-v-cec342cb]{height:10px;width:10px}}.delete-icon-btn[data-v-cec342cb]{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:8px;position:absolute;top:8px;transition:all .2s ease;width:28px;z-index:6}.delete-icon-btn[data-v-cec342cb]:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}