| .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; // 占满整页高度实现居中效果 | |
| } |