.contact[data-v-604bba69]{padding-bottom:3rem}.blog-page[data-v-37c0f54a]{min-height:100vh;padding:var(--space-xl) var(--space-md)}.content-container[data-v-37c0f54a]{max-width:700px;margin:0 auto}.blog-list[data-v-37c0f54a]{display:flex;flex-direction:column;gap:var(--space-md)}.blog-item[data-v-37c0f54a]{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:all .3s ease;padding:var(--space-md) var(--space-lg);border-radius:8px;border:1px solid transparent;background:linear-gradient(145deg,#ffffff05,#ffffff03)}.blog-item[data-v-37c0f54a]:hover{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-color:#ffffff1a;transform:translateY(-2px)}.blog-meta[data-v-37c0f54a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.blog-number[data-v-37c0f54a]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);opacity:.6;letter-spacing:.5px;min-width:24px}.blog-title[data-v-37c0f54a]{flex:1;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.4;margin:0;letter-spacing:-.01em}.blog-date[data-v-37c0f54a]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-regular);opacity:.7;letter-spacing:.3px;white-space:nowrap}@media (max-width: 768px){.blog-page[data-v-37c0f54a]{padding:var(--space-lg) var(--space-sm)}.content-container[data-v-37c0f54a]{max-width:100%}.blog-list[data-v-37c0f54a]{gap:var(--space-sm)}.blog-item[data-v-37c0f54a]{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.blog-title[data-v-37c0f54a]{font-size:var(--font-size-md)}.blog-number[data-v-37c0f54a]{min-width:20px}}.blog-detail-page[data-v-dfbfb6ae]{min-height:100vh;padding:var(--space-xl) var(--space-md)}.content-container[data-v-dfbfb6ae]{max-width:700px;margin:0 auto}.back-button[data-v-dfbfb6ae]{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-lg);margin-bottom:5%;transition:color .2s ease}.back-button[data-v-dfbfb6ae]:hover{color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae]{line-height:1.7;color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-md);color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] p{margin-bottom:var(--space-md);color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] em{color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm)}.blog-content[data-v-dfbfb6ae] ul,.blog-content[data-v-dfbfb6ae] ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.blog-content[data-v-dfbfb6ae] ul{list-style-type:disc;list-style-position:inside}.blog-content[data-v-dfbfb6ae] ol{list-style-type:decimal;list-style-position:inside}.blog-content[data-v-dfbfb6ae] ul li{margin-bottom:var(--space-xs);color:var(--color-text-primary);text-indent:-1em;padding-left:1em}.blog-content[data-v-dfbfb6ae] ol li{margin-bottom:var(--space-xs);color:var(--color-text-primary);text-indent:-1.5em;padding-left:1.5em}.blog-content[data-v-dfbfb6ae] li{margin-bottom:var(--space-xs);color:var(--color-text-primary)}.blog-content[data-v-dfbfb6ae] code{background-color:#f8f9fa;padding:2px 6px;border-radius:4px;font-size:var(--font-size-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#2d3748}.blog-content[data-v-dfbfb6ae] pre{background-color:#f8f9fa;padding:var(--space-lg);border-radius:8px;overflow-x:auto;margin:var(--space-lg) 0;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.blog-content[data-v-dfbfb6ae] pre code{background:none;padding:0;color:#2d3748}.blog-content[data-v-dfbfb6ae] blockquote{border-left:2px solid var(--color-text-secondary);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-secondary);font-style:italic}.blog-content[data-v-dfbfb6ae] hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.loading[data-v-dfbfb6ae]{color:var(--color-text-secondary);text-align:center;padding:var(--space-xl) 0}@media (max-width: 768px){.blog-detail-page[data-v-dfbfb6ae]{padding:var(--space-lg) var(--space-sm)}.blog-content[data-v-dfbfb6ae] h1{font-size:var(--font-size-lg)}.blog-content[data-v-dfbfb6ae] h2{font-size:var(--font-size-md)}.blog-content[data-v-dfbfb6ae] pre{padding:var(--space-sm);overflow-x:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-text: #1a1a1a;--color-text-secondary: #666;--color-accent: #0066cc;--color-background: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 15px;--font-size-small: 13px;--line-height: 1.5;--max-width: 720px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-background);font-weight:300;letter-spacing:-.01em}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3{font-weight:400;letter-spacing:-.01em}h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}h2{font-size:1rem;margin-bottom:var(--spacing-md);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}p{margin-bottom:var(--spacing-sm);color:var(--color-text)}a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}a:hover{border-bottom-color:var(--color-accent)}nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0 var(--spacing-xl) 0}.nav-brand{font-weight:500;font-size:var(--font-size-base)}.nav-logo{width:24px;height:24px;display:block}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-links a{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:400;transition:color .2s ease}.nav-links a:hover,.nav-links a.router-link-active{color:var(--color-text)}main{min-height:60vh}.intro{margin-bottom:var(--spacing-xl)}.intro h1{font-size:1.5rem;margin-bottom:var(--spacing-md);font-weight:400}.intro p{color:var(--color-text-secondary);max-width:480px}.section{margin-bottom:var(--spacing-xl)}.project-list,.reading-list{list-style:none}.project-item,.reading-item{margin-bottom:var(--spacing-sm)}.project-title{font-weight:400;margin-bottom:2px}.project-description,.reading-author{color:var(--color-text-secondary);font-size:var(--font-size-small)}.contact{padding-top:var(--spacing-lg)}.contact p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.contact a{color:var(--color-accent);font-weight:400}.experience-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.experience-item{display:grid;grid-template-columns:120px 1fr;gap:var(--spacing-md);align-items:start}.experience-period{font-size:var(--font-size-small);color:var(--color-text-secondary);font-weight:500;text-align:right;padding-top:2px}.experience-details{display:flex;flex-direction:column;gap:2px}.experience-title{font-weight:500;color:var(--color-text)}.experience-company{font-size:var(--font-size-small);color:var(--color-accent);font-weight:400}.experience-description{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-top:var(--spacing-xs);line-height:1.4}.experience-item.current .experience-period{color:var(--color-accent);font-weight:500}.experience-item.current .experience-title{color:var(--color-accent)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.about-left{padding-right:var(--spacing-md)}.about-right{padding-left:var(--spacing-md)}.work-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.work-left{padding-right:var(--spacing-md)}.work-right{padding-left:var(--spacing-md)}.song-line{font-weight:400;color:var(--color-text);display:flex;justify-content:space-between;align-items:baseline}.song-artist{color:var(--color-text-secondary);font-weight:300;margin-left:8px}.experience-line{font-weight:400;color:var(--color-text);display:flex;justify-content:space-between;align-items:baseline}.experience-line.current{color:var(--color-accent)}.experience-period{color:var(--color-text-secondary);font-weight:300;margin-left:8px;font-size:var(--font-size-base)}.project-links{display:flex;gap:var(--spacing-md)}.project-link{color:var(--color-accent);font-weight:400;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-accent);text-decoration:none;transition:all .2s ease}.project-link:hover{background-color:var(--color-accent);color:var(--color-background);border-bottom-color:var(--color-accent)}.project-content{line-height:var(--line-height)}.project-content h1{font-size:1.5rem;margin-bottom:var(--spacing-md);font-weight:400}.project-content h2{font-size:1rem;margin:var(--spacing-xl) 0 var(--spacing-md) 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.project-content h3{font-size:1rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-weight:500;color:var(--color-text)}.project-content p{margin-bottom:var(--spacing-sm);color:var(--color-text)}.project-content ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.project-content li{margin-bottom:var(--spacing-xs);color:var(--color-text)}.project-content img{max-width:100%;height:auto;margin:var(--spacing-md) 0;border-radius:4px}.project-content code{background-color:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.project-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){:root{--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px}nav{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md) 0 var(--spacing-lg) 0}.nav-links{gap:var(--spacing-md)}.about-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-left,.about-right{padding:0}.work-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.work-left,.work-right{padding:0}.experience-item{grid-template-columns:1fr;gap:var(--spacing-xs)}.experience-period{text-align:left;padding-top:0}}.resume-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent);color:#fff!important;border-radius:4px;font-weight:400;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;border-bottom:none!important}.resume-button:hover{background-color:#0052a3;transform:translateY(-1px);border-bottom:none!important}