.blog-page[data-v-21199943]{padding-top:var(--o-gap-section-7)}.blog-page .filter-wrapper[data-v-21199943]{align-items:center;background-color:var(--o-color-fill2);border-radius:var(--o-radius-s);display:flex;flex-wrap:wrap;font-size:16px;gap:var(--o-gap-3) var(--o-gap-2);justify-content:space-between;line-height:24px;padding:var(--o-gap-section-5) var(--o-gap-section-6);--line-height:24px}@media(min-width:1201px)and (max-width:1440px){.blog-page .filter-wrapper[data-v-21199943]{font-size:14px;line-height:22px;--line-height:22px}}@media(min-width:841px)and (max-width:1200px){.blog-page .filter-wrapper[data-v-21199943]{font-size:14px;line-height:22px;--line-height:22px}}@media(max-width:840px){.blog-page .filter-wrapper[data-v-21199943]{font-size:14px;line-height:22px;--line-height:22px}}@media(max-width:1200px){.blog-page .filter-wrapper[data-v-21199943]{padding:16px 24px}}@media(max-width:840px){.blog-page .filter-wrapper[data-v-21199943]{padding:12px 16px}}.blog-page .filter-wrapper .filter-left[data-v-21199943]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.blog-page .filter-wrapper .filter-left span[data-v-21199943]:first-child{flex-shrink:0;font-weight:500;margin-right:var(--o-gap-section-5)}.blog-page .filter-wrapper .filter-left .o-tag[data-v-21199943]{background-color:var(--o-color-fill3);border-color:var(--o-color-fill3);cursor:pointer;--tag-height:32px;transition:all var(--o-duration-m1) var(--o-easing-standard-in)}.blog-page .filter-wrapper .filter-left .o-tag.selected[data-v-21199943],.blog-page .filter-wrapper .filter-left .o-tag[data-v-21199943]:hover{background-color:transparent;border-color:var(--o-color-primary1);color:var(--o-color-primary1)}.blog-page .filter-wrapper .filter-left[data-v-21199943] .o-tag .o-tag-label{font-size:inherit}.blog-page .filter-wrapper[data-v-21199943] .o-input .o-icon-search{font-size:24px}@media(max-width:600px){.blog-page .filter-wrapper[data-v-21199943] .o-input .o-icon-search{font-size:16px}}.blog-page .blog-content[data-v-21199943]{position:relative;z-index:1}@media(min-width:841px){.blog-page .blog-content[data-v-21199943]{--padding-y:0}}.blog-page .blog-panel[data-v-21199943]{margin-top:var(--o-gap-section-6);padding-bottom:var(--o-gap-section)}@media(max-width:840px){.blog-page .blog-panel[data-v-21199943]{margin-top:16px}}.blog-page .blog-panel[data-v-21199943] .o-card{--card-main-padding:24px;height:100%}@media(max-width:840px){.blog-page .blog-panel[data-v-21199943] .o-card{--card-main-padding:8px;--card-h-cover-width:36%}}.blog-page .blog-panel[data-v-21199943] .o-card:hover .o-card-title{color:var(--o-color-primary1)}.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover.is-dark{filter:brightness(90%) opacity(.9)}.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover-img{height:160px}@media(min-width:1921px){.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover-img{height:186px}}@media(max-width:1440px){.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover-img{height:130px}}@media(min-width:601px)and (max-width:840px){.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover-img{height:152px}}@media(max-width:600px){.blog-page .blog-panel[data-v-21199943] .o-card .o-card-cover-img{height:100%}}.blog-page .blog-panel[data-v-21199943] .o-card .info{align-items:center;color:var(--o-color-info3);display:flex;font-size:12px;line-height:18px}@media(min-width:1201px)and (max-width:1440px){.blog-page .blog-panel[data-v-21199943] .o-card .info{font-size:12px;line-height:18px}}@media(min-width:841px)and (max-width:1200px){.blog-page .blog-panel[data-v-21199943] .o-card .info{font-size:12px;line-height:18px}}@media(max-width:840px){.blog-page .blog-panel[data-v-21199943] .o-card .info{font-size:10px;line-height:16px}}.blog-page .blog-panel[data-v-21199943] .o-card .info span{align-items:center;display:flex}.blog-page .blog-panel[data-v-21199943] .o-card .info span+span{margin-left:16px}@media(max-width:840px){.blog-page .blog-panel[data-v-21199943] .o-card .info span+span{margin-left:6px}}.blog-page .blog-panel[data-v-21199943] .o-card .info span svg{fill:currentColor;height:16px;margin-right:8px;width:16px}@media(max-width:840px){.blog-page .blog-panel[data-v-21199943] .o-card .info span svg{margin-right:2px}}.blog-page .blog-panel[data-v-21199943] .o-card.has-cover .o-figure{position:relative}.blog-page .blog-panel[data-v-21199943] .o-card.has-cover .o-figure-img{height:auto;left:0;max-width:150%;min-height:100%;position:absolute;top:0;width:150%}.blog-page .blog-panel .pagination-box[data-v-21199943]{display:flex;justify-content:flex-end;margin-top:32px}@media(max-width:840px){.blog-page .blog-panel .pagination-box[data-v-21199943]{justify-content:center;margin-top:24px}}