// 描述 + 文章链接列表公共组件（友链文章订阅 friends_and_posts、专栏卡片 topic_card 共用）
.post-panel
  display: flex
  justify-content: space-between
  flex-direction: column
  height: 100%
  position: relative
  // 与友链卡片一致的行高（友链上下文由 .user-post-card 提供，专栏上下文在 md-text 下需自行声明）
  line-height: 1.2
  .desc
    font-size: 1.2rem
    color: var(--text-p3)
    font-weight: 400
    margin: 1rem 0
    margin-right: auto
    position: relative
    &:before
      position: absolute
      font-weight: 900
      font-size: 32px
      color: var(--block-border)
      top: 0
      content: '“'
      left: -16px
      trans1 all
  .posts
    margin: 0.5rem 0 1rem 0
    display: flex
    flex-direction: column
    align-items: flex-start
  .post-link
    display: flex
    flex-direction: column
    color: var(--text-p1)
    position: relative
    trans1 color
    &+.post-link
      margin-top: 1rem
    &:before
      content: ''
      position: absolute
      left: -12px
      top: 2px
      height: 'calc(%s - 2px)' % $fs-14
      width: 4px
      border-radius: 4px
      background: var(--block-border)
      trans1 all
    &:hover
      color: var(--accent)
    &:hover:before
      background: var(--accent)
      height: 100%
      top: 0
    span
      display: -webkit-box
      -webkit-box-orient: vertical
      overflow: hidden
      -webkit-line-clamp: 1
      position: relative
    .title
      font-size: $fs-14
      font-weight: 500
      max-width: 100%
      display: -webkit-box
      -webkit-box-orient: vertical
      overflow: hidden
      -webkit-line-clamp: 2
      position: relative
    .date
      font-size: $fs-12
      color: var(--text-p3)
      margin-top: 0.25rem
  .no-post
    font-size: $fs-13
    color: var(--text-p4)