.article-detail-view[data-v-e2e0bbdf]{background:#f5f6f9;background-image:url(./knoBg.d84dc511.png);background-position:top;background-repeat:no-repeat;background-size:100% 1400px;display:flex;flex-direction:column;min-height:100vh}.detail-container[data-v-e2e0bbdf]{flex:1;margin:0 auto;max-width:1300px;padding:30px;position:relative}.detail-container .item-nav[data-v-e2e0bbdf]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.detail-container .item-nav .nav-item[data-v-e2e0bbdf]{border:1px solid #0049a9;border-radius:20px;color:#0049a9;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .3s}.detail-container .item-nav .nav-item.active[data-v-e2e0bbdf],.detail-container .item-nav .nav-item[data-v-e2e0bbdf]:hover{background:#0049a9;color:#fff}.detail-container .loading-wrap[data-v-e2e0bbdf]{background:#fff;border-radius:4px;padding:40px}.detail-container .detail-wrap[data-v-e2e0bbdf]{align-items:flex-start;display:flex;gap:30px}.detail-container .detail-wrap .left-sidebar[data-v-e2e0bbdf]{align-self:flex-start;background:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #0000000f;flex-shrink:0;left:40px;max-height:calc(100vh - 140px);overflow-y:auto;padding:16px 0;position:fixed;top:350px;width:140px;z-index:99;z-index:9}.detail-container .detail-wrap .left-sidebar .sidebar-item[data-v-e2e0bbdf]{box-sizing:border-box;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s;width:100%}.detail-container .detail-wrap .left-sidebar .sidebar-item.active[data-v-e2e0bbdf]{background:#e8f0fc;color:#0049a9;font-weight:500}.detail-container .detail-wrap .left-sidebar .sidebar-item[data-v-e2e0bbdf]:hover{background:#e8f0fc;color:#0049a9}.detail-container .detail-wrap .article-main[data-v-e2e0bbdf]{background:#fff;border-radius:4px;flex:1;min-width:0;overflow:hidden}.detail-container .detail-wrap .article-main .article-header-top[data-v-e2e0bbdf]{padding:30px 40px 0;text-align:center}.detail-container .detail-wrap .article-main .article-header-top .article-title[data-v-e2e0bbdf]{color:#333;font-size:22px;font-weight:600;margin-bottom:16px}.detail-container .detail-wrap .article-main .article-header-top .author-info[data-v-e2e0bbdf]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 0}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-left[data-v-e2e0bbdf]{align-items:center;display:flex;gap:12px}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-left .author-avatar[data-v-e2e0bbdf]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-left .author-text[data-v-e2e0bbdf]{text-align:left}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-left .author-text .author-name[data-v-e2e0bbdf]{color:#333;font-size:16px;margin-bottom:4px}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-left .author-text .author-time[data-v-e2e0bbdf]{color:#999;font-size:12px}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-right[data-v-e2e0bbdf]{display:flex;gap:24px}.detail-container .detail-wrap .article-main .article-header-top .author-info .author-right .stat-item[data-v-e2e0bbdf]{align-items:center;color:#999;display:flex;font-size:12px;gap:4px}.detail-container .detail-wrap .article-main .article-content[data-v-e2e0bbdf]{color:#333;font-size:14px;line-height:1.8;padding:0 20px 30px;text-align:justify}.detail-container .detail-wrap .article-main .post-images[data-v-e2e0bbdf]{display:flex;flex-wrap:wrap;gap:16px;padding:0 40px 20px}.detail-container .detail-wrap .article-main .post-images .post-img[data-v-e2e0bbdf]{border:1px solid #eee;border-radius:10px;height:300px;max-width:500px;-o-object-fit:cover;object-fit:cover;width:100%}.detail-container .detail-wrap .article-main .comment-top-bar[data-v-e2e0bbdf]{align-items:center;color:#999;display:flex;font-size:14px;justify-content:space-between;margin:0 20px 20px;padding:8px 40px 16px}.detail-container .detail-wrap .article-main .comment-top-bar .right-count[data-v-e2e0bbdf]{color:#999;display:flex;font-size:12px;gap:20px;justify-content:flex-end}@media (max-width:1200px){.detail-container[data-v-e2e0bbdf]{padding:40px 20px}}[data-v-e2e0bbdf] .el-breadcrumb__inner a:hover{color:#0049a9!important}[data-v-e2e0bbdf] .el-breadcrumb__inner.is-link:hover{color:#026}