*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:800px;margin:0 auto;padding:20px}header{background-color:#2c3e50;color:#fff;padding:20px 0;margin-bottom:40px}header h1{text-align:center;font-size:28px;font-weight:600}header a{color:#fff;text-decoration:none}.article-list{list-style:none}.article-item{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.article-item:last-child{border-bottom:none}.article-item h2{margin-bottom:10px;font-size:24px;line-height:1.3}.article-item h2 a{color:#2c3e50;text-decoration:none;transition:color .2s}.article-item h2 a:hover{color:#3498db}.article-meta{color:#7f8c8d;font-size:14px;margin-bottom:10px}.article-excerpt{color:#555;font-size:16px;line-height:1.6}.article-page h1{font-size:36px;line-height:1.3;margin-bottom:15px;color:#2c3e50}.article-date{color:#7f8c8d;font-size:14px;margin-bottom:30px;display:block}.article-content{font-size:18px;line-height:1.8;color:#333}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:30px;margin-bottom:15px;color:#2c3e50;font-weight:600}.article-content h1{font-size:32px}.article-content h2{font-size:28px}.article-content h3{font-size:24px}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{margin-bottom:20px;margin-left:30px}.article-content li{margin-bottom:8px}.article-content a{color:#3498db;text-decoration:none;border-bottom:1px solid #3498db}.article-content a:hover{color:#2980b9;border-bottom-color:#2980b9}.article-content strong{font-weight:600}.article-content code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:16px}.loading{text-align:center;padding:60px 20px;color:#7f8c8d;font-size:18px}.error{text-align:center;padding:60px 20px;color:#e74c3c;font-size:18px}.back-link{display:inline-block;margin-bottom:20px;color:#3498db;text-decoration:none;font-size:16px}.back-link:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:15px}header h1{font-size:24px}.article-page h1{font-size:28px}.article-content{font-size:16px}.article-content h1{font-size:26px}.article-content h2{font-size:22px}.article-content h3{font-size:20px}}