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