.blog-page[data-v-b75c6bfc]{color:#000}.blog-page[data-v-b75c6bfc] .el-loading-mask{background:#fffc}.blog-page[data-v-b75c6bfc] .el-loading-mask .el-loading-spinner{margin-top:0;transform:translateY(-50%)}.blog-page[data-v-b75c6bfc] .el-loading-mask .el-loading-spinner .circular{height:50px;width:50px}.blog-page[data-v-b75c6bfc] .el-loading-mask .el-loading-spinner .circular .path{stroke:var(--blog-primary-color);stroke-width:4px}.blog-page[data-v-b75c6bfc] .top{background-image:url(./blog-banner.B9EALu0M.webp);background-position:50%;background-size:cover;height:240px;padding-top:70px;text-align:center;width:100%}.blog-page[data-v-b75c6bfc] .top h1{color:#fff;font-size:36px;font-weight:800;line-height:1.2}.blog-page[data-v-b75c6bfc] .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-b75c6bfc] .common-container-x-space-w-1364{padding-bottom:48px;padding-top:24px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .category-switch{flex-wrap:wrap;gap:12px;margin:0 auto 24px}.blog-page[data-v-b75c6bfc] .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-b75c6bfc] .common-container-x-space-w-1364 .category-switch .category-switch-item.active{background:var(--blog-primary-color);color:#1a1a1a}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card{background:#fff;border-radius:10px;padding:14px 14px 24px;transition:background-color .2s ease-in}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .card-cover{height:240px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-title{font-size:20px;line-height:normal;word-break:break-word}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-arrow{transition:filter .2s ease-in}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card:hover{background:#0000000d}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card:hover .article-card-arrow{filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.blog-page[data-v-b75c6bfc] .el-pagination{display:flex;justify-content:center;margin-top:28px}.blog-page[data-v-b75c6bfc] .el-pagination.is-background .btn-next,.blog-page[data-v-b75c6bfc] .el-pagination.is-background .btn-prev,.blog-page[data-v-b75c6bfc] .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-b75c6bfc] .el-pagination.is-background .btn-next:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-b75c6bfc] .el-pagination.is-background .btn-prev:not(:disabled,.is-disabled,.is-active):hover,.blog-page[data-v-b75c6bfc] .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-b75c6bfc] .el-pagination.is-background .el-pager li.is-active{background-color:var(--blog-primary-color);border:none;color:#fff}.blog-page[data-v-b75c6bfc] .el-pagination.is-background>button>.el-icon{font-size:16px;width:auto}@media only screen and (max-width:768px){.blog-page[data-v-b75c6bfc] .top{height:160px;padding-top:40px}.blog-page[data-v-b75c6bfc] .top h1{font-size:24px}.blog-page[data-v-b75c6bfc] .top h2{font-size:14px;padding:0 16px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364{padding:16px 10px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .category-switch{margin:0 auto 12px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .category-switch .category-switch-item{font-size:14px;padding:6px 14px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-grid{gap:6px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card{background:#0000000d;border-radius:6px;padding:10px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .card-cover{aspect-ratio:auto;height:140px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-content{gap:10px;padding-bottom:4px;padding-top:4px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-title{color:#000;font-size:12px;font-weight:500}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-date{font-size:10px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-read{font-size:12px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card .article-card-arrow{height:15px;width:24px}.blog-page[data-v-b75c6bfc] .common-container-x-space-w-1364 .article-card:hover .article-card-arrow{filter:none}.blog-page[data-v-b75c6bfc] .el-pagination{margin-top:16px}.blog-page[data-v-b75c6bfc] .el-pagination.is-background .btn-next,.blog-page[data-v-b75c6bfc] .el-pagination.is-background .btn-prev,.blog-page[data-v-b75c6bfc] .el-pagination.is-background .el-pager li{height:32px;min-width:32px;width:32px}}