.cl-blogtest{padding:64px 0 96px;position:relative}.cl-blogtest-inner{z-index:1;position:relative}.cl-blogtest-main{max-width:640px;margin:0 auto}.cl-blogtest-head{text-align:center;margin-bottom:28px}.cl-blogtest-head h1{margin-top:12px;font-size:clamp(2rem,4vw,2.8rem)}.cl-postlist{flex-direction:column;gap:18px;display:flex}.cl-post-card{background:var(--cl-panel);border:1px solid var(--cl-border);border-radius:var(--cl-radius);gap:20px;padding:18px;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.cl-post-card:hover{border-color:var(--cl-red-line);background:var(--cl-panel-2);transform:translateY(-2px)}.cl-post-thumb{border-radius:var(--cl-radius);background:var(--cl-bg-2);border:1px solid var(--cl-border);flex:0 0 170px;align-self:stretch;min-height:124px;overflow:hidden}.cl-post-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cl-post-body{flex-direction:column;min-width:0;display:flex}.cl-post-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--cl-faint);align-items:center;gap:14px;font-size:.74rem;font-weight:600;display:flex}.cl-post-tag{color:var(--cl-red)}.cl-post-card h2{margin:12px 0 0;font-size:1.32rem;line-height:1.2}.cl-post-card h2 a{color:var(--cl-text);text-decoration:none}.cl-post-card h2 a:hover{color:#fff}.cl-post-card p{color:var(--cl-muted);margin:10px 0 16px;font-size:.96rem}.cl-post-empty{color:var(--cl-muted)}.cl-pagination{flex-wrap:wrap;align-items:center;gap:8px;margin-top:36px;display:flex}.cl-page-link{min-width:40px;height:40px;color:var(--cl-muted);background:var(--cl-panel);border:1px solid var(--cl-border);border-radius:var(--cl-radius);cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.cl-page-link:hover:not(:disabled):not(.cl-page-link--active){color:#fff;border-color:var(--cl-red-line);background:var(--cl-panel-2)}.cl-page-link--active{color:#fff;border-color:var(--cl-red);background:var(--cl-red-soft);cursor:default}.cl-page-link:disabled{opacity:.4;cursor:default}.cl-page-ellipsis{color:var(--cl-faint);-webkit-user-select:none;user-select:none;align-items:flex-end;padding:0 4px;display:inline-flex}@media (width<=900px){.cl-blogtest-main{max-width:100%}.cl-post-card{flex-direction:column}.cl-post-thumb{flex-basis:auto;width:100%;height:180px}}