.search-filter-container{margin-bottom:var(--spacing-xl)}.filter-toggle-bar{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;margin-bottom:0;cursor:pointer;transition:all var(--transition-fast)}.filter-toggle-bar:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-toggle-left{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-color)}.filter-toggle-icon{color:var(--link-color);font-size:var(--font-size-base);transition:transform var(--transition-fast)}.filter-toggle-icon.expanded{transform:rotate(180deg)}.filter-toggle-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.filter-toggle-count{background-color:var(--link-color);color:#fff;border-radius:var(--border-radius-large);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px;text-align:center}.filter-toggle-right{display:flex;align-items:center;gap:var(--spacing-sm)}.clear-all-filters-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);opacity:.7;transition:all var(--transition-fast)}.clear-all-filters-btn:hover{opacity:1;background-color:rgba(239,68,68,.1);color:var(--error-color);border-color:var(--error-color)}.view-mode-toggle-btn{background-color:var(--link-color);color:#fff;border:1px solid var(--link-color);border-radius:var(--border-radius-small);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);margin-right:var(--spacing-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.view-mode-toggle-btn:hover{background-color:var(--link-hover-color);border-color:var(--link-hover-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-mode-toggle-btn.list{background-color:var(--button-background-color);color:var(--button-text-color);border-color:hsla(0,0%,100%,.1)}.view-mode-toggle-btn.list:hover{background-color:var(--link-hover-color);color:#fff;border-color:var(--link-color)}.view-mode-toggle-btn.graph{background-color:var(--link-color);color:#fff;border-color:var(--link-color)}.view-mode-toggle-btn.graph:hover{background-color:var(--link-hover-color);border-color:var(--link-hover-color)}.filter-dropdown-content{overflow:hidden;margin-top:var(--spacing-sm)}.filter-dropdown-content .filter-builder-container{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border-color)}.filter-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);animation:fadeIn var(--transition-normal) ease-in-out}.filter-label{color:var(--text-color);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.ant-select-multiple.ant-select-show-search{background-color:var(--background-color);border-radius:4px}.ant-select-selector{border-color:transparent!important}.ant-select-selection-item,.ant-select-selection-placeholder{color:var(--text-color)!important}.clear-filters-button{margin-top:var(--spacing-md);background-color:transparent;border:1px solid var(--link-color);color:var(--link-color);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.clear-filters-button:hover{background-color:var(--link-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-result-count{margin-top:var(--spacing-md);color:var(--text-color-secondary);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.search-filter-container{margin-bottom:var(--mobile-spacing-xl)}.filter-toggle-bar{padding:var(--mobile-spacing-md)}.filter-dropdown-content .filter-builder-container{padding:var(--mobile-spacing-lg)}}@media (max-width:768px){.search-filter-container{margin-bottom:var(--mobile-spacing-lg)}.filter-toggle-bar{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);flex-direction:column;align-items:flex-start;gap:var(--mobile-spacing-sm)}.filter-toggle-left{width:100%;justify-content:space-between}.filter-toggle-right{width:100%;justify-content:flex-end}.filter-toggle-text{font-size:var(--font-size-sm)}.filter-toggle-count{font-size:var(--font-size-xs);padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);min-width:18px}.clear-all-filters-btn{padding:var(--mobile-spacing-xs) var(--mobile-spacing-md);font-size:var(--font-size-xs);min-height:var(--touch-target-size-small)}.filter-dropdown-content .filter-builder-container{padding:var(--mobile-spacing-md)}.filter-section{margin-top:var(--mobile-spacing-sm);padding-top:var(--mobile-spacing-sm)}.filter-label{font-size:var(--font-size-sm);margin-bottom:var(--mobile-spacing-sm)}.clear-filters-button{margin-top:var(--mobile-spacing-md);padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg);min-height:var(--touch-target-size-small)}.ant-select-selector{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm)!important}.ant-input,.ant-select-selector{min-height:var(--touch-target-size-small)!important}.ant-input{padding:var(--mobile-spacing-sm)!important}.ant-checkbox-wrapper,.ant-input{font-size:var(--font-size-sm)!important}}@media (max-width:576px){.search-bar{flex-direction:column;gap:var(--mobile-spacing-sm)}.filter-toggle-button{align-self:stretch;margin-top:0}.filter-toggle-bar{padding:var(--mobile-spacing-sm)}.filter-toggle-text{font-size:var(--font-size-xs)}.filter-toggle-count{font-size:10px;padding:2px var(--mobile-spacing-xs);min-width:16px}.clear-all-filters-btn{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);font-size:10px}.filter-dropdown-content .filter-builder-container{padding:var(--mobile-spacing-sm)}.filter-label{font-size:var(--font-size-xs)}.clear-filters-button{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);font-size:var(--font-size-sm)}.filter-result-count{font-size:var(--font-size-xs);margin-top:var(--mobile-spacing-sm)}.ant-input,.ant-select-selector{min-height:32px!important;font-size:var(--font-size-sm)!important}}@media (max-width:360px){.filter-toggle-bar{padding:var(--mobile-spacing-xs)}.filter-dropdown-content .filter-builder-container{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm)}.filter-toggle-text{font-size:10px}.clear-all-filters-btn{font-size:9px;padding:1px var(--mobile-spacing-xs)}}.filter-builder-container{background-color:var(--navbar-background-color);border-radius:8px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background-color .3s ease;border:1px solid hsla(0,0%,100%,.1)}.filter-builder-header{display:flex;align-items:center;margin-bottom:16px;color:var(--text-color);font-weight:500}.filter-list{margin-bottom:16px}.filter-motion-div{margin-bottom:8px}.filter-row{background-color:var(--background-color);border-radius:8px;padding:12px;border:1px solid hsla(0,0%,100%,.15);transition:all .2s ease;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-row:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);border-color:var(--link-color);transform:translateY(-1px)}.add-filter-button{background-color:var(--button-background-color);color:var(--button-text-color);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.add-filter-button:hover{background-color:var(--link-hover-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.remove-filter-btn{color:#ff4d4f;border:1px solid rgba(255,77,79,.2);background:none;padding:4px;border-radius:4px;transition:all .2s ease}.remove-filter-btn:hover{background-color:rgba(255,77,79,.1);color:#ff4d4f;border-color:#ff4d4f}.logic-equation-container{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1)}.logic-equation{background-color:var(--background-color);border-radius:8px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;color:var(--text-color);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 1px 3px rgba(0,0,0,.1)}.equation-label{font-weight:600;color:var(--link-color);margin-right:8px}.logic-operator{color:#f39c12;font-weight:700}.filter-condition{color:var(--text-color)}.filter-expression{display:inline-block}.logic-equation-empty{color:var(--text-color);opacity:.6;font-style:italic}.filter-field-dropdown .ant-select-dropdown{background-color:var(--navbar-background-color);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:160px;z-index:1050}.filter-field-dropdown .ant-select-item{color:var(--text-color);padding:8px 12px}.filter-field-dropdown .ant-select-item-option-selected,.filter-field-dropdown .ant-select-item:hover{background-color:var(--link-color);color:#fff}.filter-topics-dropdown .ant-select-dropdown{background-color:var(--navbar-background-color);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:200px;max-height:300px;z-index:1050}.filter-topics-dropdown .ant-select-item{color:var(--text-color);padding:8px 12px}.filter-topics-dropdown .ant-select-item-option-selected,.filter-topics-dropdown .ant-select-item:hover{background-color:var(--link-color);color:#fff}.ant-input{background-color:var(--background-color)!important;border-color:hsla(0,0%,100%,.2)!important;color:var(--text-color)!important;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.ant-input:hover{box-shadow:0 2px 6px rgba(0,0,0,.15)}.ant-input:focus,.ant-input:hover{border-color:var(--link-color)!important}.ant-input:focus{box-shadow:0 0 0 2px rgba(var(--link-color-rgb),.2)}.ant-input::placeholder{color:var(--text-color)!important;opacity:.6}.ant-checkbox-wrapper{color:var(--text-color)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--link-color);border-color:var(--link-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.ant-checkbox:hover .ant-checkbox-inner{border-color:var(--link-color)}.ant-checkbox-inner{border-color:hsla(0,0%,100%,.3);transition:all .2s ease}.ant-select-selector{background-color:var(--background-color)!important;border-color:hsla(0,0%,100%,.2)!important;color:var(--text-color)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important;transition:all .2s ease!important}.ant-select:hover .ant-select-selector{border-color:var(--link-color)!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important}.ant-select-focused .ant-select-selector{border-color:var(--link-color)!important;box-shadow:0 0 0 2px rgba(var(--link-color-rgb),.2)!important}.graph-view-container{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.graph-svg{width:100%;height:100%;border-radius:8px}.zoom-controls{pointer-events:all}.zoom-controls rect{transition:fill .2s}.zoom-controls rect:hover{fill:#f8f9fa!important;stroke:#999!important}.node-details{top:20px;right:20px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:250px;z-index:10}.node-tag{background:#f0f0f0;color:#555}.node-link{background:#74b9ff;transition:background-color .2s}.node-link:hover{background:#5a9bd6}.close-details{top:8px;right:8px;color:#999;padding:4px;line-height:1}.close-details:hover{color:#666}.node-details{position:absolute;bottom:20px;left:20px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;max-width:300px;box-shadow:0 8px 32px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.node-details h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333;line-height:1.4}.node-details p{margin:0 0 12px;font-size:14px;color:#666}.node-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.node-tag{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.node-link{display:inline-block;background:#1976d2;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:background .3s ease}.node-link:hover{background:#1565c0}.close-details{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.close-details:hover{background:rgba(0,0,0,.1)}@media (max-width:768px){.graph-view-container{height:400px}.node-details{left:10px;right:10px;bottom:10px;max-width:none}}.empty-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);background-color:var(--card-background-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:var(--shadow)}.empty-text{color:var(--text-color);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.reset-button{background-color:var(--link-color);border:none}.reset-button:hover{background-color:var(--link-hover-color)}.ant-empty-image{opacity:.5}@media (max-width:576px){.empty-results-container{padding:var(--spacing-xl) var(--spacing-md)}.empty-text{font-size:var(--font-size-sm)}}.blog-page-title{text-align:left;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--spacing-lg);letter-spacing:-.02em;transition:color var(--transition-normal)}.loading-card{border-radius:var(--border-radius-large)}.loading-orbit{border:3px solid rgba(125,211,252,.2)}.blog-card{border-radius:12px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.blog-card:hover{transform:translateY(-4px);border-color:var(--border-color-light)}.blog-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.pin-icon{top:10px;right:10px;background-color:var(--primary-color);width:30px;height:30px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform var(--transition-fast),background-color var(--transition-normal)}.blog-card:hover .pin-icon{transform:scale(1.1) rotate(-8deg)}.blog-card-image{height:168px;display:block;flex-shrink:0}.blog-card-title{font-size:.95rem;font-weight:700;line-height:1.35;margin:14px 14px 10px}.blog-card-tags{gap:6px;margin:0 14px 10px}.blog-card-tag{border-radius:20px;background-color:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.25);padding:2px 10px;color:var(--link-color);font-size:.72rem;font-weight:600;letter-spacing:.02em;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;margin:0}.blog-card:hover .blog-card-tag{background-color:rgba(125,211,252,.18)}.blog-card-date{font-size:.75rem;font-weight:400;margin:auto 14px 14px}@media (max-width:1024px){.blog-page-title{font-size:var(--font-size-3xl)}.blog-card-image{height:155px}}@media (max-width:768px){.blog-page-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-md)}.blog-card-image{height:145px}.blog-card-title{font-size:.9rem}}@media (max-width:576px){.blog-page-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.blog-card{border-radius:10px}.blog-card-image{height:135px}.blog-card-title{font-size:.875rem;margin-top:12px;margin-bottom:8px}.blog-card-tag{font-size:.68rem;padding:2px 8px}.blog-card-date{font-size:.7rem}.pin-icon{width:26px;height:26px;font-size:12px;top:7px;right:7px}}@media (max-width:360px){.blog-page-title{font-size:var(--font-size-xl)}.blog-card-image{height:118px}}.loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading-card{width:min(420px,90vw);background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-lg);display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.loading-orbit{width:72px;height:72px;margin:0 auto;border-radius:50%;border:3px solid rgba(125,211,252,.25);border-top:3px solid var(--link-color);animation:blog-orbit 1.2s linear infinite}.loading-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-color)}.loading-subtext{font-size:var(--font-size-sm);color:var(--text-color-secondary)}@keyframes blog-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-title{text-align:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-color);margin-bottom:var(--spacing-xl);transition:color var(--transition-normal)}.blog-card{background-color:var(--card-background-color);margin:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:var(--shadow);position:relative}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pin-icon{position:absolute;top:8px;right:8px;background-color:hsla(0,0%,100%,.9);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all var(--transition-normal)}.blog-card.pinned .pin-icon{background-color:var(--primary-color);color:#fff}.blog-card.pinned:hover .pin-icon{transform:scale(1.1)}.blog-card-image{border-radius:var(--border-radius);width:100%;height:160px;object-fit:cover;margin-bottom:var(--spacing-md)}.blog-card-title{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);transition:color var(--transition-normal)}.blog-card-tags{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.blog-card-tag{border-radius:var(--border-radius-small);background-color:var(--background-color);width:max-content;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-color);margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);transition:all var(--transition-normal);border:1px solid var(--border-color)}.blog-card-date{transition:color var(--transition-normal);margin:auto 0 0}.blog-card-date,.results-info{color:var(--text-color-secondary);font-size:var(--font-size-sm)}.results-info{text-align:center;margin-top:var(--spacing-lg);font-style:italic}@media (max-width:1024px){.blog-page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.blog-card{margin:var(--mobile-spacing-sm);padding:var(--mobile-spacing-lg)}.blog-card-image{height:180px}}@media (max-width:768px){.blog-page-title{font-size:var(--font-size-3xl);margin-bottom:var(--mobile-spacing-lg);text-align:center}.blog-title{font-size:var(--font-size-2xl);margin-bottom:var(--mobile-spacing-xl)}.blog-card{margin:var(--mobile-spacing-xs);padding:var(--mobile-spacing-md);margin-bottom:var(--mobile-spacing-lg)}.blog-card-title{font-size:var(--font-size-base);line-height:var(--line-height-tight)}.blog-card-image{height:160px}.blog-card-tags{gap:var(--mobile-spacing-xs)}.blog-card-tag{padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);font-size:var(--font-size-xs)}.pin-icon{width:28px;height:28px;font-size:14px;top:6px;right:6px}}@media (max-width:576px){.blog-page-title{font-size:var(--font-size-2xl);margin-bottom:var(--mobile-spacing-md)}.blog-title{font-size:var(--font-size-xl);margin-bottom:var(--mobile-spacing-lg)}.blog-card{margin:0;padding:var(--mobile-spacing-md);margin-bottom:var(--mobile-spacing-md);border-radius:var(--border-radius-small)}.blog-card-title{font-size:var(--font-size-sm);margin-bottom:var(--mobile-spacing-sm)}.blog-card-tag{font-size:var(--font-size-xs);padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm)}.blog-card-image{height:140px}.blog-card-date{font-size:var(--font-size-xs)}.pin-icon{width:24px;height:24px;font-size:12px;top:4px;right:4px}}@media (max-width:360px){.blog-page-title{font-size:var(--font-size-xl)}.blog-title{font-size:var(--font-size-lg)}.blog-card{padding:var(--mobile-spacing-sm)}.blog-card-image{height:120px}}