.blog-wrapper[data-v-36c65d6c]{background:#f9f9f9}.blog-wrapper .blog-list-banner[data-v-36c65d6c]{height:16.666666vw;width:100%}.blog-wrapper .blog-list-banner .img-styl[data-v-36c65d6c]{display:block;height:16.666666vw;width:100%}.blog-wrapper .blog-content[data-v-36c65d6c]{height:auto;margin:0 auto;padding-bottom:48px;padding-top:24px;width:1200px}.blog-wrapper .blog-content .breadcrumb-nav[data-v-36c65d6c]{display:flex;height:auto;margin:0 auto 48px;width:100%}.blog-wrapper .blog-content .breadcrumb-nav .breadcrumb-link[data-v-36c65d6c]{color:rgba(0,0,0,.4);display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;line-height:24px;text-decoration:none}.blog-wrapper .blog-content .breadcrumb-nav .breadcrumb-link[data-v-36c65d6c]:hover{color:rgba(0,0,0,.8);text-decoration:underline}.blog-wrapper .blog-content .breadcrumb-nav .breadcrumb-separator[data-v-36c65d6c]{color:rgba(0,0,0,.4);display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;line-height:24px;margin:0 8px;text-decoration:none}.blog-wrapper .blog-content .breadcrumb-nav .breadcrumb-current[data-v-36c65d6c]{color:rgba(0,0,0,.8);display:inline-block;font-family:Open Sans,sans-serif;font-size:16px;line-height:24px;text-decoration:none}.blog-wrapper .blog-content .category-header-section[data-v-36c65d6c]{height:40px;margin-bottom:40px;width:100%}.blog-wrapper .blog-content .category-header-section .category-title[data-v-36c65d6c]{color:rgba(0,0,0,.8);float:left;font-family:Open Sans Bold,sans-serif;font-size:40px;font-weight:700;line-height:40px}.blog-wrapper .blog-content .category-header-section .category-count[data-v-36c65d6c]{color:rgba(0,0,0,.8);font-size:16px;margin:0}.blog-wrapper .blog-content .blog-grid[data-v-36c65d6c]{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.blog-wrapper .blog-content .blog-card[data-v-36c65d6c]{background:#fff;border-radius:14px;height:480px;overflow:hidden;width:384px}.blog-wrapper .blog-content .blog-card[data-v-36c65d6c]:hover{box-shadow:0 3px 14px 0 rgba(0,0,0,.15)}.blog-wrapper .blog-content .blog-card a[data-v-36c65d6c]{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.blog-wrapper .blog-content .blog-card a .blog-img[data-v-36c65d6c]{height:256px;position:relative;width:384px}.blog-wrapper .blog-content .blog-card a .blog-img .blog-image[data-v-36c65d6c]{display:block;height:256px;left:50%;margin:0 auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.blog-wrapper .blog-content .blog-card a .blog-inner[data-v-36c65d6c]{box-sizing:border-box;height:auto;padding:24px 16px;width:100%}.blog-wrapper .blog-content .blog-card a .blog-inner .blog-desc[data-v-36c65d6c]{background:rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.8);display:inline-block;font-family:Open Sans Semibold,sans-serif;font-size:14px;font-weight:600;height:auto;line-height:16px;margin-bottom:16px;padding:8px}.blog-wrapper .blog-content .blog-card a .blog-inner .blog-title[data-v-36c65d6c]{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:rgba(0,0,0,.8);display:-webkit-box;font-family:Open Sans Bold,sans-serif;font-size:20px;font-weight:700;height:48px;line-height:24px;overflow:hidden;width:100%}.blog-wrapper .blog-content .blog-card a .blog-inner .publish-time[data-v-36c65d6c]{color:rgba(0,0,0,.5);font-family:Open Sans,sans-serif;font-size:14px;line-height:16px;margin-top:24px}.blog-wrapper .blog-content .blog-card a .blog-inner .category-tag[data-v-36c65d6c]{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-size:12px;margin:8px 16px;padding:4px 12px}.blog-wrapper .blog-content .blog-card a .blog-inner .feature-tag[data-v-36c65d6c]{background:#fff3cd;border-radius:4px;color:#856404;display:inline-block;font-size:12px;margin:8px 16px;padding:4px 12px}.blog-wrapper .blog-content .empty-tip[data-v-36c65d6c]{color:#999;padding:40px 0;text-align:center}.blog-wrapper .blog-content .loading-tip[data-v-36c65d6c]{color:#666;font-size:16px;padding:40px 0;text-align:center}.blog-wrapper .blog-content .pagination[data-v-36c65d6c]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:64px;padding:32px 0}.blog-wrapper .blog-content .pagination .pagination-btn[data-v-36c65d6c]{background:#f4f4f5;border-radius:4px;color:#606266;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:40px;padding:0 16px;transition:all .3s ease}.blog-wrapper .blog-content .pagination .pagination-btn[data-v-36c65d6c]:hover:not(:disabled){background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.4)}.blog-wrapper .blog-content .pagination .pagination-btn[data-v-36c65d6c]:disabled{cursor:not-allowed;opacity:.5}.blog-wrapper .blog-content .pagination .pagination-numbers[data-v-36c65d6c]{display:flex;gap:8px}.blog-wrapper .blog-content .pagination .pagination-numbers .pagination-number[data-v-36c65d6c]{background:#f4f4f5;border-radius:2px;color:#606266;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;height:40px;transition:all .3s ease;width:40px}.blog-wrapper .blog-content .pagination .pagination-numbers .pagination-number.active[data-v-36c65d6c],.blog-wrapper .blog-content .pagination .pagination-numbers .pagination-number[data-v-36c65d6c]:hover{background:#ebebeb;border-color:#000}.blog-wrapper .blog-content .pagination .pagination-debug[data-v-36c65d6c]{color:#999;font-size:12px;margin-top:16px;text-align:center;width:100%}