.valine-container {

  #vcomments {

    .vwrap {

      border 0.1rem solid var(--third-text-color)

      .vheader {

        .vinput {

          color var(--default-text-color)
          border-color var(--third-text-color)

          &:focus {
            border-bottom 0.1rem dashed var(--primary-color) !important
          }
        }
      }


      .vedit {

        .veditor {
          color var(--default-text-color)
        }

        .vctrl {

          .vicon {

            fill var(--default-text-color)

            &.actived {
              fill var(--primary-color)
            }
          }
        }
      }


      button.vsubmit {
        color var(--default-text-color) !important
        background transparent !important
        border 0.1rem solid var(--default-text-color) !important

        &:hover {
          color var(--primary-color) !important
          border 0.1rem solid var(--primary-color) !important
        }
      }
    }


    .vcount {
      color var(--default-text-color)

      .vnum {
        color var(--second-text-color)
      }
    }


    .vcard {

      .vnick {
        .author {
          margin-left 0.15rem
          padding 0.15rem
          color #fff
          font-weight 450
          font-size 0.9rem
          background -webkit-linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5)
          background linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5)
          border-radius 0.15rem
        }
      }


      .vhead {

        .vnick {
          color var(--primary-color)
        }

        .vsys {
          color var(--default-text-color)
          background var(--fourth-text-color) !important
        }
      }


      .vcontent {
        P {
          color var(--default-text-color)

          code {
            color var(--code-foreground)
            background var(--code-background)
          }
        }
      }


      .vh {
        border-bottom-color var(--border-color)
      }

      .vquote {
        border-left-color var(--border-color)
      }
    }


    .vcopy {
      color var(--third-text-color)
    }


    .vpage {

      .vmore {
        color var(--second-text-color)
        border 0.1rem solid var(--border-color)
      }
    }
  }
}