:root{--style-border-always:1px solid #e3e8f7}.hello-about{margin:0 auto;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shapes{position:relative;height:315px;width:100%;background:#2128bd;overflow:hidden}.shape{will-change:transform;position:absolute;border-radius:50%}.shape.shape-1{background:#005ffe;width:650px;height:650px;margin:-325px 0 0 -325px}.shape.shape-2{background:#ffe5e3;width:440px;height:440px;margin:-220px 0 0 -220px}.shape.shape-3{background:#ffcc57;width:270px;height:270px;margin:-135px 0 0 -135px}.hello-about .content{top:0;left:0;position:absolute;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:315px;width:100%;background:#fff;mix-blend-mode:screen}.hello-about h1{color:#000;margin:0;text-align:center;font:inherit;vertical-align:baseline;line-height:1;font-size:calc(.0989119683 * 100vw + 58.5558852621px);width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media (min-width:419px){.hello-about h1{font-size:calc(.0989119683 * 100vw + 58.5558852621px)
	}
}

@media (max-width:768px){.hello-about{margin:0 0 auto}}.cursor{position:absolute;background:#2128bd;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;will-change:transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:3}
.author-content-item .card-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
}
#statistic {
    font-size: 16px;
    border-radius: 15px;
    width: 100%;
    color: var(--heo-white);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 4px;
}
#statistic div span:last-child {
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    white-space: nowrap;
}
.author-content-item .card-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem
}
#about-page .about-statistic {
    min-height: 380px;
    width: 39%;
    background: url(https://p.zhheo.com/l7Bfmg24690881724048986403.webp!cover) no-repeat top;
    background-size: cover;
    color: var(--heo-white);
    overflow: hidden
}

#about-page .about-statistic::after {
    box-shadow: 0 -159px 173px 71px #0f1114 inset;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#about-page .about-statistic .banner-button {
    background: rgba(255, 255, 255, 0.15)
}

#statistic {
    font-size: 16px;
    border-radius: 15px;
    width: 100%;
    color: var(--heo-white);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 4px
}

#statistic div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 50%;
    margin-bottom: .5rem;
    color: #fff !important;
    margin-top: 12px;
}

#statistic div span:first-child {
    opacity: .8;
    font-size: 1rem;
     display: block;         /* 让 margin-bottom 生效 */
    margin-bottom: 6px; 
}

#statistic div span:last-child {
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    white-space: nowrap
}
about-page .about-statistic .banner-button {
    background: rgba(255, 255, 255, 0.15);
}
.icon-book-mark-fill:before {
      content: '\e60d';
      font-family: iconfont
  
}
.author-content-item.selfInfo {
    display: flex;
    min-height: 100px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    height: -webkit-fill-available;
    height: 40%;
    gap: 32px
}

.author-content-item.selfInfo div {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.author-content-item.selfInfo .selfInfo-title {
    opacity: .8;
    font-size: 1rem;
    line-height: 1
}

.author-content-item.selfInfo .selfInfo-content {
    font-weight: 700;
    font-size: 34px;
    line-height: 1
}
.selfInfo-img-wrapper {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    background: var(--heo-secondbg);
    margin: 0;
}