@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.header{position:sticky;top:0;z-index:100;background:rgba(10,10,11,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;height:var(--header-height);gap:var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;flex-shrink:0}.header-logo-icon{font-size:1.4em}.header-logo-text{white-space:nowrap}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.header-nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.header-nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-glass)}.header-search{flex:1;max-width:320px;margin-left:auto;position:relative;display:flex;align-items:center}.header-search-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.header-search-input{width:100%;height:38px;padding:0 var(--space-4) 0 var(--space-10);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--duration-fast)}.header-search-input::placeholder{color:var(--color-text-muted)}.header-search-input:focus{border-color:var(--color-accent-start);box-shadow:0 0 0 3px var(--color-accent-soft)}.header-mobile-actions{display:none;align-items:center;gap:var(--space-1);margin-left:auto}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--duration-fast)}.header-icon-btn:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.hamburger{flex-direction:column;gap:4px}.hamburger span{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;transition:all var(--duration-normal) var(--ease-out)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.header-mobile-search{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;background:var(--color-bg-secondary)}.header-mobile-search-form{display:flex;gap:var(--space-2)}.header-mobile-search-form input{flex:1;height:40px;padding:0 var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-primary)}.header-mobile-search-form input::placeholder{color:var(--color-text-muted)}.header-mobile-search-form button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-accent);color:#fff;flex-shrink:0}.header-mobile-menu{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;background:var(--color-bg-secondary)}.header-mobile-menu-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast)}.header-mobile-menu-link:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}@media (max-width: 768px){.header-nav,.header-search{display:none}.header-mobile-actions{display:flex}}.footer{margin-top:auto;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.footer-inner{padding:var(--space-10) var(--space-6)}.footer-brand{margin-bottom:var(--space-6)}.footer-logo{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.02em}.footer-desc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:360px;line-height:var(--leading-relaxed)}.footer-divider{width:100%;height:1px;background:var(--color-border);margin-bottom:var(--space-6)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.footer-copyright,.footer-powered{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 768px){.footer-bottom{flex-direction:column;align-items:flex-start}}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:var(--shadow-md);z-index:50;opacity:0;transform:translateY(16px);pointer-events:none;transition:all var(--duration-normal) var(--ease-out)}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width: 768px){.back-to-top{bottom:var(--space-4);right:var(--space-4);width:40px;height:40px}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;padding-top:var(--space-8);padding-bottom:var(--space-8)}.page-with-sidebar{display:flex;gap:var(--space-8);align-items:flex-start}.page-content{flex:1;min-width:0}@media (max-width: 1024px){.page-with-sidebar{flex-direction:column}}@media (max-width: 768px){.layout-main{padding-top:var(--space-6);padding-bottom:var(--space-6)}}.tag-cloud{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.tag-cloud-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.tag-cloud-title svg{opacity:.5}.tag-cloud-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud-item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.tag-cloud-item:hover{background:var(--color-accent-soft);border-color:var(--color-accent-start);color:var(--color-accent-start);transform:scale(1.05)}.tag-cloud-item.active{background:var(--gradient-accent);border-color:transparent;color:#fff}.tag-cloud-count{font-size:.7em;opacity:.5}.tag-cloud-item.level-1{font-size:var(--text-xs)}.tag-cloud-item.level-2{font-size:var(--text-sm)}.tag-cloud-item.level-3{font-size:var(--text-sm);font-weight:var(--font-semibold)}.tag-cloud-item.level-4{font-size:var(--text-base);font-weight:var(--font-semibold)}.tag-cloud-item.level-5{font-size:var(--text-lg);font-weight:var(--font-bold)}.category-filter{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.category-filter-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.category-filter-title svg{opacity:.5}.category-filter-list{display:flex;flex-direction:column;gap:var(--space-1)}.category-filter-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out)}.category-filter-item:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.category-filter-item.active{background:var(--color-accent-soft);color:var(--color-accent-start)}.category-filter-icon{font-size:1.2em;width:24px;text-align:center}.sidebar{display:flex;flex-direction:column;gap:var(--space-6);width:var(--sidebar-width);flex-shrink:0}.sidebar-info{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-info-item{display:flex;align-items:center;justify-content:space-between}.sidebar-info-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.sidebar-info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}@media (max-width: 1024px){.sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.sidebar>*{flex:1;min-width:280px}}@media (max-width: 768px){.sidebar{flex-direction:column}.sidebar>*{min-width:100%}}.image-fallback-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.image-fallback-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.image-fallback-img.loaded{opacity:1}.image-fallback-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));animation:pulse 1.5s ease-in-out infinite}.image-fallback-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.image-fallback-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));padding:var(--space-4)}.image-fallback-icon{font-size:2.5rem;opacity:.6}.image-fallback-text{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:80%}.news-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.news-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.news-card-image{position:relative;flex-shrink:0}.news-card-category-badge{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary);font-weight:var(--font-medium)}.news-card-body{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-3)}.news-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--duration-fast)}.news-card:hover .news-card-title{color:var(--color-accent-start)}.news-card-title mark{background:var(--color-accent-soft);color:var(--color-accent-start);padding:0 2px;border-radius:2px}.news-card-summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.news-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-tertiary)}.news-card-source{display:flex;align-items:center;gap:var(--space-1)}.news-card-source svg{opacity:.5}.news-card-date{white-space:nowrap}.news-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.news-card-tag{padding:var(--space-1) var(--space-2);background:var(--color-accent-soft);color:var(--color-accent-start);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:var(--font-medium);transition:background var(--duration-fast)}.news-card:hover .news-card-tag{background:var(--color-accent-hover)}.news-card.featured{grid-column:1 / -1;flex-direction:row}.news-card.featured .news-card-image{width:50%;min-height:320px}.news-card.featured .news-card-image .image-fallback-wrapper{height:100%;aspect-ratio:auto}.news-card.featured .news-card-body{padding:var(--space-8);justify-content:center}.news-card.featured .news-card-title{font-size:var(--text-2xl);-webkit-line-clamp:3}.news-card.featured .news-card-summary{font-size:var(--text-base);-webkit-line-clamp:4}@media (max-width: 768px){.news-card.featured{flex-direction:column}.news-card.featured .news-card-image{width:100%;min-height:auto}.news-card.featured .news-card-body{padding:var(--space-5)}.news-card.featured .news-card-title{font-size:var(--text-xl)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) 0}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.pagination-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-card-hover)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:var(--gradient-accent);border-color:transparent;color:#fff;font-weight:var(--font-semibold)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 480px){.pagination-btn{min-width:32px;height:32px}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.skeleton-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:pulse 1.5s ease-in-out infinite}.skeleton-image{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));position:relative;overflow:hidden}.skeleton-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.skeleton-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-line{height:14px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.skeleton-title{width:85%;height:18px}.skeleton-text{width:100%}.skeleton-text.short{width:60%}.skeleton-meta{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.skeleton-badge{width:64px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full)}@media (max-width: 768px){.skeleton-grid{grid-template-columns:1fr}}.home-header{margin-bottom:var(--space-8)}.home-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:-.03em;line-height:var(--leading-tight)}.home-subtitle{margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-text-tertiary);max-width:600px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) 0;color:var(--color-text-tertiary);gap:var(--space-4)}.home-empty-icon{font-size:3rem}@media (max-width: 768px){.home-title{font-size:var(--text-2xl)}.news-grid{grid-template-columns:1fr}}.article-page{max-width:800px;margin:0 auto}.article-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.article-breadcrumb a{color:var(--color-text-secondary);transition:color var(--duration-fast)}.article-breadcrumb a:hover{color:var(--color-accent-start)}.article-breadcrumb-sep{opacity:.3}.article-breadcrumb-current{color:var(--color-text-muted)}.article-cover{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden}.article-header{margin-bottom:var(--space-6)}.article-category-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-soft);color:var(--color-accent-start);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-4);transition:background var(--duration-fast)}.article-category-badge:hover{background:var(--color-accent-hover)}.article-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.article-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.article-meta-item a{color:var(--color-text-secondary);transition:color var(--duration-fast)}.article-meta-item a:hover{color:var(--color-accent-start)}.article-meta-item svg{opacity:.5}.article-summary{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding:var(--space-5);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);border-left:3px solid var(--color-accent-start)}.article-content{font-size:var(--text-base);line-height:1.85;color:var(--color-text-secondary)}.article-content p{margin-bottom:var(--space-5)}.article-content h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.article-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.article-content ul,.article-content ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-2);line-height:1.8}.article-content img{border-radius:var(--radius-md);margin:var(--space-6) 0}.article-content a{color:var(--color-accent-start);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:var(--color-accent-end)}.article-content blockquote{border-left:3px solid var(--color-accent-start);padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;background:var(--color-bg-glass);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.article-content code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.article-content pre{background:var(--color-bg-tertiary);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-6) 0}.article-content pre code{background:none;padding:0}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article-tag{padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out)}.article-tag:hover{background:var(--color-accent-soft);border-color:var(--color-accent-start);color:var(--color-accent-start)}.article-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.article-back-btn:hover{border-color:var(--color-accent-start);color:var(--color-accent-start)}.article-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) 0;text-align:center;gap:var(--space-4)}.article-not-found-icon{font-size:4rem}.article-not-found h2{font-size:var(--text-2xl);font-weight:var(--font-bold)}.article-not-found p{color:var(--color-text-tertiary)}.article-back-home{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--gradient-accent);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-medium);transition:opacity var(--duration-fast)}.article-back-home:hover{opacity:.9}@media (max-width: 768px){.article-title{font-size:var(--text-2xl)}.article-summary{font-size:var(--text-base)}}.date-filter{display:flex;flex-direction:column;gap:var(--space-4)}.date-filter-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.date-filter-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);text-align:center}.date-filter-tab:hover{color:var(--color-text-primary)}.date-filter-tab.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.date-filter-input-wrapper{position:relative}.date-filter-date-input{width:100%;height:40px;padding:0 var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast)}.date-filter-date-input:focus{border-color:var(--color-accent-start)}.date-filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.date-filter-option{padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.date-filter-option:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.date-filter-option.active{background:var(--color-accent-soft);border-color:var(--color-accent-start);color:var(--color-accent-start);font-weight:var(--font-medium)}.date-filter-empty{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-4);text-align:center;width:100%}@media (max-width: 480px){.date-filter-tab{font-size:var(--text-xs);padding:var(--space-2)}}.archive-page{max-width:960px;margin:0 auto}.archive-header{margin-bottom:var(--space-8)}.archive-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:-.03em;line-height:var(--leading-tight)}.archive-subtitle{margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-text-tertiary)}.archive-filter-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.archive-hint,.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) 0;color:var(--color-text-tertiary);gap:var(--space-3)}.archive-hint-icon,.archive-empty-icon{font-size:2.5rem}.archive-results-count{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.archive-results-count strong{color:var(--color-text-primary)}@media (max-width: 768px){.archive-title{font-size:var(--text-2xl)}}.search-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) 0;color:var(--color-text-tertiary);gap:var(--space-3);text-align:center}.search-hint-icon{font-size:3rem}.search-hint-tip{font-size:var(--text-sm);color:var(--color-text-muted)}:root{--color-bg-primary: #0a0a0b;--color-bg-secondary: #111113;--color-bg-tertiary: #18181b;--color-bg-card: rgba(24, 24, 27, .6);--color-bg-card-hover: rgba(30, 30, 35, .8);--color-bg-glass: rgba(255, 255, 255, .03);--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-accent-start: #6366f1;--color-accent-end: #8b5cf6;--color-accent: #7c3aed;--color-accent-soft: rgba(99, 102, 241, .12);--color-accent-hover: rgba(99, 102, 241, .18);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-divider: rgba(255, 255, 255, .04);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-accent: linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .05), rgba(139, 92, 246, .05));--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .04) 50%, transparent 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--max-width: 1280px;--sidebar-width: 320px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit;color:inherit;border:none;background:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}#root{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 1024px){:root{--sidebar-width: 280px}}@media (max-width: 768px){:root{--header-height: 56px}.container{padding:0 var(--space-4)}}@media (max-width: 480px){html{font-size:14px}}