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