| .recommend-wrapper { | |
| padding: 20px; | |
| background-color: #fff; | |
| } | |
| .recommend-section-title { | |
| font-size: 20px; | |
| font-weight: bold; | |
| margin-bottom: 15px; | |
| } | |
| .recommend-paid-row { | |
| display: flex; | |
| gap: 20px; | |
| flex-wrap: nowrap; | |
| overflow-x: auto; | |
| } | |
| .paid-card { | |
| width: 200px; | |
| flex-shrink: 0; | |
| border: 1px solid #eee; | |
| border-radius: 8px; | |
| overflow: hidden; | |
| background-color: #f9f9f9; | |
| text-align: center; | |
| } | |
| .paid-cover { | |
| width: 100%; | |
| height: 120px; | |
| object-fit: cover; | |
| } | |
| .paid-title { | |
| font-size: 16px; | |
| padding: 10px; | |
| } |