.article{max-width:1200px;margin:110px auto}@media (max-width:768px){.article{margin:95px auto;padding:16px 12px}}.articleHeader{text-align:center;margin-bottom:30px}@media (max-width:768px){.articleHeader{margin-bottom:24px}}.meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}@media (max-width:768px){.meta{gap:12px;margin-bottom:16px}}@media (max-width:480px){.meta{gap:8px}}.category{color:#fff;background:#6a6661;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:500}@media (max-width:768px){.category{padding:5px 12px;font-size:13px}}@media (max-width:480px){.category{padding:4px 10px;font-size:12px}}.date,.readTime{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}@media (max-width:768px){.date,.readTime{gap:4px;font-size:13px}}@media (max-width:480px){.date,.readTime{font-size:12px}}.title{color:#000;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){.title{margin-bottom:16px;font-size:1.8rem;line-height:1.3}}@media (max-width:480px){.title{margin-bottom:12px;font-size:1.5rem}}.excerpt{color:rgba(0,0,0,.7);margin-bottom:30px;font-size:1.2rem;line-height:1.6}@media (max-width:768px){.excerpt{margin-bottom:24px;font-size:1.1rem;line-height:1.5}}@media (max-width:480px){.excerpt{margin-bottom:20px;font-size:1rem}}.author{color:#c2c2c2;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:480px){.author{gap:8px}}.avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:40px;height:40px}@media (max-width:480px){.avatar{width:32px;height:32px}}.authorName{color:#bdbdbd;font-weight:500}@media (max-width:480px){.authorName{font-size:14px}}.articleImage{border-radius:12px;width:100%;height:400px;margin-bottom:40px;overflow:hidden}@media (max-width:768px){.articleImage{border-radius:8px;height:300px;margin-bottom:30px}}@media (max-width:480px){.articleImage{height:200px;margin-bottom:24px}}.articleImage img{object-fit:cover;width:100%;height:100%}.imagePlaceholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:500;display:flex}@media (max-width:768px){.imagePlaceholder{font-size:16px}}@media (max-width:480px){.imagePlaceholder{font-size:14px}}.articleContent{color:#111;margin-bottom:60px;line-height:1.8}@media (max-width:768px){.articleContent{margin-bottom:40px;line-height:1.6}}.articleContent h2{color:#fff;margin:40px 0 20px;font-size:1.8rem}@media (max-width:768px){.articleContent h2{margin:32px 0 16px;font-size:1.5rem}}@media (max-width:480px){.articleContent h2{margin:24px 0 12px;font-size:1.3rem}}.articleContent h3{color:#fff;margin:30px 0 15px;font-size:1.4rem}@media (max-width:768px){.articleContent h3{margin:24px 0 12px;font-size:1.2rem}}@media (max-width:480px){.articleContent h3{margin:20px 0 10px;font-size:1.1rem}}.articleContent p{margin-bottom:20px;font-size:1.1rem}@media (max-width:768px){.articleContent p{margin-bottom:16px;font-size:1rem}}@media (max-width:480px){.articleContent p{margin-bottom:14px;font-size:.95rem}}.articleContent ul,.articleContent ol{margin:20px 0;padding-left:25px}@media (max-width:768px){.articleContent ul,.articleContent ol{margin:16px 0;padding-left:20px}}@media (max-width:480px){.articleContent ul,.articleContent ol{margin:12px 0;padding-left:18px}}.articleContent ul li,.articleContent ol li{margin-bottom:10px}@media (max-width:768px){.articleContent ul li,.articleContent ol li{margin-bottom:8px}}@media (max-width:480px){.articleContent ul li,.articleContent ol li{margin-bottom:6px;font-size:.95rem}}.contentPlaceholder{text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:40px}@media (max-width:768px){.contentPlaceholder{padding:30px 20px}}@media (max-width:480px){.contentPlaceholder{padding:20px 16px}}.contentPlaceholder h2{color:#6c757d;margin-bottom:20px}@media (max-width:768px){.contentPlaceholder h2{margin-bottom:16px;font-size:1.3rem}}@media (max-width:480px){.contentPlaceholder h2{margin-bottom:12px;font-size:1.1rem}}.contentPlaceholder p{color:#fff}@media (max-width:480px){.contentPlaceholder p{font-size:.95rem}}.articleFooter{border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}@media (max-width:768px){.articleFooter{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:24px}}@media (max-width:480px){.articleFooter{gap:12px;padding-top:20px}}.tags{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:768px){.tags{justify-content:center;gap:8px}}@media (max-width:480px){.tags{gap:6px}}.tags span{color:#fff;font-weight:500}@media (max-width:480px){.tags span{font-size:14px}}.tag{color:#202020;cursor:pointer;background:#e9ecef;border:none;border-radius:20px;padding:6px 12px;font-size:14px;transition:all .2s}@media (max-width:768px){.tag{padding:5px 10px;font-size:13px}}@media (max-width:480px){.tag{padding:4px 8px;font-size:12px}}.tag:hover{background:#dee2e6}.share{align-items:center;gap:12px;display:flex}@media (max-width:768px){.share{gap:10px}}@media (max-width:480px){.share{gap:8px}}.share span{color:#fff;font-weight:500}@media (max-width:480px){.share span{font-size:14px}}.shareButton{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:8px 12px;transition:all .2s}@media (max-width:768px){.shareButton{padding:7px 10px}}@media (max-width:480px){.shareButton{padding:6px 8px;font-size:14px}}.shareButton:hover{background:#e9ecef;transform:translateY(-2px)}@media (max-width:480px){.meta{flex-direction:column;gap:8px}.date,.readTime{justify-content:center}.articleContent{word-wrap:break-word;overflow-wrap:break-word}.articleContent p,.articleContent li{text-align:justify}.tags{flex-direction:column;align-items:center}.tags span{margin-bottom:8px}}@media (max-width:360px){.article{padding:12px 8px}.title{font-size:1.3rem}.excerpt,.articleContent p,.articleContent li{font-size:.9rem}.articleContent h2{font-size:1.2rem}.articleContent h3{font-size:1rem}}