.article-side[data-v-dbbcca4f]{width:274px}.article-side .hot-tag[data-v-dbbcca4f]{margin:20px 0;padding:20px 15px;border-radius:6px;border:solid 1px #e1e8ed}.article-side .hot-tag .tips[data-v-dbbcca4f]{font-size:20px;font-weight:600;color:#1b1d1f}.article-side .hot-tag .tags[data-v-dbbcca4f]{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap;color:#858d92}.article-side .hot-tag .tag[data-v-dbbcca4f]{color:#858d92;width:calc(50% - 12px);height:32px;line-height:32px;text-align:center;padding:0 6px;border-radius:6px;background-color:#f5f8fa;font-size:14px}.article-side .hot-tag .tag[data-v-dbbcca4f]:hover{color:#3fb6fe;background-color:#eef9ff;cursor:pointer}.article-side .related-article[data-v-dbbcca4f]{padding:20px 15px;border-radius:6px;border:solid 1px #e1e8ed}.article-side .related-article .tips[data-v-dbbcca4f]{font-size:20px;font-weight:600;color:#1b1d1f;margin-bottom:10px;display:inline-block}.article-side .related-article .article[data-v-dbbcca4f]{display:flex;justify-content:space-between;margin-bottom:20px;height:60px;gap:10px;align-items:center}.article-side .related-article .article[data-v-dbbcca4f] .img-wrapper{border-radius:6px}.article-side .related-article .article[data-v-dbbcca4f]:last-child{margin-bottom:0}.article-side .related-article .article:hover .title[data-v-dbbcca4f]{color:var(--ui-theme-color)}.article-side .related-article .art-img[data-v-dbbcca4f]{flex-shrink:0}.article-side .related-article .info[data-v-dbbcca4f]{display:flex;justify-content:center;flex-direction:column;width:140px;gap:8px}.article-side .related-article .info .title[data-v-dbbcca4f]{color:#1b1d1f;font-size:16px;cursor:pointer;text-align:left}.article-side .related-article .info .time[data-v-dbbcca4f]{font-size:14px;color:#858d92;display:flex;gap:7px;align-items:center}