:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#64748b;--color-accent:#059669;--color-text-primary:#24292f;--color-text-secondary:#24292f;--color-text-muted:#57606a;--color-bg-primary:#ffffff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-family-primary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Roboto, sans-serif;--font-family-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Menlo', monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--container-max-width:1600px;--content-max-width:1300px;--sidebar-width:320px}[data-theme=dark]{--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-bg-tertiary:#374151;--color-border:#374151;--color-border-light:#4b5563}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4)0}table{width:100%;border-collapse:collapse;margin:var(--space-6)0;font-size:var(--font-size-sm)}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-bg-secondary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}ul,ol{margin:var(--space-4)0;padding-left:var(--space-6)}li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}li:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}pre,code{font-family:var(--font-family-mono)}:not(pre)>code{font-size:.9em;padding:.2em .4em;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);font-family:var(--font-family-mono);line-height:1.5}[data-theme=dark] :not(pre)>code{background-color:rgba(255,255,255,8%);color:#e6edf3;border-color:rgba(240,246,252,.1)}pre code{background:0 0;padding:0;border:none;border-radius:0;color:inherit}.highlight pre{background-color:#f6f8fa;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin:var(--space-4)0}[data-theme=dark] .highlight pre{background-color:#161b22;border-color:var(--color-border-light)}pre code{background:0 0;border:none;padding:0;font-size:var(--font-size-sm)}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6)0;font-style:italic;color:var(--color-text-secondary)}blockquote p{margin-bottom:var(--space-2)}blockquote p:last-child{margin-bottom:0}.article-content{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--space-8);margin-bottom:var(--space-4);scroll-margin-top:calc(4rem + var(--toc-scroll-margin-top,24px))}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child{margin-top:0}.article-content p{margin-bottom:var(--space-4);text-align:justify;word-break:break-word;line-height:var(--line-height-relaxed)}mark{background-color:var(--color-accent);color:var(--color-text-primary);padding:0 var(--space-1);border-radius:var(--radius-sm)}.main-layout{display:grid;gap:var(--space-12);align-items:start}.main-layout.sidebar-right{grid-template-columns:1fr var(--sidebar-width)}.main-layout.sidebar-left{grid-template-columns:var(--sidebar-width)1fr}.main-layout.sidebar-left .main-content-area{order:2}.main-layout.sidebar-left .sidebar{order:1}.main-content-area{min-width:0;position:relative;z-index:1}.term-content-area{width:100%;max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:1}.term-content-area .post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-4)}@media(min-width:1200px){.term-content-area .post-list{grid-template-columns:repeat(auto-fit,minmax(350px,400px));justify-content:center}}.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-6);padding:0 var(--space-6)}.terms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.home-layout{display:grid;gap:var(--space-12)}.featured-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.home-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.home-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-6);justify-items:center}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.content-wrapper{max-width:var(--content-max-width);margin:0 auto}main{min-height:calc(100vh - 200px);padding:var(--space-8)0}body.page main{padding-top:0}.page-header{margin-bottom:var(--space-8);text-align:center}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.page-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6)0;border-bottom:1px solid var(--color-border-light)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:var(--space-16);padding:var(--space-8)0}.footer-content{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.sidebar{position:sticky;top:calc(4rem + var(--space-4));background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:10}.sidebar-section{margin-bottom:var(--space-8)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.categories-list{list-style:none;padding:0;margin:0}.category-item{margin-bottom:var(--space-2)}.category-link{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2)var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-normal)}.category-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.1)}.category-link:hover .category-count{transition:all var(--transition-fast)}.category-name{font-weight:500}.category-count-simple{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:.8;transition:all var(--transition-fast)}.category-link:hover .category-count-simple{color:var(--color-primary);opacity:1;font-weight:var(--font-weight-medium)}.category-count-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:20px;text-align:center;border:1px solid var(--color-border);transition:all var(--transition-fast)}.category-link:hover .category-count-badge{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.category-count-bracket::before{content:'(';color:var(--color-text-muted)}.category-count-bracket::after{content:')';color:var(--color-text-muted)}.category-count-bracket{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:.8;transition:all var(--transition-fast)}.category-link:hover .category-count-bracket{color:var(--color-primary);opacity:1;font-weight:var(--font-weight-medium)}.category-link:hover .category-count-bracket::before,.category-link:hover .category-count-bracket::after{color:var(--color-primary)}.view-all-categories,.view-all-tags{margin-top:var(--space-3);text-align:center}.view-all-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-normal)}.view-all-link:hover{color:var(--color-primary-dark)}.recent-posts-list{list-style:none;margin:0;padding:0}.recent-post-item{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.recent-post-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.recent-post-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.recent-post-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.recent-post-title a:hover{color:var(--color-primary)}.recent-post-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud .tag{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.archive-list{list-style:none;margin:0;padding:0}.archive-item{margin-bottom:var(--space-3)}.archive-item a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);display:flex;justify-content:space-between;align-items:center;transition:color var(--transition-fast)}.archive-item a:hover{color:var(--color-primary)}.archive-count{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.about-widget{text-align:center}.about-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-4);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--color-primary)}.about-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.btn{display:inline-flex;align-items:center;padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border:2px solid transparent;transition:all var(--transition-normal);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff;text-decoration:none}.btn-secondary{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff;text-decoration:none}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:3rem;height:3rem;background:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);opacity:0;visibility:hidden;transform:translateY(20px);z-index:900}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top:active{transform:translateY(0)}.view-all-link{display:inline-flex;align-items:center;color:var(--color-primary);background-color:var(--color-primary-light);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);border:none;transition:all var(--transition-fast)}.view-all-link:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px);text-decoration:none}.theme-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.theme-toggle:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary)}.theme-toggle:active{transform:scale(.95)}.post-card-status-badge{position:absolute;top:0;left:0;color:#fff;padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-bottom-right-radius:var(--radius-md);z-index:2}.post-card-status-badge.video{background-color:var(--color-primary);display:flex;align-items:center;gap:4px}.post-card-status-badge.original{background-color:var(--color-success,#10b981)}.post-card-status-badge.reprinted{background-color:var(--color-warning,#f59e0b)}.post-card-status-badge.opensource{background-color:#6366f1}.post-card-status-badge.recommended{background-color:#ec4899}.post-card-status-badge.trending{background-color:#ef4444}.post-card-status-badge.featured{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);box-shadow:0 2px 8px rgba(239,68,68,.3)}.post-card{position:relative;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.post-card-image{width:100%;height:210px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}.post-card-image-placeholder{font-size:var(--font-size-4xl);color:var(--color-primary);opacity:.6}.post-card-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.post-card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);line-height:var(--line-height-tight);min-height:3.125rem;max-height:3.125rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;align-items:flex-start}.post-card-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.post-card-title a:hover{color:var(--color-primary);text-decoration:none}.post-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap}.post-categories{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.post-categories .category-link{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-2);background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.post-categories .category-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}[data-category-style=compact] .category-link{padding:0 var(--space-2);border-radius:var(--radius-lg)}[data-category-style=minimal] .category-link{padding:0;background:0 0;border:none;border-radius:0;color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}[data-category-style=minimal] .category-link:hover{background:0 0;color:var(--color-primary);text-decoration:underline}.post-card-date{display:flex;align-items:center;gap:var(--space-2)}.post-card-excerpt{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);margin-bottom:var(--space-4);flex:1;p, ul, ol { margin: 0 0 var(--space-2) 0; } ul, ol { padding-left: var(--space-4); } display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--line-height-relaxed) * 1em * 3);overflow-wrap:anywhere;word-wrap:break-word;word-break:break-all;hyphens:auto;a { color: var(--color-primary); text-decoration: none; border-bottom: 1px solid var(--color-primary-light); transition: all var(--transition-fast); } a:hover { color: var(--color-primary-dark); border-bottom-color: var(--color-primary); } code { font-family: var(--font-mono); background: var(--color-bg-secondary); padding: 0.2em 0.4em; border-radius: var(--radius-sm); font-size: 0.9em; } blockquote { margin: var(--space-2) 0; padding: var(--space-2) var(--space-4); border-left: 3px solid var(--color-primary-light); background: var(--color-bg-secondary); font-style: italic; color: var(--color-text-muted); }}.post-card-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.featured-post-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.featured-post-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.featured-post-image{width:100%;height:150px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-post-image img{width:100%;height:100%;object-fit:cover}.featured-post-image-placeholder{font-size:var(--font-size-2xl);color:var(--color-primary);opacity:.6}.featured-post-content{padding:var(--space-4)}.featured-post-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.featured-post-title a{color:var(--color-text-primary);text-decoration:none}.featured-post-title a:hover{color:var(--color-primary)}.featured-post-excerpt{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.featured-post-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.term-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);min-height:90px;max-height:90px;display:flex;flex-direction:column;justify-content:space-between}.term-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.term-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);flex:1}.term-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.term-title a{color:var(--color-text-primary);text-decoration:none}.term-title a:hover{color:var(--color-primary)}.term-count{background:var(--color-primary);color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.term-description{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.term-card-footer{text-align:right;margin-top:auto}.term-link{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm)}.term-link:hover{color:var(--color-primary-dark)}:root{--nav-height-desktop:4rem;--nav-height-mobile:auto;--nav-padding-desktop:var(--space-4) 0;--nav-padding-mobile:var(--space-3) 0 var(--space-2) 0;--search-width-desktop:200px;--search-width-mobile:100%;--search-padding-desktop:var(--space-2) 2.5rem var(--space-2) var(--space-3);--search-padding-mobile:var(--space-2) 2rem var(--space-2) var(--space-2);--nav-btn-min-width:44px;--nav-btn-padding-desktop:var(--space-2) var(--space-3);--nav-btn-padding-mobile:var(--space-1) var(--space-2);--nav-btn-gap-mobile:2px;--dropdown-min-width:180px;--dropdown-max-height:60vh;--dropdown-offset:var(--space-1);--nav-transition:var(--transition-fast);--dropdown-transition:var(--transition-normal)}.site-title{font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;margin:0;transition:color var(--nav-transition)}.site-title:hover{color:var(--color-primary);text-decoration:none}.search-button,.mobile-search-button{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--nav-transition);display:flex;align-items:center;justify-content:center}.search-button:hover,.mobile-search-button:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.nav-link.active,.mobile-nav-btn.active{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:var(--font-weight-semibold)}.dropdown-menu,.mobile-dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--dropdown-transition);z-index:1000;list-style:none}.dropdown:hover .dropdown-menu,.mobile-nav-dropdown.active .mobile-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link,.mobile-dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--nav-transition);font-size:var(--font-size-sm)}.dropdown-link:hover,.mobile-dropdown-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}.category-count{font-size:var(--font-size-xs)}.dropdown-divider,.mobile-dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2)0;border:none}@media(min-width:769px){.mobile-header{display:none}.desktop-header{display:flex;align-items:center;justify-content:space-between;width:100%}.site-title{font-size:var(--font-size-2xl)}}@media(max-width:768px){.desktop-header{display:none}.mobile-header{display:block;width:100%}.site-title{font-size:var(--font-size-lg)}}.search-box:focus,.mobile-search-box:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.nav-link:focus,.mobile-nav-btn:focus,.dropdown-link:focus,.mobile-dropdown-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:0 1px 3px rgb(0 0 0/5%)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)0;min-height:4rem}.desktop-header{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-header{display:none;width:100%}.site-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;margin:0;transition:color var(--transition-fast)}.site-title:hover{color:var(--color-primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-4)}nav ul{display:flex;list-style:none;gap:var(--space-6);margin:0;padding:0}nav li{margin:0}nav a{display:inline-block;padding:var(--space-2)var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}nav a:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}nav a.active,nav a[aria-current=page]{color:var(--color-primary);background-color:var(--color-bg-secondary);font-weight:var(--font-weight-semibold)}nav a.ancestor,nav a[aria-current=true]{color:var(--color-primary)}.main-nav{position:relative}.nav-list{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0;width:100%}.nav-left{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.nav-right{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.nav-item{position:relative;margin:0}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}.nav-link.active,.nav-link[aria-current=page]{color:#fff;background-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px rgba(37,99,235,.2)}.nav-link.ancestor,.nav-link[aria-current=true]{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:var(--font-weight-medium)}.category-nav-item{position:relative}.category-nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.category-nav-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}.category-nav-link.active,.category-nav-link[aria-current=page]{color:#fff;background-color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px rgba(37,99,235,.2)}.category-nav-link.ancestor,.category-nav-link[aria-current=true]{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:var(--font-weight-medium)}.dropdown{position:relative}.dropdown-toggle{cursor:pointer}.dropdown-arrow{font-size:var(--font-size-xs);transition:transform var(--transition-fast);margin-left:var(--space-1)}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);margin-top:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal);z-index:1000;list-style:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{margin:0}.dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.dropdown-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}.dropdown-link.view-all{font-weight:var(--font-weight-medium);color:var(--color-primary);justify-content:center}.dropdown-link.view-all:hover{background-color:var(--color-primary-light)}.dropdown-menu .category-count{background:var(--color-primary);color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;min-width:20px;text-align:center}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2)0;border:none}@media(max-width:768px){.header-content{padding:0}}.search-container{position:relative;display:flex;align-items:center}.search-form{position:relative;display:flex;align-items:center;width:100%}.search-box{width:200px;padding:var(--space-2)2.5rem var(--space-2)var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-normal);box-shadow:0 1px 3px rgba(0,0,0,.1)}.search-box:hover{border-color:var(--color-primary);box-shadow:0 2px 6px rgba(37,99,235,.15)}.search-box:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1),0 2px 8px rgba(37,99,235,.2);width:250px}.search-box::placeholder{color:var(--color-text-muted);font-style:italic}.search-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:2rem;height:2rem}.search-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%)scale(1.05)}.search-button svg{width:16px;height:16px}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:999;display:none}.search-result-item{padding:var(--space-3);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:hover{background:var(--color-bg-secondary)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.search-result-excerpt{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.search-no-results{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.taxonomy-sort-controls{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6)auto var(--space-4);padding:var(--space-3)var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);justify-content:center;max-width:300px;box-shadow:var(--shadow-sm)}.sort-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.sort-select{padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);min-width:120px}.sort-select:hover{border-color:var(--color-primary)}.sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{--tag-line-height:calc(var(--font-size-xs) * 1.5 + 2px * 2 + 2px);display:inline-flex;align-items:center;padding:2px var(--space-2);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-decoration:none;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-normal)}.tag::before{content:'#';margin-right:var(--space-1);opacity:.7}.tag:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.tag:hover::before{opacity:1}.home-tag{display:inline-flex;align-items:center;padding:var(--space-2)var(--space-3);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-normal)}.home-tag:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{display:inline-flex;align-items:center;padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);border:1px solid;transition:all .2s ease}.skill-tag.frontend{background-color:#e3f2fd;color:#1976d2;border-color:#bbdefb}.skill-tag.frontend:hover{background-color:#1976d2;color:#fff}.skill-tag.backend{background-color:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.skill-tag.backend:hover{background-color:#7b1fa2;color:#fff}.skill-tag.tools{background-color:#e8f5e8;color:#388e3c;border-color:#a5d6a7}.skill-tag.tools:hover{background-color:#388e3c;color:#fff}.article-categories,.article-tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.meta-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.article-categories .category-link,.article-tags .tag-link{padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal)}.article-categories .category-link{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.article-categories .category-link:hover{background:var(--color-primary);color:#fff}.article-tags .tag-link{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.article-tags .tag-link:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.taxonomy-terms{display:flex;flex-wrap:wrap;gap:var(--space-2)}.taxonomy-term{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-normal);display:inline-block}.category-term{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.category-term:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.2)}.tag-term{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.tag-term:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.1)}.post-card-footer .tags{max-height:var(--card-tags-max-height);overflow:hidden}[data-tag-style=compact] .tag{padding:0 var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-lg);--tag-line-height:calc(var(--font-size-xs) * 1.5 + 2px)}[data-tag-style=minimal] .tag{padding:0;background-color:transparent;border:none;border-radius:0;color:var(--color-text-secondary);--tag-line-height:calc(var(--font-size-sm) * 1.5)}[data-tag-style=minimal] .tag:hover{background-color:transparent;color:var(--color-primary);text-decoration:none}[data-tag-style=minimal] .tag::before{opacity:.9}.pagination{margin-top:var(--space-8);margin-bottom:var(--space-6)}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pagination-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);cursor:pointer;min-width:100px;justify-content:center}.pagination-btn:hover:not(.pagination-disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pagination-btn.pagination-disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.pagination-arrow{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.pagination-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-primary);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.pagination-current{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.pagination-separator{color:var(--color-text-muted);margin:0 var(--space-1)}.pagination-total{color:var(--color-text-secondary)}.pagination-stats{margin-top:var(--space-3);text-align:center}.pagination-stats-text{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);display:inline-block}.breadcrumb{margin:var(--space-2)0;padding:var(--space-3)0;border-bottom:1px solid var(--color-border)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:'›';margin-left:var(--space-2);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb li:last-child span{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media(max-width:768px){.breadcrumb{margin:var(--space-3)0;padding:var(--space-2)0}.breadcrumb ol{font-size:var(--font-size-xs);gap:var(--space-1)}.breadcrumb li:not(:last-child)::after{margin-left:var(--space-1)}}[data-theme=dark] .breadcrumb{border-bottom-color:var(--color-border)}[data-theme=dark] .breadcrumb a{color:var(--color-text-secondary)}[data-theme=dark] .breadcrumb a:hover{color:var(--color-primary)}[data-theme=dark] .breadcrumb li:last-child span{color:var(--color-text-primary)}.related-posts-section{margin:var(--space-8)0 var(--space-6);padding:var(--space-6)0;border-top:1px solid var(--color-border-light);background:var(--color-bg-primary)}@media(max-width:768px){.related-posts-section.related-posts-hide-mobile{display:none}}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-3)}.related-post-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.related-post-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.related-post-image{width:100%;height:100px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}.related-post-image-placeholder{font-size:var(--font-size-xl);color:var(--color-primary);opacity:.6}.related-post-content{padding:var(--space-3);display:flex;flex-direction:column}.related-post-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8rem;max-height:2.8rem}.related-post-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.related-post-title a:hover{color:var(--color-primary);text-decoration:none}.related-post-excerpt{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-xs);margin:0 0 var(--space-3);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-wrap:break-word}.related-post-meta{margin-top:0}.related-post-date{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.related-posts-footer{text-align:center;padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.related-posts-more-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-1)var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.related-posts-more-link:hover{background:var(--color-primary);color:#fff;text-decoration:none;transform:translateX(2px)}@media(max-width:768px){.related-posts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.related-post-image{height:90px}.related-post-content{padding:var(--space-3)}.related-posts-title{font-size:var(--font-size-xl)}}@media(max-width:480px){.related-posts-section{margin:var(--space-8)0 var(--space-6);padding:var(--space-6)0}.related-posts-grid{grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-3)}.related-post-image{height:80px}.related-post-content{padding:var(--space-2)}.related-post-title{font-size:var(--font-size-sm);line-height:1.4;min-height:2.4rem;max-height:2.4rem}.related-post-excerpt{font-size:var(--font-size-xs)}}.hero-section{text-align:center;padding:var(--space-16)0 var(--space-12);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-12)}.hero-content{max-width:600px;margin:0 auto}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.section-footer{text-align:center;margin-top:var(--space-6)}.home-category-card{display:flex;align-items:center;padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:all .2s ease}.home-category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;color:var(--color-text-primary);transform:translateY(-2px)}.category-icon{font-size:var(--font-size-2xl);margin-right:var(--space-4);opacity:.8}.category-info{flex:1}.category-name{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-1)}.category-count{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.about-content{max-width:800px;margin:0 auto}.about-text{text-align:center;margin-bottom:var(--space-8)}.about-text p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);font-size:var(--font-size-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease;min-width:120px}.stat-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.stat-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);opacity:.8}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.progress-section{margin-bottom:var(--space-12)}.progress-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.progress-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.progress-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.progress-percentage{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.progress-bar{width:100%;height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-full);transition:width .3s ease}.progress-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.skills-section{margin-bottom:var(--space-12)}.skill-category{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.skill-category:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.skill-category-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}article{margin-bottom:var(--space-12);position:relative;z-index:1}.article-header{margin-bottom:var(--space-6);position:relative;z-index:1}.article-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);position:relative;z-index:1;transition:all var(--transition-normal)}.article-title a{color:var(--color-text-primary);text-decoration:none}.article-title a:hover{color:var(--color-primary)}.article-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.article-date{display:flex;align-items:center;gap:var(--space-2)}.article-content{line-height:var(--line-height-relaxed)}.article-content>*:last-child{margin-bottom:0}.article-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--color-border)}.article-taxonomy{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.taxonomy-section{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.taxonomy-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.article-categories-sidebar{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.article-categories-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.article-categories-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.article-categories-list .category-link{display:inline-flex;align-items:center;padding:var(--space-1)var(--space-3);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-fast)}.article-categories-list .category-link::before{content:'📂';margin-right:var(--space-1);opacity:.7}.article-categories-list .category-link:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.article-categories-list .category-link:hover::before{opacity:1}.article-tags-sidebar{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.article-tags-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.article-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.taxonomy-overview{padding:var(--space-6)0}.taxonomy-overview .page-header{text-align:center;margin-bottom:var(--space-8)}.taxonomy-overview .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.taxonomy-overview .page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.taxonomy-term{padding:var(--space-6)0}.taxonomy-term .page-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6)0;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-lg)}.taxonomy-term .page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.taxonomy-term .page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.taxonomy-stats{text-align:center;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.taxonomy-stats-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.taxonomy-stats-number{font-weight:var(--font-weight-bold);color:var(--color-primary)}.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.taxonomy-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);min-height:90px;max-height:90px;display:flex;flex-direction:column;justify-content:space-between}.taxonomy-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.taxonomy-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);flex:1}.taxonomy-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.taxonomy-card-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.taxonomy-card-title a:hover{color:var(--color-primary)}.taxonomy-card-count{background:var(--color-primary);color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;min-width:24px;text-align:center}.taxonomy-card-footer{text-align:right;margin-top:auto}.taxonomy-card-link{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.taxonomy-card-link:hover{color:var(--color-primary-hover)}.taxonomy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.taxonomy-list-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;transition:all var(--transition-normal)}.taxonomy-list-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-1px)}.taxonomy-list-item a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);display:block}.taxonomy-list-item a:hover{color:var(--color-primary)}.taxonomy-list-count{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.taxonomy-filters{display:flex;justify-content:center;margin-bottom:var(--space-6)}.taxonomy-filter-group{display:flex;gap:var(--space-2);background:var(--color-bg-secondary);padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.taxonomy-filter-btn{padding:var(--space-2)var(--space-4);border:none;background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.taxonomy-filter-btn:hover,.taxonomy-filter-btn.active{background:var(--color-primary);color:#fff}.search-container{position:relative;display:flex;align-items:center}.search-form{position:relative;display:flex;align-items:center;width:100%}.search-box{width:200px;padding:var(--space-2)2.5rem var(--space-2)var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-normal);outline:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.search-box:hover{border-color:var(--color-primary);box-shadow:0 2px 6px rgba(37,99,235,.15)}.search-box:focus{width:250px;border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1),0 2px 8px rgba(37,99,235,.2)}.search-box::placeholder{color:var(--color-text-muted);font-style:italic}.search-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:2rem;height:2rem}.search-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-50%)scale(1.05)}.search-button svg{width:16px;height:16px}[data-theme=dark] .search-box{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .search-box:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}[data-theme=dark] .search-box:focus{background:var(--color-bg-primary);border-color:var(--color-primary)}[data-theme=dark] .search-button{color:var(--color-text-secondary)}[data-theme=dark] .search-button:hover{background:var(--color-primary);color:var(--color-bg-primary)}.search-box.focused{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1),0 2px 8px rgba(37,99,235,.2)}.search-container:hover .search-box{border-color:var(--color-primary)}.search-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.search-box.loading{background-image:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);background-size:200% 100%;animation:searchLoading 1.5s infinite}@keyframes searchLoading{0%{background-position:-200% 0}100%{background-position:200% 0}}.search-result-item{padding:6px 10px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:var(--color-bg-secondary)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:3px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.search-result-excerpt{font-size:.65rem;color:var(--color-text-muted);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4rem;word-break:break-word}.search-result-meta{display:flex;justify-content:flex-start;font-size:.6rem;color:var(--text-light);margin-top:2px;flex-wrap:wrap;gap:6px}.search-result-category{background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.search-result-date{opacity:.8}.search-result-tags{color:var(--primary-color);font-weight:500}.search-result-tags::before{content:"🏷️ ";margin-right:2px}.search-no-results{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.search-loading{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.search-stats{padding:var(--space-2)var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.search-highlight{background:var(--color-accent);color:var(--color-text-primary);padding:0 var(--space-1);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}.search-shortcut{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);pointer-events:none}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}.search-overlay.show{display:block}.search-filters{padding:var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-2);flex-wrap:wrap}.search-filter{padding:var(--space-1)var(--space-2);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.search-filter:hover,.search-filter.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.quick-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg)var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow-y:auto;margin-top:-1px}.quick-search-results{padding:0}.quick-search-item{display:block;padding:var(--space-3);border-bottom:1px solid var(--color-border-light);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.quick-search-item:hover{background:var(--color-bg-secondary)}.quick-search-item:last-of-type{border-bottom:none}.quick-search-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.quick-search-excerpt{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-search-footer{padding:var(--space-2)var(--space-3);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.quick-search-more{display:block;text-align:center;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.quick-search-more:hover{background:var(--color-primary-light);color:var(--color-primary-hover)}[data-theme=dark] .quick-search-dropdown{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .quick-search-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .quick-search-footer{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .quick-search-more:hover{background:var(--color-bg-primary)}.page-header .search-form{position:relative;max-width:500px;margin:var(--space-6)auto 0}.page-header .search-input{width:100%;padding:var(--space-4)3.5rem var(--space-4)var(--space-5);font-size:var(--font-size-lg);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.page-header .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1),var(--shadow-md)}.page-header .search-input::placeholder{color:var(--color-text-muted);font-style:italic}.page-header .search-button{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:var(--color-primary);border:none;border-radius:var(--radius-full);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--transition-normal)}.page-header .search-button:hover{background:var(--color-primary-hover);transform:translateY(-50%)scale(1.05)}.page-header .search-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}#search-results{}.search-stats{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);padding:var(--space-3)var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center}.search-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-20)0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-content p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.search-no-results{display:flex;justify-content:center;align-items:center;padding:var(--space-20)0}.no-results-content{text-align:center;max-width:400px}.no-results-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.no-results-content h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.no-results-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}.post-card mark{background:linear-gradient(120deg,#fff3cd 0%,#ffeaa7 100%);color:#856404;padding:.1rem .3rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);box-shadow:0 1px 3px rgba(133,100,4,.1)}@media(max-width:768px){.page-header .search-form{max-width:100%;margin:var(--space-4)0 0}.page-header .search-input{font-size:var(--font-size-base);padding:var(--space-3)3rem var(--space-3)var(--space-4)}.page-header .search-button{width:2.25rem;height:2.25rem}.loading-content p{font-size:var(--font-size-base)}.no-results-content h3{font-size:var(--font-size-xl)}.no-results-icon{font-size:3rem}}@media(max-width:480px){.page-header .search-input{padding:var(--space-3)2.5rem var(--space-3)var(--space-3)}.page-header .search-button{width:2rem;height:2rem;right:var(--space-1)}.search-stats{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.loading-content{gap:var(--space-3)}.loading-spinner{width:32px;height:32px}.no-results-content{padding:0 var(--space-4)}.no-results-icon{font-size:2.5rem}.no-results-content h3{font-size:var(--font-size-lg)}}.search-error{display:flex;justify-content:center;align-items:center;padding:var(--space-20)0}.search-error-content{text-align:center;max-width:400px}.search-error h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-error);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.search-error h3::before{content:'⚠️';font-size:var(--font-size-xl)}.search-error p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0}[data-theme=dark] .post-card mark{background:linear-gradient(120deg,#3d3d00 0%,#4a4a00 100%);color:#ffeb3b;box-shadow:0 1px 3px rgba(255,235,59,.1)}[data-theme=dark] .page-header .search-input{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .page-header .search-input:focus{background:var(--color-bg-primary);border-color:var(--color-primary)}[data-theme=dark] .search-stats{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .loading-spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}.toc-container{position:sticky;top:calc(4rem + var(--space-4));background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);padding-top:0;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);z-index:10;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.toc-container.toc-long{position:static;top:auto;max-height:50vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.toc-container.toc-long::-webkit-scrollbar{display:none}.toc-container.toc-long::before,.toc-container.toc-long::after{content:'';position:absolute;left:0;right:0;height:15px;pointer-events:none;z-index:1;opacity:.8}.toc-container.toc-long::before{top:0;background:linear-gradient(to bottom,var(--color-bg-secondary),transparent);border-radius:var(--radius-lg)var(--radius-lg)0 0}.toc-container.toc-long::after{bottom:0;background:linear-gradient(to top,var(--color-bg-secondary),transparent);border-radius:0 0 var(--radius-lg)var(--radius-lg)}.toc-scroll-container{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;box-sizing:border-box;padding-top:0;margin-top:0}.toc-scroll-container::-webkit-scrollbar{width:4px;height:4px}.toc-scroll-container::-webkit-scrollbar-track{background:0 0}.toc-scroll-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}@media(hover:none) and (pointer:coarse){.toc-scroll-container{-webkit-overflow-scrolling:touch}.toc-scroll-container::-webkit-scrollbar{width:2px;height:2px}}.toc{list-style:none;margin:0;padding:0;min-height:0;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.toc li{margin:0;padding:0}.toc a{display:flex;align-items:baseline;padding:var(--space-2)var(--space-3)var(--space-2)0;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.toc a:hover{color:var(--color-primary);background:0 0;text-decoration:none}.toc a.active{color:var(--color-primary);background:0 0;font-weight:var(--font-weight-medium)}.toc-h1 a,.toc-h2 a,.toc-h3 a,.toc-h4 a,.toc-h5 a,.toc-h6 a{padding-right:var(--space-3);color:var(--color-text-primary);transition:color var(--transition-fast);line-height:1.6;opacity:1}.toc-h2 a{padding-left:var(--space-4);font-size:14px;font-weight:500}.toc-h3 a{padding-left:var(--space-8);font-size:13px;font-weight:400}.toc-h4 a{padding-left:var(--space-12);font-size:12px;font-weight:400}.toc-h5 a{padding-left:var(--space-16);font-size:12px;font-weight:400}.toc-h6 a{padding-left:var(--space-20);font-size:12px;font-weight:400}.toc a:hover,.toc a.active{color:var(--color-primary);text-decoration:none}.toc a.active{font-weight:var(--font-weight-medium)}.toc-h5 a:hover,.toc-h5 a.active{color:var(--color-primary)}.toc-h6 a:hover,.toc-h6 a.active{color:var(--color-primary);opacity:1}.toc-h4 a:hover::before,.toc-h4 a.active::before,.toc-h5 a:hover::before,.toc-h5 a.active::before,.toc-h6 a:hover::before,.toc-h6 a.active::before{color:var(--color-primary)}.toc a.highlight{background:var(--color-primary);color:#fff;border-left-color:var(--color-primary-hover);transform:translateX(2px);box-shadow:0 2px 8px rgba(37,99,235,.3)}.toc-toggle{display:none;width:100%;padding:var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;margin-bottom:var(--space-3);transition:all var(--transition-normal)}.toc-toggle:hover{background:var(--color-primary-hover)}.toc-toggle::after{content:' ▼';font-size:var(--font-size-xs);margin-left:var(--space-2);transition:transform var(--transition-fast)}.toc-toggle.expanded::after{transform:rotate(180deg)}.toc-content{transition:all var(--transition-normal)}.toc-content.collapsed{display:none}.toc-progress{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-border);border-radius:var(--radius-full)}.toc-progress-fill{width:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:height var(--transition-normal)}.toc-floating{position:fixed;top:50%;right:var(--space-4);transform:translateY(-50%);max-width:320px;max-height:60vh;overflow-y:auto;z-index:100}.toc-floating .toc-container{position:static;margin:0}.toc-section{overflow:hidden;transition:max-height var(--transition-normal)}.toc-section.collapsed{max-height:0}.toc-section.expanded{max-height:500px}.heading-highlight{position:relative;transition:none}.heading-highlight::before{content:'';position:absolute;left:-8px;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:2px;animation:highlightPulse 2s ease-in-out forwards}.heading-highlight::after{content:'';position:absolute;left:-4px;top:-2px;right:-4px;bottom:-2px;background:var(--color-primary-light);border-radius:var(--radius-md);opacity:.1;animation:highlightGlow 2s ease-in-out forwards;z-index:-1}@keyframes highlightPulse{0%{opacity:0;transform:scaleY(.5)}20%,80%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.5)}}@keyframes highlightGlow{0%{opacity:0}20%,80%{opacity:.15}100%{opacity:0}}@media(max-width:768px){.toc-container{position:static;margin-bottom:var(--space-4)}.toc-container.toc-long{position:static}.toc-toggle{display:block}.toc-content.collapsed{display:none}.toc-h1 a,.toc-h3 a,.toc-h4 a,.toc-h5 a,.toc-h6 a{font-size:var(--font-size-sm);padding-left:var(--space-3);position:static;color:var(--color-text-primary);font-weight:var(--font-weight-regular)}.toc-h2 a{font-size:var(--font-size-sm);padding-left:var(--space-3);position:static;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.toc-h2 a::before,.toc-h3 a::before,.toc-h4 a::before,.toc-h5 a::before,.toc-h6 a::before{display:none !important}}.mobile-toc-float{position:fixed;width:56px;height:56px;background:rgba(255,255,255,.15);border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,5%),inset 0 1px rgba(255,255,255,.3);z-index:1000;cursor:pointer;transition:all var(--transition-normal),opacity .3s ease,visibility .3s ease;border:1px solid rgba(255,255,255,.2);color:var(--color-text-primary);font-size:18px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);will-change:transform;opacity:1;visibility:visible}.mobile-toc-float.auto-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,0,0)}.mobile-toc-float:hover{background:rgba(255,255,255,.25);transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.15),0 6px 20px rgba(0,0,0,8%),inset 0 1px rgba(255,255,255,.4);border-color:rgba(255,255,255,.3)}.mobile-toc-float:active{transform:scale(.95);background:rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.2)}.mobile-toc-float.dragging{opacity:.9;z-index:1001;transition:none !important;box-shadow:0 12px 48px rgba(0,0,0,.2),0 6px 24px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.4);transform:scale(1.05)}.mobile-toc-panel{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--color-bg-primary);border-right:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:999;transition:left var(--transition-normal);overflow:hidden;display:none;padding-top:var(--mobile-header-height,80px)}.mobile-toc-panel.open{left:0}.mobile-toc-panel-content{padding:var(--space-4);padding-top:var(--space-8);height:calc(100vh - var(--mobile-header-height,80px));overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-toc-list{list-style:none;margin:0;padding:0}.mobile-toc-list .toc-item{margin:0;padding:0}.mobile-toc-list .toc-link{display:block;padding:var(--space-3)var(--space-2);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);line-height:1.4;border-left:3px solid transparent}.mobile-toc-list .toc-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-toc-list .toc-link.active{background:var(--color-primary-light);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-weight-medium)}.mobile-toc-list .toc-h1 .toc-link{padding-left:var(--space-2);font-weight:var(--font-weight-bold)}.mobile-toc-list .toc-h2 .toc-link{padding-left:var(--space-4);font-weight:var(--font-weight-medium)}.mobile-toc-list .toc-h3 .toc-link{padding-left:var(--space-6)}.mobile-toc-list .toc-h4 .toc-link{padding-left:calc(var(--space-6) + var(--space-2))}.mobile-toc-list .toc-h5 .toc-link{padding-left:calc(var(--space-6) + var(--space-4))}.mobile-toc-list .toc-h6 .toc-link{padding-left:calc(var(--space-6) + var(--space-6))}.mobile-toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all var(--transition-normal);display:none}.mobile-toc-overlay.show{opacity:1;visibility:visible}@media(max-width:768px){:root{--mobile-header-height:60px}.toc-container{display:none !important}.mobile-toc-float,.mobile-toc-panel,.mobile-toc-overlay{display:flex}.mobile-toc-panel,.mobile-toc-overlay{display:block}.mobile-toc-panel{top:var(--mobile-header-height);height:calc(100vh - var(--mobile-header-height));padding-top:0;transition:top var(--transition-normal),height var(--transition-normal)}.header-hidden~* .mobile-toc-panel,body:has(.header-hidden) .mobile-toc-panel{top:0;height:100vh}.mobile-toc-panel-content{height:calc(100vh - var(--mobile-header-height));padding-top:var(--space-8)}}[data-theme=dark] .mobile-toc-float{background:rgba(0,0,0,.15);border-color:rgba(255,255,255,.1);color:var(--color-text-primary);box-shadow:0 8px 32px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.1)}[data-theme=dark] .mobile-toc-float:hover{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.15);box-shadow:0 12px 40px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.15)}[data-theme=dark] .mobile-toc-float:active{background:rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,5%)}[data-theme=dark] .mobile-toc-panel{background:var(--color-bg-primary);border-right-color:var(--color-border)}[data-theme=dark] .mobile-toc-list .toc-link.active{background:rgba(37,99,235,.2);color:var(--color-primary)}@media(hover:none) and (pointer:coarse){.mobile-toc-float:active{background:var(--color-primary-hover)}.mobile-toc-list .toc-link:active{background:var(--color-bg-tertiary)}}.mobile-toc-float:focus{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-toc-panel-close:focus,.mobile-toc-list .toc-link:focus{outline:2px solid var(--color-primary);outline-offset:1px}@media(prefers-reduced-motion:reduce){.mobile-toc-float,.mobile-toc-panel,.mobile-toc-overlay,.mobile-toc-list .toc-link{transition:none}}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--color-bg-secondary);z-index:1001;opacity:0;transition:opacity var(--transition-normal)}.reading-progress.visible{opacity:1}.reading-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);width:0%;transition:width .1s ease-out}.reading-progress-circle{position:fixed;bottom:var(--space-6);right:var(--space-6);width:60px;height:60px;z-index:900;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal)}.reading-progress-circle.visible{opacity:1;visibility:visible;transform:translateY(0)}.progress-ring{width:60px;height:60px;transform:rotate(-90deg)}.progress-ring-circle{fill:none;stroke:var(--color-border);stroke-width:4;r:26;cx:30;cy:30}.progress-ring-progress{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-linecap:round;r:26;cx:30;cy:30;stroke-dasharray:163.36;stroke-dashoffset:163.36;transition:stroke-dashoffset .1s ease-out}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center}.reading-progress-dots{position:fixed;right:var(--space-4);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.reading-progress-dots.visible{opacity:1;visibility:visible}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition-fast);cursor:pointer}.progress-dot.active{background:var(--color-primary);transform:scale(1.5)}.progress-dot:hover{background:var(--color-primary-hover);transform:scale(1.3)}.sidebar-progress{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.sidebar-progress-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.sidebar-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.sidebar-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);width:0%;transition:width .3s ease-out;border-radius:var(--radius-full);box-shadow:0 0 3px var(--color-primary-hover)}.sidebar-progress-text{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:center;font-weight:var(--font-weight-medium);transition:color .3s ease}.reading-time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.reading-time::before{content:'⏱️';font-size:var(--font-size-sm)}@keyframes progressPulse{0%,100%{opacity:1}50%{opacity:.7}}.progress-pulse{animation:progressPulse 2s infinite}@media(max-width:768px){}.theme-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;position:relative;overflow:hidden}.theme-toggle:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{position:absolute;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.theme-toggle-icon.sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-icon.moon{opacity:0;transform:rotate(180deg)scale(.5)}[data-theme=dark] .theme-toggle-icon.sun{opacity:0;transform:rotate(-180deg)scale(.5)}[data-theme=dark] .theme-toggle-icon.moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle.switching{animation:themeToggleSwitch .3s ease-in-out}@keyframes themeToggleSwitch{0%{transform:scale(1)rotate(0)}50%{transform:scale(.8)rotate(180deg)}100%{transform:scale(1)rotate(360deg)}}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.theme-switching *{transition:none !important}.theme-toggle-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-text-primary);color:var(--color-bg-primary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);margin-bottom:var(--space-2);z-index:1000}.theme-toggle-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--color-text-primary)}.theme-toggle:hover .theme-toggle-tooltip{opacity:1;visibility:visible}.theme-auto-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-bg-primary);opacity:0;transition:opacity var(--transition-fast)}.theme-toggle.auto .theme-auto-indicator{opacity:1}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.header .theme-toggle{margin-left:var(--space-2)}.sidebar .theme-toggle{width:100%;height:auto;padding:var(--space-3);justify-content:space-between;border-radius:var(--radius-lg)}.sidebar .theme-toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:768px){.theme-toggle{width:2rem;height:2rem;font-size:var(--font-size-base)}.theme-toggle-tooltip{display:none}}.highlight-container{position:relative}.copy-code-button{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-2);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:opacity 150ms ease-in-out,color 150ms ease-in-out,background-color 150ms ease-in-out;color:var(--color-text-secondary)}.highlight-container:hover .copy-code-button{opacity:1}.copy-code-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.copy-code-button.copied,.copy-code-button.copied:hover{background-color:transparent;color:var(--color-success)}.copy-code-button svg{display:block;width:1em;height:1em}.tk-avatar .tk-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.tk-avatar{overflow:hidden;display:flex;align-items:center;justify-content:center}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.grid{display:grid !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.relative{position:relative !important}.absolute{position:absolute !important}.fixed{position:fixed !important}.sticky{position:sticky !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.font-normal{font-weight:var(--font-weight-normal) !important}.font-medium{font-weight:var(--font-weight-medium) !important}.font-semibold{font-weight:var(--font-weight-semibold) !important}.font-bold{font-weight:var(--font-weight-bold) !important}.text-xs{font-size:var(--font-size-xs) !important}.text-sm{font-size:var(--font-size-sm) !important}.text-base{font-size:var(--font-size-base) !important}.text-lg{font-size:var(--font-size-lg) !important}.text-xl{font-size:var(--font-size-xl) !important}.text-2xl{font-size:var(--font-size-2xl) !important}.text-3xl{font-size:var(--font-size-3xl) !important}.text-4xl{font-size:var(--font-size-4xl) !important}.text-primary{color:var(--color-text-primary) !important}.text-secondary{color:var(--color-text-secondary) !important}.text-muted{color:var(--color-text-muted) !important}.text-accent{color:var(--color-accent) !important}.text-success{color:var(--color-success) !important}.text-warning{color:var(--color-warning) !important}.text-error{color:var(--color-error) !important}.bg-primary{background-color:var(--color-bg-primary) !important}.bg-secondary{background-color:var(--color-bg-secondary) !important}.bg-tertiary{background-color:var(--color-bg-tertiary) !important}.m-0{margin:0 !important}.m-1{margin:var(--space-1) !important}.m-2{margin:var(--space-2) !important}.m-3{margin:var(--space-3) !important}.m-4{margin:var(--space-4) !important}.m-5{margin:var(--space-5) !important}.m-6{margin:var(--space-6) !important}.m-8{margin:var(--space-8) !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:var(--space-1) !important}.mt-2{margin-top:var(--space-2) !important}.mt-3{margin-top:var(--space-3) !important}.mt-4{margin-top:var(--space-4) !important}.mt-6{margin-top:var(--space-6) !important}.mt-8{margin-top:var(--space-8) !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:var(--space-1) !important}.mb-2{margin-bottom:var(--space-2) !important}.mb-3{margin-bottom:var(--space-3) !important}.mb-4{margin-bottom:var(--space-4) !important}.mb-6{margin-bottom:var(--space-6) !important}.mb-8{margin-bottom:var(--space-8) !important}.ml-0{margin-left:0 !important}.ml-1{margin-left:var(--space-1) !important}.ml-2{margin-left:var(--space-2) !important}.ml-3{margin-left:var(--space-3) !important}.ml-4{margin-left:var(--space-4) !important}.mr-0{margin-right:0 !important}.mr-1{margin-right:var(--space-1) !important}.mr-2{margin-right:var(--space-2) !important}.mr-3{margin-right:var(--space-3) !important}.mr-4{margin-right:var(--space-4) !important}.p-0{padding:0 !important}.p-1{padding:var(--space-1) !important}.p-2{padding:var(--space-2) !important}.p-3{padding:var(--space-3) !important}.p-4{padding:var(--space-4) !important}.p-5{padding:var(--space-5) !important}.p-6{padding:var(--space-6) !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:var(--space-1) !important}.pt-2{padding-top:var(--space-2) !important}.pt-3{padding-top:var(--space-3) !important}.pt-4{padding-top:var(--space-4) !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:var(--space-1) !important}.pb-2{padding-bottom:var(--space-2) !important}.pb-3{padding-bottom:var(--space-3) !important}.pb-4{padding-bottom:var(--space-4) !important}.pl-0{padding-left:0 !important}.pl-1{padding-left:var(--space-1) !important}.pl-2{padding-left:var(--space-2) !important}.pl-3{padding-left:var(--space-3) !important}.pl-4{padding-left:var(--space-4) !important}.pr-0{padding-right:0 !important}.pr-1{padding-right:var(--space-1) !important}.pr-2{padding-right:var(--space-2) !important}.pr-3{padding-right:var(--space-3) !important}.pr-4{padding-right:var(--space-4) !important}.rounded-none{border-radius:0 !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded{border-radius:var(--radius-md) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.rounded-full{border-radius:var(--radius-full) !important}.shadow-none{box-shadow:none !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.flex-row{flex-direction:row !important}.flex-col{flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.justify-start{justify-content:flex-start !important}.justify-center{justify-content:center !important}.justify-end{justify-content:flex-end !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.items-start{align-items:flex-start !important}.items-center{align-items:center !important}.items-end{align-items:flex-end !important}.items-stretch{align-items:stretch !important}.w-full{width:100% !important}.w-auto{width:auto !important}.h-full{height:100% !important}.h-auto{height:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-auto{overflow:auto !important}.overflow-scroll{overflow:scroll !important}.z-0{z-index:0 !important}.z-10{z-index:10 !important}.z-20{z-index:20 !important}.z-30{z-index:30 !important}.z-40{z-index:40 !important}.z-50{z-index:50 !important}.cursor-pointer{cursor:pointer !important}.cursor-default{cursor:default !important}.cursor-not-allowed{cursor:not-allowed !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,100%{box-shadow:0 0 5px rgba(37,99,235,.3)}50%{box-shadow:0 0 20px rgba(37,99,235,.6)}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeOut{animation:fadeOut .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-scaleOut{animation:scaleOut .4s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg)}.loading-dots::after{content:'';animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.transition-none{transition:none !important}.transition-all{transition:all var(--transition-normal) !important}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal) !important}.transition-opacity{transition:opacity var(--transition-normal) !important}.transition-transform{transition:transform var(--transition-normal) !important}.duration-fast{transition-duration:var(--transition-fast) !important}.duration-normal{transition-duration:var(--transition-normal) !important}.duration-slow{transition-duration:var(--transition-slow) !important}.ease-linear{transition-timing-function:linear !important}.ease-in{transition-timing-function:ease-in !important}.ease-out{transition-timing-function:ease-out !important}.ease-in-out{transition-timing-function:ease-in-out !important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(max-width:1024px) and (min-width:769px){.container{padding:0 var(--space-6)}.main-layout{gap:var(--space-8)}.sidebar{width:250px}.header-content{padding:var(--space-3)0}.site-title{font-size:var(--font-size-xl)}.nav-list{gap:var(--space-3)}.nav-link{padding:var(--space-2);font-size:var(--font-size-sm)}.search-box{width:180px}.search-box:focus{width:220px}.post-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.post-card-title{font-size:var(--font-size-lg)}.featured-posts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.hero-section{padding:var(--space-12)0 var(--space-8)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.home-categories{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.terms-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.article-title{font-size:var(--font-size-2xl)}.article-content{font-size:var(--font-size-base)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-title{font-size:var(--font-size-base)}.toc-container{padding:var(--space-3)}.toc-h1 a,.toc-h2 a{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.toc-h3 a{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-4)}.toc-h4 a{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-5)}.toc-h5 a,.toc-h6 a{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-6)}.pagination-container{padding:var(--space-3)var(--space-4);gap:var(--space-3)}.pagination-btn{padding:var(--space-2)var(--space-3);min-width:80px}.back-to-top{width:2.5rem;height:2.5rem;bottom:var(--space-4);right:var(--space-4)}.reading-progress-circle{width:50px;height:50px;bottom:var(--space-4);right:var(--space-4)}.progress-ring{width:50px;height:50px}.progress-ring-circle,.progress-ring-progress{r:21;cx:25;cy:25}.dropdown-menu{min-width:200px}.tag-cloud .tag{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.sort-select{min-width:100px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.page-title{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-base)}main{padding:var(--space-6)0}.page-header{margin-bottom:var(--space-6);padding:var(--space-4)0}.post-card-content{padding:var(--space-4)}.term-card{padding:var(--space-3);min-height:80px;max-height:80px}.btn{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm)}.theme-toggle{width:2.2rem;height:2.2rem}}@media(max-width:768px){html{-webkit-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}.desktop-header{display:none}.mobile-header{display:block}.container{padding:0 var(--space-4)}.main-layout{display:block;gap:0}.sidebar{position:static;width:100%;margin-top:var(--space-6)}.hidden-mobile{display:none !important}.block-mobile{display:block !important}.flex-mobile{display:flex !important}}@media(max-width:480px){.container{padding:0 var(--space-3)}}@media(max-width:768px){:root{--mobile-header-height:60px}header{transition:transform .3s ease-in-out}header.header-hidden{transform:translateY(-100%)}.mobile-header-top{display:flex;align-items:center;justify-content:center;padding:var(--space-2)0 var(--space-1)}.mobile-header-top .site-title{font-size:var(--font-size-lg);margin:0}.mobile-header-controls{display:flex;align-items:center;gap:var(--space-2)}.mobile-nav-compact{display:flex;align-items:center;gap:8px;padding:var(--space-2)0}.mobile-search-container{flex:1;min-width:0;max-width:calc(100% - 220px)}.mobile-search-form{position:relative;display:flex;align-items:center;width:100%}.mobile-search-box{width:100%;height:32px;padding:0 30px 0 10px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:12px;transition:all var(--transition-normal);box-sizing:border-box}.mobile-search-box:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.mobile-search-box::placeholder{color:var(--color-text-muted);font-size:13px}.mobile-search-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.mobile-search-button:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.mobile-search-button svg{width:14px;height:14px}.mobile-nav-buttons{display:flex;align-items:stretch;gap:4px;flex-shrink:0}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;min-width:44px;min-height:40px;border-radius:var(--radius-md);background:0 0;border:none;color:var(--color-text-muted);font-size:9px;font-weight:500;transition:all var(--transition-fast)}.mobile-nav-btn:hover{color:var(--color-primary);background:var(--color-bg-secondary);transform:translateY(-1px)}.mobile-nav-btn.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.mobile-nav-btn svg{flex-shrink:0;width:16px;height:16px}.mobile-nav-btn span{white-space:nowrap;line-height:1.2;font-size:10px;margin-top:1px}.desktop-header .search-container{display:none}}@media(max-width:480px){.mobile-nav-compact{gap:6px;padding:var(--space-1)0}.mobile-search-container{max-width:calc(100% - 180px)}.mobile-search-box{height:28px;border-radius:14px;font-size:11px}.mobile-nav-btn{min-width:38px;min-height:36px;font-size:8px}}@media(max-width:768px){.mobile-nav-dropdown{position:relative}.mobile-nav-btn.dropdown-toggle{position:relative;padding-right:12px}.dropdown-arrow{position:absolute;top:2px;right:2px;transition:transform var(--transition-fast);width:8px;height:8px;z-index:1}.mobile-nav-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.mobile-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease-out;z-index:1000}.mobile-nav-dropdown.active .mobile-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.mobile-dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-fast);font-size:13px;font-weight:500}.mobile-dropdown-link:hover{color:var(--color-primary);background-color:var(--color-bg-secondary);text-decoration:none}.mobile-dropdown-divider{height:1px;background:var(--color-border);margin:6px 0}.mobile-dropdown-link .category-count{background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;min-width:18px;text-align:center;line-height:1.2}}@media(max-width:480px){.mobile-nav-btn.dropdown-toggle{padding-right:10px}.dropdown-arrow{width:6px;height:6px;top:1px;right:1px}}@media(max-width:768px){.post-list,.featured-posts,.home-categories,.terms-grid,.progress-grid,.skills-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.pagination-container{flex-direction:column}.hero-actions{flex-direction:column;gap:var(--space-3)}}@media(max-width:480px){.about-stats{grid-template-columns:1fr}}@media(max-width:768px){.btn{width:auto;max-width:280px;min-width:200px;margin:0 auto;padding:var(--space-3)var(--space-6);text-align:center;justify-content:center;display:flex;align-items:center}.hero-actions .btn{text-align:center;justify-content:center}.post-card-content{padding:var(--space-4)}.post-card-status-badge{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}}@media(max-width:480px){.btn{max-width:240px;min-width:180px;padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm)}}@media(max-width:768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.article-title{font-size:var(--font-size-xl)}.article-meta{flex-direction:column;gap:var(--space-2)}}@media(max-width:480px){h1{font-size:var(--font-size-xl)}}