html{scroll-behavior:smooth}.blog-page{background:#fff;padding:80px 20px}.blog-container{color:#333;max-width:900px;margin:auto;font-size:18px;line-height:1.7}.blog-header{margin-bottom:30px}.blog-header h1{margin-bottom:10px;font-size:40px;line-height:1.3}.blog-meta{color:#777;gap:20px;font-size:14px;display:flex}.blog-container h2{margin-top:45px;font-size:28px}.blog-container h3{margin-top:25px}.blog-container ul{margin-top:10px;padding-left:20px}.toc{background:#f6f6f6;border-radius:10px;margin:30px 0;padding:20px}.toc h3{margin-bottom:10px}.toc ul{padding:0;list-style:none}.toc li{margin:8px 0}.toc a{color:#17b9a9;font-weight:500;text-decoration:none}.toc a:hover{text-decoration:underline}@media (max-width:768px){.blog-header h1{font-size:30px}.blog-container{font-size:16px}}