.position-select-page.data-v-94bd4fd3 { display: flex; flex-direction: column; height: 100vh; background-color: #FFFFFF; } .position-select-page .search-header.data-v-94bd4fd3 { padding: 20rpx 40rpx; background-color: #FFFFFF; position: -webkit-sticky; position: sticky; top: 0; z-index: 10; } .position-select-page .search-header .search-box.data-v-94bd4fd3 { display: flex; align-items: center; background-color: #F8FAFC; border-radius: 40rpx; padding: 0 30rpx; height: 72rpx; } .position-select-page .search-header .search-box .icon-search.data-v-94bd4fd3 { width: 24rpx; height: 24rpx; border: 3rpx solid #A0AABF; border-radius: 50%; position: relative; margin-right: 16rpx; flex-shrink: 0; } .position-select-page .search-header .search-box .icon-search.data-v-94bd4fd3::after { content: ""; position: absolute; width: 8rpx; height: 3rpx; background-color: #A0AABF; bottom: -2rpx; right: -4rpx; transform: rotate(45deg); } .position-select-page .search-header .search-box input.data-v-94bd4fd3 { flex: 1; font-size: 26rpx; color: #333333; } .position-select-page .content-body.data-v-94bd4fd3 { flex: 1; display: flex; overflow: hidden; border-top: 1rpx solid #F0F4FC; } .position-select-page .content-body .left-menu.data-v-94bd4fd3 { width: 220rpx; background-color: #F8FAFC; height: 100%; flex-shrink: 0; } .position-select-page .content-body .left-menu .menu-item.data-v-94bd4fd3 { padding: 32rpx 20rpx; font-size: 28rpx; color: #4D5666; text-align: left; padding-left: 24rpx; position: relative; } .position-select-page .content-body .left-menu .menu-item.active.data-v-94bd4fd3 { background-color: #FFFFFF; color: #1F6CFF; font-weight: 600; } .position-select-page .content-body .left-menu .menu-item.active .active-indicator.data-v-94bd4fd3 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8rpx; height: 32rpx; background-color: #1F6CFF; border-top-right-radius: 8rpx; border-bottom-right-radius: 8rpx; } .position-select-page .content-body .right-content.data-v-94bd4fd3 { flex: 1; height: 100%; background-color: #FFFFFF; padding: 0 30rpx; box-sizing: border-box; } .position-select-page .content-body .right-content .category-section.data-v-94bd4fd3 { padding-top: 30rpx; padding-bottom: 20rpx; } .position-select-page .content-body .right-content .category-section .section-title.data-v-94bd4fd3 { font-size: 28rpx; font-weight: bold; color: #1A1A1A; margin-bottom: 24rpx; } .position-select-page .content-body .right-content .category-section .tags-grid.data-v-94bd4fd3 { display: flex; flex-wrap: wrap; gap: 20rpx; } .position-select-page .content-body .right-content .category-section .tags-grid .tag-item.data-v-94bd4fd3 { width: calc(50% - 10rpx); background-color: #F8FAFC; color: #4D5666; font-size: 24rpx; text-align: center; padding: 18rpx 0; border-radius: 8rpx; box-sizing: border-box; } .position-select-page .content-body .right-content .category-section .tags-grid .tag-item.data-v-94bd4fd3:active { background-color: #EBF1FA; color: #1F6CFF; } .position-select-page .content-body .right-content .category-section .tags-grid .tag-item.selected.data-v-94bd4fd3 { background-color: #EBF1FA; color: #1F6CFF; font-weight: 600; } .position-select-page .search-results.data-v-94bd4fd3 { flex: 1; background-color: #FFFFFF; } .position-select-page .search-results .result-list.data-v-94bd4fd3 { padding: 0 40rpx; } .position-select-page .search-results .result-list .result-item.data-v-94bd4fd3 { padding: 30rpx 0; border-bottom: 1rpx solid #F0F4FC; font-size: 30rpx; color: #333333; } .position-select-page .search-results .result-list .result-item.data-v-94bd4fd3:active { background-color: #F8FAFC; } .position-select-page .search-results .result-list .result-item.selected.data-v-94bd4fd3 { color: #1F6CFF; font-weight: 500; } .position-select-page .search-results .empty-state.data-v-94bd4fd3 { padding-top: 200rpx; text-align: center; } .position-select-page .search-results .empty-state .empty-text.data-v-94bd4fd3 { font-size: 28rpx; color: #999999; }