.archive-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-primary);position:relative}.archive-header:after{content:'';position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:var(--color-primary-dark,#c41820);display:none}.archive-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.archive-header__intro{margin-top:var(--space-md);max-width:42rem;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.55}.archive-header__intro>*:first-child{margin-top:0}.archive-header__intro>*:last-child{margin-bottom:0}.archive-header__intro p{margin:0 0 var(--space-sm)}.archive-header__more{margin:var(--space-sm) 0 0}.archive-header__more a{color:var(--color-primary);font-weight:var(--font-weight-semibold,600);text-decoration:none}.archive-header__more a:hover,.archive-header__more a:focus-visible{text-decoration:underline}.dark-mode .archive-header__intro{color:var(--text-secondary)}.dark-mode .archive-header__more a{color:var(--color-primary)}.archive-description{margin-top:var(--space-md);margin-bottom:0;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);line-height:1.7;border-left:4px solid var(--color-primary)}.archive-posts{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.archive-posts--compact .archive-post-item{margin-bottom:0}.archive-post-item{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-xl);padding:var(--space-md);align-items:start;background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.archive-post-item:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0891b2,#06b6d4);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.archive-post-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.1);border-color:var(--border-color)}.archive-post-item:hover:before{transform:scaleY(1)}.dark-mode .archive-post-item{background:var(--bg-secondary);box-shadow:0 4px 20px rgba(0,0,0,.2)}.dark-mode .archive-post-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.3)}.archive-post-item--pinned{border-color:var(--color-primary);background:rgba(225,27,34,.02)}.archive-post-item--pinned:before{transform:scaleY(1);background:var(--color-primary)}.archive-pin{display:inline-flex;align-items:center;flex-shrink:0;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.01em}.dark-mode .archive-post-item--pinned{border-color:var(--color-primary);background:rgba(255,0,0,.05)}.dark-mode .archive-post-item--pinned:hover{box-shadow:0 12px 40px rgba(0,0,0,.3)}.archive-thumbnail{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;background:var(--bg-secondary);min-width:0;max-width:100%}.archive-thumbnail a{position:relative;display:block;width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden}.archive-thumbnail img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s cubic-bezier(.4,0,.2,1);color:transparent}.archive-thumbnail__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-placeholder,#f0f0f0);color:#ccc;z-index:0}.archive-post-item:hover .archive-thumbnail img{transform:scale(1.08)}.archive-post-item:not(:has(.archive-thumbnail)){grid-template-columns:1fr}.archive-content{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) 0;min-width:0}.archive-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs)}.archive-meta time{display:flex;align-items:center;gap:var(--space-xs)}.archive-meta time:before{content:'';width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.archive-meta .card__share-btn,.search-meta .card__share-btn,.post-meta .card__share-btn{margin-left:auto;position:relative;z-index:4;flex-shrink:0}.dark-mode .archive-post-title a:hover{color:#22d3ee}.dark-mode .read-more{background:rgba(8,145,178,.15);border-color:rgba(8,145,178,.3)}.archive-post-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-xs) 0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.archive-post-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.archive-post-title a:hover{color:#0891b2}.archive-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-xs);word-break:break-word;overflow-wrap:anywhere}.archive-excerpt p{margin:0}.archive-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;width:100%}.card__actions--archive{position:relative;bottom:auto;right:auto;opacity:1;margin-left:auto}.read-more{display:inline-flex;align-items:center;gap:var(--space-xs);color:#0891b2;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;padding:5px 12px;background:rgba(8,145,178,.08);border:1px solid rgba(8,145,178,.2);border-radius:var(--radius-sm);transition:all .3s ease;width:fit-content}.read-more:hover{color:#fff;background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:transparent;box-shadow:0 4px 12px rgba(8,145,178,.3)}.dark-mode .read-more{background:rgba(8,145,178,.15);border-color:rgba(8,145,178,.3)}.pagination{margin-top:var(--space-md);margin-bottom:var(--space-md)}.pagination .pagination{margin:0}.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-md);background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease}.pagination .page-numbers:hover{background:var(--color-primary);color:var(--text-light);transform:translateY(-2px)}.pagination .page-numbers.current{background:var(--color-primary);color:var(--text-light)}.pagination .page-numbers.dots{background:0 0;pointer-events:none}.pagination .prev,.pagination .next{padding:0 var(--space-lg);font-weight:var(--font-weight-semibold)}.no-posts{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg)}.no-posts h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-md)}.no-posts p{color:var(--text-secondary);font-size:var(--font-size-lg)}.sidebar .widget{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);transition:box-shadow .3s ease}.sidebar .widget:hover{box-shadow:var(--shadow-md)}.dark-mode .sidebar .widget{background:var(--bg-secondary)}.sidebar .widget-title{margin:0 0 var(--space-md);padding-bottom:var(--space-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);border-bottom:2px solid var(--color-primary)}.sidebar .widget ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar .widget ul li a{display:flex;align-items:center;padding:var(--space-xs) 0;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.sidebar .widget ul li a:before{content:'›';margin-right:var(--space-sm);color:var(--color-primary);font-weight:700;transition:transform .2s ease}.sidebar .widget ul li a:hover{color:var(--color-primary);padding-left:var(--space-sm)}.sidebar .widget ul li a:hover:before{transform:translateX(2px)}@media (max-width:992px){.archive-post-item{grid-template-columns:220px minmax(0,1fr);gap:var(--space-lg)}.archive-post-title{font-size:var(--font-size-lg)}}@media (min-width:769px) and (max-width:1024px){.archive-post-item{grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:var(--space-md);align-items:start}.archive-thumbnail{width:100%}}@media (max-width:768px){.archive-header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.archive-title{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800}.archive-posts{gap:4px;margin-bottom:var(--space-sm)}.archive-post-item{display:block;padding:10px 12px;border-radius:var(--radius-md);border:none;border-bottom:1px solid var(--border-color-light);margin-bottom:0;background:var(--bg-primary);box-shadow:0 2px 10px rgba(0,0,0,.12)}.archive-post-item:before{display:none}.archive-post-item:hover{transform:none;box-shadow:0 2px 10px rgba(0,0,0,.12)}.archive-post-item.archive-post-item--pinned,.archive-post-item.archive-post-item--pinned:hover{background:rgba(225,27,34,.07);box-shadow:inset 3px 0 0 var(--color-primary),0 2px 10px rgba(0,0,0,.12)}.dark-mode .archive-post-item.archive-post-item--pinned,.dark-mode .archive-post-item.archive-post-item--pinned:hover{background:rgba(255,80,80,.1);box-shadow:inset 3px 0 0 var(--color-primary),0 2px 10px rgba(0,0,0,.35)}.archive-thumbnail{float:left;aspect-ratio:1/1;border-radius:var(--radius-sm);width:90px;height:90px;margin:0 10px 4px 0;shape-outside:inset(0 round var(--radius-sm))}.archive-content{display:block;gap:0;padding:0}.archive-meta{gap:var(--space-xs);margin-bottom:4px}.archive-category{padding:2px 6px;font-size:9px;letter-spacing:0}.archive-meta time{font-size:11px}.archive-post-title{font-size:var(--font-size-md);line-height:1.3;margin:0 0 4px;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.archive-excerpt{display:none}.archive-actions-row{position:absolute;bottom:6px;right:8px;width:auto;margin:0}.card__actions--archive{margin-left:0}.read-more{display:none}.pagination{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.archive-description{margin-top:var(--space-sm);padding:var(--space-md)}.pagination .page-numbers{min-width:40px;height:40px;font-size:var(--font-size-sm)}.pagination .prev,.pagination .next{padding:0 var(--space-md)}}@media (max-width:576px){.archive-header{margin-bottom:var(--space-xs);padding-bottom:var(--space-xs)}.archive-title{font-size:var(--font-size-xl)}.archive-thumbnail{width:80px;height:80px;margin-right:10px}.archive-post-title{font-size:var(--font-size-sm)}.archive-meta{flex-wrap:wrap;gap:4px}}.author-profile{border-bottom:none;padding-bottom:0;margin-bottom:var(--space-xl)}.author-profile__inner{display:flex;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.author-profile__media{flex-shrink:0}.author-profile__image{display:block;width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-profile__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--border-light,#eee);color:var(--text-secondary);flex-shrink:0}.author-profile__content{flex:1;min-width:0}.author-profile__label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px;font-weight:var(--font-weight-semibold)}.author-profile__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin:0}.author-profile__count{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0}.author-profile__bio{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.author-profile__bio p{margin:0}.dark-mode .author-profile__avatar-placeholder{background:var(--border-color-light);color:var(--text-secondary)}@media (max-width:480px){.author-profile__inner{flex-direction:column;align-items:center;text-align:center}}.article-author-info .author-link{color:var(--text-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.article-author-info .author-link:hover,.article-author-info .author-link:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-primary)}.error-404-intro{margin-bottom:var(--space-2xl);padding:var(--space-xl) var(--space-2xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);display:flex;gap:var(--space-lg);align-items:flex-start}.error-404-intro__icon{flex-shrink:0;color:var(--color-primary);opacity:.8}.error-404-intro__content{flex:1;min-width:0}.error-404-intro p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0 0 var(--space-sm) 0}.error-404-intro__hint{font-size:var(--font-size-sm) !important;color:var(--text-tertiary,#999) !important;margin-bottom:var(--space-md) !important}.error-404-intro .search-form{max-width:500px}.error-404-intro .search-field{width:100%;background:var(--bg-primary,#fff);color:var(--text-primary);border:1px solid var(--border-color,#ddd);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.error-404-intro .search-field::placeholder{color:var(--text-tertiary,#999)}.error-404-intro .search-field:focus{width:100%;border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(225,27,34,.1)}.error-404-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light,#eee)}.error-404-home{margin-top:var(--space-2xl);text-align:center}.error-404-home .button-home{display:inline-block;padding:var(--space-sm) var(--space-xl);background:var(--color-primary);color:var(--text-light);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:background .2s ease}.error-404-home .button-home:hover{background:var(--color-primary-dark,#c41820)}@media (max-width:768px){.error-404-intro{padding:var(--space-md);margin-bottom:var(--space-lg);gap:var(--space-md)}.error-404-intro__icon svg{width:36px;height:36px}.error-404-intro p{font-size:var(--font-size-base)}.error-404-intro .search-form{max-width:100%}.error-404-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.error-404-home{margin-top:var(--space-lg)}.error-404-home .button-home{display:block;text-align:center;padding:var(--space-md) var(--space-lg)}}@media (max-width:576px){.error-404-intro{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);flex-direction:column;gap:var(--space-sm)}.error-404-intro__icon svg{width:28px;height:28px}.error-404-intro p{font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.error-404-section-title{font-size:var(--font-size-base)}.error-404-home .button-home{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}}