.page-header[data-v-d8ce0a71]{font-size:0;line-height:0}.banner-img[data-v-d8ce0a71]{width:100%;display:block}.cert-samples-page[data-v-d8ce0a71]{min-height:100vh;background:#f5f8fd;padding-top:80px;display:flex;flex-direction:column;scrollbar-gutter:stable}.cert-samples-page .title-rain[data-v-d8ce0a71]{margin-top:40px}.cert-samples-page .title-rain h2[data-v-d8ce0a71]{font-weight:400;font-size:32px;color:#202125;text-align:center;font-style:normal;text-transform:none}.cert-samples-page .cert-content[data-v-d8ce0a71]{padding:20px 0 60px;width:100%}.cert-samples-page .cert-content .cert-header[data-v-d8ce0a71]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cert-samples-page .cert-content .cert-header h2[data-v-d8ce0a71]{padding-bottom:0;font-weight:400;flex-shrink:0}.cert-samples-page .cert-tabs[data-v-d8ce0a71]{display:flex;flex-wrap:wrap;margin-bottom:20px}.cert-samples-page .cert-tabs button[data-v-d8ce0a71]{min-width:200px;height:46px;padding:0 24px;border:none;background:#fff;color:#202125;font-size:14px;cursor:pointer;text-align:center;margin-right:8px;margin-bottom:8px;border-radius:8px}.cert-samples-page .cert-tabs button.active[data-v-d8ce0a71]{background:#1c50a9;color:#fff}.cert-samples-page .cert-tabs button[data-v-d8ce0a71]:hover:not(.active){color:#1c50a9;background:#f0f5ff}.cert-samples-page .cert-search[data-v-d8ce0a71]{display:flex}.cert-samples-page .cert-search[data-v-d8ce0a71]>*:not(:last-child){margin-right:8px}.cert-samples-page .cert-search input[data-v-d8ce0a71]{width:260px;height:36px;padding:0 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;outline:none}.cert-samples-page .cert-search input[data-v-d8ce0a71]:focus{border-color:#1c50a9}.cert-samples-page .cert-search .btn-search[data-v-d8ce0a71]{height:36px;padding:0 16px;background:#1c50a9;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center}.cert-samples-page .cert-search .btn-search[data-v-d8ce0a71]>*:not(:last-child){margin-right:4px}.cert-samples-page .cert-search .btn-search img[data-v-d8ce0a71]{width:16px;height:16px}.cert-samples-page .cert-search .btn-search[data-v-d8ce0a71]:hover{background:#16408a}.cert-samples-page .cert-grid[data-v-d8ce0a71]{display:grid;grid-template-columns:repeat(4,1fr)}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(4n+1)){padding-left:12px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(4n)){padding-right:12px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*{margin-bottom:24px}.cert-samples-page .cert-card[data-v-d8ce0a71]{background:#fff;border:1px solid #f5f7fa;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s;padding:30px 30px 20px;text-align:center}.cert-samples-page .cert-card[data-v-d8ce0a71]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.cert-samples-page .cert-img[data-v-d8ce0a71]{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cert-samples-page .cert-img img[data-v-d8ce0a71]{height:100%}.cert-info[data-v-d8ce0a71]{padding-top:16px}.cert-info .cert-title[data-v-d8ce0a71]{font-size:14px;color:#202125}.footer-wrap[data-v-d8ce0a71]{margin-top:auto}.cert-pagination[data-v-d8ce0a71]{display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0}.cert-pagination[data-v-d8ce0a71]>*:not(:last-child){margin-right:4px}.cert-pagination .page-info[data-v-d8ce0a71]{font-size:13px;color:#1d2129;margin-right:8px}.cert-pagination .page-btn[data-v-d8ce0a71]{min-width:32px;height:32px;padding:0 8px;border:1px solid #e0e4ea;border-radius:6px;background:#fff;color:#555;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cert-pagination .page-btn[data-v-d8ce0a71]:hover:not(:disabled):not(.active){border-color:#1c50a9;color:#1c50a9}.cert-pagination .page-btn.active[data-v-d8ce0a71]{background:#1c50a9;border-color:#1c50a9;color:#fff;font-weight:500}.cert-pagination .page-btn.ellipsis[data-v-d8ce0a71]{border:none;background:transparent;cursor:default;padding:0 2px;min-width:auto;color:#555}.cert-pagination .page-btn.ellipsis[data-v-d8ce0a71]:hover{border-color:transparent;color:#555}.cert-pagination .page-btn[data-v-d8ce0a71]:disabled{cursor:not-allowed;opacity:.25}.cert-pagination .page-btn.arrow-btn[data-v-d8ce0a71]{border:none;background:none;min-width:24px;font-size:18px}.cert-pagination .page-btn.arrow-btn[data-v-d8ce0a71]:hover:not(:disabled){color:#1c50a9}.cert-pagination .page-btn.arrow-btn[data-v-d8ce0a71]:disabled{opacity:.3}.cert-pagination .page-size[data-v-d8ce0a71]{font-size:13px;color:#1d2129;margin-left:12px}@media (min-width: 769px) and (max-width: 1024px){.cert-samples-page[data-v-d8ce0a71]{padding-top:70px}.cert-samples-page .container[data-v-d8ce0a71]{padding:0 16px;max-width:100%}.cert-samples-page .title-rain[data-v-d8ce0a71]{margin-top:30px}.cert-samples-page .title-rain h2[data-v-d8ce0a71]{font-size:26px}.cert-samples-page .cert-content[data-v-d8ce0a71]{padding:16px 16px 40px}.cert-samples-page .cert-content .cert-header h2[data-v-d8ce0a71]{font-size:20px}.cert-samples-page .cert-tabs[data-v-d8ce0a71]{flex-wrap:wrap}.cert-samples-page .cert-tabs button[data-v-d8ce0a71]{min-width:calc(20% - 8px);height:40px;padding:0 18px;font-size:13px;margin-right:6px;margin-bottom:6px}.cert-samples-page .cert-search input[data-v-d8ce0a71]{width:200px;font-size:13px}.cert-samples-page .cert-search .btn-search[data-v-d8ce0a71]{font-size:13px;padding:0 12px}.cert-samples-page .cert-grid[data-v-d8ce0a71]{grid-template-columns:repeat(3,1fr)!important}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(3n+1)){padding-left:10px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(3n)){padding-right:10px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*{margin-bottom:20px}.cert-samples-page .cert-card[data-v-d8ce0a71]{padding:20px 16px 14px}.cert-samples-page .cert-img[data-v-d8ce0a71]{height:170px}.cert-samples-page .cert-info .cert-title[data-v-d8ce0a71]{font-size:13px}.cert-samples-page .cert-pagination .page-info[data-v-d8ce0a71],.cert-samples-page .cert-pagination .page-size[data-v-d8ce0a71]{font-size:12px}.cert-samples-page .cert-pagination .page-btn[data-v-d8ce0a71]{min-width:30px;height:30px;font-size:12px}}@media (max-width: 768px){.cert-samples-page .title-rain[data-v-d8ce0a71]{padding:0 16px}.cert-samples-page .title-rain h2[data-v-d8ce0a71]{font-size:22px}.cert-samples-page .container[data-v-d8ce0a71]{padding:0 12px;max-width:100%}.cert-samples-page .cert-content[data-v-d8ce0a71]{padding:20px 10px 10px;text-align:center}.cert-samples-page .cert-content .cert-header[data-v-d8ce0a71]{flex-direction:column}.cert-samples-page .cert-content .cert-header[data-v-d8ce0a71]>*:not(:last-child){margin-bottom:10px}.cert-samples-page .cert-content .cert-header h2[data-v-d8ce0a71]{font-size:17px}.cert-samples-page .cert-tabs[data-v-d8ce0a71]{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.cert-samples-page .cert-tabs[data-v-d8ce0a71]>*:not(:last-child){margin-right:6px}.cert-samples-page .cert-tabs button[data-v-d8ce0a71]{width:100%;flex-shrink:0;height:34px;padding:0 14px;font-size:13px;border-radius:6px;border:1px solid #d0d5dd;white-space:nowrap}.cert-samples-page .cert-tabs button.active[data-v-d8ce0a71]{border-color:#1c50a9}.cert-samples-page .cert-search[data-v-d8ce0a71]{width:100%}.cert-samples-page .cert-search input[data-v-d8ce0a71]{flex:1}.cert-samples-page .cert-grid[data-v-d8ce0a71]{grid-template-columns:repeat(2,1fr)!important}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(odd)){padding-left:5px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*:not(:nth-child(2n)){padding-right:5px}.cert-samples-page .cert-grid[data-v-d8ce0a71]>*{margin-bottom:10px}.cert-samples-page .cert-card[data-v-d8ce0a71]{padding:12px 10px 10px}.cert-samples-page .cert-img[data-v-d8ce0a71]{height:140px}.cert-samples-page .cert-info .cert-title[data-v-d8ce0a71]{font-size:13px}.cert-samples-page .cert-pagination[data-v-d8ce0a71]{flex-wrap:wrap;justify-content:center}.cert-samples-page .cert-pagination[data-v-d8ce0a71]>*:not(:last-child){margin-right:4px}.cert-samples-page .cert-pagination .page-info[data-v-d8ce0a71],.cert-samples-page .cert-pagination .page-size[data-v-d8ce0a71]{display:none}.cert-samples-page .cert-pagination .page-btn[data-v-d8ce0a71]{min-width:28px;height:28px;font-size:12px;padding:0 4px}}