22301009 | afbcf4b | 2025-04-10 16:08:39 +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; |
22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame] | 38 | } |