body{background-color:#f5f5f5;color:#0f1117;font-family:Inter,Segoe UI,sans-serif;line-height:1.7;margin:0;padding:0}.article-container{max-width:900px;margin:0 auto;padding:40px 20px}.article-header{border-bottom:1px solid #dcdcdc;padding-bottom:20px;margin-bottom:30px}.article-header h1{font-size:2rem;font-weight:700;color:#0f1117;letter-spacing:.5px}.article-header .author{margin-top:10px;font-size:.95rem;color:#444}.article-header .keywords{font-size:.85rem;color:#6a6a6a;margin-top:4px}h2{color:#0077cc;font-size:1.6rem;margin-bottom:10px;border-left:3px solid #0077cc;padding-left:10px;font-weight:600}h3{color:#0066b2;font-size:1.25rem;margin-top:20px}h4{color:#005b9e;font-size:1.1rem;margin-top:15px}p{margin:14px 0;text-align:justify;color:#1a1a1a}ul{margin:15px 0;padding-left:25px}ul li{margin-bottom:6px;color:#2d2d2d}a{color:#0077cc;text-decoration:none;font-weight:500;transition:all .2s ease}a:hover{text-decoration:underline;color:#005fa3}pre{background-color:#1e1e2e;color:#e5e5e5;padding:16px;border-radius:10px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;box-shadow:0 3px 10px rgba(0,0,0,.1);border:1px solid #2a2a2a}.article-footer{margin-top:50px;font-size:.9rem;color:#666;text-align:center;border-top:1px solid #dcdcdc;padding-top:15px}button{background-color:#0077cc;color:#fff;border:none;padding:10px 18px;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .3s ease}button:hover{background-color:#005fa3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,204,.2)}@media (max-width:768px){.article-container{padding:20px}.article-header h1{font-size:1.6rem}h2{font-size:1.3rem}pre{font-size:.8rem}}