.container.data-v-2f1ef635 { min-height: 100vh; background-color: #F8F9FB; } .nav-placeholder.data-v-2f1ef635 { width: 100%; background-color: #FFF; } .user-card-wrap.data-v-2f1ef635 { padding: 20rpx 40rpx 10rpx; background-color: #FFF; } .user-card-wrap .user-main.data-v-2f1ef635 { display: flex; align-items: center; } .user-card-wrap .user-main .avatar-wrap.data-v-2f1ef635 { width: 140rpx; height: 140rpx; border-radius: 50%; overflow: hidden; margin-right: 24rpx; background: #F0F0F0; border: 4rpx solid #F8F9FB; } .user-card-wrap .user-main .avatar-wrap image.data-v-2f1ef635 { width: 100%; height: 100%; } .user-card-wrap .user-main .info-content.data-v-2f1ef635 { flex: 1; } .user-card-wrap .user-main .info-content .name-box.data-v-2f1ef635 { display: flex; align-items: center; margin-bottom: 24rpx; } .user-card-wrap .user-main .info-content .name-box .user-name.data-v-2f1ef635 { font-size: 42rpx; font-weight: bold; color: #1A1A1A; margin-right: 12rpx; } .user-card-wrap .user-main .info-content .name-box .diamond-icon.data-v-2f1ef635 { width: 36rpx; height: 36rpx; } .user-card-wrap .user-main .info-content .name-box .flex-spacer.data-v-2f1ef635 { flex: 1; } .user-card-wrap .user-main .info-content .name-box .resume-link.data-v-2f1ef635 { display: flex; align-items: center; font-size: 26rpx; color: #1F6CFF; } .user-card-wrap .user-main .info-content .name-box .resume-link .link-arrow.data-v-2f1ef635 { width: 24rpx; height: 24rpx; margin-left: 4rpx; } .user-card-wrap .user-main .info-content .badge-row.data-v-2f1ef635 { display: flex; flex-wrap: wrap; gap: 12rpx; } .user-card-wrap .user-main .info-content .badge-row .profile-tag.data-v-2f1ef635 { font-size: 22rpx; color: #666; background: #F4F6F9; padding: 8rpx 22rpx; border-radius: 20rpx; } .feature-grid.data-v-2f1ef635 { display: flex; justify-content: space-around; padding: 40rpx 20rpx; background: #FFF; margin-top: 20rpx; } .feature-grid .grid-cell.data-v-2f1ef635 { display: flex; flex-direction: column; align-items: center; } .feature-grid .grid-cell .icon-wrap-premium.data-v-2f1ef635 { width: 80rpx; height: 80rpx; display: flex; align-items: center; justify-content: center; margin-bottom: 24rpx; position: relative; } .feature-grid .grid-cell .icon-wrap-premium.data-v-2f1ef635::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: -4rpx; height: 8rpx; background: rgba(0, 0, 0, 0.06); filter: blur(6rpx); border-radius: 50%; z-index: -1; } .feature-grid .grid-cell .icon-wrap-premium image.data-v-2f1ef635 { width: 100%; height: 100%; } .feature-grid .grid-cell .icon-wrap-premium.data-v-2f1ef635:active { transform: translateY(2rpx) scale(0.96); opacity: 0.9; } .feature-grid .grid-cell .cell-label.data-v-2f1ef635 { font-size: 26rpx; color: #333; font-weight: 500; } .service-panel.data-v-2f1ef635 { background: #FFF; margin-top: 20rpx; padding: 40rpx 40rpx 20rpx; } .service-panel .panel-header.data-v-2f1ef635 { margin-bottom: 40rpx; } .service-panel .panel-header .panel-title.data-v-2f1ef635 { font-size: 32rpx; font-weight: bold; color: #1A1A1A; } .service-panel .resume-section.data-v-2f1ef635 { display: flex; flex-direction: column; align-items: stretch; margin-bottom: 20rpx; } .service-panel .resume-section .res-head.data-v-2f1ef635 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30rpx; } .service-panel .resume-section .res-head .res-title.data-v-2f1ef635 { font-size: 28rpx; color: #333; font-weight: 500; } .service-panel .resume-section .res-head .upload-links.data-v-2f1ef635 { display: flex; gap: 24rpx; } .service-panel .resume-section .res-head .upload-links .link-btn.data-v-2f1ef635 { font-size: 24rpx; color: #999; } .service-panel .resume-section .res-head .upload-links .link-btn.active.data-v-2f1ef635 { color: #1F6CFF; } .service-panel .resume-section .file-card.data-v-2f1ef635 { background: #F8F9FA; display: flex; align-items: center; justify-content: space-between; padding: 14rpx 30rpx; border-radius: 20rpx; margin-bottom: 20rpx; border: 1rpx solid #F0F2F5; } .service-panel .resume-section .file-card .file-info-main.data-v-2f1ef635 { display: flex; align-items: center; flex: 1; overflow: hidden; } .service-panel .resume-section .file-card .file-info-main .file-icon-box.data-v-2f1ef635 { width: 44rpx; height: 44rpx; margin-right: 16rpx; display: flex; align-items: center; flex-shrink: 0; } .service-panel .resume-section .file-card .file-info-main .file-icon-box image.data-v-2f1ef635 { width: 100%; height: 100%; } .service-panel .resume-section .file-card .file-info-main .file-display-name.data-v-2f1ef635 { font-size: 24rpx; color: #1F6CFF; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .service-panel .resume-section .file-card .remove-action.data-v-2f1ef635 { padding: 10rpx; margin-right: -10rpx; flex-shrink: 0; } .service-panel .resume-section .file-card .remove-action image.data-v-2f1ef635 { width: 32rpx; height: 32rpx; opacity: 0.2; } .service-panel .empty-resume.data-v-2f1ef635 { padding: 40rpx 0; text-align: center; border: 2rpx dashed #EAECEF; border-radius: 20rpx; } .service-panel .empty-resume text.data-v-2f1ef635 { font-size: 24rpx; color: #BBB; } .service-panel .list-item.data-v-2f1ef635 { display: flex; align-items: center; justify-content: space-between; height: 110rpx; border-top: 1rpx solid #F7F8FA; } .service-panel .list-item .list-label.data-v-2f1ef635 { font-size: 28rpx; color: #333; } .service-panel .list-item .list-arrow.data-v-2f1ef635 { width: 32rpx; height: 32rpx; opacity: 0.3; } .bottom-area.data-v-2f1ef635 { padding: 80rpx 0 100rpx; text-align: center; } .bottom-area .logout-action.data-v-2f1ef635 { margin-bottom: 30rpx; } .bottom-area .logout-action text.data-v-2f1ef635 { font-size: 30rpx; color: #AAA; } .bottom-area .contact-info text.data-v-2f1ef635 { font-size: 22rpx; color: #CCC; } .modal-mask.data-v-2f1ef635 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 2000; display: flex; align-items: center; justify-content: center; } .confirm-modal.data-v-2f1ef635 { background: #FFF; border-radius: 32rpx; width: 540rpx; padding: 60rpx 40rpx; text-align: center; } .confirm-modal .confirm-title.data-v-2f1ef635 { font-size: 36rpx; font-weight: bold; margin-bottom: 20rpx; color: #1A1A1A; } .confirm-modal .confirm-desc.data-v-2f1ef635 { font-size: 28rpx; color: #888; margin-bottom: 60rpx; } .confirm-modal .confirm-footer.data-v-2f1ef635 { display: flex; gap: 20rpx; } .confirm-modal .confirm-footer button.data-v-2f1ef635 { flex: 1; height: 68rpx; line-height: 68rpx; border-radius: 34rpx; font-size: 26rpx; } .confirm-modal .confirm-footer button.data-v-2f1ef635::after { border: none; } .confirm-modal .confirm-footer button.btn-cancel.data-v-2f1ef635 { background: #F5F5F7; color: #666; } .confirm-modal .confirm-footer button.btn-primary.data-v-2f1ef635 { background: #1F6CFF; color: #FFF; } .bottom-pad.data-v-2f1ef635 { height: 160rpx; } .card-anim.data-v-2f1ef635 { animation: slideIn-2f1ef635 0.4s ease-out; } @keyframes slideIn-2f1ef635 { from { opacity: 0; transform: translateY(10rpx); } to { opacity: 1; transform: translateY(0); } }