.article-nav[data-v-3e72cda4]{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:20px}.article-nav li[data-v-3e72cda4]{background:#fff;border-radius:10px;flex:1;font-size:14px;padding:10px 25px}.article-nav li .navcol[data-v-3e72cda4]{align-items:center;display:flex;gap:10px}.article-nav li .navcol .label[data-v-3e72cda4]{flex:45px 0 0}.article-nav li .navcol .content[data-v-3e72cda4]{border-left:1px solid #f3f5f7;display:flex;flex:1;flex-direction:column;gap:3px;justify-content:space-between;padding-left:15px}.article-nav li .navcol .content .title[data-v-3e72cda4]{color:#212832;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-nav li .navcol .content .author[data-v-3e72cda4]{align-items:center;color:#999;display:flex;font-size:12px;gap:5px}.article-nav li .navcol .content .author .avatar[data-v-3e72cda4]{border-radius:50%;height:15px;width:15px}.article-nav li .navcol .content .time[data-v-3e72cda4]{color:#999;font-size:12px}@media screen and (max-width:500px){.article-nav[data-v-3e72cda4]{flex-direction:column;gap:10px;width:100%}.article-nav li[data-v-3e72cda4]{padding:10px 15px;width:100%}.article-nav li .navcol .label[data-v-3e72cda4]{flex:45px 0 0}}