.article-detail {
     background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
     padding: 60px 0;
     min-height: 600px;
 }

 .article-detail__container {
     width: 1200px;
     margin: 0 auto;
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
     overflow: hidden;
 }

 /* 面包屑导航 */
 .article-detail__breadcrumb {
     padding: 20px 30px;
     border-bottom: 1px solid #f0f0f0;
     background: #fafafa;
 }

 .breadcrumb__item {
     color: #666;
     text-decoration: none;
     font-size: 14px;
     transition: color 0.3s ease;
 }

 .breadcrumb__item:hover {
     color: var(--primary-color);
 }

 .breadcrumb__item--current {
     color: var(--primary-color);
     font-weight: 500;
 }

 .breadcrumb__separator {
     margin: 0 8px;
     color: #ccc;
 }

 /* 文章主体布局 */
 .article-detail__main {
     display: flex;
     gap: 40px;
     padding: 40px 30px;
 }

 .article-detail__content {
     flex: 1;
     min-width: 0;
 }

 .article-detail__sidebar {
     width: 320px;
     flex-shrink: 0;
 }

 /* 文章头部 */
 .article-detail__header {
     margin-bottom: 40px;
     padding-bottom: 30px;
     border-bottom: 2px solid #f0f0f0;
 }

 .article-detail__title {
     font-size: 32px;
     font-weight: bold;
     color: #2c3e50;
     line-height: 1.4;
     margin-bottom: 20px;
     text-align: center;
 }

 .article-detail__meta {
     display: flex;
     justify-content: center;
     gap: 30px;
     flex-wrap: wrap;
 }

 .article-detail__meta-item {
     display: flex;
     align-items: center;
     gap: 8px;
     color: #666;
     font-size: 14px;
 }

 .article-detail__meta-item i {
     color: var(--primary-color);
     font-size: 16px;
 }

 .article-detail__tags {
     display: flex;
     justify-content: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .article-detail__tag {
     background: linear-gradient(135deg, var(--primary-color), #3498db);
     color: white;
     padding: 6px 16px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 500;
 }

 /* 文章内容 */
 .article-detail__body {
     margin-left: 30px;
     margin-right: 30px;
 }

 .article-detail__content-text {
     font-size: 16px;
     line-height: 1.8;
     color: #333;
 }