.vip-comment-guard-block{
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  margin:16px 0 10px;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid #d8e8ff;
  border-radius:5px;
  background:linear-gradient(135deg,#f6faff 0%,#eef6ff 100%);
  color:#526477;
}
.vip-comment-guard-block:before{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:#2196f3;
  content:"";
}
.vip-comment-guard-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:linear-gradient(135deg,#2196f3,#54b4ff);
  box-shadow:0 6px 16px rgba(33,150,243,.22);
  color:#fff;
  font-size:18px;
}
.vip-comment-guard-content{min-width:0;}
.vip-comment-guard-content strong{
  display:block;
  margin:0 0 4px;
  color:#31506d;
  font-size:15px;
  font-weight:600;
  letter-spacing:.5px;
}
.vip-comment-guard-content p{
  margin:0 0 10px;
  color:#718296;
  font-size:13px;
  line-height:1.7;
}
.vip-comment-guard-button{
  display:inline-block;
  padding:8px 15px;
  border-radius:4px;
  background:#2196f3;
  box-shadow:0 4px 10px rgba(33,150,243,.18);
  color:#fff!important;
  font-size:12px;
  font-weight:600;
  line-height:1;
  text-decoration:none!important;
}
.vip-comment-guard-button:hover{
  background:#1976d2;
  color:#fff!important;
  opacity:1;
  transform:translateY(-1px);
}
.vip-comment-guard-button .fa{margin-right:4px;}
.comments-area #txaArticle::placeholder{
  color:#a8adb4;
  opacity:1;
}
.comments-area #txaArticle::-webkit-input-placeholder{color:#a8adb4;}
.comments-area #txaArticle::-moz-placeholder{color:#a8adb4;opacity:1;}
@media (max-width:640px){
  .vip-comment-guard-block{align-items:flex-start;gap:12px;padding:17px 16px;}
  .vip-comment-guard-icon{flex-basis:40px;width:40px;height:40px;font-size:16px;}
  .vip-comment-guard-content strong{font-size:14px;}
  .vip-comment-guard-content p{font-size:12px;}
}