@keyframes rightmenu-in 
  0% 
    opacity: 0;
    transform: translateY(-50px);
  100% 
    opacity: 1;
    filter: none;
    transform: translateY(0);

// ? 如何做消失动画？
ul.list-v.rightmenu 
  animation: rightmenu-in .2s cubic-bezier(.23,0,0,1.32)

#rightmenu-wrapper
  transition: all .1s ease

// 顶栏收起动画
.l_header.auto.show
  transform: translateY(0) scale(1)
.l_header.auto
  transition: all .3s ease
  transform: translateY(-100%)
  visibility: hidden

// 引用内标题格式调整
// todo 待测试；测试完移动到 article.styl 中
blockquote
  h1, h2
    &::before
      height: 2rem
  h3, h4, h5, h6
    &::before
      height: 4rem
    
// enhanced 版权信息的样式
.copyright blockquote.enhanced
  &:after
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 367.467 367.467' style='enable-background:new 0 0 367.467 367.467;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M183.73,0.018C82.427,0.018,0,82.404,0,183.733c0,101.289,82.427,183.716,183.73,183.716 c101.315,0,183.737-82.427,183.737-183.716C367.467,82.404,285.045,0.018,183.73,0.018z M183.73,326.518 c-78.743,0-142.798-64.052-142.798-142.784c0-78.766,64.055-142.817,142.798-142.817c78.752,0,142.807,64.052,142.807,142.817 C326.536,262.466,262.481,326.518,183.73,326.518z'/%3E%3Cpath d='M244.036,217.014c-11.737,20.141-33.562,32.635-56.956,32.635c-36.329,0-65.921-29.585-65.921-65.915 c0-36.36,29.592-65.955,65.921-65.955c23.395,0,45.219,12.54,56.956,32.641l1.517,2.627h44.28l-2.658-7.129 c-7.705-20.413-21.225-37.769-39.122-50.157c-17.942-12.42-39.017-19.009-60.973-19.009c-58.981,0-106.946,48.006-106.946,106.982 c0,58.98,47.965,106.941,106.946,106.941c21.956,0,43.03-6.567,60.973-19.006c17.897-12.391,31.417-29.741,39.122-50.154 l2.658-7.133h-44.28L244.036,217.014z'/%3E%3C/g%3E%3C/svg%3E")
    content: " ";
    opacity: .1;
    height: 180px;
    right: -10px;
    top: -35px;
    width: 180px;
    position: absolute;
  a
    color: var(--color-meta);
    &:hover
      color: #ff5722;
  background: var(--color-copyright-bkg);
  color: var(--color-meta);
  display: block;
  font-size: .95rem;
  line-height: 1.2;
  overflow: hidden;
  padding: 1.25em 20px;
  position: relative;
  border-radius: 4px;
  .copyright-title,
  .copyright-meta-title
    margin: 0 0 .25rem;
  .copyright-link, 
  .copyright-meta-title
    font-size: .8rem;
  .copyright-title
    font-weight: 700;
  .copyright-link
    margin-bottom: 1rem;
  .copyright-meta
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  .copyright-meta-item
    margin: 0 2rem 1em 0;
  .copyright-meta-text
    margin: 0;
    a
      border-bottom: 1px solid var(--color-meta);
      &:hover
        border-bottom-color: #ff5722


// ---------- 文章标题 H2~H6 装饰（暂时废弃） ------------
// #post-body
//   h2
    /// todo inkss.cn 方案 2; 暂时不正常工作
    // display: initial
    // border-left: 8px saturate($color-theme, 20%) solid
    // pading-left: 12px
    /// * inkss.cn 方案 1;
    // display: initial
    // background: linear-gradient(transparent 65%, alpha($color-theme, .2) 0px)
    /// todo Argon 方案；使用 ::before 和 Volantis 冲突，大小待调整
    // &:before
    //   content: ''
    //   display: inline-block
    //   background: saturate($color-theme, 20%)
    //   opacity: 1
    //   pointer-events: none
    //   border-radius: 15px
    //   width: 6px
    //   vertical-align: middle
    //   margin-right: 12px
    //   height: 20px
    //   transform: translateY(-1px)
    //   visibility: visible
    /// todo Argon 方案；层叠次序有点问题，暂不使用
    // &:after
    //   content: ''
    //   display: block
    //   position: absolute
    //   background: $color-theme
    //   opacity: .1
    //   pointer-events: none
    //   border-radius: 15px
    //   left: -2px
    //   bottom: 2px
    //   width: 45px
    //   height: 13px
// article
//   &:not(.post_read)
//     #post-body
//       h3, h4, h5, h6
//         display: initial