li[data-v-41f07c9a],ul[data-v-41f07c9a]{list-style:none;margin:0;padding:0}.container-box[data-v-41f07c9a]{background-color:var(--np-bg-color-2);border-radius:var(--border-radius-xxl);height:100%;min-height:calc(100% - var(--np-header-height));padding:36px 32px 60px}.user-box[data-v-41f07c9a]{padding-top:36px;width:100%}ul[data-v-41f07c9a]{-moz-column-gap:24px;column-gap:24px;grid-template-columns:repeat(auto-fill,minmax(700px,1fr));grid-template-rows:auto;row-gap:16px;display:grid}ul li[data-v-41f07c9a]{background:#fff;border-radius:8px;padding:16px 12px;width:100%;display:flex;align-items:center;gap:12px}ul li .name-container[data-v-41f07c9a]{align-items:center;color:var(--np-text-color-0);display:flex;font-size:16px}ul li .name-container .official[data-v-41f07c9a]{height:20px;margin-left:4px;width:20px}ul li .img-container[data-v-41f07c9a]{border:1px solid var(--np-fill-color-2);border-radius:12px;flex-shrink:0;height:54px;width:54px;overflow:hidden}ul li .img-container img[data-v-41f07c9a]{width:100%;height:100%;object-fit:cover}ul li .name-box[data-v-41f07c9a]{display:flex;flex:1 1 0%;flex-direction:column;gap:4px}ul li .name-box p[data-v-41f07c9a]:first-child{color:var(--np-text-color-0);font-size:16px}ul li .name-box p[data-v-41f07c9a]:last-child{color:#00000080;display:-webkit-box;font-size:14px;font-weight:400;line-height:22px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word}button[data-v-41f07c9a]{border-radius:6px;font-size:12px}.gray-btn[data-v-41f07c9a]{background-color:#e2e2e1;color:#00000080}.purple-btn[data-v-41f07c9a]{background-color:var(--color-brand);color:var(--web-background-color)}.follow-div[data-v-41f07c9a] .follow-purple-btn,.follow-div[data-v-41f07c9a] .follow-gray-btn{width:86px}