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