.author-info {
  text-align: center;
  color: var(--surface-gray-700); }
  .author-info .avatar {
    display: block;
    border-radius: 50%;
    margin: 1.25rem auto 0.75rem auto;
    width: 3.75rem;
    height: 3.75rem; }
  .author-info .author-name {
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0.5rem; }
  .author-info .book-summary {
    position: relative;
    padding-right: 1rem;
    margin-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-align: justify;
    max-height: 3rem;
    overflow: hidden; }
    .author-info .book-summary.enabled {
      height: 3rem;
      max-height: none;
      transition: height 0.25s ease-in; }
    .author-info .book-summary content {
      display: block; }
    .author-info .book-summary.enabled > .book-summary-more {
      visibility: visible; }
    .author-info .book-summary.enabled[open] > .book-summary-more {
      visibility: hidden; }
  .author-info .book-summary-more {
    width: 1.8rem;
    height: 1.5rem;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 1rem);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 1rem);
    position: absolute;
    right: 1rem;
    bottom: 0;
    text-align: right;
    visibility: hidden; }
    .author-info .book-summary-more > .icon-arrow-r {
      position: absolute;
      z-index: 10;
      right: 0;
      bottom: 0;
      height: 1.25rem;
      width: 1.25rem;
      display: block;
      background: url(//bossaudioandcomic-1252317822.image.myqcloud.com/activity/document/972cce765e065bbd5e97e317b655a87c.png) no-repeat center;
      background-size: 0.875rem 0.5rem; }
    .author-info .book-summary-more.enabled, .author-info .book-summary-more [open] > .icon-arrow-r {
      visibility: hidden; }
    [open] > .author-info .book-summary-more {
      opacity: 0; }
      [open] > .author-info .book-summary-more > .icon-arrow-r {
        visibility: hidden; }
    .enabled > .author-info .book-summary-more {
      visibility: visible; }
  .author-info .author-desc {
    position: relative;
    margin: 0 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left; }
  .author-info .author-cont {
    display: flex;
    margin: 0.5rem; }
    .author-info .author-cont .author-cont-item {
      position: relative;
      flex: 1; }
      .author-info .author-cont .author-cont-item .num {
        color: var(--primary-red-300);
        font-size: 1.25rem;
        line-height: 1.75rem; }
      .author-info .author-cont .author-cont-item .unit {
        font-size: 0.875rem;
        line-height: 1.25rem; }
      .author-info .author-cont .author-cont-item .desc {
        font-size: 0.75rem;
        line-height: 1.125rem; }
      .author-info .author-cont .author-cont-item:first-of-type::after {
        display: none; }
      .author-info .author-cont .author-cont-item::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0.875rem;
        width: 1px;
        height: 20px;
        background-color: var(--surface-gray-200); }
  .author-info .author-last-book {
    margin: 0 1rem 0.25rem;
    padding: 0.875rem;
    background-color: var(--background-gray-50);
    display: flex; }
    .author-info .author-last-book .book-info {
      flex: 1;
      text-align: left; }
      .author-info .author-last-book .book-info .name {
        color: var(--surface-gray-900);
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.375rem;
        font-weight: bold; }
      .author-info .author-last-book .book-info .desc {
        color: var(--surface-gray-700);
        font-size: 0.75rem; }
      .author-info .author-last-book .book-info .time {
        color: var(--surface-gray-400);
        font-size: 0.75rem; }
    .author-info .author-last-book .book-img {
      display: block;
      width: 2.8125rem;
      height: 3.75rem; }