| 22301009 | ecc1c1c | 2025-04-09 21:56:23 +0800 | [diff] [blame^] | 1 | .recommend-page { |
| 2 | padding: 20px; | ||||
| 3 | background-color: #f0f0f0; | ||||
| 4 | } | ||||
| 5 | |||||
| 6 | .recommend-section { | ||||
| 7 | margin-bottom: 30px; | ||||
| 8 | } | ||||
| 9 | |||||
| 10 | .recommend-section h2 { | ||||
| 11 | font-size: 24px; | ||||
| 12 | margin-bottom: 10px; | ||||
| 13 | color: #333; | ||||
| 14 | } | ||||
| 15 | |||||
| 16 | .recommend-row { | ||||
| 17 | display: flex; | ||||
| 18 | overflow-x: scroll; | ||||
| 19 | gap: 20px; | ||||
| 20 | } | ||||
| 21 | |||||
| 22 | .recommend-card { | ||||
| 23 | width: 150px; | ||||
| 24 | text-align: center; | ||||
| 25 | background-color: #fff; | ||||
| 26 | border-radius: 10px; | ||||
| 27 | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||||
| 28 | padding: 10px; | ||||
| 29 | } | ||||
| 30 | |||||
| 31 | .recommend-image { | ||||
| 32 | width: 100%; | ||||
| 33 | height: 150px; | ||||
| 34 | object-fit: cover; | ||||
| 35 | border-radius: 5px; | ||||
| 36 | } | ||||
| 37 | |||||
| 38 | .recommend-title { | ||||
| 39 | margin-top: 10px; | ||||
| 40 | font-size: 16px; | ||||
| 41 | color: #333; | ||||
| 42 | } | ||||