geekai/web/src/assets/css/song.styl

.page-song {
  display: flex;
  justify-content: center;
  background-color: #0E0808;
  height: 100vh;

  .inner {
    text-align left
    color rgb(250 247 245)
    padding 20px
    max-width 600px
    width 100%
    font-family "Neue Montreal,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji"

    .title {
      font-size 40px
      font-weight: 500
      line-height 1rem
      white-space nowrap
      text-overflow ellipsis
    }

    .row {
      padding 8px 0
    }

    .author {
      display flex
      align-items center
      .nickname {
        margin 0 10px
      }

      .btn {
        margin-right 10px
        background-color #363030
        border none
        border-radius 5px
        padding 5px 10px
        cursor pointer

        &:hover {
          background-color #5F5958
        }
      }
    }

    .date {
      color #999999
      display flex
      align-items center

      .version {
        background-color #1C1616
        border 1px solid #8f8f8f
        font-weight normal
        font-size 14px
        padding 1px 3px
        border-radius 5px
        margin-left 10px
      }
    }

    .prompt {
      width 100%
      background-color transparent
      white-space pre-wrap
      overflow-y auto
      resize none
      position relative
      outline  2px solid transparent
      outline-offset 2px
      border none
      font-size 100%
      line-height 2rem
    }
  }


  .music-player {
    width 100%
    position: fixed;
    bottom: 0;
    left: 50px;
    padding 20px 0
  }

}