.article-detail-section{padding:30px 0 50px;background-color:#f9f9f9;}.breadcrumb{padding:10px 0;font-size:14px;color:#666;margin-bottom:20px;}.breadcrumb a{color:#666;text-decoration:none;}.breadcrumb a:hover{color:#4CAF50;}.article-detail-layout{display:flex;gap:30px;}.article-main{flex:1;background:white;border-radius:8px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}.article-sidebar{flex:0 0 280px;}.article-title{font-size:28px;line-height:1.4;margin:0 0 15px;color:#333;}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;color:#666;font-size:14px;}.meta-item{display:flex;align-items:center;}.meta-icon{margin-right:5px;}.article-image{margin-bottom:25px;}.featured-image{width:100%;border-radius:8px;height:auto;max-height:400px;object-fit:cover;}.article-body{line-height:1.8;color:#444;}.article-body p{margin-bottom:20px;}.article-body h2{font-size:24px;margin:30px 0 15px;padding-bottom:10px;border-bottom:1px solid #eee;color:#333;}.article-body h3{font-size:20px;margin:25px 0 15px;color:#333;}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:20px;}.article-body li{margin-bottom:10px;}.intro{font-size:18px;color:#555;font-weight:500;padding:15px;background-color:#f8f8f8;border-left:4px solid #4CAF50;}.info-box{background-color:#f0f7f0;border-left:4px solid #4CAF50;padding:15px;margin:20px 0;border-radius:0 4px 4px 0;}.info-box h3{margin-top:0;color:#4CAF50;}.data-table{width:100%;border-collapse:collapse;margin:20px 0;}.data-table th,.data-table td{border:1px solid #ddd;padding:12px;text-align:left;}.data-table th{background-color:#f5f5f5;}.data-table tr:nth-child(even){background-color:#f9f9f9;}.timeline{margin:20px 0;}.timeline-item{display:flex;margin-bottom:15px;align-items:center;}.timeline-time{flex:0 0 120px;font-weight:bold;color:#4CAF50;}.timeline-content{flex:1;padding:10px 15px;background-color:#f5f5f5;border-radius:4px;}.myth-truth{margin:20px 0;}.myth,.truth{padding:15px;margin-bottom:15px;border-radius:4px;}.myth{background-color:#fff0f0;border-left:4px solid #ff5252;}.truth{background-color:#f0fff0;border-left:4px solid #4CAF50;}.myth h3,.truth h3{margin-top:0;}.myth h3{color:#ff5252;}.truth h3{color:#4CAF50;}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;}.tip-card{text-align:center;border:1px solid #eee;border-radius:8px;padding:15px;transition:transform 0.3s;}.tip-card:hover{transform:translateY(-5px);}.tip-card img{width:100%;height:120px;object-fit:cover;border-radius:4px;margin-bottom:10px;}.tip-card h3{margin:10px 0 5px;font-size:16px;}.tip-card p{margin:0;font-size:14px;color:#666;}.article-header{margin-bottom:30px;}.article-title{font-size:28px;line-height:1.4;margin:0 0 15px;color:#333;}.article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;color:#666;font-size:14px;}.article-image{margin-bottom:25px;}.featured-image{width:100%;border-radius:8px;height:auto;max-height:400px;object-fit:cover;}.article-content{line-height:1.8;color:#444;padding:10px;}.article-content p{margin-bottom:20px;}.article-content h2{font-size:24px;margin:30px 0 15px;padding-bottom:10px;border-bottom:1px solid #eee;color:#333;}.article-content h3{font-size:20px;margin:25px 0 15px;color:#333;}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:20px;}.article-content li{margin-bottom:10px;}.loading-placeholder{text-align:center;padding:50px 0;color:#999;}.article-summary{background-color:#f5f5f5;padding:20px;border-radius:8px;margin:30px 0;}.article-summary h3{margin-top:0;color:#4CAF50;}.article-tags{margin:30px 0;display:flex;flex-wrap:wrap;gap:10px;}.tag{display:inline-block;padding:5px 12px;background-color:#f0f0f0;border-radius:20px;font-size:14px;color:#666;}.article-actions{display:flex;gap:15px;margin:30px 0;}.action-btn{padding:10px 20px;border:1px solid #ddd;background-color:white;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all 0.3s;}.action-btn:hover{background-color:#f5f5f5;}.like-btn:hover{color:#ff5252;border-color:#ff5252;}.share-btn:hover{color:#2196F3;border-color:#2196F3;}.comment-btn:hover{color:#4CAF50;border-color:#4CAF50;}.related-articles{margin-top:50px;}.related-title{font-size:22px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;}.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.related-item{display:block;text-decoration:none;color:#333;transition:transform 0.3s;}.related-item:hover{transform:translateY(-5px);}.related-item img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:10px;}.related-item h4{margin:0;font-size:16px;line-height:1.4;}.sidebar-widget{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,0.05);}.widget-title{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;}.popular-list{list-style:none;padding:0;margin:0;}.popular-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #eee;}.popular-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}.popular-link{display:flex;align-items:center;color:#333;text-decoration:none;transition:color 0.3s;}.popular-link:hover{color:#4CAF50;}.popular-rank{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#f5f5f5;border-radius:50%;margin-right:10px;font-size:12px;color:#666;}.popular-list li:nth-child(1) .popular-rank{background-color:#ff5252;color:white;}.popular-list li:nth-child(2) .popular-rank{background-color:#ff9800;color:white;}.popular-list li:nth-child(3) .popular-rank{background-color:#4CAF50;color:white;}.popular-title{flex:1;font-size:14px;line-height:1.4;}.tools-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.tool-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;padding:10px;border-radius:4px;transition:background-color 0.3s;}.tool-link:hover{background-color:#f5f5f5;}.tool-link img{width:40px;height:40px;margin-bottom:5px;}.tool-link span{font-size:12px;text-align:center;}@media (max-width:992px){.article-detail-layout{flex-direction:column;}.article-sidebar{flex:1;margin-top:30px;}.related-list{grid-template-columns:repeat(2,1fr);}.tips{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){.article-main{padding:10px;}.article-title{font-size:24px;}.related-list,.tips{grid-template-columns:1fr;}.article-actions{flex-direction:column;}.action-btn{justify-content:center;}.timeline-item{flex-direction:column;align-items:flex-start;}.timeline-time{margin-bottom:5px;}}