.friend-comment-box[data-v-21aabc8e]{border:1px solid rgba(73,177,245,.18);border-radius:18px;background:var(--maxWhiteMask);padding:24px 24px 18px;box-shadow:0 12px 30px rgba(31,45,61,.08)}.friend-comment-tip[data-v-21aabc8e]{margin-bottom:16px;padding:10px 14px;border-radius:10px;color:#f56c6c;background:rgba(245,108,108,.08);font-size:13px;line-height:1.7}.friend-comment-reply-notice[data-v-21aabc8e]{margin-bottom:14px;padding:10px 14px;border-radius:14px;background:rgba(131,123,199,.08);border:1px solid rgba(131,123,199,.14);color:var(--maxGreyFont);font-size:13px;line-height:1.8}.friend-comment-grid[data-v-21aabc8e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.friend-comment-field[data-v-21aabc8e]{width:100%}.friend-comment-label[data-v-21aabc8e]{font-size:14px;font-weight:600;color:var(--maxGreyFont);margin-bottom:8px}.friend-comment-field[data-v-21aabc8e] .el-input__inner{border-radius:14px;border:1px solid rgba(73,177,245,.2);background:var(--background);color:var(--black)}.friend-comment-field[data-v-21aabc8e] .el-input__inner::-moz-placeholder{color:var(--greyFont)}.friend-comment-field[data-v-21aabc8e] .el-input__inner:-ms-input-placeholder{color:var(--greyFont)}.friend-comment-field[data-v-21aabc8e] .el-input__inner::placeholder{color:var(--greyFont)}.friend-comment-field[data-v-21aabc8e] .el-input__inner:focus{border-color:var(--lightGreen)}.friend-comment-textarea[data-v-21aabc8e]{border:1px solid rgba(73,177,245,.2);width:100%;font-size:14px;padding:15px;min-height:180px;resize:none;outline:none;border-radius:14px;background-color:var(--background);background-image:var(--commentURL);background-size:contain;background-repeat:no-repeat;background-position:100%;color:var(--black)}.friend-comment-textarea[data-v-21aabc8e]::-moz-placeholder{color:var(--greyFont)}.friend-comment-textarea[data-v-21aabc8e]:-ms-input-placeholder{color:var(--greyFont)}.friend-comment-textarea[data-v-21aabc8e]::placeholder{color:var(--greyFont)}.friend-comment-textarea[data-v-21aabc8e]:focus{border-color:var(--lightGreen)}.friend-comment-meta[data-v-21aabc8e]{margin-top:18px;gap:12px}.friend-comment-helper[data-v-21aabc8e]{font-size:13px;line-height:1.8;color:var(--greyFont)}@media screen and (max-width:700px){.friend-comment-box[data-v-21aabc8e]{padding:20px 16px 16px}.friend-comment-grid[data-v-21aabc8e]{grid-template-columns:1fr;gap:14px}.friend-comment-meta[data-v-21aabc8e]{flex-direction:column;align-items:flex-start}}.friend-comment-box.compact[data-v-21aabc8e]{padding:6px 0 0;border:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.friend-comment-box.compact .friend-comment-reply-notice[data-v-21aabc8e]{margin-bottom:18px;background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.18);color:#dbe6f7}.friend-comment-box.compact .friend-comment-grid[data-v-21aabc8e]{gap:26px}.friend-comment-box.compact .friend-comment-field[data-v-21aabc8e]{display:flex;flex-direction:column;gap:10px}.friend-comment-box.compact .friend-comment-label[data-v-21aabc8e]{color:var(--fontColor);margin-bottom:0}.friend-comment-box.compact .friend-comment-field[data-v-21aabc8e] .el-input__inner{background:var(--replyInputSurface);color:var(--replyInputText);border-color:hsla(0,0%,100%,.14)}.friend-comment-box.compact .friend-comment-textarea[data-v-21aabc8e]{background-color:var(--replyInputSurface);color:var(--replyInputText);border-color:hsla(0,0%,100%,.14)}.friend-comment-box.compact .friend-comment-meta[data-v-21aabc8e]{margin-top:24px;align-items:flex-end}.friend-comment-box.compact .friend-comment-helper[data-v-21aabc8e]{color:var(--greyFont)}