*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f4f4f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}main{min-height:calc(100vh - 60px)}.page-container{background:#fff;border-radius:8px;width:60%;margin:40px auto;padding:40px;box-shadow:0 2px 8px #0000001a}@media (max-width:1400px){.page-container{width:70%}}@media (max-width:1024px){.page-container{width:85%}}@media (max-width:768px){.page-container{width:90%;padding:30px}}@media (max-width:480px){.page-container{width:95%;padding:20px}}.post-list{padding:0;list-style:none}.post-list-item{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.post-list-item:last-child{border-bottom:none}.post-list-item-latest{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:5px}.post-list-item-latest:last-child{border-bottom:none}.post-link{color:inherit;text-decoration:none;transition:transform .2s;display:block}.post-link:hover{transform:translate(5px)}.post-link h2{color:#333;margin-bottom:10px;font-size:1.5rem}.post-link h2:hover{color:#b7410e}.post-link h3{color:#333;margin-bottom:5px}.post-link h3:hover{color:#b7410e}.post-preview{color:#666;margin-bottom:10px}.post-date{color:#999;font-size:.9rem}.post-meta{color:#666;border-bottom:2px solid #eee;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;font-size:.9rem;display:flex}.badge{border-radius:4px;padding:4px 10px;font-size:.85rem;font-weight:500}.badge.published{color:#fff;background:#b7410e}.badge.draft{color:#fff;background:#ff9800}.post-content{margin:30px 0;line-height:1.8}.post-content img{border-radius:8px;width:75%;margin:auto;display:block;box-shadow:0 4px 8px #0000001a}.post-content p{margin-bottom:1em}.post-content pre{word-break:break-word;max-width:100%;overflow-x:auto}.post-content code{word-wrap:break-word;white-space:pre-wrap;color:green}.back-link{color:#fff;background:#333;border-radius:4px;margin-top:30px;padding:10px 20px;text-decoration:none;transition:background .3s;display:inline-block}.back-link:hover{background:#555}.welcome-figure{flex-direction:column;align-items:center;max-width:100%;margin:30px auto;display:flex}.welcome-figure img{border-radius:8px;width:70%;height:auto;box-shadow:0 4px 8px #0000001a}@media (max-width:768px){.welcome-figure img,.post-content img{width:100%;max-width:100%}}.welcome-figure figcaption{text-align:center;color:#666;margin-top:10px;font-size:.9rem}.quick-links{padding-left:0;list-style-position:inside}.markdown-content pre{background:#f5f5f5;border:1px solid #ddd;border-radius:5px;max-width:100%;margin:1.5rem 0;padding:1rem;overflow-x:auto}.markdown-content pre code{color:#333;white-space:pre;background:0 0;padding:0;font-size:.9rem}.markdown-content a{color:#b7410e;text-decoration:underline}.markdown-content a:hover{color:#d2691e}.markdown-content table{border-collapse:collapse;border-collapse:collapse;width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.markdown-content table thead{background:#f4f4f4;border-bottom:1px solid #000}.markdown-content table th{text-align:left;border:1px solid #000;padding:12px;font-weight:600}.markdown-content table td{border:1px solid #000;padding:10px 12px}.markdown-content table tbody tr{border-bottom:1px solid #000}.markdown-content table tr:hover{background:#f9f9f9}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem}.markdown-content li{margin-bottom:.5rem}@media (max-width:768px){.markdown-content table{font-size:.9rem}.markdown-content table th,.markdown-content table td{padding:8px}}
.navbar{background-color:#2b2520;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{color:#e8d5c4;font-size:1.6rem;font-weight:700;text-decoration:none}.nav-logo:hover{color:#b7410e}.nav-menu{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{margin:0}.nav-link{color:#e8d5c4;font-size:1.1rem;font-weight:600;text-decoration:none}.nav-link:hover{color:#b7410e}.nav-socials{align-items:center;gap:1rem;margin-left:2rem;display:flex}.social-link{color:#e8d5c4;align-items:center;text-decoration:none;display:flex}.social-link:hover{color:#b7410e}