/* 个人档案页面样式 */
.personal-profile {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

/* 统一布局系统 */
.unified-profile-layout {
  width: 100%;
  height: 805px;
  box-sizing: border-box;
  padding: 20px;
  display: flex;
  justify-content: space-between;

  .unified-profile-left {
    width: 373px;
    height: 100%;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    .unified-profile-rank {
      height: 420px;
      margin-right: 0;
    }
  }

  .unified-profile-right {
    flex: 1;
    height: 785px;
    border-radius: 16px;
    background-color: #e8f6ff;
    position: relative;
    border: 2px solid #fff;

    &::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100px;
      background-image: url("@/assets/images/PersonalProfile/unified_profile_right_bg.png");
      background-size: 100% 100%;
    }
  }
}