.blog-hero{margin-top:var(--space-section);text-align:center}.blog-hero h1{font-size:42px;font-weight:600;line-height:1.15}.blog-hero p{max-width:700px;color:var(--color-text-muted);margin:18px auto 0;font-size:16px;font-weight:400;line-height:1.55}@media (width<=768px){.blog-hero{margin-top:56px}.blog-hero h1{font-size:34px}}.blog-read-time{z-index:2;border-radius:var(--radius-pill);color:var(--color-text);background:#dbe8c7;padding:7px 12px;font-size:12px;font-weight:700;line-height:1;position:absolute;top:14px;left:14px}.blog-meta{color:var(--color-text);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:13px;display:flex}.blog-meta__left{align-items:center;gap:7px;min-width:0;display:flex}.blog-category{background:var(--color-text);color:var(--color-white);border-radius:3px;align-items:center;padding:4px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.blog-topic-plus{border:2px solid var(--color-text);width:16px;height:16px;color:var(--color-text);border-radius:2px;justify-content:center;align-items:center;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.blog-highlight{margin-top:var(--space-section)}.blog-highlight__layout{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr);gap:24px;display:grid}.blog-highlight-main__image,.blog-highlight-sub__image,.blog-card__image{background:#f3f3f0;display:block;position:relative;overflow:hidden}.blog-highlight-main__image{border-radius:var(--radius-card)}.blog-highlight-main__image img{object-fit:cover;width:100%;display:block}.blog-highlight-main__title{letter-spacing:-.02em;margin-top:20px;font-size:22px;font-weight:700;line-height:1.45}.blog-highlight-main__title a,.blog-highlight-sub__title a,.blog-list .blog-card__title a{color:inherit;text-decoration:none}.blog-highlight-main__excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:14px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-highlight-sublist{flex-direction:column;gap:24px;display:flex}.blog-highlight-sub{grid-template-columns:210px minmax(0,1fr);gap:24px;display:grid}.blog-highlight-sub__image,.blog-highlight-sub__image img{border-radius:8px}.blog-highlight-sub__image img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.blog-highlight-sub .blog-meta{margin-top:0}.blog-highlight-sub__title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:16px;font-size:19px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-highlight-sub__excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=1280px){.blog-highlight__layout{grid-template-columns:1fr}.blog-highlight-sub{grid-template-columns:220px minmax(0,1fr)}}@media (width<=768px){.blog-highlight__layout{gap:44px}.blog-highlight-sub{grid-template-columns:1fr;gap:14px}.blog-highlight-sub__image img{aspect-ratio:16/9}}.blog-topics{margin-top:var(--space-section-mobile);scroll-margin-top:240px}.blog-topics__list{flex-wrap:wrap;gap:10px;display:flex}.blog-topics__item{border:1px solid var(--topic-color,#00000029);border-radius:var(--radius-pill);color:var(--topic-color,var(--color-text));background:0 0;align-items:center;gap:8px;padding:9px 14px;font-size:14px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.blog-topics__item span{font-weight:500}.blog-topics__item em{color:inherit;opacity:.72;font-style:normal}.blog-topics__item.is-active{border-color:var(--topic-color,var(--color-text));background:var(--topic-color,var(--color-text));color:var(--color-white)}.blog-topics__item.is-active em{color:#ffffffd1}.blog-list{margin-top:24px}.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 36px;display:grid}.blog-card__image{border-radius:5px}.blog-card__image img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .45s;display:block}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-list .blog-card__title{letter-spacing:-.02em;margin-top:18px;font-size:19px;font-weight:700;line-height:1.42}.blog-card__excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:14px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=1280px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.blog-grid{grid-template-columns:1fr;gap:46px}}.blog-pagination{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.blog-pagination__item,.blog-pagination__arrow{min-width:34px;height:34px;color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.blog-pagination__item.is-active{color:var(--color-ink);background:#b8d78b}.blog-pagination__arrow{background:var(--color-text);color:var(--color-white);font-size:22px;line-height:1}.blog-pagination__item:hover,.blog-pagination__arrow:hover{opacity:.85}.blog-detail{padding-top:56px}.blog-breadcrumb{max-width:920px;color:var(--color-text-muted);flex-wrap:wrap;gap:8px;margin:0 auto 32px;font-size:13px;display:flex}.blog-breadcrumb a,.blog-breadcrumb span{color:inherit}.blog-breadcrumb a{text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-detail__head{max-width:920px;margin:0 auto 40px}.blog-detail__head h1{max-width:900px;margin:0;font-size:48px;font-weight:500;line-height:1.2}.blog-detail__topics{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.blog-detail__topic{color:var(--color-white);border-radius:3px;align-items:center;padding:5px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.blog-detail__meta-row{justify-content:space-between;align-items:center;gap:24px;margin-top:22px;display:flex}.blog-detail__date{color:var(--color-text-muted);font-size:14px}.blog-detail__share{position:relative}.blog-detail__share span{color:var(--color-text-muted);font-size:13px}.blog-detail__share button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:#dbe8c7;border:0;border-radius:4px}.copy-toast{border-radius:var(--radius-card);background:var(--color-text);color:var(--color-white);white-space:nowrap;opacity:0;visibility:hidden;padding:8px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.copy-toast.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.blog-detail__image{max-width:920px;margin:0 auto}.blog-detail__image img{border-radius:20px;width:100%;display:block}.blog-detail__content{color:#2b2b2b;max-width:920px;margin:56px auto 0;font-size:17px;line-height:1.9}.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4{margin-top:44px;margin-bottom:16px;line-height:1.35}.blog-detail__content p{margin:0}.blog-detail__content img{max-width:100%;height:auto}.blog-detail__author{background:#f5f5f2;border-radius:16px;gap:24px;max-width:920px;margin:72px auto 0;padding:32px;display:flex}.blog-detail__author img{object-fit:cover;border-radius:50%;flex-shrink:0;width:88px;height:88px}.blog-detail__author strong{margin-bottom:10px;display:block}.blog-detail__author p{color:var(--color-text);margin:0 0 10px;font-size:15px;line-height:1.65}.blog-detail__author-links a{color:inherit;font-weight:700;text-decoration:underline}.blog-detail__all{justify-content:center;margin:60px 0 32px;display:flex}.blog-detail__all-link{color:var(--color-text);flex-direction:column;align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex;position:relative}.blog-detail__all-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.blog-detail__all-link:hover{opacity:.65}.blog-detail__all-link:hover:after{transform:scaleX(1)}.blog-detail__all-link img{width:18px;height:18px;display:block}@media (width<=1024px){.blog-detail__head h1{font-size:36px}}@media (width<=768px){.blog-detail{padding:44px 0 90px}.blog-detail__meta-row{flex-direction:column;align-items:flex-start;gap:14px}.blog-detail__head h1{font-size:32px}.blog-detail__content{font-size:16px}.blog-detail__content img{height:auto!important}.blog-detail__author{flex-direction:column}.blog-detail__all-link:after{display:none}}body.is-blog-loading{cursor:progress}#blog-grid-container{transition:opacity .2s}body.is-blog-loading #blog-grid-container{opacity:.45}.blog-detail__divider{border:0;border-top:1px solid #e6e2dc;margin:96px 0 0}
