.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;transition:all var(--transition-fast)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border:1px solid rgba(123,167,217,.3)}.article-list-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;color:inherit}.article-list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border:1px solid rgba(123,167,217,.3)}.article-list-thumb{width:240px;height:135px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,rgba(123,167,217,.1),rgba(123,167,217,.3));display:flex;align-items:center;justify-content:center}.article-list-thumb img{width:100%;height:100%;object-fit:cover}.article-list-thumb .placeholder-logo{font-size:32px;font-weight:var(--font-bold);color:var(--primary);font-family:Inter,sans-serif}.article-list-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.article-list-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-list-excerpt{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-list-meta{font-size:var(--text-tiny);color:var(--text-tertiary);font-weight:var(--font-thin)}.sidebar-module{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.sidebar-module-title{padding-left:var(--spacing-sm);border-left:3px solid var(--primary);font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-sm)}.hot-list-item{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);text-decoration:none;color:inherit}.hot-list-item:last-child{border-bottom:none;padding-bottom:0}.hot-list-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:8px;flex-shrink:0}.hot-list-title{flex:1;font-size:var(--text-body);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.hot-list-item:hover .hot-list-title{color:var(--primary)}.hot-list-date{font-size:var(--text-tiny);color:var(--text-tertiary);font-weight:var(--font-thin);flex-shrink:0}.resource-link{display:block;padding:var(--spacing-xs) 0;font-size:var(--text-small);color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}.resource-link:hover{color:var(--primary)}.resource-link:before{content:"\2022";color:var(--primary);margin-right:var(--spacing-xs)}.site-intro{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--line-height-normal);text-align:center;padding:var(--spacing-sm) 0}.site-intro-name{font-weight:var(--font-semibold);color:var(--primary);display:block;margin-bottom:var(--spacing-xs)}.ad-container{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:var(--bg-card);padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:center;transition:all var(--transition-fast)}.ad-label{font-size:var(--text-tiny);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.ad-content,.ad-label{color:var(--text-tertiary)}.ad-content{min-height:90px;display:flex;align-items:center;justify-content:center;font-size:var(--text-small)}.search-hero{text-align:center;padding:var(--spacing-xl) 0}.search-box{max-width:600px;margin:0 auto var(--spacing-md);display:flex;gap:var(--spacing-xs);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--spacing-xs)}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body);color:var(--text-primary);background:transparent}.search-input::placeholder{color:var(--text-tertiary)}.search-submit{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:background var(--transition-fast)}.search-submit:hover{background:var(--primary-hover)}.hot-tags{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:var(--text-small);color:var(--text-tertiary)}.hot-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-light);color:var(--primary);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.hot-tag:hover{background:var(--primary);color:var(--text-inverse)}.search-empty{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-tertiary)}.search-empty-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.error-page{text-align:center;padding:var(--spacing-xl) 0}.error-code{font-size:72px;font-weight:var(--font-bold);color:var(--primary);font-family:Inter,sans-serif}.error-code,.error-title{margin-bottom:var(--spacing-sm)}.error-title{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--text-primary)}.error-desc{font-size:var(--text-body);color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.btn-primary{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:background var(--transition-fast)}.btn-primary:hover{background:var(--primary-hover);color:var(--text-inverse)}.article-header{text-align:center;padding:var(--spacing-lg) 0}.article-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--spacing-sm)}.article-meta{font-size:var(--text-small);color:var(--text-tertiary);font-weight:var(--font-thin)}.article-meta span{margin:0 var(--spacing-xs)}.article-body-card{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.share-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) 0}.share-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--text-inverse);background:var(--primary);transition:background var(--transition-fast)}.share-btn:hover{background:var(--primary-hover);color:var(--text-inverse)}.article-nav{display:flex;justify-content:space-between;gap:var(--spacing-md);margin:var(--spacing-md) 0}.article-nav-link{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);font-size:var(--text-small)}.article-nav-link:hover{background:var(--primary-light);color:var(--primary)}.article-nav-label{font-size:var(--text-tiny);color:var(--text-tertiary);display:block;margin-bottom:4px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.related-card{display:block;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border:1px solid rgba(123,167,217,.3)}.related-card-thumb{width:100%;height:100px;background:linear-gradient(135deg,rgba(123,167,217,.1),rgba(123,167,217,.3));overflow:hidden}.related-card-thumb img{width:100%;height:100%;object-fit:cover}.related-card-body{padding:var(--spacing-sm)}.related-card-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.related-card-date{font-size:var(--text-tiny);color:var(--text-tertiary)}#comment-section{margin:var(--spacing-lg) 0}.site-footer{background:var(--bg-footer);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);box-shadow:0 -2px 12px var(--border-light);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;text-align:center}.footer-name{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--text-footer-name);margin-bottom:var(--spacing-xs)}.footer-tagline{font-size:var(--text-small);color:var(--text-footer-info);margin-bottom:var(--spacing-sm)}.footer-copyright{font-size:var(--text-tiny);color:var(--text-footer-info)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.footer-col-title{font-size:14px;font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:12px}.footer-nav-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.footer-nav{margin:var(--spacing-sm) 0;font-size:var(--text-small)}.footer-nav a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--primary)}.footer-nav-divider{color:var(--border-color);margin:0 var(--spacing-xs)}.static-page{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.static-page-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.static-page-title{font-size:var(--text-h2);color:var(--primary);margin-bottom:var(--spacing-sm)}.static-page-date{font-size:var(--text-small);color:var(--text-secondary)}.static-page-content{line-height:1.8}.static-page-content h2{font-size:var(--text-h3);color:var(--primary);margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary)}.static-page-content h3{font-size:var(--text-h4);color:var(--primary);margin:var(--spacing-lg) 0 var(--spacing-sm)}.static-page-content p{margin-bottom:var(--spacing-md);color:var(--text-primary)}.static-page-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.static-page-content li{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.static-page-content a{color:var(--primary);text-decoration:underline}.static-page-content a:hover{opacity:.8}.static-page-content strong{font-weight:var(--font-semibold);color:var(--primary)}.pagination{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.pagination,.pagination a{justify-content:center;align-items:center}.pagination a{display:inline-flex;min-width:40px;height:40px;padding:0 var(--spacing-sm);font-size:var(--text-small);color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--shadow-soft)}.pagination a:hover:not(.disabled):not(.active){color:var(--primary);background:var(--bg-hover);transform:translateY(-2px)}.pagination a.active{color:#fff;background:var(--primary);font-weight:var(--font-semibold)}.page-layout .pagination{grid-column:1/-1;margin-top:var(--spacing-xl)}.pagination a.disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);font-size:var(--text-small)}.breadcrumb,.breadcrumb a{color:var(--text-secondary)}.breadcrumb a{text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--border-color)}.breadcrumb-current{color:var(--primary);font-weight:var(--font-medium);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-title{font-size:var(--text-h3);color:var(--primary);margin:var(--spacing-xl) 0 var(--spacing-md);padding-left:var(--spacing-sm);border-left:3px solid var(--primary)}.toc-list{list-style:none;padding:0;margin:0}.toc-item-h2,.toc-item-h3{margin-bottom:var(--spacing-xs)}.toc-item-h3{padding-left:var(--spacing-md)}.toc-link{display:block;padding:var(--spacing-xs) 0;font-size:var(--text-small);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);border-left:2px solid transparent;padding-left:var(--spacing-sm)}.toc-link.active,.toc-link:hover{color:var(--primary)}.toc-link.active{font-weight:var(--font-medium);border-left-color:var(--primary)}.rss-link{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);background:var(--bg-card)}.rss-link:hover{color:var(--primary);background:var(--bg-hover)}@media (max-width:767px){.related-grid{grid-template-columns:1fr}.breadcrumb-current{max-width:150px}.page-sidebar{position:static;max-height:none}}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-item{display:inline-block;padding:4px var(--spacing-sm);font-size:var(--text-tiny);color:var(--text-secondary);background:var(--primary-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:default}.tag-item:hover{color:var(--primary);background:rgba(123,167,217,.15)}.rss-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);text-decoration:none;font-size:var(--text-small);transition:all var(--transition-fast)}.rss-link:hover{background:rgba(123,167,217,.2)}.rss-link svg{flex-shrink:0}.trending-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.trending-update-time{font-size:var(--text-small);color:var(--text-tertiary)}.trending-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.trending-filter-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-small);color:var(--text-secondary);background:transparent;border:1px solid var(--border-light);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.trending-filter-btn:hover{color:var(--primary);border-color:var(--primary)}.trending-filter-btn.active{color:var(--text-inverse);background:var(--primary);border-color:var(--primary)}.trending-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.trending-list-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:all var(--transition-fast);cursor:pointer}.trending-list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border:1px solid rgba(123,167,217,.3)}.trending-rank{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:var(--text-inverse);font-size:var(--text-h4);font-weight:var(--font-bold);border-radius:var(--radius-sm);flex-shrink:0}.trending-content{flex:1;min-width:0}.trending-name{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-list-item:hover .trending-name{text-decoration:underline}.trending-desc{font-size:var(--text-small);color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-info{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--text-tiny);color:var(--text-tertiary)}.trending-lang{display:flex;align-items:center;gap:4px}.trending-lang-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.trending-stars{color:var(--accent)}.trending-stars-today{color:#e74c3c;font-weight:var(--font-medium)}.trending-empty{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.trending-empty-icon{font-size:64px;margin-bottom:var(--spacing-md)}.trending-empty-text{font-size:var(--text-h4);color:var(--primary);margin-bottom:var(--spacing-xs)}.trending-empty-hint,.trending-source{font-size:var(--text-small);color:var(--text-tertiary)}.trending-source{text-align:center;padding:var(--spacing-md)}.trending-source a{color:var(--primary);text-decoration:none}.trending-source a:hover{text-decoration:underline}@media (max-width:768px){.trending-list-item{flex-direction:column;gap:var(--spacing-sm)}.trending-rank{width:100%;height:36px}.trending-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.trending-filter-btn{flex-shrink:0}}.ai-digest-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.ai-digest-update-time{font-size:var(--text-small);color:var(--text-tertiary)}.ai-digest-stats{font-size:var(--text-tiny);color:var(--text-tertiary)}.ai-digest-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.ai-digest-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.ai-digest-tab:hover{color:var(--primary);background:var(--primary-light)}.ai-digest-tab.active{color:var(--text-inverse);background:var(--primary)}.ai-digest-tab-count{font-size:var(--text-tiny);padding:2px 6px;background:hsla(0,0%,100%,.2);border-radius:10px}.ai-digest-tab.active .ai-digest-tab-count{background:hsla(0,0%,100%,.3)}.ai-digest-content{min-height:300px}.ai-digest-panel{display:none}.ai-digest-panel.active{display:block}.ai-digest-empty{padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-md)}.ai-digest-empty,.ai-digest-source{text-align:center;color:var(--text-tertiary)}.ai-digest-source{padding:var(--spacing-md);font-size:var(--text-small)}.ai-digest-source a{color:var(--primary);text-decoration:none}.ai-digest-source a:hover{text-decoration:underline}.tweet-card{display:block;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:all var(--transition-fast);border:1px solid transparent}.tweet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:rgba(123,167,217,.3)}.tweet-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tweet-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--primary-light)}.tweet-avatar img{width:100%;height:100%;object-fit:cover}.tweet-author{display:flex;flex-direction:column}.tweet-author-name{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text-primary)}.tweet-author-handle{font-size:var(--text-tiny);color:var(--text-tertiary)}.tweet-content{font-size:var(--text-small);line-height:1.6;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.tweet-footer{display:flex;justify-content:space-between;align-items:center}.tweet-stats{display:flex;gap:var(--spacing-md)}.tweet-stat,.tweet-time{font-size:var(--text-tiny);color:var(--text-tertiary)}.podcast-card{display:block;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:all var(--transition-fast);border:1px solid transparent}.podcast-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:rgba(123,167,217,.3)}.podcast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.podcast-source,.podcast-time{font-size:var(--text-tiny);color:var(--text-tertiary)}.podcast-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-xs)}.podcast-card:hover .podcast-title{text-decoration:underline}.podcast-summary{font-size:var(--text-small);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.podcast-highlights{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.podcast-highlight{font-size:var(--text-tiny);padding:2px var(--spacing-sm);background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm)}.blog-card{display:block;padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:all var(--transition-fast);border:1px solid transparent}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:rgba(123,167,217,.3)}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.blog-source,.blog-time{font-size:var(--text-tiny);color:var(--text-tertiary)}.blog-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-xs)}.blog-card:hover .blog-title{text-decoration:underline}.blog-summary{font-size:var(--text-small);color:var(--text-secondary);line-height:1.6}.builder-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.builder-tag{background:var(--primary-light);color:var(--primary)}.builder-tag,.builder-tag-more{font-size:var(--text-tiny);padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.builder-tag-more{background:var(--bg-hover);color:var(--text-tertiary)}.external-link:after{content:" ↗";font-size:.8em;opacity:.7}@media (max-width:768px){.ai-digest-tabs{overflow-x:auto;flex-wrap:nowrap}.ai-digest-tab{flex-shrink:0}.ai-digest-meta{flex-direction:column;align-items:flex-start}}.history-list{display:flex;flex-direction:column;gap:2px}.history-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);transition:background var(--transition-fast);font-size:.85rem}.history-list-item:hover{background:var(--bg-hover)}.history-list-item.active{background:rgba(123,167,217,.12);color:var(--primary);font-weight:500}.history-list-date{font-weight:500}.history-list-count{color:var(--text-secondary);font-size:.78rem}.hot-ranks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.hot-rank-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;transition:all var(--transition-fast)}.hot-rank-card:hover{box-shadow:var(--shadow-hover)}.hot-rank-card.collapsed .hot-rank-list{display:none}.hot-rank-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-light);gap:var(--spacing-sm)}.hot-rank-card-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--primary);margin:0}.hot-rank-card-link{font-size:var(--text-tiny);color:var(--text-tertiary);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.hot-rank-card-link:hover{color:var(--primary)}.hot-rank-list{list-style:none;padding:0;margin:0}.hot-rank-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.hot-rank-item:last-child{border-bottom:none}.hot-rank-item:hover,.hot-rank-number{background:var(--bg-hover)}.hot-rank-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--text-tertiary);border-radius:4px;flex-shrink:0}.hot-rank-top1{background:#e74c3c;color:#fff}.hot-rank-top2{background:#e67e22;color:#fff}.hot-rank-top3{background:#f1c40f;color:#fff}.hot-rank-title{flex:1;min-width:0;font-size:var(--text-small);color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.hot-rank-title:hover{color:var(--primary)}.hot-rank-hot{font-size:var(--text-tiny);color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.page-update-time{font-size:var(--text-small);color:var(--text-tertiary);margin-top:var(--spacing-xs)}@media (max-width:767px){.hot-ranks-grid{grid-template-columns:1fr}.hot-rank-card-header{padding:var(--spacing-sm) var(--spacing-md)}.hot-rank-item{padding:var(--spacing-xs) var(--spacing-sm)}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:#1a1a2e;color:#e0e0e0;padding:16px 20px;box-shadow:0 -4px 20px rgba(0,0,0,.3);font-size:14px;line-height:1.6;display:block}.cookie-consent-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:280px;margin:0}.cookie-consent-text a{color:#7ba7d9;text-decoration:underline}.cookie-consent-text a:hover{color:#a0c4f0}.cookie-consent-actions{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-btn-primary{background:#7ba7d9;color:#fff}.cookie-btn-primary:hover{background:#5a8fc9}.cookie-btn-secondary{background:transparent;color:#b0b0b0;border:1px solid #555}.cookie-btn-secondary:hover{background:hsla(0,0%,100%,.08);color:#e0e0e0}@media (max-width:767px){.cookie-consent-inner{flex-direction:column;align-items:stretch;gap:12px}.cookie-consent-actions{justify-content:stretch}.cookie-btn{flex:1;text-align:center}}.back-to-top{position:fixed;bottom:32px;right:32px;z-index:9999;width:48px;height:48px;border-radius:50%;background:var(--primary,#7ba7d9);color:#fff;border:none;box-shadow:0 4px 16px rgba(0,0,0,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s,visibility .3s,transform .3s}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--primary-dark,#5a8abf);box-shadow:0 6px 20px rgba(0,0,0,.25)}.back-to-top svg{width:22px;height:22px}@media (max-width:767px){.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}