| Krishya | 3dc6b35 | 2025-06-07 19:02:25 +0800 | [diff] [blame^] | 1 | /* .recommend-wrapper { |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 2 | padding: 20px; |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 3 | background-color: #fff; |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 4 | } |
| 5 | |
| 22301009 | afbcf4b | 2025-04-10 16:08:39 +0800 | [diff] [blame] | 6 | .recommend-section-title { |
| 7 | font-size: 20px; |
| 8 | font-weight: bold; |
| 9 | margin-bottom: 15px; |
| 10 | } |
| 11 | |
| 12 | .recommend-paid-row { |
| 13 | display: flex; |
| 14 | gap: 20px; |
| 15 | flex-wrap: nowrap; |
| 16 | overflow-x: auto; |
| 17 | } |
| 18 | |
| 19 | .paid-card { |
| 20 | width: 200px; |
| 21 | flex-shrink: 0; |
| 22 | border: 1px solid #eee; |
| 23 | border-radius: 8px; |
| 24 | overflow: hidden; |
| 25 | background-color: #f9f9f9; |
| 26 | text-align: center; |
| 27 | } |
| 28 | |
| 29 | .paid-cover { |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 30 | width: 100%; |
| 22301009 | afbcf4b | 2025-04-10 16:08:39 +0800 | [diff] [blame] | 31 | height: 120px; |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 32 | object-fit: cover; |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 33 | } |
| 34 | |
| 22301009 | afbcf4b | 2025-04-10 16:08:39 +0800 | [diff] [blame] | 35 | .paid-title { |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 36 | font-size: 16px; |
| 22301009 | afbcf4b | 2025-04-10 16:08:39 +0800 | [diff] [blame] | 37 | padding: 10px; |
| Krishya | 3dc6b35 | 2025-06-07 19:02:25 +0800 | [diff] [blame^] | 38 | } */ |
| 39 | |
| 40 | |
| 41 | .recommendation-page { |
| 42 | padding: 20px; |
| 43 | background-color: #f8f9fa; |
| 44 | } |
| 45 | |
| 46 | .recommendation-page h2 { |
| 47 | font-size: 1.5rem; |
| 48 | margin-bottom: 10px; |
| 49 | color: #333; |
| 50 | } |
| 51 | |
| 52 | .seed-list { |
| 53 | display: flex; |
| 54 | flex-wrap: wrap; |
| 55 | gap: 16px; |
| 56 | margin-bottom: 32px; |
| 57 | } |
| 58 | |
| 59 | .seed-card { |
| 60 | width: 160px; |
| 61 | background: white; |
| 62 | border-radius: 12px; |
| 63 | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); |
| 64 | overflow: hidden; |
| 65 | transition: transform 0.2s ease; |
| 66 | cursor: pointer; |
| 67 | } |
| 68 | |
| 69 | .seed-card:hover { |
| 70 | transform: translateY(-4px); |
| 71 | } |
| 72 | |
| 73 | .seed-card img { |
| 74 | width: 100%; |
| 75 | height: 220px; |
| 76 | object-fit: cover; |
| 77 | } |
| 78 | |
| 79 | .seed-card .title { |
| 80 | padding: 8px; |
| 81 | font-size: 0.95rem; |
| 82 | text-align: center; |
| 83 | color: #333; |
| 84 | } |
| 85 | |
| 86 | .login-reminder { |
| 87 | font-size: 1rem; |
| 88 | color: #888; |
| 89 | padding: 10px; |
| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 90 | } |