.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-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-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 .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-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-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);--mine-contour:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);text-align:left;box-shadow:var(--mine-contour);background:0 0;border-radius:30px;gap:.2rem;padding:.24rem .34rem .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) 11%,#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-dot{background:#ce4747;border-radius:50%;width:7px;height:7px;position:absolute;top:.3rem;left:.14rem}.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}.notify-comp{--ia-fs-name:max(14px,.28rem);--ia-fs-body:max(13.5px,.27rem);--ia-fs-quote:max(12.5px,.245rem);--ia-fs-meta:max(11.5px,.22rem);--ia-av:max(36px,.8rem);--ia-contour:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);--ia-pressed:inset 2px 2px 6px var(--col-bg-start),inset -2px -2px 6px var(--col-bg-end)}.notify-comp [data-k=comment]{--k:var(--ia-comment)}.notify-comp [data-k=reply]{--k:var(--ia-reply)}.notify-comp [data-k=likeComment],.notify-comp [data-k=likePost]{--k:var(--ia-like)}.notify-comp [data-k=collect]{--k:var(--ia-collect)}.notify-comp [data-k=follow]{--k:var(--ia-follow)}.notify-comp [data-k=help]{--k:var(--ia-help)}.notify-comp .notify-ia-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.notify-comp .notify-ia-del{color:var(--color-cale-text);opacity:.85;font-style:italic}.notify-comp .notify-ia-hd{align-items:baseline;gap:7px;min-width:0;display:flex}.notify-comp .notify-ia-hd time{font-size:var(--ia-fs-meta);color:var(--color-cale-text);white-space:nowrap;margin-left:auto;padding-left:8px}.notify-comp .notify-ia-name{min-width:0;font-size:var(--ia-fs-name);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-weight:600;overflow:hidden}.notify-comp .notify-ia-verb{font-size:var(--ia-fs-meta);color:var(--color-cale-text);white-space:nowrap}.notify-comp .notify-ia-dot{background:#ce4747;border-radius:50%;flex:none;align-self:center;width:7px;height:7px}.notify-comp .notify-ia-ft{align-items:center;gap:10px;min-width:0;display:flex}.notify-comp .notify-ia-go{font-size:var(--ia-fs-meta);white-space:nowrap;margin-left:auto;font-weight:600}.notify-comp .notify-ia-talk{cursor:var(--cursor-touch),auto;border-radius:22px;padding:.2rem .16rem;position:relative}.notify-comp .notify-ia-talk .notify-ia-hd{padding-top:2px}.notify-comp .notify-ia-talk .notify-ia-ft{font-size:var(--ia-fs-meta);color:var(--color-cale-text);margin-top:7px}.notify-comp .notify-ia-talk .notify-ia-go{color:var(--color-cale-text);opacity:.75;align-items:center;padding-right:3px;font-size:18px;display:flex}.notify-comp .notify-ia-ctx{margin:0 0 .02rem calc(var(--ia-av) + 12px);justify-content:flex-end;display:flex}.notify-comp .notify-ia-mine{max-width:72%;font-size:var(--ia-fs-quote);color:var(--color-cale-text);box-shadow:var(--ia-pressed);border-radius:16px 16px 5px;padding:7px 13px 8px;line-height:1.55}.notify-comp .notify-ia-mine p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.notify-comp .notify-ia-mine.is-post{border-radius:999px;align-items:center;gap:6px;max-width:80%;padding:6px 13px;display:flex}.notify-comp .notify-ia-mine.is-post span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.notify-comp .notify-ia-mine.is-post b{color:var(--color-text);flex:none;font-weight:600}.notify-comp .notify-ia-mine-lab{font-size:var(--ia-fs-meta);opacity:.8;margin-bottom:1px;display:block}.notify-comp .notify-ia-line{align-items:flex-start;gap:12px;display:flex}.notify-comp .notify-ia-ava{width:var(--ia-av);height:var(--ia-av);object-fit:cover;box-shadow:var(--ia-contour);border-radius:50%;flex:none;display:block}.notify-comp .notify-ia-col{flex:1;min-width:0}.notify-comp .notify-ia-bub{width:fit-content;max-width:100%;font-size:var(--ia-fs-body);color:var(--color-text);background:var(--ia-bub);box-shadow:var(--ia-contour);white-space:pre-line;overflow-wrap:anywhere;border-radius:5px 18px 18px;margin-top:6px;padding:9px 14px;line-height:1.6}.notify-comp .notify-ia-bub>span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notify-comp .notify-ia-src{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (hover:hover){.notify-comp .notify-ia-talk:before{content:"";border-radius:inherit;background:radial-gradient(55% 95% at 0 62%,color-mix(in srgb,var(--k) 16%,#0000),#0000 72%);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.notify-comp .notify-ia-talk>*{position:relative}.notify-comp .notify-ia-talk .notify-ia-ava{box-shadow:var(--ia-contour),0 0 0 2px #0000;transition:box-shadow .16s}.notify-comp .notify-ia-talk .notify-ia-bub{box-shadow:var(--ia-contour),inset 0 0 0 1px #0000;transition:box-shadow .16s}.notify-comp .notify-ia-talk .notify-ia-mine{box-shadow:var(--ia-pressed),inset 0 0 0 1px #0000;transition:box-shadow .16s}.notify-comp .notify-ia-talk .notify-ia-go{transition:color .16s,opacity .16s}.notify-comp .notify-ia-talk .notify-ia-go .notify-ia-icon{transition:translate .16s}.notify-comp .notify-ia-talk:hover:before{opacity:1;transition:opacity .45s cubic-bezier(.2,.7,.3,1)}.notify-comp .notify-ia-talk:hover .notify-ia-ava{box-shadow:var(--ia-contour),0 0 0 2px color-mix(in srgb,var(--k) 75%,#0000);transition:box-shadow .22s ease-out}.notify-comp .notify-ia-talk:hover .notify-ia-bub{box-shadow:var(--ia-contour),inset 0 0 0 1px color-mix(in srgb,var(--k) 26%,#0000);transition:box-shadow .3s ease-out}.notify-comp .notify-ia-talk:hover .notify-ia-mine{box-shadow:var(--ia-pressed),inset 0 0 0 1px color-mix(in srgb,var(--k) 32%,#0000);transition:box-shadow .28s ease-out .42s}.notify-comp .notify-ia-talk:hover .notify-ia-go{color:var(--k);opacity:1;transition:color .28s ease-out .42s,opacity .28s ease-out .42s}.notify-comp .notify-ia-talk:hover .notify-ia-go .notify-ia-icon{transition:translate .3s cubic-bezier(.3,.7,.2,1) .42s;translate:3px}.notify-comp .notify-ia-talk:hover .notify-ia-ctx:before{opacity:1;clip-path:inset(0);transition:opacity,clip-path .38s cubic-bezier(.22,.35,.25,1) .16s}.notify-comp .notify-ia-talk:hover .notify-ia-ctx:after{opacity:1;clip-path:inset(0);transition:opacity,clip-path .1s cubic-bezier(.5,0,.8,.5) 60ms}.notify-comp .notify-ia-ctx:before{min-width:0;margin:0 8px 0 calc(1px - var(--ia-av)/2);background:linear-gradient(to right,color-mix(in srgb,var(--k) 80%,#0000),color-mix(in srgb,var(--k) 42%,#0000)) no-repeat 0 50%/100% 2px;clip-path:inset(0 100% 0 0);flex:1 1 0;align-self:stretch}.notify-comp .notify-ia-ctx:after,.notify-comp .notify-ia-ctx:before{content:"";opacity:0;pointer-events:none;transition:opacity .16s,clip-path 0s linear .16s}.notify-comp .notify-ia-ctx:after{left:calc(-13px - var(--ia-av)/2);border-width:medium;border-left:2px solid color-mix(in srgb,var(--k) 80%,#0000);border-bottom:0 solid color-mix(in srgb,var(--k) 80%,#0000);border-right:0 solid color-mix(in srgb,var(--k) 80%,#0000);border-top:2px solid color-mix(in srgb,var(--k) 80%,#0000);clip-path:inset(100% 0 0);border-top-left-radius:14px;width:14px;position:absolute;top:calc(50% - 1px);bottom:-1px}}.notify-comp .notify-ia-item{padding:.08rem .12rem}.notify-comp .notify-ia-card{box-shadow:var(--ia-contour);cursor:var(--cursor-touch),auto;border-radius:30px;gap:.2rem;padding:.22rem calc(.32rem + 24px) .22rem .26rem;transition:box-shadow .25s;display:flex;position:relative;overflow:hidden}.notify-comp .notify-ia-card:before{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--k) 11%,#0000),#0000);pointer-events:none;width:45%;height:160%;position:absolute;top:-30%;left:-24px}.notify-comp .notify-ia-card>*{position:relative}@media (hover:hover){.notify-comp .notify-ia-card:hover{box-shadow:inset 2px 2px 12px var(--col-bg-start),inset -2px -2px 12px var(--col-bg-end)}.notify-comp .notify-ia-card:hover .notify-ia-go{color:var(--k);opacity:1}.notify-comp .notify-ia-card:hover .notify-ia-go .notify-ia-icon{translate:3px}}.notify-comp .notify-ia-card .notify-ia-ft{margin-top:9px;position:static}.notify-comp .notify-ia-card .notify-ia-go{height:20px;color:var(--color-cale-text);opacity:.75;align-items:center;margin:-10px 0 0;font-size:19px;transition:color .25s,opacity .25s;display:flex;position:absolute;top:50%;right:-24px}.notify-comp .notify-ia-card .notify-ia-go .notify-ia-icon{transition:translate .25s cubic-bezier(.3,.7,.2,1)}.notify-comp .notify-ia-go-t{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notify-comp .notify-ia-card-dot{background:#ce4747;border-radius:50%;width:7px;height:7px;position:absolute;top:.3rem;left:.14rem}.notify-comp .notify-ia-face{width:var(--ia-av);height:var(--ia-av);flex:none;position:relative}.notify-comp .notify-ia-face img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.notify-comp .notify-ia-badge{width:19px;height:19px;color:var(--ia-badge-ink);background:var(--k);box-shadow:0 0 0 2px var(--ia-ring);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;bottom:-3px;right:-3px}.notify-comp .notify-ia-badge .notify-ia-icon{stroke-width:2.6px}.notify-comp .notify-ia-main{flex:1;min-width:0}.notify-comp .notify-ia-quote{border-left:2px solid color-mix(in srgb,var(--k) 70%,#0000);font-size:var(--ia-fs-quote);color:var(--color-cale-text);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:7px;padding:1px 0 1px 10px;line-height:1.55;display:-webkit-box;overflow:hidden}.notify-comp .notify-ia-quote em{opacity:.75;margin-right:4px;font-style:normal}.notify-comp .notify-ia-tag{min-width:0;max-width:68%;font:inherit;font-size:var(--ia-fs-meta);color:var(--color-cale-text);background:var(--ia-soft);border:0;border-radius:999px;align-items:center;gap:5px;padding:2px 11px;display:flex}.notify-comp .notify-ia-tag span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.notify-comp button.notify-ia-tag:hover{color:var(--color-text)}@media screen and (width<=950px){.notify-comp .notify-ia-talk{padding:8px 6px}.notify-comp .notify-ia-mine{max-width:86%}.notify-comp .notify-ia-item{padding:5px 3px}.notify-comp .notify-ia-card{border-radius:24px;gap:10px;padding:12px 38px 12px 12px}.notify-comp .notify-ia-card-dot{top:12px;left:9px}}
