| LaoeGaoci | 76b9ccf | 2025-06-08 22:46:05 +0800 | [diff] [blame] | 1 | .smart-search-page { |
| 2 | max-width: 1200px; | ||||
| 3 | margin: 0 auto; | ||||
| 4 | padding: 2rem 1rem; | ||||
| 5 | display: flex; | ||||
| 6 | flex-direction: column; | ||||
| 7 | transition: all 5s ease; | ||||
| 8 | |||||
| 9 | .search-header { | ||||
| 10 | font-size: 1.8rem; | ||||
| 11 | font-weight: bold; | ||||
| 12 | text-align: center; | ||||
| 13 | margin-bottom: 2rem; | ||||
| 14 | } | ||||
| 15 | |||||
| 16 | .search-input { | ||||
| 17 | display: flex; | ||||
| 18 | margin-bottom: 1.5rem; | ||||
| 19 | |||||
| 20 | .input-text { | ||||
| 21 | flex: 1; | ||||
| 22 | border-radius: 10px 0 0 10px; | ||||
| 23 | } | ||||
| 24 | |||||
| 25 | .search-btn { | ||||
| 26 | min-width: 100px; | ||||
| 27 | border-radius: 0 10px 10px 0; | ||||
| 28 | } | ||||
| 29 | } | ||||
| 30 | } | ||||
| 31 | |||||
| 32 | .smart-search-page.centered { | ||||
| 33 | justify-content: center; // 使其上下居中 | ||||
| 34 | height: 80vh; // 占满整页高度实现居中效果 | ||||
| 35 | } | ||||