.cpz-ui.cpz-blog-home{padding-block:var(--cpz-s-6)}.cpz-ui .cpz-blog-home__layout{gap:var(--cpz-s-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"slider""main""popular";display:grid}.cpz-ui .cpz-blog-home__slider{grid-area:slider}.cpz-ui .cpz-blog-home__popular{grid-area:popular}.cpz-ui .cpz-blog-home__main{grid-area:main;min-inline-size:0}.cpz-ui .cpz-blog-home__slider{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);block-size:280px;position:relative;overflow:hidden}.cpz-ui .cpz-blog-home__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;block-size:100%;display:flex;overflow:auto hidden}.cpz-ui .cpz-blog-home__track::-webkit-scrollbar{display:none}.cpz-ui .cpz-blog-home__track:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui .cpz-blog-home__slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;block-size:100%;inline-size:100%;position:relative}.cpz-ui .cpz-blog-home__slide-media{background:var(--cpz-surface-2);position:absolute;inset:0}.cpz-ui .cpz-blog-home__slide-media img{display:block;position:absolute;inset:0;object-fit:cover!important;block-size:100%!important;inline-size:100%!important}.cpz-ui .cpz-blog-home__slide-media:after{content:"";background:linear-gradient(to top,var(--cpz-bg)0%,var(--cpz-scrim)45%,transparent 100%);position:absolute;inset:0}.cpz-ui .cpz-blog-home__slide-body{z-index:2;padding-block:var(--cpz-s-4);padding-inline:var(--cpz-s-4);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.cpz-ui .cpz-blog-home__badge{background:var(--cpz-primary);color:var(--cpz-on-primary);font-weight:800}.cpz-ui .cpz-blog-home__slide-title{font-size:var(--cpz-fs-h4);font-weight:800;line-height:var(--cpz-lh-tight);color:var(--cpz-text);margin:0}.cpz-ui .cpz-blog-home__slide-title a{color:inherit;text-decoration:none}.cpz-ui .cpz-blog-home__slide-title a:after{content:"";z-index:3;position:absolute;inset:0}.cpz-ui .cpz-blog-home__slide-title a:focus-visible{box-shadow:var(--cpz-ring);border-radius:6px;outline:none}.cpz-ui .cpz-blog-home__slide-excerpt{max-inline-size:600px;font-size:13px;line-height:var(--cpz-lh-body);color:var(--cpz-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.cpz-ui .cpz-blog-home__slider-nav{z-index:4;gap:8px;display:flex;position:absolute;inset-block-start:12px;inset-inline-end:12px}.cpz-ui .cpz-blog-home__slider-btn{border:1px solid var(--cpz-border-strong);border-radius:var(--cpz-r-pill);background:var(--cpz-bg-glass);block-size:44px;inline-size:44px;color:var(--cpz-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--cpz-dur)var(--cpz-ease),border-color var(--cpz-dur)var(--cpz-ease);place-items:center;display:grid}.cpz-ui .cpz-blog-home__slider-btn:hover{background:var(--cpz-surface-3);border-color:var(--cpz-primary)}.cpz-ui .cpz-blog-home__slider-btn:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui .cpz-blog-home__slider-btn svg{width:18px;height:18px}@media (pointer:coarse){.cpz-ui .cpz-blog-home__slider-btn{block-size:48px;inline-size:48px}}.cpz-ui .cpz-blog-home__dots{z-index:4;gap:6px;display:flex;position:absolute;inset-block-end:10px;inset-inline-start:var(--cpz-s-4)}.cpz-ui .cpz-blog-home__dot{cursor:pointer;border-radius:var(--cpz-r-pill);-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;block-size:24px;inline-size:24px;padding:0;display:grid}.cpz-ui .cpz-blog-home__dot:before{content:"";border-radius:var(--cpz-r-pill);background:var(--cpz-border-strong);block-size:8px;inline-size:8px;transition:background var(--cpz-dur)var(--cpz-ease),transform var(--cpz-dur)var(--cpz-ease)}.cpz-ui .cpz-blog-home__dot.is-active:before{background:var(--cpz-primary);transform:scale(1.35)}.cpz-ui .cpz-blog-home__dot:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui .cpz-blog-home__popular{background:var(--cpz-surface);border:1px solid var(--cpz-border);border-radius:var(--cpz-r-lg);padding:var(--cpz-s-4);min-inline-size:0}.cpz-ui .cpz-blog-home__popular-title{margin:0;border-block-end:1px solid var(--cpz-border);font-size:var(--cpz-fs-h4);color:var(--cpz-text);margin-block-end:var(--cpz-s-3);padding-block-end:10px;font-weight:800}.cpz-ui .cpz-blog-home__pop-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.cpz-ui .cpz-blog-home__pop-item{border-radius:var(--cpz-r-sm);min-block-size:48px;color:var(--cpz-text);transition:background var(--cpz-dur)var(--cpz-ease);align-items:center;gap:12px;padding-block:8px;padding-inline:10px;text-decoration:none;display:flex}.cpz-ui .cpz-blog-home__pop-item:hover{background:var(--cpz-surface-2)}.cpz-ui .cpz-blog-home__pop-item:focus-visible{box-shadow:var(--cpz-ring);outline:none}.cpz-ui .cpz-blog-home__rank{border-radius:var(--cpz-r-pill);background:var(--cpz-surface-3);block-size:32px;inline-size:32px;color:var(--cpz-text-dim);flex:0 0 32px;place-items:center;font-size:13px;font-weight:800;display:grid}.cpz-ui .cpz-blog-home__rank.is-top{background:var(--cpz-primary);color:var(--cpz-on-primary)}.cpz-ui .cpz-blog-home__pop-title{font-size:13px;font-weight:700;line-height:1.6}.cpz-ui .cpz-blog-home__pop-empty{color:var(--cpz-text-mute);margin:0;font-size:12.5px}.cpz-ui .cpz-blog-home__tabs{border-block-end:1px solid var(--cpz-border);scrollbar-width:none;flex-wrap:nowrap;margin-block-end:var(--cpz-s-4);padding-block-end:10px;overflow-x:auto}.cpz-ui .cpz-blog-home__tabs::-webkit-scrollbar{display:none}.cpz-ui .cpz-blog-home__tabs .cpz-home__filter-tab{flex:none}.cpz-ui .cpz-blog-home__panel[hidden]{display:none}.cpz-ui .cpz-blog-home__panel:focus-visible{box-shadow:var(--cpz-ring);border-radius:var(--cpz-r-md);outline:none}.cpz-ui .cpz-blog-home .cpz-home__post-media img,.cpz-ui.cpz-blog-home .cpz-home__post-media img{position:absolute;inset:0;object-fit:cover!important;block-size:100%!important;inline-size:100%!important}.cpz-ui .cpz-blog-home__cat{z-index:2;position:absolute;inset-block-start:10px;inset-inline-end:10px}.cpz-ui .cpz-blog-home__meta-icon{vertical-align:-2px;width:13px;height:13px}.cpz-ui .cpz-home__post-meta{align-items:center;gap:5px;display:inline-flex}.cpz-ui .cpz-blog-home__more{justify-content:center;margin-block-start:var(--cpz-s-4);display:flex}@media (width>=960px){.cpz-ui .cpz-blog-home__layout{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);grid-template-areas:"slider popular""main main"}.cpz-ui .cpz-blog-home__slider{block-size:420px}.cpz-ui .cpz-blog-home__slide-title{font-size:var(--cpz-fs-h2)}.cpz-ui .cpz-blog-home__slide-excerpt{font-size:14px}.cpz-ui .cpz-blog-home__slide-body{padding-block:var(--cpz-s-5);padding-inline:var(--cpz-s-5)}}@media (prefers-reduced-motion:reduce){.cpz-ui .cpz-blog-home__track{scroll-behavior:auto}.cpz-ui .cpz-blog-home__dot:before,.cpz-ui .cpz-blog-home__slider-btn,.cpz-ui .cpz-blog-home__pop-item{transition:none}}