.friend-filter-dropdown[data-v-3e1d64be]{position:relative}.friend-filter-dropdown__trigger[data-v-3e1d64be]{align-items:center;color:var(--style-classic-text-1);display:flex;font-family:Inter;font-size:.28rem;font-weight:400;height:.72rem;line-height:.4rem}[dir] .friend-filter-dropdown__trigger[data-v-3e1d64be]{border:none;border-radius:19.98rem;cursor:pointer;padding:0 .24rem}.friend-filter-dropdown__label[data-v-3e1d64be]{white-space:nowrap}.friend-filter-dropdown__arrow[data-v-3e1d64be]{color:var(--style-classic-text-1);flex-shrink:0;height:.32rem;width:.32rem}[dir] .friend-filter-dropdown__arrow[data-v-3e1d64be]{transition:transform .2s}[dir=ltr] .friend-filter-dropdown__arrow[data-v-3e1d64be]{margin-left:.08rem}[dir=rtl] .friend-filter-dropdown__arrow[data-v-3e1d64be]{margin-right:.08rem}[dir=ltr] .friend-filter-dropdown__arrow.is-open[data-v-3e1d64be]{transform:rotate(180deg)}[dir=rtl] .friend-filter-dropdown__arrow.is-open[data-v-3e1d64be]{transform:rotate(-180deg)}.friend-filter-dropdown__menu[data-v-3e1d64be]{min-width:100%;position:absolute;top:100%;z-index:2}[dir] .friend-filter-dropdown__menu[data-v-3e1d64be]{background:var(--style-classic-bg-cat);border-radius:.16rem;box-shadow:0 4px 16px #00000029;margin-top:.08rem;padding:.08rem 0}[dir=ltr] .friend-filter-dropdown__menu[data-v-3e1d64be]{left:0}[dir=rtl] .friend-filter-dropdown__menu[data-v-3e1d64be]{right:0}.friend-filter-dropdown__item[data-v-3e1d64be]{color:var(--style-classic-text-2);font-family:Inter;font-size:.24rem;font-weight:400;line-height:.32rem;white-space:nowrap}[dir] .friend-filter-dropdown__item[data-v-3e1d64be]{cursor:pointer;padding:.16rem .24rem}.friend-filter-dropdown__item.is-active[data-v-3e1d64be]{color:var(--style-classic-text-1);font-weight:500}@media screen and (min-width:751px){.ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__trigger[data-v-3e1d64be]{font-size:14px;height:36px;line-height:20px}[dir] .ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__trigger[data-v-3e1d64be]{border-radius:999px;padding:0 12px}.ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__arrow[data-v-3e1d64be]{height:16px;width:16px}[dir=ltr] .ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__arrow[data-v-3e1d64be]{margin-left:4px}[dir=rtl] .ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__arrow[data-v-3e1d64be]{margin-right:4px}[dir] .ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__menu[data-v-3e1d64be]{border-radius:8px;box-shadow:0 4px 16px #00000029;margin-top:4px;padding:4px 0}.ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__item[data-v-3e1d64be]{font-size:12px;line-height:16px}[dir] .ignore-pxtorem.friend-filter-dropdown .friend-filter-dropdown__item[data-v-3e1d64be]{padding:8px 12px}}html[dir][theme=light] .friend-filter-dropdown__trigger{background:#0000000a}html[dir][theme=dark] .friend-filter-dropdown__trigger{background:#ffffff14}[dir] .friend-list-item[data-v-571ba07d]{border-bottom:1px solid var(--style-classic-line-apple);padding-bottom:.34rem}[dir] .friend-list-item[data-v-571ba07d]:not(:first-child){padding-top:.48rem}[dir] .friend-list-item[data-v-571ba07d]:last-child{border-bottom:none}.friend-header[data-v-571ba07d]{align-items:center;display:flex;height:.54rem;justify-content:space-between}.friend-remind-btn[data-v-571ba07d]{color:var(--style-classic-text-1);flex-shrink:0;font-family:Inter;font-size:.24rem;font-weight:400;height:.56rem;line-height:1;min-width:1.44rem}[dir] .friend-remind-btn[data-v-571ba07d]{background:transparent;border:.02rem solid var(--style-classic-line-apple);border-radius:.16rem;cursor:pointer;padding:0 .24rem}[dir=ltr] .friend-remind-btn[data-v-571ba07d]{margin-left:.24rem}[dir=rtl] .friend-remind-btn[data-v-571ba07d]{margin-right:.24rem}.friend-remind-btn.is-disabled[data-v-571ba07d]{color:var(--style-classic-text-3)}[dir] .friend-remind-btn.is-disabled[data-v-571ba07d]{border-color:var(--style-classic-line-apple);cursor:not-allowed}.friend-remind-btn.is-loading[data-v-571ba07d]{opacity:.6}[dir] .friend-remind-btn.is-loading[data-v-571ba07d]{cursor:not-allowed}.nickname-wrapper[data-v-571ba07d]{align-items:center;display:flex;flex:1;min-width:0}.nickname-wrapper .nickname[data-v-571ba07d]{color:var(--style-classic-text-1);font-family:Inter;font-size:.32rem;font-weight:400;line-height:125%}.nickname-wrapper .risk-icon[data-v-571ba07d]{color:var(--style-classic-semantic-down);flex-shrink:0;height:.32rem;width:.32rem}[dir=ltr] .nickname-wrapper .risk-icon[data-v-571ba07d]{margin-left:.16rem}[dir=rtl] .nickname-wrapper .risk-icon[data-v-571ba07d]{margin-right:.16rem}.risk-tip[data-v-571ba07d]{color:var(--style-classic-semantic-down);font-size:.24rem;line-height:.32rem}.timeline-item[data-v-571ba07d]{align-items:flex-start;display:flex;position:relative}[dir] .timeline-item[data-v-571ba07d]{padding:.13rem 0}[dir] .timeline-item[data-v-571ba07d]:not(:last-child){margin-top:.08rem}.timeline-item[data-v-571ba07d]:not(:last-child):after{content:"";height:100%;position:absolute;top:.24rem;z-index:-1}[dir=ltr] .timeline-item[data-v-571ba07d]:not(:last-child):after{border-left:.02rem dashed var(--style-classic-text-4);left:.12rem}[dir=rtl] .timeline-item[data-v-571ba07d]:not(:last-child):after{border-right:.02rem dashed var(--style-classic-text-4);right:.12rem}.timeline-item .common-text[data-v-571ba07d]{color:var(--style-classic-text-3);font-family:Inter;font-size:.24rem;font-weight:400;line-height:.3rem}.timeline-item .timeline-icon-wrapper[data-v-571ba07d]{align-items:center;display:flex;flex-shrink:0;height:.24rem;justify-content:center;width:.24rem}[dir] .timeline-item .timeline-icon-wrapper[data-v-571ba07d]{background:var(--style-classic-bg-dog);margin-top:.04rem}.timeline-item .timeline-icon-wrapper .done-icon[data-v-571ba07d]{color:var(--style-classic-semantic-up)}.timeline-item .timeline-icon-wrapper .normal-icon[data-v-571ba07d]{height:.16rem;width:.16rem}[dir] .timeline-item .timeline-icon-wrapper .normal-icon[data-v-571ba07d]{border:.02rem solid var(--style-classic-text-3);border-radius:50%}.timeline-item .task-name-tooltip[data-v-571ba07d]{flex:1}[dir] .timeline-item .task-name-tooltip[data-v-571ba07d]{margin-left:.2rem;margin-right:.2rem}.timeline-item .task-name[data-v-571ba07d]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.timeline-item .time-wrapper[data-v-571ba07d]{flex-shrink:0}[dir=ltr] .timeline-item .time-wrapper[data-v-571ba07d]{text-align:right}[dir=rtl] .timeline-item .time-wrapper[data-v-571ba07d]{text-align:left}.timeline-item.first-un-complete .common-text[data-v-571ba07d]{color:var(--style-classic-text-1)}[dir] .timeline-item.first-un-complete .timeline-icon-wrapper .normal-icon[data-v-571ba07d]{border-color:var(--style-classic-text-1)}@media screen and (min-width:751px){[dir] .ignore-pxtorem .friend-list-item[data-v-571ba07d]{border-width:1px;padding-bottom:17px}[dir] .ignore-pxtorem .friend-list-item[data-v-571ba07d]:not(:first-child){padding-top:24px}[dir] .ignore-pxtorem .friend-list-item[data-v-571ba07d]:last-child{border-bottom:none}.ignore-pxtorem .friend-header[data-v-571ba07d]{height:27px}.ignore-pxtorem .friend-remind-btn[data-v-571ba07d]{font-size:12px;height:28px;min-width:72px}[dir] .ignore-pxtorem .friend-remind-btn[data-v-571ba07d]{border-radius:8px;border-width:1px;padding:0 12px}[dir=ltr] .ignore-pxtorem .friend-remind-btn[data-v-571ba07d]{margin-left:12px}[dir=rtl] .ignore-pxtorem .friend-remind-btn[data-v-571ba07d]{margin-right:12px}.ignore-pxtorem .nickname-wrapper .nickname[data-v-571ba07d]{font-size:16px}.ignore-pxtorem .nickname-wrapper .risk-icon[data-v-571ba07d]{height:16px;width:16px}[dir=ltr] .ignore-pxtorem .nickname-wrapper .risk-icon[data-v-571ba07d]{margin-left:8px}[dir=rtl] .ignore-pxtorem .nickname-wrapper .risk-icon[data-v-571ba07d]{margin-right:8px}.ignore-pxtorem .risk-tip[data-v-571ba07d]{font-size:12px;line-height:16px}[dir] .ignore-pxtorem .timeline-item[data-v-571ba07d]{padding:6.5px 0}[dir] .ignore-pxtorem .timeline-item[data-v-571ba07d]:not(:last-child){margin-top:4px}.ignore-pxtorem .timeline-item[data-v-571ba07d]:not(:last-child):after{top:12px}[dir=ltr] .ignore-pxtorem .timeline-item[data-v-571ba07d]:not(:last-child):after{border-left-width:1px;left:6px}[dir=rtl] .ignore-pxtorem .timeline-item[data-v-571ba07d]:not(:last-child):after{border-right-width:1px;right:6px}.ignore-pxtorem .timeline-item .common-text[data-v-571ba07d]{font-size:12px;line-height:15px}.ignore-pxtorem .timeline-item .timeline-icon-wrapper[data-v-571ba07d]{height:12px;width:12px}[dir] .ignore-pxtorem .timeline-item .timeline-icon-wrapper[data-v-571ba07d]{margin-top:2px}.ignore-pxtorem .timeline-item .timeline-icon-wrapper .normal-icon[data-v-571ba07d]{height:8px;width:8px}[dir] .ignore-pxtorem .timeline-item .timeline-icon-wrapper .normal-icon[data-v-571ba07d]{border-width:1px}[dir] .ignore-pxtorem .timeline-item .task-name-tooltip[data-v-571ba07d]{margin-left:10px;margin-right:10px}}.friend-list-container[data-v-6ab528f9]{overflow:hidden auto;-webkit-overflow-scrolling:touch}[dir] .friend-list-container[data-v-6ab528f9]{margin:0 -.48rem;padding:0 .48rem}.limit-tip[data-v-6ab528f9]{color:var(--style-classic-semantic-down);font-family:Inter;font-size:.24rem;font-weight:400}[dir] .limit-tip[data-v-6ab528f9]{text-align:center}.load-tip[data-v-6ab528f9]{align-items:center;color:var(--style-classic-text-2);display:flex;font-family:Inter;font-size:.28rem;font-weight:400;justify-content:center}[dir] .load-tip.mt-12[data-v-6ab528f9]{margin-top:.24rem}.load-tip-icon[data-v-6ab528f9]{flex-shrink:0;height:.32rem;width:.32rem}[dir=ltr] .load-tip-icon[data-v-6ab528f9]{margin-left:.08rem}[dir=rtl] .load-tip-icon[data-v-6ab528f9]{margin-right:.08rem}[dir] .bottom-wrapper[data-v-6ab528f9]{margin-top:.48rem}@media screen and (max-width:750px){.friend-list-container[data-v-6ab528f9]{max-height:50vh}.bottom-wrapper[data-v-6ab528f9]{flex-shrink:0}}@media screen and (min-width:751px){.ignore-pxtorem .friend-list-container[data-v-6ab528f9]{max-height:50vh}[dir] .ignore-pxtorem .friend-list-container[data-v-6ab528f9]{margin:0 -24px;padding:0 24px}.ignore-pxtorem .limit-tip[data-v-6ab528f9]{font-size:12px}.ignore-pxtorem .load-tip[data-v-6ab528f9]{font-size:14px}[dir] .ignore-pxtorem .load-tip[data-v-6ab528f9],[dir] .ignore-pxtorem .load-tip.mt-12[data-v-6ab528f9]{margin-top:12px}.ignore-pxtorem .load-tip-icon[data-v-6ab528f9]{height:16px;width:16px}[dir=ltr] .ignore-pxtorem .load-tip-icon[data-v-6ab528f9]{margin-left:4px}[dir=rtl] .ignore-pxtorem .load-tip-icon[data-v-6ab528f9]{margin-right:4px}[dir] .ignore-pxtorem .bottom-wrapper[data-v-6ab528f9]{margin-top:24px}}.task-friend-list-dialog.bb-dialog-wrap .dialog-inner{max-height:unset}.task-friend-list-dialog.bb-dialog-wrap .dialog-inner .dialog-content.left{max-height:unset;overflow:hidden}.task-friend-list-dialog.bb-dialog-wrap .dialog-inner .dialog-header .title{line-height:.4rem}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-footer .btn{border-radius:19.98rem!important}.task-friend-remind-all-dialog.bb-dialog-wrap{z-index:1100!important}[dir=ltr] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-header.no-title{padding:.32rem .32rem 0 .48rem}[dir=rtl] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-header.no-title{padding:.32rem .48rem 0 .32rem}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content{padding:.32rem .48rem .48rem}.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content .message{color:var(--style-classic-text-1);font-size:.36rem;font-weight:700;line-height:normal}[dir=ltr] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content .message{text-align:left}[dir=rtl] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content .message{text-align:right}.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content .desc{color:var(--style-classic-text-2);font-size:.28rem;font-weight:500;line-height:normal}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-content .desc{margin-top:.2rem}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-footer{padding:.32rem .48rem .48rem}.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-footer .btn{font-size:.28rem;height:.84rem}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-footer .btn{border-radius:19.98rem!important}.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-footer .cancel-btn{font-weight:500}.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner .dialog-footer .ok-btn{font-weight:700}@media screen and (max-width:750px){.task-friend-list-dialog.bb-dialog-wrap .dialog-inner,.task-friend-remind-all-dialog.bb-dialog-wrap .dialog-inner{width:6.86rem}}@media screen and (min-width:751px){html[dir][theme=light] .task-friend-list-dialog :is(.remind-all-btn,.friend-remind-btn):not(.is-disabled):hover{background:#0000000a}html[dir][theme=dark] .task-friend-list-dialog :is(.remind-all-btn,.friend-remind-btn):not(.is-disabled):hover{background:#ffffff14}html[dir][theme=dark] .task-friend-list-dialog .friend-remind-btn.is-loading:hover,html[dir][theme=light] .task-friend-list-dialog .friend-remind-btn.is-loading:hover{background:transparent}[dir] .task-friend-remind-all-dialog.bb-dialog-wrap .dialog-footer .btn{border-radius:19.98rem!important}.global-ignore-pxtorem.task-friend-list-dialog .dialog-inner{width:380px!important}.global-ignore-pxtorem.task-friend-list-dialog .dialog-inner .dialog-header .title{line-height:20px}.global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner{width:380px!important}[dir=ltr] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-header.no-title{padding:16px 16px 0 24px}[dir=rtl] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-header.no-title{padding:16px 24px 0 16px}[dir] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-content{padding:16px 24px 24px}.global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-content .message{font-size:18px}.global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-content .desc{font-size:14px}[dir] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-content .desc{margin-top:10px}[dir] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-footer{padding:16px 24px 24px}.global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-footer .btn{font-size:14px;height:42px}[dir] .global-ignore-pxtorem.task-friend-remind-all-dialog .dialog-inner .dialog-footer .btn{border-radius:999px!important}}.content-wrapper[data-v-f3f24928] *{box-sizing:border-box}.style2-toolbar[data-v-f3f24928]{align-items:center;display:flex;justify-content:space-between}[dir] .style2-toolbar[data-v-f3f24928]{margin-bottom:.48rem}.remind-all-btn[data-v-f3f24928]{color:var(--style-classic-text-1);flex-shrink:0;font-family:Inter;font-size:.24rem;font-weight:400;height:.72rem;line-height:1;min-width:1.44rem;white-space:nowrap}[dir] .remind-all-btn[data-v-f3f24928]{background:transparent;border:.02rem solid var(--style-classic-line-apple);border-radius:.16rem;cursor:pointer;padding:0 .24rem}[dir=ltr] .remind-all-btn[data-v-f3f24928]{margin-left:.24rem}[dir=rtl] .remind-all-btn[data-v-f3f24928]{margin-right:.24rem}.remind-all-btn.is-disabled[data-v-f3f24928]{color:var(--style-classic-text-3)}[dir] .remind-all-btn.is-disabled[data-v-f3f24928]{border-color:var(--style-classic-line-apple);cursor:not-allowed}.tabs[data-v-f3f24928]{display:flex}[dir] .tabs[data-v-f3f24928]{margin-bottom:.48rem}.tab-item[data-v-f3f24928]{align-items:center;color:var(--style-classic-text-2);display:flex;font-family:Inter;font-size:.24rem;font-weight:400;height:.68rem}[dir] .tab-item[data-v-f3f24928]{background:var(--style-classic-bg-fish);border-radius:.82rem;cursor:pointer;padding:0 .32rem}[dir=ltr] .tab-item[data-v-f3f24928]:first-child{margin-right:.24rem}[dir=rtl] .tab-item[data-v-f3f24928]:first-child{margin-left:.24rem}.tab-item.active[data-v-f3f24928]{color:var(--style-classic-bg-panda);font-weight:500}[dir] .tab-item.active[data-v-f3f24928]{background:var(--style-classic-text-1)}.tab-item .shadow-text[data-v-f3f24928]{font-weight:500;height:0;visibility:hidden}@media screen and (max-width:750px){.content-wrapper[data-v-f3f24928]{display:flex;flex-direction:column;height:100%}.style2-toolbar[data-v-f3f24928],.tabs[data-v-f3f24928]{flex-shrink:0}}@media screen and (min-width:751px){[dir] .content-wrapper.ignore-pxtorem .style2-toolbar[data-v-f3f24928]{margin-bottom:24px}.content-wrapper.ignore-pxtorem .remind-all-btn[data-v-f3f24928]{font-size:12px;height:36px;min-width:72px}[dir] .content-wrapper.ignore-pxtorem .remind-all-btn[data-v-f3f24928]{border-radius:8px;border-width:1px;padding:0 12px}[dir=ltr] .content-wrapper.ignore-pxtorem .remind-all-btn[data-v-f3f24928]{margin-left:12px}[dir=rtl] .content-wrapper.ignore-pxtorem .remind-all-btn[data-v-f3f24928]{margin-right:12px}[dir] .content-wrapper.ignore-pxtorem .tabs[data-v-f3f24928]{margin-bottom:24px}.content-wrapper.ignore-pxtorem .tab-item[data-v-f3f24928]{font-size:12px;height:34px}[dir] .content-wrapper.ignore-pxtorem .tab-item[data-v-f3f24928]{border-radius:41px;padding:0 16px}[dir=ltr] .content-wrapper.ignore-pxtorem .tab-item[data-v-f3f24928]:first-child{margin-right:12px}[dir=rtl] .content-wrapper.ignore-pxtorem .tab-item[data-v-f3f24928]:first-child{margin-left:12px}.content-wrapper.ignore-pxtorem .tab-item[data-v-f3f24928]:hover{font-weight:500}}