.blog-page[data-v-4a6d61be]{color:#000}.blog-page[data-v-4a6d61be] .el-loading-mask{background:#fffc}.blog-page[data-v-4a6d61be] .el-loading-mask .el-loading-spinner{margin-top:0;transform:translateY(-50%)}.blog-page[data-v-4a6d61be] .el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.blog-page[data-v-4a6d61be] .el-loading-mask .el-loading-spinner .circular .path{stroke:var(--blog-primary-color);stroke-width:3px}.blog-page[data-v-4a6d61be] .top{background-image:url(./blog-banner.BrqExz_M.webp);background-position:50%;background-size:cover;height:240px;padding-top:70px;text-align:center;width:100%}.blog-page[data-v-4a6d61be] .top h1{color:#fff;font-size:36px;font-weight:800;line-height:1.2}.blog-page[data-v-4a6d61be] .top h2{color:#fff;font-size:20px;font-weight:400;line-height:1.4;margin-left:auto;margin-right:auto;padding:0 24px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364{padding-bottom:48px;padding-top:24px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .category-switch{flex-wrap:wrap;gap:12px;margin:0 auto 24px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .category-switch .category-switch-item{background:#0000000a;border-radius:100px;color:#40404066;cursor:pointer;font-size:16px;font-weight:500;line-height:1;padding:8px 20px;transition:all .2s ease-in}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .category-switch .category-switch-item.active{background:var(--blog-primary-color);color:#fff}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .article-card{border:1px solid rgba(0,0,0,.1);transition:box-shadow .2s ease-in}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .article-card .card-cover{height:240px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .article-card:hover{box-shadow:0 0 4px #00000080}.blog-page[data-v-4a6d61be] .el-pagination{display:flex;justify-content:center;margin-top:28px}.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-next,.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-prev,.blog-page[data-v-4a6d61be] .el-pagination.is-background .el-pager li{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#939393;font-size:14px;height:36px;margin:0 4px;min-width:36px;width:36px;display:flex;align-items:center;justify-content:center}.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-next:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-prev:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-4a6d61be] .el-pagination.is-background .el-pager li:not(:disabled,.is-disabled,.is-active):hover{border-color:var(--blog-primary-color);color:var(--blog-primary-color)}.blog-page[data-v-4a6d61be] .el-pagination.is-background .el-pager li.is-active{background-color:var(--blog-primary-color);border:none;color:#fff}.blog-page[data-v-4a6d61be] .el-pagination.is-background>button>.el-icon{font-size:16px;width:auto}@media only screen and (max-width:768px){.blog-page[data-v-4a6d61be] .top{height:160px;padding-top:40px}.blog-page[data-v-4a6d61be] .top h1{font-size:24px}.blog-page[data-v-4a6d61be] .top h2{font-size:14px;padding:0 16px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364{padding-bottom:16px;padding-top:16px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .category-switch{margin:0 auto 12px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .category-switch .category-switch-item{font-size:14px;padding:6px 14px}.blog-page[data-v-4a6d61be] .common-container-x-space-w-1364 .article-card .card-cover{aspect-ratio:3/2;height:auto}.blog-page[data-v-4a6d61be] .el-pagination{margin-top:16px}.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-next,.blog-page[data-v-4a6d61be] .el-pagination.is-background .btn-prev,.blog-page[data-v-4a6d61be] .el-pagination.is-background .el-pager li{height:32px;min-width:32px;width:32px}}