*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#333;background:#fff}a{color:#333;text-decoration:none}a:hover{color:#666}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{padding:20px 0;border-bottom:1px solid #eee}.site-nav{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.5rem;font-weight:700}.nav-link{font-size:1rem;color:#666}.nav-link:hover{color:#333}.site-main{padding:40px 0;min-height:calc(100vh - 140px)}.posts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr}}.post-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden}.post-card-thumbnail{display:block;aspect-ratio:16 / 9;overflow:hidden}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.post-card-thumbnail:hover img{transform:scale(1.05)}.post-card-content{padding:20px}.post-card-title{font-size:1.25rem;margin-bottom:10px}.post-card-excerpt{font-size:0.95rem;color:#666}.post{max-width:800px;margin:0 auto}.post-header{margin-bottom:30px}.post-title{font-size:2.5rem;margin-bottom:10px}@media (max-width: 768px){.post-title{font-size:1.75rem}}.post-date{color:#666;font-size:0.9rem}.post-thumbnail{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:30px}.post-content p{margin-bottom:1.5em}.post-content h2{margin:2em 0 1em}.post-content img{display:block;max-width:100%;height:auto;margin:2em auto;border-radius:8px}.post-content .video-container{position:relative;width:100%;padding-bottom:56.25%;margin:2em 0;border-radius:8px;overflow:hidden}.post-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-content iframe[src*="youtube"]{display:block;max-width:100%;margin:2em auto;border-radius:8px}.page{max-width:800px;margin:0 auto}.page-title{font-size:2.5rem;margin-bottom:30px}@media (max-width: 768px){.page-title{font-size:1.75rem}}.page-content p{margin-bottom:1.5em}.page-content a{color:#333;text-decoration:underline}.site-footer{padding:20px 0;border-top:1px solid #eee;text-align:center;color:#666;font-size:0.9rem}code{font-family:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-size:0.9em;background:#f5f5f5;padding:2px 6px;border-radius:4px}pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:1.5em}pre code{background:none;padding:0}.highlight{background:#f5f5f5;border-radius:8px;margin-bottom:1.5em}.highlight pre{margin:0}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:#998;font-style:italic}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr{color:#d73a49}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .sh,.highlight .sx{color:#032f62}.highlight .n,.highlight .na,.highlight .nb,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nt,.highlight .nv{color:#6f42c1}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#005cc5}.highlight .o,.highlight .ow{color:#d73a49}.highlight .p{color:#333}.highlight .err{color:#a61717;background-color:#e3d2d2}