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 | } |