.notify-comp{width:100%;height:90%;color:var(--color-text);justify-content:center;margin-top:1.3rem;padding:.3rem;display:flex}@media screen and (width<=950px){.notify-comp{flex-direction:column;align-items:center;width:100%;margin-top:.5rem}.notify-comp .notify-col-1{width:100%}}.notify-comp .notify-col-1{justify-content:flex-start;align-items:flex-start;padding:.3rem;display:flex}.notify-comp .notify-col-2{border-radius:30px;width:100%;min-height:12rem;max-height:12rem;padding:.4rem;position:relative}.notify-comp .notify-col-2 .notify-col-2-ul{flex-grow:1;height:100%;max-height:100%;list-style:none}.notify-comp .notify-col-2 .notify-col-2-ul .vue-recycle-scroller__item-wrapper .vue-recycle-scroller__item-view>div:first-child{padding:.15rem}.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li,.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li-copy{border-radius:30px;align-items:center;width:100%;padding:.1rem;display:flex}.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li .bright,.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li-copy .bright{color:var(--color-text);text-shadow:0 0 6px #fff;font-weight:500}.lightBody .notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li .bright,.lightBody .notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li-copy .bright{text-shadow:none}.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li .system-cont,.notify-comp .notify-col-2 .notify-col-2-ul .notify-col-2-li-copy .system-cont{word-break:break-all;word-wrap:break-word;white-space:pre-wrap;width:100%;margin-left:.2rem;font-size:.28rem;font-weight:500;color:var(--color-text)!important}.notify-comp .notify-col-2 .notify-col-2-li:hover{box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end)}.notify-comp .notify-col-2 .user-information{justify-content:center;width:100%;display:flex}.notify-comp .notify-col-2 .user-information .user-head-img{border:1.5px dashed var(--fc-background-webkit);border-radius:50%;flex:none;width:1rem;min-width:1rem;height:1rem;min-height:1rem;padding:.04rem;display:block}.notify-comp .notify-col-2 .user-information .user-relevant-div{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin-left:.25rem;font-weight:500;display:flex}.notify-comp .notify-col-2 .user-information .user-relevant-div .user-nick-name{width:85%;color:var(--color-text);font-size:.26rem}.notify-comp .notify-col-2 .user-information .user-relevant-div .user-nick-name .source-post,.notify-comp .notify-col-2 .user-information .user-relevant-div .user-nick-name .subheading{color:bisque;font-size:.25rem}.lightBody .notify-comp .notify-col-2 .user-information .user-relevant-div .user-nick-name .source-post,.lightBody .notify-comp .notify-col-2 .user-information .user-relevant-div .user-nick-name .subheading{color:#94591c}.notify-comp .notify-col-2 .user-information .user-relevant-div .user-time-dad{min-width:1.3rem;color:var(--color-cale-text);justify-content:flex-start;font-size:.24rem;display:flex;position:absolute;bottom:0;right:0}.notify-comp .notify-col-2 .user-information .user-relevant-div .user-time-dad .user-relevant-div-ul{padding:0;list-style-type:disc!important}.notify-comp .notify-col-2 .user-information .user-relevant-div .pl-cont{flex-direction:column;align-items:flex-start;width:100%;display:flex}.notify-comp .notify-col-2 .user-information .user-relevant-div .comment-content,.notify-comp .notify-col-2 .user-information .user-relevant-div .prefix{word-break:break-all;word-wrap:break-word;white-space:pre-wrap}.notify-comp .notify-col-2 .user-information .user-relevant-div .prefix{background:linear-gradient(to right,var(--top-color),var(--source-post-color));color:#0000;-webkit-background-clip:text;width:88%;margin-top:.05rem;font-size:.23rem}.notify-comp .notify-col-2 .user-information .user-relevant-div .comment-content{width:88%;margin-top:.1rem;font-size:.24rem}.notify-comp .notify-list-status{color:var(--color-cale-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.22rem;font-size:.26rem;display:flex;position:absolute;inset:0}.notify-comp .notify-list-loading{border-radius:inherit;overflow:hidden}.notify-comp .notify-list-retry{appearance:none;border:1px solid var(--color-border);background:var(--tm-bg-ty-v2);color:var(--color-text);font:inherit;cursor:var(--cursor-touch),pointer;border-radius:999px;padding:.12rem .3rem}.notify-comp .notify-list-retry:focus-visible{outline-offset:3px;outline:2px solid}.notify-comp .notify-col-2.pf-in [data-pf=r]{animation-delay:0s;animation-delay:calc(var(--pf-r,0)*60ms)}@media (prefers-reduced-motion:reduce){.notify-list-loading .h-loading-optimized-bar{animation:none}}.notify-comp .notify-mine-row{padding:.08rem .12rem}.notify-comp .notify-mine-card{--lv:var(--notice-tip);text-align:left;background:var(--notice-glass);border:1px solid var(--notice-glass-border);box-shadow:inset 0 1px 0 var(--notice-glass-shine);border-radius:.3rem;gap:.2rem;padding:.24rem .28rem .24rem .3rem;transition:box-shadow .3s,opacity .3s;display:flex;position:relative;overflow:hidden}.notify-comp .notify-mine-card:before{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--lv) 18%,#0000),#0000);pointer-events:none;width:45%;height:160%;position:absolute;top:-30%;left:-24px}.notify-comp .notify-mine-card>*{position:relative}.notify-comp .notify-mine-card[data-type=info]{--lv:var(--notice-info)}.notify-comp .notify-mine-card[data-type=success]{--lv:var(--notice-success)}.notify-comp .notify-mine-card[data-type=warning]{--lv:var(--notice-warning)}.notify-comp .notify-mine-card[data-type=error]{--lv:var(--notice-error)}.notify-comp .notify-mine-card.is-muted{opacity:.62}.notify-comp .notify-mine-card.is-focus{box-shadow:inset 0 1px 0 var(--notice-glass-shine),0 0 0 1.5px color-mix(in srgb,var(--lv) 70%,#0000)}.notify-comp .notify-mine-dot{background:#ce4747;border-radius:50%;width:7px;height:7px;position:absolute;top:.3rem;left:.1rem}.notify-comp .notify-mine-badge{width:.62rem;min-width:30px;height:.62rem;min-height:30px;color:var(--lv);background:color-mix(in srgb,var(--lv) 16%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lv) 32%,#0000);border-radius:50%;flex:none;place-items:center;display:grid}.notify-comp .notify-mine-main{flex:1;min-width:0}.notify-comp .notify-mine-hd{flex-wrap:wrap;align-items:baseline;gap:.16rem;display:flex}.notify-comp .notify-mine-hd b{color:var(--notice-text);overflow-wrap:anywhere;font-size:.27rem;font-weight:600}.notify-comp .notify-mine-hd time{color:var(--notice-text-muted);white-space:nowrap;margin-left:auto;font-size:.22rem}.notify-comp .notify-mine-bd{color:var(--notice-text-muted);white-space:pre-line;overflow-wrap:anywhere;margin-top:.06rem;font-size:.25rem;line-height:1.65}.notify-comp .notify-mine-ft{flex-wrap:wrap;align-items:center;gap:.14rem;margin-top:.14rem;display:flex}.notify-comp .notify-mine-tag{color:var(--notice-text-muted);background:color-mix(in srgb,var(--notice-text) 7%,#0000);border:1px solid color-mix(in srgb,var(--notice-text) 12%,#0000);border-radius:999px;padding:.02rem .16rem;font-size:.21rem}.notify-comp .notify-mine-go{appearance:none;font:inherit;color:var(--lv);cursor:var(--cursor-touch),auto;background:0 0;border:0;padding:0;font-size:.23rem;font-weight:600}.notify-comp .notify-mine-go:focus-visible{outline:2px solid var(--lv);outline-offset:2px}
