:root{--bg-primary:#fff;--bg-secondary:#f7f8f8;--bg-tertiary:#eef2f2;--text-primary:#111;--text-secondary:#555;--text-muted:#888;--accent-primary:#1f4e5f;--accent-secondary:#143743;--accent-success:#222;--accent-warning:#444;--accent-danger:#000;--border-color:#e1e5e5;--shadow:none;--shadow-lg:none;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-base:1.1875rem;--font-size-sm:1rem;--font-size-lg:1.3125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:2.625rem;--line-height-base:1.6;--line-height-tight:1.25;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--container-max-width:1200px;--content-max-width:960px;--border-radius:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box}html{scroll-behavior:smooth}.container{max-width:var(--container-max-width);padding:0 var(--spacing-md);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-xl)}}.main-content{min-height:calc(100vh - 200px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;font-size:16px;line-height:1.6}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base), color var(--transition-base);margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary)}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:0 0 var(--spacing-md) 0;color:var(--text-primary)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary);text-decoration:underline}a:focus{outline:2px solid var(--accent-primary);outline-offset:2px}ul,ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}li>ul,li>ol{margin-bottom:0}img{vertical-align:middle;border-radius:var(--border-radius);max-width:100%;height:auto}figure{margin:0 0 var(--spacing-lg) 0}figure>img{margin:0 auto;display:block}figcaption{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-top:var(--spacing-sm)}blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--accent-primary);background-color:var(--bg-secondary);border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--text-secondary);font-style:italic}blockquote>:last-child{margin-bottom:0}blockquote p{margin-bottom:var(--spacing-sm)}code{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--accent-primary);padding:.125em .25em;font-size:.875em}pre{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:var(--border-radius);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.5;overflow-x:auto}pre code{color:var(--text-primary);background:0 0;padding:0}table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}tr:hover{background-color:var(--bg-secondary)}hr{margin:var(--spacing-2xl) 0;background-color:var(--border-color);border:none;height:1px}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clearfix:after{content:"";clear:both;display:table}.site-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;transition:color var(--transition-base), background-color var(--transition-base);position:sticky;top:0}.header-content{padding:var(--spacing-sm) 0;justify-content:space-between;align-items:center;min-height:56px;display:flex}.site-title{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}.site-title:hover{color:var(--accent-primary);text-decoration:none}.site-title .title-text{font-size:calc(var(--font-size-2xl));color:var(--text-primary);font-weight:600;line-height:1.2;display:block}.site-title .title-light{letter-spacing:.3px;color:var(--text-secondary);font-style:normal;font-weight:400}.site-title .title-strong{font-weight:600}.site-nav{position:relative}.nav-menu{align-items:center;gap:var(--spacing-md);display:flex}.nav-link{color:var(--text-secondary);font-weight:400;font-size:calc(var(--font-size-sm));padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-fast);border-radius:0;text-decoration:none}.nav-link:hover{color:var(--text-primary);text-decoration:underline}@media (width<=768px){.nav-menu{box-shadow:none;justify-content:flex-end;gap:var(--spacing-xs);flex-flow:wrap;padding:0;position:static}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}.main-content{flex:1}.home .hero{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);padding:var(--spacing-3xl) 0;text-align:center;margin-bottom:var(--spacing-3xl)}.home .hero-content{max-width:var(--content-max-width);padding:0 var(--spacing-md);margin:0 auto}.home .hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:700}@media (width<=768px){.home .hero-title{font-size:var(--font-size-3xl)}}.home .hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.home .hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);transition:all var(--transition-fast);cursor:pointer;border:2px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn.btn-primary{background-color:var(--accent-primary);color:#fff}.btn.btn-primary:hover{background-color:var(--accent-secondary);color:#fff;text-decoration:none}.btn.btn-secondary{color:var(--accent-primary);border-color:var(--accent-primary);background-color:#0000}.btn.btn-secondary:hover{background-color:var(--accent-primary);color:#fff;text-decoration:none}.btn.btn-outline{color:var(--text-primary);border-color:var(--border-color);background-color:#0000}.btn.btn-outline:hover{background-color:var(--bg-secondary);text-decoration:none}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--text-primary);font-weight:700}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.section-footer{text-align:center;margin-top:var(--spacing-3xl)}.featured-posts{max-width:var(--content-max-width);padding:var(--spacing-2xl) var(--spacing-md);margin:0 auto}.posts-grid{margin-bottom:var(--spacing-3xl);grid-template-columns:1fr;gap:0;display:grid}.home .post-card{border:none;border-bottom:1px solid var(--border-color);padding:var(--spacing-xl) 0;box-shadow:none;background:0 0;border-radius:0;transition:none}.home .post-card:first-child{padding-top:0}.home .post-card:hover{box-shadow:none;border-color:var(--border-color);transform:none}.home .post-card.post-card--with-image{gap:var(--spacing-lg);grid-template-columns:168px minmax(0,1fr);align-items:start;display:grid}@media (width<=640px){.home .post-card.post-card--with-image{gap:var(--spacing-md);grid-template-columns:1fr}}.post-card-media{border:1px solid var(--border-color);background:var(--bg-secondary);aspect-ratio:16/9;display:block;overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%;display:block}.post-card-media:hover img{opacity:.92}.post-card-body{min-width:0}.home .post-meta{justify-content:flex-start;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.home .post-date{font-family:var(--font-family-mono);letter-spacing:.02em;color:var(--text-muted);flex:none;font-size:.8125rem;font-weight:400}.home .post-tags{flex-wrap:wrap;align-items:baseline;gap:0;min-width:0;display:inline-flex}.home .post-tags:before{content:"·";margin-right:var(--spacing-sm);color:var(--border-color)}.home .post-tags a{color:var(--text-secondary);text-decoration:none}.home .post-tags a:hover{color:var(--accent-primary);text-decoration:underline}.home .post-tags .tag-sep{color:var(--border-color);margin:0 .35em}.posts-grid .post-title{margin:0 0 var(--spacing-sm);font-size:calc(var(--font-size-2xl) * .92);font-weight:600;line-height:1.3}.posts-grid .post-title a{color:var(--text-primary);border-bottom:1px solid #0000;text-decoration:none}.posts-grid .post-title a:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary);text-decoration:none}.home .post-excerpt{color:var(--text-secondary);max-width:42rem;margin:0;line-height:1.6}.read-more{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.read-more:hover{color:var(--accent-primary);text-decoration:underline}.quick-links{background-color:var(--bg-secondary);padding:var(--spacing-3xl) 0;margin-top:var(--spacing-3xl)}.links-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.link-card{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-xl);text-align:center;color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow);border-radius:0;text-decoration:none}.link-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);color:var(--text-primary);text-decoration:none;transform:translateY(-4px)}.link-icon{font-size:var(--font-size-3xl);color:var(--accent-primary);margin-bottom:var(--spacing-md)}.link-card h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl)}.link-card p{color:var(--text-secondary);margin:0}.post{max-width:var(--content-max-width);padding:var(--spacing-2xl) var(--spacing-md);margin:0 auto}.post-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.post-meta{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.post-date{font-weight:500}.post-author{color:var(--accent-primary)}.post-meta-info{color:var(--text-muted)}.post-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:700;line-height:1.2}.post-tags a{color:var(--accent-primary);margin-right:var(--spacing-sm);text-decoration:none}.post-tags a:hover{text-decoration:underline}.post-crosspost{margin:var(--spacing-lg) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.post-crosspost .fab{margin-right:var(--spacing-xs);color:var(--text-primary)}.post-crosspost a{color:var(--accent-primary);text-decoration:none}.post-crosspost a:hover{text-decoration:underline}.post-crosspost-pub{color:var(--text-muted);font-style:italic}.post-content{font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.7}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.post-content p{margin-bottom:var(--spacing-lg)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.post-content ul{list-style:outside}.post-content ol{list-style:decimal}.post-content li{margin-bottom:var(--spacing-xs)}.post-content img{margin:var(--spacing-xl) 0}.post-content figure{margin:var(--spacing-2xl) auto;max-width:100%}.post-content figure img{margin:0 auto;display:block}.post-content figcaption{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:42rem;margin:var(--spacing-md) auto 0;text-align:center;line-height:1.55}.post-content pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.post-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.post-navigation{justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);display:flex}.post-navigation .nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-primary);transition:all var(--transition-fast);flex:1;max-width:300px;text-decoration:none;display:flex}.post-navigation .nav-link:hover{background-color:var(--accent-primary);color:#fff;text-decoration:none}.post-navigation .nav-link.prev{text-align:left}.post-navigation .nav-link.next{text-align:right;flex-direction:row-reverse}.post-navigation .nav-link span{font-size:var(--font-size-sm);line-height:1.4}.post-navigation .nav-link i{font-size:var(--font-size-sm)}.site-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0;font-size:var(--font-size-sm);line-height:1.55}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-section h3,.footer-section h4{margin-bottom:var(--spacing-md);color:var(--text-primary)}.footer-section h3{font-size:var(--font-size-lg);font-weight:700;line-height:var(--line-height-tight)}.footer-section h4{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;line-height:var(--line-height-tight)}.footer-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:700}.footer-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.social-links{gap:var(--spacing-sm);flex-direction:column;display:flex}.social-link{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;transition:color var(--transition-fast);border-radius:0;text-decoration:none;display:flex}.social-link:hover{color:var(--accent-primary);text-decoration:underline}.social-link i{text-align:center;width:20px;font-size:var(--font-size-sm)}.footer-nav{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--accent-primary);text-decoration:none}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.copyright{color:var(--text-muted);margin:0;font-size:.875rem}.rss-subscribe{margin:0}.rss-subscribe a{color:var(--accent-primary);align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);text-decoration:none;display:flex}.rss-subscribe a:hover{text-decoration:underline}@media (width<=768px){.hero-actions{flex-direction:column;align-items:center}.posts-grid,.links-grid{grid-template-columns:1fr}.post-navigation{flex-direction:column}.nav-link{max-width:none}.footer-bottom{text-align:center;flex-direction:column}}.software .software-page-note{margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.software .software-page-note a{color:var(--accent-primary);font-weight:500;text-decoration:none}.software .software-page-note a:hover{text-decoration:underline}.software .software-section{margin-bottom:var(--spacing-3xl)}.software .software-section:last-child{margin-bottom:0}.software .software-section-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.software .software-section-title{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-weight:600}.software .software-section-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.5}.software .software-cards{gap:var(--spacing-lg);flex-direction:column;display:flex}.software .software-card{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-xl);transition:border-color var(--transition-fast);border-radius:0}.software .software-card:hover{border-color:var(--text-primary)}.software .software-card-body{margin-bottom:var(--spacing-md)}.software .software-card-title{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;font-weight:600;line-height:1.3}.software .software-card-title a{color:var(--text-primary);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.software .software-card-title a:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.software .software-card-desc{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6}.software .software-card-footer{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted);flex-flow:column wrap;display:flex}.software .software-links{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.software .software-links a{color:var(--accent-primary);text-decoration:none}.software .software-links a:hover{text-decoration:underline}.software .software-links i{opacity:.8;margin-right:2px}.software .software-badges{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.software .software-badges a{flex-shrink:0;line-height:1}.software .software-badges img{vertical-align:middle;width:auto;height:20px;display:block}.software .software-tech{color:var(--text-muted);font-size:.9em}@media (width<=768px){.software .software-card{padding:var(--spacing-lg)}.software .software-card-title{font-size:var(--font-size-lg)}}.about-page{max-width:1000px;padding:0 var(--spacing-md);margin:0 auto}.about-page .about-hero{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);text-align:center}.about-page .profile-section{text-align:center;justify-content:center;align-items:center;display:flex}.about-page .profile-info{text-align:center;max-width:800px}.about-page .profile-name{font-size:var(--font-size-4xl);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:700;line-height:1.2}.about-page .profile-title{font-size:var(--font-size-lg);color:var(--accent-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.about-page .profile-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.about-page .profile-highlights{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.about-page .highlight-tag{color:var(--text-secondary);font-size:var(--font-size-sm);background:0 0;border-radius:0;padding:0;font-weight:400}.about-page .highlight-tag:hover{text-decoration:underline}.about-page .about-section{margin-bottom:var(--spacing-3xl)}.about-page .section-header{margin-bottom:var(--spacing-xl);text-align:left}.about-page .section-title{font-size:var(--font-size-xl);color:var(--text-primary);align-items:center;gap:var(--spacing-md);margin:0;font-weight:700;display:flex}.about-page .section-title i{color:var(--accent-primary);font-size:var(--font-size-lg)}.about-page .content-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow)}.about-page .intro-text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:400;line-height:1.7}.about-page .intro-paragraph{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.7}.about-page .intro-paragraph:last-child{margin-bottom:0}.about-page .kw{color:color-mix(in oklab, var(--text-primary) 88%, var(--accent-primary) 12%);font-weight:600}@supports not color-mix(in oklab, black 10%, white){.about-page .kw{color:var(--accent-primary);opacity:.9}}.about-page .publication-list{margin:0;padding:0;list-style:none}.about-page .publication-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.about-page .publication-item:first-child{padding-top:0}.about-page .publication-item:last-child{border-bottom:none;padding-bottom:0}.about-page .publication-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;line-height:1.45;text-decoration:none;display:block}.about-page a.publication-title:hover{color:var(--accent-primary);text-decoration:underline}.about-page .publication-meta{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;display:block}.about-page .publication-software{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.45;display:block}.about-page .publication-software i{margin-right:.3em}.about-page .publication-software i.fa-python{color:#3776ab}.about-page .publication-software i.fa-r-project{color:#276dc3}.about-page .publication-software a{color:var(--accent-primary);text-decoration:none}.about-page .publication-software a:hover{text-decoration:underline}.about-page .publication-more{margin:var(--spacing-lg) 0 0 0;font-size:var(--font-size-sm)}.about-page .publication-more a{color:var(--accent-primary);font-weight:500;text-decoration:none}.about-page .publication-more a:hover{text-decoration:underline}.about-page .experience-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.about-page .experience-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);transition:all var(--transition-base);position:relative;overflow:hidden}.about-page .experience-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.about-page .experience-card.featured{border-color:var(--accent-primary);background:linear-gradient(135deg, var(--bg-primary) 0%, #0d6efd05 100%)}.about-page .experience-card.featured:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:4px;position:absolute;top:0;left:0;right:0}.about-page .card-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.about-page .card-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--border-radius);color:#fff;width:50px;height:50px;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-page .card-title h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:700}.about-page .card-period{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-weight:500}.about-page .card-content p{color:var(--text-primary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0;line-height:1.6}.about-page .tech-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.about-page .tech-tag{color:var(--text-secondary);font-size:var(--font-size-sm);background:0 0;border:none;border-radius:0;padding:0;font-weight:400}.about-page .skills-container{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.about-page .skill-category h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-weight:600}.about-page .skill-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.about-page .skill-tag{color:var(--text-secondary);font-size:var(--font-size-sm);background:0 0;border:none;border-radius:0;padding:0;font-weight:400}.about-page .skill-tag:hover{text-decoration:underline}@media (width<=768px){.about-page .profile-section{text-align:center;flex-direction:column}.about-page .profile-info{text-align:center}.about-page .experience-grid,.about-page .skills-container{grid-template-columns:1fr}.about-page .profile-name{font-size:var(--font-size-3xl)}.about-page .section-title{font-size:var(--font-size-2xl)}}.post-header:has(+.post-content .about-page){display:none}.highlight{border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;font-family:var(--font-family-mono);color:#24292e;background:#f6f8fa;border:1px solid #e1e4e8;font-size:.9em;line-height:1.6;overflow-x:auto}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:#6a737d;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#d73a49;font-weight:600}.highlight .o,.highlight .ow{color:#d73a49;font-weight:400}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s1,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .ss{color:#032f62}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il,.highlight .mb{color:#005cc5}.highlight .nf,.highlight .fm{color:#6f42c1;font-weight:600}.highlight .nc,.highlight .nn{color:#005cc5;font-weight:600}.highlight .nb,.highlight .bp{color:#005cc5}.highlight .na,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:#24292e}.highlight .ne,.highlight .no{color:#005cc5;font-weight:600}.highlight .nt{color:#22863a}.highlight .p{color:#24292e}.highlight .err,.highlight .gd{color:#cb2431;background-color:#cb24310d}.highlight .gi{color:#22863a;background-color:#22863a0d}.highlight .go{color:#6a737d}.highlight .gs{font-weight:600}.highlight .gu{color:#6a737d}.highlight .gt,.highlight .gr{color:#cb2431}.highlight .w{color:#0000}code.highlighter-rouge{font-family:var(--font-family-mono);color:#24292e;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:3px;padding:.2em .4em;font-size:.9em}.floatright{float:right;margin:0 0 var(--spacing-md) var(--spacing-md)}@media (width<=768px){.container{padding:0 var(--spacing-sm)}}.highlight .hll{background-color:#ffc}.highlight{background:#f8f8f8}.highlight .c{color:#8f5902;font-style:italic}.highlight .err{color:#a40000;border:1px solid #ef2929}.highlight .g{color:#000}.highlight .k{color:#204a87;font-weight:700}.highlight .l,.highlight .n{color:#000}.highlight .o{color:#ce5c00;font-weight:700}.highlight .x{color:#000}.highlight .p{color:#000;font-weight:700}.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:#8f5902;font-style:italic}.highlight .gd{color:#a40000}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#ef2929}.highlight .gh{color:navy;font-weight:700}.highlight .gi{color:#00a000}.highlight .go{color:#000;font-style:italic}.highlight .gp{color:#8f5902}.highlight .gs{color:#000;font-weight:700}.highlight .gu{color:purple;font-weight:700}.highlight .gt{color:#a40000;font-weight:700}.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#204a87;font-weight:700}.highlight .ld{color:#000}.highlight .m{color:#0000cf;font-weight:700}.highlight .s{color:#4e9a06}.highlight .na{color:#c4a000}.highlight .nb{color:#204a87}.highlight .nc,.highlight .no{color:#000}.highlight .nd{color:#5c35cc;font-weight:700}.highlight .ni{color:#ce5c00}.highlight .ne{color:#c00;font-weight:700}.highlight .nf{color:#000}.highlight .nl{color:#f57900}.highlight .nn,.highlight .nx,.highlight .py{color:#000}.highlight .nt{color:#204a87;font-weight:700}.highlight .nv{color:#000}.highlight .ow{color:#204a87;font-weight:700}.highlight .w{color:#f8f8f8;text-decoration:underline}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#0000cf;font-weight:700}.highlight .sb,.highlight .sc{color:#4e9a06}.highlight .sd{color:#8f5902;font-style:italic}.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#4e9a06}.highlight .bp{color:#3465a4}.highlight .vc,.highlight .vg,.highlight .vi{color:#000}.highlight .il{color:#0000cf;font-weight:700}