.comment{padding:.5rem 1rem;transition:background .7s ease-in-out;position:relative;box-sizing:border-box;width:100%}.comment .main{width:100%;-moz-column-gap:1rem;column-gap:1rem}.comment .main,.comment .main>.text{display:flex;justify-content:flex-start;align-items:flex-start}.comment .main>.text{flex-grow:2;flex-direction:column;-moz-column-gap:.5rem;column-gap:.5rem}.comment .avatar-wrap{flex:none;width:4rem;height:4rem}.comment .username{font-weight:700;font-size:.875rem}.comment a.username{color:#000;transition:all .15s ease-in-out}.comment a.username:hover{color:#ff7714}.comment .comment-head{display:flex;justify-content:flex-start;align-items:baseline;-moz-column-gap:1rem;column-gap:1rem;font-size:.875rem;flex-wrap:wrap}.comment .comment_text{margin:0;white-space:pre-wrap;word-break:break-word}.comment.notify .comment_text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3}.comment.notify .bottom-line{justify-content:flex-end}.comment .date{color:#797979;font-size:.875rem;line-height:.875rem}.comment .bottom-line{-moz-column-gap:2rem;column-gap:2rem;row-gap:1rem;width:100%;flex-wrap:wrap}.comment .bottom-line,.comment .bottom-line .reply-like{display:flex;justify-content:space-between;align-items:baseline}.comment .bottom-line .reply-like{flex-grow:1}.comment .bottom-line .reply{color:#bfbfbf;cursor:pointer}.comment .bottom-line .article-like{margin-left:auto}.comment:target{animation:slidein 10s 1 alternate}@keyframes slidein{0%{background-color:#ff7714}to{background-color:#fff}}.comment:not(:last-child):after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";box-sizing:content-box}.comment.highlighted{background:#f8d29c;border-color:#f8d29c}@media(max-width:769px){.comment{padding-right:0;padding-left:0}.comment .avatar-wrap{width:3rem;height:3rem}}