update

source/less/_main.less

@@ -239,12 +239,25 @@
             }
             font-size: @fontsize_small * .95;
             .aplayer{
+              .enable-trans();
               width: 65px;
               height: 65px;
-              border-radius: 100px;
+              border-radius: 100%;
               float: right;
               margin: 4px;
-
+              box-shadow: @boxshadow_card_normal;
+              &:hover {
+                border-radius: 25%;
+                transform: scale(1.1);
+                box-shadow: @boxshadow_card_raised;
+              }
+              @media(max-width: @on_phone) {
+                &:hover {
+                  border-radius: 100%;
+                  transform: scale(1);
+                  box-shadow: @boxshadow_card_normal;
+                }
+              }
             }
 
             .title {
@@ -289,10 +302,10 @@
                 margin: 4px 4px 4px 0px;
                 padding: 4px 8px 2px 6px;
                 border-radius: 0.5*@border_radius_code_block;
-                border-left: 30px solid @theme_main;
+                border-left: 30px solid fade(@theme_main, 80%);
                 padding-left: 2px;
                 &:hover {
-                  background: fade(@theme_main, 20%);
+                  // background: fade(@theme_main, 20%);
                 }
                 i{
                   width: 30px;