.friend-comment-panel[data-v-2e7e4231]{margin-top:60px}.friend-comment-head[data-v-2e7e4231]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.friend-comment-title[data-v-2e7e4231]{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:var(--black)}.friend-comment-total[data-v-2e7e4231]{color:var(--greyFont);font-size:14px}.friend-comment-list[data-v-2e7e4231]{margin-top:34px}.friend-comment-item[data-v-2e7e4231]{border-radius:16px;background:var(--maxWhiteMask);border:1px solid rgba(73,177,245,.12);box-shadow:0 8px 24px rgba(31,45,61,.08);padding:22px 22px 18px;margin-bottom:20px}.friend-comment-item-head[data-v-2e7e4231]{display:flex;justify-content:space-between;align-items:center;gap:10px}.friend-comment-name[data-v-2e7e4231]{font-size:16px;font-weight:700;color:var(--replyNameColor)}.friend-comment-name.small[data-v-2e7e4231]{font-size:15px}.friend-comment-badge[data-v-2e7e4231]{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(73,177,245,.14);color:var(--blue);font-size:12px}.friend-comment-badge.owner[data-v-2e7e4231]{background:rgba(35,213,171,.18);color:#11a37f}.friend-comment-time[data-v-2e7e4231]{color:var(--greyFont);font-size:13px;white-space:nowrap}.friend-comment-content[data-v-2e7e4231]{margin-top:14px;color:var(--black);line-height:1.9;word-break:break-word}.friend-comment-actions[data-v-2e7e4231]{margin-top:14px}.friend-comment-reply[data-v-2e7e4231]{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:30px;padding:0 14px;border-radius:999px;border:1px solid rgba(73,177,245,.22);background:rgba(73,177,245,.08);color:var(--blue);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.friend-comment-reply[data-v-2e7e4231]:hover{background:rgba(73,177,245,.14);border-color:rgba(73,177,245,.34);box-shadow:0 6px 16px rgba(73,177,245,.12);transform:translateY(-1px)}.friend-comment-children[data-v-2e7e4231]{margin-top:18px;padding:16px 16px 2px;border-radius:14px;background:rgba(73,177,245,.06)}.friend-comment-child[data-v-2e7e4231]{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed rgba(73,177,245,.14)}.friend-comment-child[data-v-2e7e4231]:last-child{border-bottom:none;margin-bottom:0}.child-head[data-v-2e7e4231]{align-items:flex-start}.child-content[data-v-2e7e4231]{margin-top:10px;color:var(--black)}.friend-comment-at[data-v-2e7e4231]{color:var(--blue)}.friend-comment-more[data-v-2e7e4231]{padding:8px 0 4px;color:var(--blue);font-size:13px;cursor:pointer}.friend-comment-empty[data-v-2e7e4231]{margin-top:26px;color:var(--greyFont)}@media screen and (max-width:700px){.friend-comment-head[data-v-2e7e4231]{flex-direction:column;align-items:flex-start}.friend-comment-item[data-v-2e7e4231]{padding:18px 16px 14px}.friend-comment-item-head[data-v-2e7e4231]{flex-direction:column;align-items:flex-start}}.friend-reply-dialog.el-dialog{border-radius:28px;background:hsla(0,0%,100%,.26)!important;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 22px 50px rgba(15,23,42,.16);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);overflow:hidden}.friend-reply-dialog .el-dialog__header{position:relative;height:86px;padding:0 28px;background:transparent!important}.friend-reply-dialog .el-dialog__title{display:inline-block;line-height:86px;transform:translateY(8px);color:var(--fontColor)}.friend-reply-dialog .el-dialog__headerbtn{top:30px;right:26px}.friend-reply-dialog .el-dialog__headerbtn .el-dialog__close{color:rgba(120,128,144,.9);transition:color .2s ease}.friend-reply-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:var(--fontColor)}.friend-reply-dialog .el-dialog__body{padding:14px 28px 28px;background:transparent!important}