Add public

public/css/third_party/tianli_talk.css

@@ -0,0 +1,102 @@
+#efuTalk {
+  display: flex;
+  align-items: center;
+  z-index: 1001;
+  position: fixed;
+  bottom: 70px;
+  left: 20px;
+  height: 38px;
+  cursor: pointer;
+  transition: 0.3s;
+  box-shadow: var(--efu-shadow-border);
+  background: var(--efu-card-bg);
+  border-radius: 20px;
+  overflow: hidden;
+  padding: 8px;
+  color: var(--efu-fontcolor);
+  width: 42px;
+  border: var(--style-border-always);
+}
+#efuTalk.on,
+#efuTalk:hover {
+  background: var(--efu-lighttext);
+  color: var(--efu-card-bg);
+  width: 159px;
+  border-color: var(--efu-lighttext);
+}
+#efuTalk span.efuTalkTitle {
+  display: flex;
+  font-size: 14px;
+  padding: 0 12px;
+  line-height: 1;
+  white-space: nowrap;
+  opacity: 0;
+  transition: 0.3s;
+}
+#post_chat_button {
+  display: none;
+maxWidth768()
+}
+#postChat_iframeContainer {
+  z-index: 1000;
+  border: var(--style-border-always);
+  background: var(--efu-card-bg);
+  animation: to_show_fromLeftBottom 0.2s ease-out;
+  border-radius: 12px;
+maxWidth768()
+}
+#efuTalk.on span.efuTalkTitle,
+#efuTalk:hover span.efuTalkTitle {
+  color: var(--efu-card-bg);
+  opacity: 1;
+}
+#postChat_button {
+  display: none !important;
+}
+#efuTalk i.solitude.efuTalkIcon {
+  width: 18px;
+  height: 18px;
+  font-size: 18px;
+  margin-left: 3px;
+  line-height: 1;
+}
+@-moz-keyframes to_show_fromLeftBottom {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@-webkit-keyframes to_show_fromLeftBottom {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@-o-keyframes to_show_fromLeftBottom {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes to_show_fromLeftBottom {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}