| .smart-search-page { |
| max-width: 1200px; |
| margin: 0 auto; |
| padding: 2rem 1rem; |
| display: flex; |
| flex-direction: column; |
| transition: all 5s ease; |
| |
| .search-header { |
| font-size: 1.8rem; |
| font-weight: bold; |
| text-align: center; |
| margin-bottom: 2rem; |
| } |
| |
| .search-input { |
| display: flex; |
| margin-bottom: 1.5rem; |
| |
| .input-text { |
| flex: 1; |
| border-radius: 10px 0 0 10px; |
| } |
| |
| .search-btn { |
| min-width: 100px; |
| border-radius: 0 10px 10px 0; |
| } |
| } |
| } |
| |
| .smart-search-page.centered { |
| justify-content: center; // 使其上下居中 |
| height: 80vh; // 占满整页高度实现居中效果 |
| } |