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