.list[data-v-8f5b2e7e]{display:flex;padding:1.25vw 0;border-top:1px solid #0000000d;cursor:pointer}.list[data-v-8f5b2e7e]:hover{opacity:.8}.list .img-box[data-v-8f5b2e7e]{width:1.875vw;height:1.875vw;margin-right:.46875vw;opacity:.7;position:relative}.list .img-box[data-v-8f5b2e7e] .avatar{width:100%;height:100%;overflow:hidden;border-radius:50%}.list .right-box[data-v-8f5b2e7e]{flex:1;width:0;display:flex;flex-direction:column}.list .right-box .row-one[data-v-8f5b2e7e]{display:flex;align-items:center}.list .right-box .row-one i[data-v-8f5b2e7e]{display:inline-block;font-size:.9375vw;color:#333;font-weight:400;font-style:normal;line-height:1.09375vw;max-width:23.4375vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.list .right-box .row-one .time[data-v-8f5b2e7e]{color:rgba(51,51,51,.7);margin-left:.46875vw;font-weight:400;font-size:.78125vw;line-height:.9375vw;font-style:normal}.list .right-box .row-two[data-v-8f5b2e7e]{display:flex;align-items:center}.list .right-box .row-two .desc[data-v-8f5b2e7e]{display:inline-block;height:.9375vw;flex:1;color:rgba(51,51,51,.7);font-weight:400;font-size:.78125vw;line-height:.9375vw;margin-top:.3125vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .del-btn[data-v-8f5b2e7e],.list .view-btn[data-v-8f5b2e7e]{height:2.03125vw;border-radius:2.34375vw;background:rgba(51,51,51,.1);font-family:PingFang SC;font-weight:400;font-size:.78125vw;line-height:1.09375vw;color:rgba(51,51,51,.5);padding:.46875vw 1.40625vw;margin-left:3.125vw}.list .del-btn[data-v-8f5b2e7e]:hover,.list .view-btn[data-v-8f5b2e7e]:hover{opacity:.8}.list .del-btn[data-v-8f5b2e7e]{background:rgba(255,51,51,.1);color:#f33}.list.unread .img-box[data-v-8f5b2e7e]{opacity:1}.list.unread .img-box[data-v-8f5b2e7e]:after{content:"";position:absolute;top:0;right:0;width:.23438vw;height:.23438vw;border-radius:50%;background:#f33}.list.unread .right-box .row-one i[data-v-8f5b2e7e]{font-weight:600}.list.unread .view-btn[data-v-8f5b2e7e]{background:rgba(85,123,246,.1);color:var(--primary-color);font-weight:600}.list[data-v-8f5b2e7e]:first-child{border-top:none}.letterDetail[data-v-a5f54f4e]{width:100%;min-height:100%;padding:.46875vw 0;overflow-y:scroll}.letterDetail[data-v-a5f54f4e] .content{word-break:break-word}.letterDetail .detail-box[data-v-a5f54f4e]{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.40625vw}.letterDetail .detail-box[data-v-a5f54f4e] .avatar{width:2.34375vw;height:2.34375vw;border-radius:50%;overflow:hidden;box-sizing:border-box}.letterDetail .detail-box .info[data-v-a5f54f4e]{margin-left:.9375vw}.letterDetail .detail-box .info .nickname[data-v-a5f54f4e]{max-width:19.53125vw;height:1.40625vw;color:#333;font-family:PingFang SC;font-weight:600;font-size:1.09375vw;line-height:1.40625vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letterDetail .detail-box .info .time[data-v-a5f54f4e]{color:rgba(51,51,51,.7);font-family:PingFang SC;font-weight:400;font-size:.78125vw;line-height:.9375vw;margin-top:.19531vw}.letterDetail .detail-box .back[data-v-a5f54f4e]{display:flex;align-items:center;font-family:PingFang SC;font-weight:400;font-size:.85938vw;line-height:1.09375vw;margin-left:auto;cursor:pointer}.letterDetail .detail-box .back[data-v-a5f54f4e]:hover{opacity:.8}.letterDetail .detail-box .back svg[data-v-a5f54f4e]{width:.78125vw;height:.78125vw;margin-right:.46875vw}.letterDetail .title[data-v-a5f54f4e]{font-size:.85938vw;color:#333;margin-bottom:.46875vw}.letter[data-v-445e978f]{flex:1;width:100%;height:calc(100% - 14.0625vw);margin:2.34375vw 0;display:flex;justify-content:center}.letter .box[data-v-445e978f]{max-width:78.125vw;width:100%;height:100%;display:flex;justify-content:space-between;gap:.9375vw}.nav-bar[data-v-445e978f]{position:sticky;top:-1.5625vw;margin:0}.content[data-v-445e978f]{flex:1;height:100%;overflow:hidden auto;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.45) 134.96%);box-shadow:0 .46875vw .9375vw rgba(0,80,255,.1);border-radius:.9375vw;padding:1.40625vw}.content[data-v-445e978f]::-webkit-scrollbar{display:none}.content h2[data-v-445e978f]{font-size:.9375vw;color:#333;font-weight:600}.content h2 i[data-v-445e978f]{color:rgba(51,51,51,.698);font-style:normal;margin-left:.39063vw}.content .title[data-v-445e978f]{display:flex;justify-content:space-between;padding-bottom:.78125vw}.content .title svg[data-v-445e978f]{width:1.09375vw;height:1.09375vw;cursor:pointer}.content .title svg.disabled[data-v-445e978f]{pointer-events:none}.content .title svg[data-v-445e978f]:hover{opacity:.8}