.comment{margin-bottom:var(--size18);border-radius:var(--radius);text-align:center;background:var(--card-bg);cursor:pointer;padding:18px 0;font-size:18px;font-weight:550}.article-comment .comment-list .mb10{background:var(--card-bg);border-radius:var(--radius);padding:1.75rem}.comment-list .mb10{margin-bottom:18px}.comment-list .mb10 .date{text-align:center}.comment-list .mb10 .user-info-child{margin-bottom:18px;display:flex}.mb10 .user-info .comment-info-header,.mb10 .comment-info .comment-info-header{justify-content:space-between;align-items:center;line-height:1.8;display:flex}.mb10 .comment-info-header .comment-to,.mb10 .comment-info-header .name{font-weight:700}.center-name .name,.center-name-at span{font-size:calc(12px + .2rem)}.center-name-at{padding-left:28px}.comment-to{color:#858585}.mb10 .user-info .user-img,.mb10 .user-info-child .user-img{border-radius:var(--radius);width:48px;height:48px;margin-right:8px}.user-info .user-img img,.user-info-child .user-img img{object-fit:cover;aspect-ratio:1;border-radius:var(--radius);width:100%}.user-info .user-info-parent{padding:8px;display:flex}.intend{border-radius:var(--radius);background:#f7f7f7;margin-left:58px;padding:8px}@keyframes shan{0%{}}.mb10 .comment-info{flex:1;padding:0 8px 8px}.mb10 .comment-info p{border-radius:var(--radius);background:var(--message-bg);margin:5px 0;padding:0 8px;font-size:14.4px;line-height:32px;display:inline-block}.mb10 .comment-info .name{font-family:Arial,Microsoft YaHei,黑体,宋体,sans-serif}.mb10 .comment-info .identity{border-radius:var(--radius);color:#1b94fb;background:#acdcf2;border:1px solid #1b94fb;padding:2px;font-size:12px;font-weight:550}.mb10 .comment-info .comment-info-footer{color:var(--rgba130);font-size:14px}.like-reply{color:var(--rgba130)}.like-reply span,.like-reply i{font-size:14px}.icon-good-dz,.icon-huifu-hf{cursor:pointer}.icon-huifu-hf{margin-left:1rem;font-size:20px}.comment-wrap{z-index:9;color:#03e9f4;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:flex;position:fixed;top:0}.comment-card{border-radius:var(--radius);color:#374158;background:linear-gradient(270deg,#e9e1e8,#dfecf2);flex-direction:column;width:800px;max-width:90%;padding:16px 24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 20px 1px #d7ceff30}.comment-card .comment-card-header{display:flex}.comment-card-header .img-wrap{border-radius:var(--radius);background:#f1f2fbcc;width:9rem;height:9rem}.comment-card-header .img-wrap img{object-fit:cover;width:100%;height:100%}.comment-card-header .input-wrap{flex:1;margin-left:1.8rem}.comment-card-header .input-wrap input{border-radius:var(--radius);background:#f1f2fbcc;width:100%;padding:.5rem 0 .5rem 1rem;line-height:1.4rem;display:block}.comment-card-header .input-wrap input::placeholder,.comment-card .comment-card-text textarea::placeholder{color:#888}.comment-card-header .input-wrap input:nth-child(2){margin:1rem 0}.comment-card .comment-card-text{padding-top:1rem;position:relative;overflow:hidden}.comment-card .comment-card-text textarea{border:unset;border-radius:var(--radius);background:#f1f2fbcc;outline:none;width:100%;padding:.8rem}.comment-card .comment-card-footer{justify-content:space-between;width:100%;padding-top:.8rem;display:flex}.comment-card .comment-card-footer div,#sendComment input{cursor:pointer}.comment-card .comment-card-footer .unlock{cursor:default}#sendComment{display:none}#sendComment input{font-size:16px}.review{color:#ff5050;border-radius:var(--radius);border:1px solid #e4e4e4;margin-left:1rem;padding:.25rem}
