调整css

themes/Ying/static/css/light.css

@@ -1722,20 +1722,85 @@ input[type=submit] {
     max-width: 96%important;
 }
 
+
+.wl-reaction-img img{
+    box-shadow: none;
+}
+
+增加的CSS在末尾
+*/
+/**************** 我添加的CSS *********************/
+/* 评论区动图 */
+/* 然而我并不懂确切的含义，参数是乱调的 */
 .wl-editor {
     background-image: url(https://cdn.gallery.uuanqin.top/img/zhuangzhuang_comment_trans.gif);
-    background-size: 10%;
+    background-size: 18%;
     background-repeat: no-repeat;
     background-position: right bottom;
     background-color: rgba(255, 255, 255, 0);
     resize: vertical
 }
-.wl-editor:focus{
+
+.wl-editor:focus {
     background-position-x: 800px;
     background-position-y: 1000px;
     transition: all 0.2s ease-in-out 0s;
 }
 
+/********** 评论区输入提醒 ****************/
+/* 感谢Leonus大佬指点迷津！大佬博客：https://b.leonus.cn/ */
+.wl-header {
+    overflow: visible;
+}
+
+.wl-header-item {
+    position: relative;
+}
+
+/* merci end */
+.wl-header-item:nth-child(1):before {
+    content: '哈喽';
+}
+
+.wl-header-item:nth-child(2):before {
+    content: '收到回复将通过的邮箱提醒您📧';
+}
+
+.wl-header-item:nth-child(3):before {
+    content: '可以通过昵称访问您的网站🔗';
+}
+
+.wl-header-item:focus-within::before {
+    display: block;
+}
+
+/* 主内容区 */
+.wl-header-item::before {
+    /* 先隐藏起来 */
+    display: none;
+    /* 绝对定位 */
+    position: absolute;
+    /* 向上移动60像素 */
+    top: -31px;
+    /* 文字强制不换行，防止left:50%导致的文字换行 */
+    white-space: nowrap;
+    /* 圆角 */
+    border-radius: 10px;
+    /* 距离左边50% */
+    left: 50%;
+    /* 然后再向左边挪动自身的一半，即可实现居中 */
+    transform: translate(-50%);
+    /* 填充 */
+    padding: 0px 18px;
+    background: #669900;
+    color: #fff;
+}
+
+/* 新版本中waline字体怎么都变小了？ */
+.wl-header input {
+    font-size: 0.8rem
+}
+
 /* 热力图css */
 .ch-plugin-calendar-label {
     position: absolute;