:root{--primary-color: #2563eb;--text-main: #1f2937;--text-muted: #6b7280;--bg-color: #f9fafb;--bg-card: #ffffff;--container-width: 1000px;--spacing-base: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-color);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit;transition:color .2s ease}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-base)}main{flex-grow:1;padding:calc(var(--spacing-base)*3) 0}.site-nav{background-color:var(--bg-card);box-shadow:0 2px 4px rgba(0,0,0,.05);padding:var(--spacing-base) 0}.site-nav .nav-inner{display:flex;justify-content:space-between;align-items:center}.site-nav .logo{font-weight:bold;font-size:1.25rem;color:var(--primary-color)}.site-nav .nav-links{display:flex;gap:calc(var(--spacing-base)*1.5);align-items:center}.site-nav .nav-links a:hover{color:var(--primary-color)}.lang-switch{background-color:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.875rem}.hero{text-align:center;padding:calc(var(--spacing-base)*4) 0}.hero .avatar{width:150px;height:150px;border-radius:50%;margin-bottom:var(--spacing-base);box-shadow:0 4px 6px rgba(0,0,0,.1)}.hero h1{font-size:2.5rem;margin-bottom:calc(var(--spacing-base)*.5)}.hero p{color:var(--text-muted);font-size:1.25rem}.article-card{background-color:var(--bg-card);padding:calc(var(--spacing-base)*2);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:800px;margin:0 auto}.article-card .meta{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-base)}.article-card h1{margin-bottom:.5rem}@media (max-width: 600px){.site-nav .nav-inner{flex-direction:column;gap:var(--spacing-base)}}