.archive-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.archive-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200,#eee)}.archive-header h1{font-size:2rem;color:var(--primary,#333);margin-bottom:1rem;font-weight:700}.archive-breadcrumb{display:flex;align-items:center;justify-content:center;gap:0.5rem;color:var(--gray-600,#666);font-size:0.9rem}.archive-breadcrumb a{color:var(--primary,#dc3545);text-decoration:none;transition:color 0.2s ease}.archive-breadcrumb a:hover{color:var(--primary-dark,#c82333)}.archive-breadcrumb i{font-size:0.8rem}.archive-wrapper{display:grid;grid-template-columns:250px 1fr;gap:2rem}.archive-nav{position:sticky;top:2rem;align-self:start}.nav-section{background:var(--white,#fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:1.5rem;margin-bottom:1.5rem}.nav-section h2{font-size:1.2rem;color:var(--gray-800,#333);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;font-weight:600}.year-list,.month-list{list-style:none;padding:0;margin:0}.year-list li,.month-list li{margin-bottom:0.5rem}.year-list li a,.month-list li a{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;color:var(--gray-700,#444);text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-weight:500}.year-list li.active a,.month-list li.active a{background:var(--primary,#dc3545);color:var(--white,#fff)}.year-list li a:hover,.month-list li a:hover{background:var(--primary-light,#f8d7da);color:var(--primary,#dc3545)}.year-list li.active a:hover,.month-list li.active a:hover{background:var(--primary,#dc3545);color:var(--white,#fff)}.year-count,.month-count{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;background:rgba(0,0,0,0.1);padding:0.2rem 0.5rem;border-radius:4px}.archive-content{min-height:500px}.archive-content h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--gray-800,#333);font-weight:600;padding-bottom:0.75rem;border-bottom:1px solid var(--gray-200,#eee)}.month-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.month-link{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:var(--white,#fff);border-radius:6px;text-decoration:none;color:var(--gray-700,#444);box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.2s ease;font-weight:500}.month-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);color:var(--primary,#dc3545)}.month-link .count{margin-left:auto;background:var(--gray-100,#f8f9fa);padding:0.2rem 0.5rem;border-radius:4px;font-size:0.9rem;color:var(--gray-600,#666)}.articles-list{display:flex;flex-direction:column;gap:1.5rem}.archive-article{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.5rem;background:var(--white,#fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.2s ease}.archive-article:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.1)}.article-image{position:relative;border-radius:6px;overflow:hidden;height:150px}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.archive-article:hover .article-image img{transform:scale(1.05)}.video-badge{position:absolute;top:10px;right:10px;background:rgba(220,53,69,0.9);color:var(--white,#fff);padding:0.3rem 0.6rem;border-radius:4px;font-size:0.8rem;display:flex;align-items:center;gap:0.3rem}.article-content{display:flex;flex-direction:column}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--gray-600,#666);font-size:0.85rem;margin-bottom:0.75rem}.article-meta>*{display:flex;align-items:center;gap:0.3rem}.article-meta .category a{color:var(--primary,#dc3545);text-decoration:none;transition:color 0.2s ease}.article-meta .category a:hover{color:var(--primary-dark,#c82333);text-decoration:underline}.archive-article h2{margin:0 0 0.75rem 0;padding:0;border:none;font-size:1.3rem;line-height:1.4}.archive-article h2 a{color:var(--gray-800,#333);text-decoration:none;transition:color 0.2s ease}.archive-article h2 a:hover{color:var(--primary,#dc3545)}.excerpt{color:var(--gray-600,#666);margin:0 0 1rem 0;line-height:1.5;font-size:0.95rem}.read-more{margin-top:auto;color:var(--primary,#dc3545);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;transition:all 0.2s ease}.read-more:hover{color:var(--primary-dark,#c82333);gap:0.7rem}.no-articles{text-align:center;padding:3rem;background:var(--white,#fff);border-radius:8px;color:var(--gray-600,#666);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.no-articles i{font-size:3rem;margin-bottom:1rem;color:var(--primary,#dc3545)}.pagination{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:2rem;padding:1rem}.pagination .page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--white,#fff);color:var(--gray-600,#666);text-decoration:none;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.pagination .page-link:hover{background:var(--primary,#dc3545);color:var(--white,#fff);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.pagination .current-page{padding:0.5rem 1rem;background:var(--gray-100,#f8f9fa);border-radius:8px;color:var(--gray-800,#333);font-weight:500}@media (max-width:992px){.archive-wrapper{grid-template-columns:1fr}.archive-nav{position:static;margin-bottom:2rem}.nav-section{margin-bottom:1rem}}@media (max-width:768px){.archive-article{grid-template-columns:1fr}.article-image{height:200px;margin-bottom:0.5rem}.month-nav{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.article-meta{gap:0.75rem}}@media (max-width:576px){.archive-header h1{font-size:1.75rem}.archive-content h2{font-size:1.3rem}.archive-article{padding:1rem}.archive-article h2{font-size:1.2rem}.month-nav{grid-template-columns:repeat(2,1fr)}}