body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.6}.header{height:var(--header-height);background:var(--bg-color);box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;right:0;z-index:100}.nav{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.site-name{font-size:1.5em;font-weight:700;color:var(--primary-color);text-decoration:none}.site-name:hover{opacity:.8}.nav-links{display:flex;gap:20px}.nav-link{color:var(--text-color);text-decoration:none;font-size:16px}.nav-link:hover{color:var(--primary-color)}.nav-link.router-link-active{color:var(--primary-color);font-weight:700}.main{min-height:calc(100vh - var(--header-height) - var(--footer-height));margin-top:var(--header-height);padding:20px;max-width:1200px;margin-left:auto;margin-right:auto}.footer{height:var(--footer-height);background:#f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:#666;font-size:14px}.footer p{margin:5px 0}@media (max-width: 768px){.nav{padding:0 10px}.site-name{font-size:1.2em}.nav-links{gap:10px}.nav-link{font-size:14px}.main{padding:10px}}:root{--primary-color: #4a90e2;--text-color: #333;--bg-color: #fff;--header-height: 60px;--footer-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.6;background-color:#f5f5f5}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 10px}}