*{box-sizing:border-box;margin:0;padding:0;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;border-radius:0}:root{--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--font-h1: 42px;--font-h2: 30px;--font-h3: 22px;--font-h4: 18px;--font-body: 16px;--font-small: 13px}.light{--color-text: #111111;--color-muted: #666666;--color-border: #e5e5e5;--color-bg: #ffffff;--color-accent: #2563eb;--color-code-bg: #f8f9fa;--color-code-inline-bg: #f1f3f5}.dark{--color-text: #eeeeee;--color-muted: #999999;--color-border: #2d2d2d;--color-bg: #121212;--color-accent: #3b82f6;--color-code-bg: #1e1e2e;--color-code-inline-bg: #2d2d2d}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--font-body);line-height:1.7}#root{min-height:100vh}.app{color:var(--color-text);background-color:var(--color-bg);min-height:100vh}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{max-width:800px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);flex:1}h1{font-size:var(--font-h1);font-weight:700;line-height:1.25;color:var(--color-text);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-h2);font-weight:600;line-height:1.3;color:var(--color-text);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}h3{font-size:var(--font-h3);font-weight:600;line-height:1.35;color:var(--color-text);margin-bottom:var(--spacing-sm)}h4{font-size:var(--font-h4);font-weight:600;line-height:1.4;color:var(--color-text);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);line-height:1.7}pre{font-family:JetBrains Mono,Courier New,Courier,monospace;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0}code{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:.9em}:not(pre)>code{font-family:JetBrains Mono,Courier New,Courier,monospace;background-color:var(--color-code-inline-bg);padding:3px 6px;border-radius:4px;color:var(--color-text);font-weight:500}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:disc;margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}li{margin-bottom:var(--spacing-xs)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:800px;width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--color-border)}.navbar-logo a{font-weight:600;color:var(--color-text);text-decoration:none}.navbar-logo a:hover{text-decoration:none}.navbar-links{display:flex;gap:var(--spacing-md)}.navbar-links .nav-link{font-size:var(--font-body);color:var(--color-muted);text-decoration:none}.navbar-links .nav-link:hover{color:var(--color-accent);text-decoration:underline}.navbar-links .nav-link.active{color:var(--color-text);font-weight:600}.footer{display:flex;justify-content:space-between;align-items:center;max-width:800px;width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-small);color:var(--color-muted)}.footer-left{font-weight:400}.footer-right{display:flex;align-items:center;gap:var(--spacing-md)}.footer-theme-toggle{cursor:pointer;border:none;background:none;color:var(--color-accent);display:flex;align-items:center;justify-content:center;padding:0}.footer-theme-toggle:hover{color:var(--color-text)}.footer-theme-toggle svg{width:16px;height:16px}.header-hero{margin-bottom:var(--spacing-xl)}.header-name{font-size:var(--font-h1);font-weight:600;margin-bottom:var(--spacing-xs)}.header-role{font-size:var(--font-h3);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.header-intro{font-size:var(--font-body);color:var(--color-muted);margin-bottom:var(--spacing-md)}.header-links{font-size:var(--font-body);display:flex;align-items:center}.header-links a{font-weight:500}.header-links .divider{color:var(--color-border);margin:0 var(--spacing-sm)}.section{margin-bottom:var(--spacing-xl)}.section-content{margin-top:var(--spacing-md)}.space-y-4>*+*{margin-top:var(--spacing-md)}.space-y-6>*+*{margin-top:var(--spacing-lg)}.experience-item{margin-bottom:var(--spacing-lg)}.experience-item:last-child{margin-bottom:0}.experience-duration{font-size:var(--font-small);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.experience-role-company{font-size:var(--font-h3);font-weight:600;margin-bottom:var(--spacing-sm)}.experience-achievements{font-size:var(--font-body);color:var(--color-text);margin-top:var(--spacing-xs)}.project-item{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.project-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.project-title{font-size:var(--font-h3);font-weight:600;margin-bottom:var(--spacing-xs)}.project-desc{font-size:var(--font-body);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.project-tech{font-size:var(--font-small);color:var(--color-muted);margin-bottom:var(--spacing-sm)}.skills-text{font-size:var(--font-body);line-height:1.6;color:var(--color-text)}.about-text{font-size:var(--font-body);color:var(--color-text);max-width:700px}.blog-list-section{width:100%}.page-title{font-size:var(--font-h1);font-weight:600;margin-bottom:var(--spacing-lg)}.blog-list{display:flex;flex-direction:column}.blog-item{display:flex;flex-direction:column;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.blog-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.blog-date{font-size:var(--font-small);color:var(--color-muted);margin-bottom:var(--spacing-xs)}.blog-title{font-size:var(--font-h2);font-weight:600;margin-bottom:0;border-bottom:none;padding-bottom:0}.blog-title a{color:var(--color-accent);text-decoration:none}.blog-title a:hover{text-decoration:underline}.blog-detail-container{width:100%}.blog-detail-back{margin-bottom:var(--spacing-lg);font-size:var(--font-body)}.blog-detail-back a{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--color-muted);transition:all .2s ease}.blog-detail-back a:hover{color:var(--color-accent);transform:translate(-4px);text-decoration:none}.blog-detail-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.blog-detail-meta-date{font-size:var(--font-small);color:var(--color-muted);display:block;margin-bottom:var(--spacing-xs)}.blog-detail-title{font-size:var(--font-h1);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.blog-detail-author{font-size:var(--font-small);color:var(--color-muted);margin-bottom:var(--spacing-sm)}.blog-meta-author{font-weight:500;color:var(--color-text)}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.blog-tag{font-size:var(--font-small);font-weight:500;color:var(--color-muted);background-color:var(--color-border);padding:4px 10px;border-radius:100px;transition:all .2s ease}.blog-tag:hover{background-color:var(--color-accent);color:#fff}.blog-blockquote{border-left:4px solid var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md) 0;background-color:var(--color-border);border-radius:0 8px 8px 0;font-style:italic;color:var(--color-muted)}.blog-detail-content{line-height:1.7;max-width:700px}.blog-heading{font-weight:600;color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.35}.blog-h2{font-size:var(--font-h2);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.blog-h3{font-size:var(--font-h3)}.blog-paragraph{margin-bottom:var(--spacing-md);line-height:1.7}.blog-list{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}ul.blog-list{list-style-type:disc}ol.blog-list{list-style-type:decimal}.blog-list li{margin-bottom:var(--spacing-xs);line-height:1.6}.blog-code-wrapper{margin:var(--spacing-md) 0 var(--spacing-lg);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d;background-color:#1e1e2e}.blog-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:#181825;border-bottom:1px solid #313244;-webkit-user-select:none;user-select:none}.blog-code-lang{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:11px;font-weight:600;text-transform:uppercase;color:#a6adc8;letter-spacing:.5px}.blog-code-copy-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #45475a;border-radius:4px;padding:4px 8px;color:#cdd6f4;font-size:12px;cursor:pointer;transition:all .2s ease-in-out}.blog-code-copy-btn:hover{background-color:#313244;border-color:#89b4fa;color:#89b4fa}.blog-code-copy-btn.copied{background-color:#a6e3a1;border-color:#a6e3a1;color:#11111b}.blog-code-copy-btn svg{width:14px;height:14px;stroke-width:2.5}.blog-code-block{margin:0!important;padding:var(--spacing-md);overflow-x:auto;background-color:#1e1e2e;border:none;border-radius:0}.blog-code-block code{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:13.5px;line-height:1.6;color:#cdd6f4}.blog-inline-code{font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:.9em;background-color:var(--color-border);padding:2px 6px;border-radius:4px;color:var(--color-text);font-weight:500}.blog-bold{font-weight:700}.code-comment{color:#6c7086;font-style:italic}.code-string{color:#a6e3a1}.code-keyword{color:#cba6f7;font-weight:600}.code-builtin{color:#fab387}.code-number{color:#f9e2af}.code-function{color:#89b4fa}.blog-link{color:var(--color-accent);text-decoration:none}.blog-link:hover{text-decoration:underline}