.article-container{background-color:#333;border-radius:10px;max-width:800px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.writer-info{align-items:center;margin-bottom:20px;display:flex}.writer-info .writer-avatar{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-right:20px}.writer-info .writer-details .writer-name{margin:0;font-size:1.5rem;font-weight:700;color:#333!important}.writer-info .writer-details .social-links a:first-child{color:#875c20;transition:transform .3s ease-in-out}.writer-info .writer-details .social-links a:first-child:hover{color:#422b0b}.writer-info .writer-details .social-links a:last-child{color:#dc220d;transition:transform .3s ease-in-out}.writer-info .writer-details .social-links a:last-child:hover{color:#ff1a01}.article-content td{text-align:center}.article-content table,.article-content th,.article-content td{border-collapse:collapse;color:#6cb9b9;border:2px solid #444}.article-content blockquote,.article-content ol,.article-content p,.article-content strong,.article-content i{color:#6cb9b9}.article-content h3{color:#a6a048;margin-top:20px;font-size:1.25rem}.article-content code{background-color:#444;border-radius:5px;padding:3px 5px}.article-content .event_loop_diagram{max-width:100%;height:auto}.article-content h3{border-bottom:3px solid #c2bfbf;padding-bottom:4px;display:inline-block}.article-content .js_learn_topic_list>li{cursor:pointer;color:#c1b946;border-bottom:3px solid #0000;width:fit-content;transition:all .3s ease-in-out}.article-content .js_learn_topic_list>li:hover{border-bottom:3px solid #9400d3;transform:scale(1.08)}.article-content ul{margin-left:20px;list-style-type:disc}.article-content ul li{color:#6cb9b9}.article-content pre{background-color:#f4f4f4;border:1.5px solid #444;border-radius:5px;padding:10px;overflow-x:auto}.article-content code{font-family:Courier New,monospace}@media (max-width:768px){.article-container{padding:10px}.writer-info{justify-content:center;align-items:flex-start}.writer-avatar{width:80px;height:80px}.writer-details .writer-name{font-size:1.2rem}.writer-details .social-links{margin-top:8px}.writer-details .social-links a{font-size:.8rem}.article-content h3{font-size:1.125rem}}