.blog-page[data-v-b4d1cb01]{color:#000}.blog-page[data-v-b4d1cb01] .el-loading-mask{background:#fffc}.blog-page[data-v-b4d1cb01] .el-loading-mask .el-loading-spinner{margin-top:0;transform:translateY(-50%)}.blog-page[data-v-b4d1cb01] .el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.blog-page[data-v-b4d1cb01] .el-loading-mask .el-loading-spinner .circular .path{stroke:var(--blog-primary-color);stroke-width:3px}.blog-page[data-v-b4d1cb01] .top{align-items:center;background-image:url(./blog-banner.CajIyEY1.webp);background-position:50%;background-size:cover;display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center;padding:0 clamp(16px,14.75vw,240px);position:relative;text-align:center;width:100%}.blog-page[data-v-b4d1cb01] .top:before{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));content:"";inset:0;pointer-events:none;position:absolute}.blog-page[data-v-b4d1cb01] .top h1,.blog-page[data-v-b4d1cb01] .top h2{position:relative;z-index:1}.blog-page[data-v-b4d1cb01] .top h1{color:#fff;font-size:clamp(32px,3.7vw,60px);font-weight:700;line-height:normal;text-shadow:0 2px 7.3px rgba(0,0,0,.25)}.blog-page[data-v-b4d1cb01] .top h2{color:#fff;font-size:16px;font-weight:400;line-height:normal;margin-left:auto;margin-right:auto;text-shadow:0 2px 5.8px rgba(0,0,0,.25)}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364{padding-bottom:24px;padding-top:24px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .category-switch{flex-wrap:wrap;gap:10px;margin:0 auto 48px}.blog-page[data-v-b4d1cb01] .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:20px;padding:8px 20px;transition:all .2s ease-in}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .category-switch .category-switch-item:hover{color:#404040b3}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .category-switch .category-switch-item.active{background:var(--el-color-primary);color:#1a1a1a}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .article-card{transition:background .2s ease-in}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .article-card .card-cover{height:240px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .article-card:hover{background:#0000000d}.blog-page[data-v-b4d1cb01] .el-pagination{display:flex;justify-content:center;margin-top:28px}.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-next,.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-prev,.blog-page[data-v-b4d1cb01] .el-pagination.is-background .el-pager li{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#00000040;font-size:16px;height:36px;margin:0 7px;min-width:36px;width:36px;display:flex;align-items:center;justify-content:center}.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-next:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-prev:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-b4d1cb01] .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-b4d1cb01] .el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);border:none;color:#1a1a1a}.blog-page[data-v-b4d1cb01] .el-pagination.is-background>button>.el-icon{font-size:16px;width:auto}@media only screen and (max-width:768px){.blog-page[data-v-b4d1cb01] .top{gap:8px;height:160px;padding:0 16px}.blog-page[data-v-b4d1cb01] .top h1{font-size:24px}.blog-page[data-v-b4d1cb01] .top h2{font-size:14px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364{padding-bottom:16px;padding-top:16px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .category-switch{margin:0 auto 24px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .category-switch .category-switch-item{font-size:14px;padding:6px 14px}.blog-page[data-v-b4d1cb01] .common-container-x-space-w-1364 .article-card .card-cover{aspect-ratio:3/2;height:auto}.blog-page[data-v-b4d1cb01] .el-pagination{margin-top:16px}.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-next,.blog-page[data-v-b4d1cb01] .el-pagination.is-background .btn-prev,.blog-page[data-v-b4d1cb01] .el-pagination.is-background .el-pager li{height:32px;min-width:32px;width:32px}}