| @import '@/styles/common.scss'; | 
|   | 
| .mine-page-bg { | 
|   position: fixed; | 
|   z-index: -1; | 
|   top: 0; | 
|   left: 0; | 
|   width: 750px; | 
|   height: 434px; | 
|   object-fit: cover; | 
| } | 
|   | 
| .mine-page-wrapper { | 
|   .mine-avatar-wrapper { | 
|     flex: 1; | 
|     min-width: 0; | 
|     display: flex; | 
|     padding-bottom: 30px; | 
|   | 
|     .mine-avatar { | 
|       margin-right: 30px; | 
|     } | 
|   | 
|     .user-info { | 
|       flex: 1; | 
|       min-width: 0; | 
|       display: flex; | 
|       flex-direction: column; | 
|       padding: 12px 0; | 
|       justify-content: space-between; | 
|   | 
|       .user-info-item { | 
|         display: flex; | 
|         align-items: center; | 
|         .user-info-item-name { | 
|           display: inline-flex; | 
|           font-size: 34px; | 
|           line-height: 34px; | 
|           font-weight: bold; | 
|           color: boleGetCssVar('text-color', 'primary'); | 
|         } | 
|         .user-info-item-gender { | 
|           display: inline-flex; | 
|           margin: 0 13px; | 
|   | 
|           .user-info-item-gender-icon { | 
|             width: 28px; | 
|             height: 28px; | 
|           } | 
|         } | 
|         .user-info-item-position { | 
|           display: inline-flex; | 
|           font-size: 24px; | 
|           color: boleGetCssVar('text-color', 'regular'); | 
|         } | 
|         .user-info-unCertified-text { | 
|           font-weight: 400; | 
|           font-size: 28px; | 
|           margin-right: 18px; | 
|           color: boleGetCssVar('text-color', 'secondary'); | 
|         } | 
|         .user-info-unCertified-btn { | 
|           font-weight: 400; | 
|           font-size: 28px; | 
|           color: boleGetCssVar('color', 'primary'); | 
|         } | 
|   | 
|         .user-info-certified-text { | 
|           font-weight: 400; | 
|           font-size: 24px; | 
|           line-height: 28px; | 
|           color: boleGetCssVar('text-color', 'secondary'); | 
|           @include ellipsis(); | 
|         } | 
|         .user-info-certified-btn { | 
|           font-size: 28px; | 
|           line-height: 28px; | 
|           font-weight: 400; | 
|           color: #2a9e1b; | 
|           flex-shrink: 0; | 
|         } | 
|       } | 
|     } | 
|   | 
|     .mine-go-login { | 
|       font-size: 40px; | 
|       color: boleGetCssVar('text-color', 'primary'); | 
|       line-height: 120px; | 
|     } | 
|   } | 
|   | 
|   .mine-business-card { | 
|     padding: 30px 15px; | 
|     border-top: 1px solid #d9d9d9; | 
|     display: flex; | 
|     align-items: center; | 
|     justify-content: space-between; | 
|   | 
|     .mine-business-card-item { | 
|       display: inline-flex; | 
|       align-items: center; | 
|   | 
|       .mine-business-card-item-icon { | 
|         width: 40px; | 
|         height: 40px; | 
|         margin-right: 8px; | 
|       } | 
|   | 
|       .mine-business-card-item-text { | 
|         font-weight: 500; | 
|         font-size: 28px; | 
|         color: boleGetCssVar('text-color', 'primary'); | 
|         line-height: 34px; | 
|       } | 
|     } | 
|   } | 
|   | 
|   .mine-content-scroll-view { | 
|     padding-top: 26px; | 
|   } | 
|   | 
|   .mine-content-record { | 
|     display: flex; | 
|     justify-content: space-between; | 
|     margin-top: 24px; | 
|   | 
|     .mine-content-record-item { | 
|       background-color: #ffffff; | 
|       border-radius: 8px; | 
|       padding: 40px 45px; | 
|       display: flex; | 
|       flex: 1; | 
|       min-width: 0; | 
|       align-items: center; | 
|       justify-content: center; | 
|   | 
|       & + .mine-content-record-item { | 
|         margin-left: 30px; | 
|       } | 
|   | 
|       .mine-content-record-item-text { | 
|         font-weight: 400; | 
|         font-size: 28px; | 
|         line-height: 33px; | 
|         color: boleGetCssVar('text-color', 'primary'); | 
|       } | 
|   | 
|       .mine-content-record-item-icon { | 
|         width: 72px; | 
|         height: 72px; | 
|         margin-right: 24px; | 
|       } | 
|     } | 
|   } | 
|   | 
|   .mine-content-service { | 
|     margin-top: 24px; | 
|     margin-bottom: 48px; | 
|   | 
|     .cell-title-wrapper { | 
|       margin-bottom: 40px; | 
|     } | 
|   | 
|     .mine-content-service-list { | 
|       display: flex; | 
|     } | 
|   } | 
|   | 
|   .mine-content-logout { | 
|     width: 100%; | 
|     height: 88px; | 
|   } | 
| } |