.article-container[data-v-680b5441]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 100px)}.category-nav[data-v-680b5441]{width:280px;background:#f8f9fa;border-right:1px solid #e6e6e6}.category-menu[data-v-680b5441]{border-right:none;padding:20px 0}.el-menu-item[data-v-680b5441]{height:50px;line-height:50px;margin:8px 15px;border-radius:8px;-webkit-transition:all .3s;transition:all .3s}.el-menu-item[data-v-680b5441]:hover{background-color:#ecf5ff}.el-menu-item.is-active[data-v-680b5441]{background-color:#ecf5ff;font-weight:500}.el-menu-item i[data-v-680b5441]{margin-right:12px;font-size:16px;color:#606266}.el-menu-item.is-active i[data-v-680b5441]{color:#409eff}.article-list-container[data-v-680b5441]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 40px}.article-item[data-v-680b5441]{padding:20px;margin-bottom:15px;border-radius:8px;background:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.article-item[data-v-680b5441]:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.article-meta[data-v-680b5441]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;font-size:12px;color:#909399}.pagination-wrapper[data-v-680b5441]{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}