.app-user .u-main{background-color:#fff;border-radius:4px;margin:0 auto;margin-block-start:10px;max-width:1024px}.app-user .u-main .u-top{display:flex;justify-content:center;padding:20px 0 10px;position:relative}.app-user .u-main .u-top .infos{align-items:center;display:flex;gap:20px;justify-content:center}@media (max-width:996px){.app-user .u-main .u-top .infos{flex-direction:column;gap:10px}}.app-user .u-main .u-top .infos .details{display:flex;flex-direction:column;gap:6px;padding:10px 0;position:relative;width:100%}@media (max-width:996px){.app-user .u-main .u-top .infos .details{align-items:center}}.app-user .u-main .u-top .infos .details .name{align-items:center;display:flex}.app-user .u-main .u-top .infos .details .name p{font-size:16px}.app-user .u-main .u-top .infos .details .name img{width:18px}.app-user .u-main .u-top .infos .details .location{color:#333c;display:flex;flex-direction:column;font-size:12px;gap:6px}.app-user .u-main .u-top .infos .details .time{color:#333c;font-size:12px}.app-user .u-main .u-top .infos .details .counts{display:flex;gap:10px}.app-user .u-main .u-top .infos .details .counts .item{align-items:center;display:flex;gap:4px}.app-user .u-main .u-top .infos .details .counts .item p:nth-child(2){font-family:uuen}.app-user .u-main .u-top .likes{position:absolute;right:12px;top:12px}.app-user .u-main .u-menus{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px 0 30px}@media (max-width:996px){.app-user .u-main .u-menus{padding:10px 0 20px}}.app-user .u-main .u-menus a{align-items:center;background-color:#f7f7f7;border-radius:20px;display:flex;gap:4px;padding:8px 12px;transition:0s;white-space:nowrap}.app-user .u-main .u-menus a.router-link-active,.app-user .u-main .u-menus a:hover{background-color:var(--app-theme);color:#fff}.app-user .u-main .u-article .item .thumbnail{border-radius:4px;display:inline-flex;flex-direction:column;position:relative}.app-user .u-main .u-article .item .thumbnail a:first-child{display:inline-flex;position:relative}.app-user .u-main .u-article .item .thumbnail a:first-child:hover .mask{opacity:1}.app-user .u-main .u-article .item .thumbnail a:first-child img{border-radius:4px;max-width:100%}.app-user .u-main .u-article .item .thumbnail a:first-child .mask{background-color:#0003;inset:0;opacity:0;position:absolute;transition:.3s}.app-user .u-main .u-article .item .thumbnail a:nth-child(2) h3{font-size:13px;font-weight:500;padding:6px}.app-user .u-main .u-article .item .link{align-items:center;background-color:#f7f7f7;border-radius:4px;display:flex;margin-block-end:8px;padding:10px}.app-user .u-main .u-article .item .link i{background-color:var(--app-theme);border-radius:4px;color:#fff;font-size:16px;padding:8px}.app-user .u-main .u-article .item .link h3{font-size:13px;font-weight:500;overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.app-user .u-main .u-article .item .user{align-items:center;display:flex;justify-content:space-between;padding:0 6px}.app-user .u-main .u-article .item .user .num,.app-user .u-main .u-article .item .user a{align-items:center;display:flex;gap:4px}.app-user .u-main .u-setting{margin:0 auto;max-width:520px;width:100%}.app-user .u-main .u-setting .save{display:flex;justify-content:center;width:100%}