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