.comment-box[data-v-39c17fb4]{height:70%;overflow:hidden;background:#fff;border-radius:.75rem .75rem 0 0;display:flex;flex-direction:column;padding-bottom:3.5rem}.comment-box .comment-header[data-v-39c17fb4]{position:relative;padding:1rem;z-index:8}.comment-box .comment-header .comment-title[data-v-39c17fb4]{font-size:1.125rem;color:#222;text-align:center}.comment-box .comment-header .close-btn[data-v-39c17fb4]{position:absolute;top:1rem;right:1rem}.comment-box .comment-header .close-btn img[data-v-39c17fb4]{width:1.125rem;height:1.125rem}.comment-box .comment-content[data-v-39c17fb4]{flex:1;overflow:hidden;overflow-y:auto}.comment-box .empty-box[data-v-39c17fb4]{height:calc(100% - 3.4375rem);display:flex;align-items:center;justify-content:center}.comment-box .comment-list[data-v-39c17fb4]{padding:0 1rem 0}.comment-box .comment-list .comment-item[data-v-39c17fb4]{display:flex;margin-bottom:1rem}.comment-box .comment-list .comment-item .avatar[data-v-39c17fb4]{margin-right:.625rem}.comment-box .comment-list .comment-item .avatar img[data-v-39c17fb4]{width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden}.comment-box .comment-list .comment-item .comment-center[data-v-39c17fb4]{margin-right:1rem;width:calc(100% - 5rem)}.comment-box .comment-list .comment-item .comment-center .user-info[data-v-39c17fb4]{font-size:.875rem;margin-bottom:.25rem}.comment-box .comment-list .comment-item .comment-center .comment-cont[data-v-39c17fb4]{font-size:.875rem;line-height:1.3125rem;margin:.3125rem 0}.comment-box .comment-list .comment-item .comment-center .send-time[data-v-39c17fb4]{font-size:.625rem;color:hsla(0,0%,100%,.4)}.comment-box .comment-list .comment-item .comment-center .reply span[data-v-39c17fb4]{font-size:.75rem}.comment-box .comment-list .comment-item .comment-center .reply .reply-total[data-v-39c17fb4]{margin-left:2.25rem}.comment-box .comment-list .comment-item .comment-right[data-v-39c17fb4]{font-size:.75rem;text-align:center}.comment-box .comment-list .comment-item .comment-right img[data-v-39c17fb4]{width:1rem}.comment-box .comment-list .comment-item .child-comment[data-v-39c17fb4]{margin-top:.75rem}.comment-box .comment-list .comment-item[data-v-39c17fb4]:last-child{margin-bottom:0}[data-v-39c17fb4] .van-cell-group{position:absolute;bottom:0;left:0;right:0;height:3.5rem}[data-v-39c17fb4] .van-cell-group .van-cell{padding-top:0}[data-v-39c17fb4] .van-cell-group .van-cell .van-cell__value{background:#eee;border-radius:.375rem 0 0 .375rem;padding:.375rem .75rem;font-size:.75rem}[data-v-39c17fb4] .van-cell-group .van-cell .van-cell__value .van-field__body input{color:#222}[data-v-39c17fb4] .van-cell-group .van-cell .comment-btn{width:4.5rem;height:2.25rem;line-height:2.25rem;font-size:.75rem}.circle-item[data-v-44a2c40c]{background:#fff;padding:.625rem;border-radius:.625rem}.circle-item[data-v-44a2c40c]:not(:first-of-type){margin-top:.625rem}.circle-item .header[data-v-44a2c40c]{display:flex;align-items:center}.circle-item .header .avatar[data-v-44a2c40c]{width:2.5rem;height:2.5rem;position:relative}.circle-item .header .avatar>img[data-v-44a2c40c]:first-of-type{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.circle-item .header .avatar>img.vip-flag[data-v-44a2c40c]{width:.875rem;height:.875rem;position:absolute;right:0;bottom:0}.circle-item .header .info[data-v-44a2c40c]{margin-left:.625rem}.circle-item .header .info .title[data-v-44a2c40c]{display:flex;align-items:center;margin-right:1rem}.circle-item .header .info .title .name[data-v-44a2c40c]{font-size:1rem;line-height:1.0625rem;color:#222;font-weight:700}.circle-item .header .info .title .level[data-v-44a2c40c]{font-size:.75rem;line-height:1rem;border-radius:.5rem;color:#fff;padding:0 .4375rem;background:var(--level-tag-bg-color);margin-left:.4375rem}.circle-item .header .info .time[data-v-44a2c40c]{color:#999;font-size:.6875rem;line-height:1rem}.circle-item .header .btn[data-v-44a2c40c]{margin-left:auto;background:#ddefff;color:#2e9af5;font-size:.75rem;line-height:1.0625rem;padding:.1875rem .625rem;border-radius:.75rem;transition:all .4s;white-space:nowrap}.circle-item .header .btn.followed[data-v-44a2c40c]{background:#ddefff;color:#2e9af5}.circle-item .text[data-v-44a2c40c]{margin-top:.9375rem}.circle-item .text .title[data-v-44a2c40c]{font-size:1rem;line-height:1.3125rem}.circle-item .text .desc[data-v-44a2c40c]{font-size:.875rem;line-height:1.0625rem;margin-top:.625rem;color:#222}.circle-item .imgs[data-v-44a2c40c]{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.625rem;position:relative;border-radius:.3125rem;overflow:hidden}.circle-item .imgs img[data-v-44a2c40c]{aspect-ratio:1;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.circle-item .imgs img.one[data-v-44a2c40c]{width:100%}.circle-item .imgs img.two[data-v-44a2c40c]{width:calc(50% - .3125rem)}.circle-item .imgs img.three[data-v-44a2c40c]{width:calc(33.33333% - .41667rem)}.circle-item .imgs .play[data-v-44a2c40c]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.47)}.circle-item .imgs .play img[data-v-44a2c40c]{width:3rem;height:3rem}.circle-item .tags[data-v-44a2c40c]{display:flex;margin-top:.75rem}.circle-item .tags .tag[data-v-44a2c40c]{background:#ddefff;color:#2e9af5;font-size:.625rem;line-height:.875rem;padding:.25rem .75rem;border-radius:.6875rem}.circle-item .tags .tag[data-v-44a2c40c]:not(:first-of-type){margin-left:.625rem}.circle-item .tags .pay-type[data-v-44a2c40c]{margin-left:auto;font-size:.625rem;line-height:.875rem;padding:.25rem .75rem;border-radius:.6875rem;background:#02baff;color:#fff}.circle-item .tags .pay-type.free[data-v-44a2c40c]{background:var(--free-tag-bg-color)}.circle-item .tags .pay-type.gold[data-v-44a2c40c]{background:var(--gold-tag-bg-color);color:#fff}.circle-item .count[data-v-44a2c40c]{margin-top:.9375rem;display:flex;align-items:center;font-size:.875rem;line-height:1.0625rem;color:#828282}.circle-item .count>div[data-v-44a2c40c]{display:flex;align-items:center}.circle-item .count>div .van-icon[data-v-44a2c40c]{font-size:1.375rem;margin-right:.1875rem}.circle-item .count>div img[data-v-44a2c40c]{width:1.5rem;margin-right:.1875rem}.circle-item .count>div[data-v-44a2c40c]:last-of-type{margin-left:auto}.circle-item .count>div[data-v-44a2c40c]:first-of-type,.circle-item .count>div[data-v-44a2c40c]:nth-of-type(2){margin-right:.9375rem}