.recommendations{padding:60px 0;background-color:var(--bg-light)}.recommendations-loading{text-align:center;padding:20px 0;color:var(--text-color)}.recommendations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}.recommendations-empty{text-align:center;padding:20px;color:var(--text-color);grid-column:1/-1}.recommendation-card{display:block;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;text-decoration:none;color:var(--text-color);transition:box-shadow .2s ease,transform .2s ease}.recommendation-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.recommendation-card-header{margin-bottom:8px}.recommendation-category{font-size:.75rem;color:var(--primary-text);background-color:var(--primary-bg,rgba(245,166,35,.1));padding:2px 8px;border-radius:var(--radius-sm)}.recommendation-title{font-size:.95rem;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommendation-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-light)}.recommendation-stats{color:var(--primary-text);font-weight:500}[data-theme=dark] .recommendation-card{background-color:var(--card-bg)}[data-theme=dark] .recommendation-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}@media (max-width:768px){.recommendations-list{grid-template-columns:1fr}}.feature-status-badge{display:inline-block;margin-left:8px;margin-bottom:12px;padding:4px 10px;border-radius:var(--radius-2xl);font-size:.72rem;font-weight:700;line-height:1.2;vertical-align:middle}.feature-status-badge--beta{color:#1f5f2a;background:#e3f7e8;border:1px solid #bfe8c8}.feature-status-badge--preparing{color:#7a4a00;background:#fff1cf;border:1px solid #ffd98a}[data-theme=dark] .feature-status-badge--beta{color:#b8f0c3;background:rgba(46,125,50,.22);border-color:rgba(184,240,195,.35)}[data-theme=dark] .feature-status-badge--preparing{color:#ffe1a3;background:rgba(245,166,35,.18);border-color:rgba(255,225,163,.35)}