.cms-page.cms-blog-index{--blog-blue:#0088cc;--blog-text:#1a1a1a;padding:124px 24px 20px;background:#f5f5f5;color:var(--blog-text);font:14px/1.428571 -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}.cms-page.cms-blog-index .blog-index-heading{margin:0 auto 30px;text-align:center;font-size:36px;font-weight:500;line-height:1.1}.cms-page.cms-blog-index .blog-index-panel{max-width:1180px;margin:auto;padding:0 20px 20px;background:#fff}.cms-page.cms-blog-index .blog-index-categories{display:flex;gap:30px;margin-bottom:25px;overflow-x:auto}.cms-page.cms-blog-index .blog-index-categories a{flex-shrink:0;padding:0;border-bottom:2px solid rgba(0,0,0,0);color:rgba(26,26,26,.8);font-size:16px;line-height:58px;text-decoration:none;white-space:nowrap}.cms-page.cms-blog-index .blog-index-categories a[aria-current=page]{color:var(--blog-blue);border-color:var(--blog-blue);font-weight:500}.cms-page.cms-blog-index .blog-index-categories a:hover{color:var(--blog-blue)}.cms-page.cms-blog-index .blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cms-page.cms-blog-index .blog-index-card{min-width:0;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 1px rgba(26,26,26,.3)}.cms-page.cms-blog-index .blog-index-card h2{margin:0;padding:15px;font-size:16px;font-weight:500;line-height:1.4}.cms-page.cms-blog-index .blog-index-card h2 a{display:-webkit-box;min-height:2.8em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:inherit;text-decoration:none;overflow-wrap:anywhere}.cms-page.cms-blog-index .blog-index-card h2 a:hover{color:var(--blog-blue)}.cms-page.cms-blog-index .blog-index-card time{display:block;padding:0 15px 15px;color:rgba(26,26,26,.6);font-size:12px;line-height:14px}.cms-page.cms-blog-index .blog-index-image{position:relative;aspect-ratio:8/5;background:#f5f5f5}.cms-page.cms-blog-index .blog-index-thumb{display:block;width:100%;height:100%}.cms-page.cms-blog-index .blog-index-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cms-page.cms-blog-index .blog-index-placeholder{display:grid;height:100%;place-items:center;color:#777}.cms-page.cms-blog-index .blog-index-badge{position:absolute;top:15px;left:15px;padding:4px 8px;border-radius:3px;color:#fff;background:rgba(0,0,0,.5);font-size:12px;line-height:14px;text-decoration:none}.cms-page.cms-blog-index .blog-index-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.cms-page.cms-blog-index .blog-index-more{display:inline-block;min-width:266px;padding:9px 24px;border:1px solid var(--blog-blue);border-radius:4px;color:var(--blog-blue);background:#fff;line-height:16px;text-align:center;text-decoration:none}.cms-page.cms-blog-index .blog-index-more:hover{background:var(--blog-blue);color:#fff}.cms-page.cms-blog-index .blog-index-empty{padding:40px 0;color:#777;text-align:center}.cms-page.cms-blog-index a:focus-visible{outline:2px solid var(--blog-blue);outline-offset:-2px}@media(max-width:900px){.cms-page.cms-blog-index{padding:104px 20px 20px}.cms-page.cms-blog-index .blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cms-page.cms-blog-index{padding:96px 12px 20px}.cms-page.cms-blog-index .blog-index-heading{font-size:28px;margin-bottom:24px}.cms-page.cms-blog-index .blog-index-panel{padding:0 14px 20px}.cms-page.cms-blog-index .blog-index-categories{justify-content:space-between;gap:16px;margin-bottom:20px}.cms-page.cms-blog-index .blog-index-categories a{font-size:14px;line-height:52px}.cms-page.cms-blog-index .blog-index-grid{grid-template-columns:minmax(0,1fr)}.cms-page.cms-blog-index .blog-index-more{min-width:0;width:100%;max-width:266px}}