.archive-section{background-color:var(--color-bg);padding:0 20px 60px}.archive-section .container{max-width:1080px;margin:0 auto;padding:0 1rem}.archive-title{text-align:center;color:var(--color-text);margin-bottom:2.5rem;font-size:2rem;font-weight:700}.archive-intro{text-align:center;max-width:800px;color:var(--color-text);opacity:.85;margin:0 auto 2rem;line-height:1.8}@media (max-width:768px){.archive-intro{text-align:left;margin:0 1rem 1.5rem}}.archive-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto;padding:0;list-style:none;display:grid}@media (max-width:1024px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.archive-grid{grid-template-columns:1fr}}.archive-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;transition:box-shadow .3s,transform .3s;overflow:hidden}.archive-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000014}.archive-thumb{aspect-ratio:16/9;background-color:var(--color-bg-light);position:relative;overflow:hidden}.archive-thumb img{object-fit:cover;width:100%;height:100%;display:block}.archive-body{padding:1rem}.archive-title-sub{color:var(--color-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.5}.archive-meta{color:var(--color-text);opacity:.7;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.archive-meta time{opacity:.7}.archive-category{background-color:var(--color-primary);color:var(--color-white);white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.archive-section .pagination{text-align:center;margin-top:3rem}.archive-section .pagination .page-numbers{color:var(--color-text);border:1px solid var(--color-border);border-radius:.25rem;margin:0 .4rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:inline-block}.archive-section .pagination .current{background-color:var(--color-text);color:var(--color-white);border-color:var(--color-text)}.archive-section .pagination .page-numbers:hover{background-color:var(--color-bg-light)}@media (max-width:768px){.archive-title{margin-bottom:1.5rem;font-size:1.5rem}}