.middleBar .myfans .empty .emptyBody .emptyIcon{background-image:var(--icon-fans-empty,url(/static/img/fans-empty.svg));will-change:transform,background;content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;width:176px;height:120px;display:inline-block}.middleBar .myfans .empty .emptyBody .emptyNext .more:after{will-change:transform,background;content:"";background-image:url(/static/img/icon-arr-right-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:7px;height:10px;display:inline-block}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .r .subscribeBtn.off:before{will-change:transform,background;content:"";background-image:url(/static/img/icon-add-red.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;display:inline-block}.middleBar .myfans{box-shadow:0 0 6px 0 var(--color-shadow-soft);background-color:var(--color-bg-surface);border-radius:4px;position:relative}.middleBar .myfans .empty{flex-flow:column;justify-content:center;align-items:center;min-height:300px;display:flex}.middleBar .myfans .empty .emptyBody{flex-flow:column;justify-content:center;align-items:center;display:flex}.middleBar .myfans .empty .emptyBody .emptyText{letter-spacing:.5px;text-align:center;color:var(--color-text-secondary);margin:25px 0 24px;font-family:PingFangTC;font-size:1rem;font-style:normal;font-weight:500;font-stretch:100%;line-height:normal}.middleBar .myfans .empty .emptyBody .emptyNext{flex-flow:row;justify-content:flex-start;align-items:center;display:flex;position:relative}.middleBar .myfans .empty .emptyBody .emptyNext .more{letter-spacing:.5px;text-align:center;color:var(--color-brand-text);flex-flow:row;justify-content:center;align-items:center;font-family:PingFangTC;font-size:1rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:normal;display:flex}.middleBar .myfans .empty .emptyBody .emptyNext .more:after{margin-left:5px}.middleBar .myfans .t1{width:100%;margin-top:0}.middleBar .myfans .t1:first-child{padding-top:16px}.middleBar .myfans .t1 .t1Body{box-sizing:border-box;padding:0 24px 16px}.middleBar .myfans .t1 .t1Body .d1{border:solid 1px var(--color-border-soft);background-color:var(--color-bg-surface);border-radius:4px;margin-top:16px;padding:17px}.middleBar .myfans .t1 .t1Body .d1:first-child{margin-top:0}.middleBar .myfans .t1 .t1Body .d1 .d1d1{align-items:flex-end;display:flex;position:relative}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body{flex-flow:row;justify-content:space-between;align-items:center;width:100%;display:flex}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .l{flex-flow:row;justify-content:flex-start;align-items:center;display:flex}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .l .imgHeadText{flex-flow:column;justify-content:space-between;align-items:flex-start;display:flex}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .l .imgHeadText .meta .d1d1d1{letter-spacing:normal;color:var(--color-text-primary);font-family:PingFangTC;font-size:18px;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.44}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .l .imgHeadText .meta .d1d1d2{letter-spacing:.58px;color:var(--color-text-placeholder);font-family:PingFangTC;font-size:.9rem;font-style:normal;font-weight:300;font-stretch:100%;line-height:.86}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .r{letter-spacing:normal;color:var(--color-text-muted);flex-flow:row;justify-content:flex-end;align-items:center;font-family:PingFangTC;font-size:1rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.5;display:flex}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .r .subscribeBtn{border:solid 1px var(--color-border-strong);background-color:var(--color-bg-surface);border-radius:4px;flex-flow:row;justify-content:center;align-items:center;width:68px;height:32px;display:flex}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .r .subscribeBtn.off{border:solid 1px var(--color-border-accent);color:var(--color-brand-text)}.middleBar .myfans .t1 .t1Body .d1 .d1d1 .d1d1Body .r .subscribeBtn.off:before{margin-right:2px}.middleBar .myfans .t1 .t1Body .d1 .d1d2{margin-top:10px}.middleBar .myfans .d1d1Body{gap:12px}.middleBar .myfans .d1d1Body>.l{min-width:0}.middleBar .myfans .d1d1Body>.l>.usericon{flex-shrink:0}:is(.middleBar .myfans .d1d1Body>.l .imgHeadText,.middleBar .myfans .d1d1Body>.l .meta){min-width:0;max-width:100%}.middleBar .myfans .d1d1Body>.l .meta .d1d1d1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.middleBar .myfans .d1d1Body>.r{flex-shrink:0}