*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#fff;font-size:16px;overflow-x:hidden;width:100%}a{color:var(--link-color,#4f46e5);text-decoration:none;transition:color 0.2s}a:hover{color:#3730a3}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;width:100%;overflow-x:hidden}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px;max-width:1200px;margin:0 auto;width:100%}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color,#4f46e5)}.logo .highlight-text{color:#06b6d4}nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}nav a{color:#333;font-weight:500}nav a.active{color:var(--link-color,#4f46e5)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:3rem 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}main{min-height:60vh;padding:2rem 20px;max-width:1200px;margin:0 auto;width:100%;overflow-x:hidden}.post-card{display:grid;grid-template-columns:300px 1fr;gap:1.8rem;margin-bottom:2.5rem;padding:0;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);max-width:100%;overflow:hidden;transition:box-shadow 0.2s}.post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-image{display:block;overflow:hidden;border-radius:12px 0 0 12px;width:100%;min-width:0}.post-thumbnail{width:100%;height:200px;object-fit:cover;transition:transform 0.3s;border-radius:0}.post-image:hover .post-thumbnail{transform:scale(1.05)}.no-image{width:100%;height:200px;background:#f0f0f0;border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;color:#999}.post-details{min-width:0;overflow:hidden;padding:1.5rem 1.5rem 1.5rem 0;display:flex;flex-direction:column}@media (max-width:768px){.post-details{padding:1rem}}.post-title{font-size:1.5rem;margin-bottom:.8rem;line-height:1.4;font-weight:700}.post-title a{color:#1a1a1a;text-decoration:none;word-wrap:break-word;transition:color 0.2s}.post-title a:hover{color:#4f46e5}.post-meta{color:#888;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.post-excerpt{line-height:1.7;color:#555;font-size:.95rem;margin-bottom:1.2rem;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{display:inline-flex;align-items:center;justify-content:center;background:#4f46e5;color:#fff;padding:.45rem .9rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.85rem;transition:background 0.2s,transform 0.2s;margin-top:.4rem;line-height:1;width:auto;max-width:max-content}.read-more-btn:hover{background:#3730a3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(79,70,229,.3)}.article-content{max-width:900px;margin:0 auto 2.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);padding:2.5rem 1.5rem;transition:transform 0.3s,box-shadow 0.3s}.article-content:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.article-content h1{color:#4f46e5;font-weight:800;font-size:2.2rem;margin-bottom:1.2rem}.last-updated{color:#666;font-size:.9rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.article-content h2{font-size:1.4rem;margin-top:2.2rem;margin-bottom:1rem;color:#222;font-weight:800}.article-content h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.7rem;color:#222;font-weight:800}.article-content p{color:#334155;font-size:1.08rem;line-height:1.7;margin-bottom:1rem}.article-content ul,.article-content ol{color:#334155;font-size:1.08rem;line-height:1.7;margin-left:1.2rem;margin-bottom:1rem}.article-content li{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#f8fafc}th,td{border:1px solid #e2e8f0;padding:10px;text-align:left}th{background:#4f46e5;color:#fff;font-weight:700}tr:nth-child(even){background:#f1f5f9}.note{background:#f0fdf4;color:#166534;border-left:5px solid #10b981;padding:12px 16px;border-radius:8px;margin:1rem 0}.warning{background:#fff7ed;color:#b91c1c;border-left:5px solid #f97316;padding:12px 18px;border-radius:8px;margin:1.2rem 0;font-weight:600}.author-section{background:#f8fafc;padding:2rem;margin:2rem 0;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.author-image img{border-radius:50%;margin:0 auto 1rem}footer.footer-main{background:#1a1a1a;color:#ccc;padding:2.5rem 0 1.5rem;margin-top:.75rem;border-top:none;overflow-x:hidden}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}.footer-links-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.footer-link{color:#ccc;text-decoration:none;font-size:.95rem;padding:0 12px;transition:color 0.2s;display:inline-block}.footer-link:hover{color:#fff}.footer-copyright{text-align:center}.footer-copyright p{color:#999;font-size:.9rem;margin:0}@media (max-width:1024px) and (min-width:769px){.post-card{grid-template-columns:250px 1fr;gap:1.2rem}.post-thumbnail,.no-image{height:180px}.post-title{font-size:1.3rem}}@media (max-width:768px){.footer-links-row{justify-content:center;gap:0;flex-wrap:wrap}.footer-link{padding:8px 12px;font-size:.9rem}.footer-copyright p{font-size:.85rem}}.pagination a{color:#4f46e5;text-decoration:none;font-weight:600}.pagination a:hover{color:#3730a3;text-decoration:underline}@media (min-width:769px){.nav-container{max-width:1200px;margin:0 auto;padding:1rem 20px;overflow-x:hidden}nav ul{max-width:100%;overflow-x:visible}.container,main{max-width:1200px;margin:0 auto;overflow-x:hidden}}@media (max-width:768px){.nav-container{flex-wrap:wrap;padding:1rem 15px}.menu-toggle{display:block}nav{width:100%;position:relative}nav ul{width:100%;flex-direction:column;gap:1rem;display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1rem;z-index:1000}body.menu-open nav ul,nav ul.show,nav ul.active{display:flex!important}header nav ul.show{position:absolute}.hero h1{font-size:1.8rem}.article-content{padding:1.2rem .5rem}.article-content h1{font-size:1.5rem}main{padding:1.5rem 15px}.post-card{grid-template-columns:1fr!important;gap:0!important;border-radius:12px!important}.post-image{order:-1;border-radius:12px 12px 0 0!important}.post-thumbnail,.no-image{width:100%!important;height:180px!important;border-radius:12px 12px 0 0!important}.no-image{border-radius:12px 12px 0 0!important}.post-title{font-size:1.2rem!important}.post-meta{font-size:0.8rem!important}.post-excerpt{font-size:0.9rem!important;margin-bottom:0.8rem!important}.read-more-btn{padding:.4rem 0.9rem!important;font-size:0.84rem!important;width:auto!important;text-align:center!important;border-radius:9999px!important}}