/* 加载状态样式 */
.loading-container {
    text-align: center;
    padding: 60px 0;
  }
  
  .loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #1890ff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .error-container {
    text-align: center;
    padding: 60px 0;
    color: #666;
  }
  
  /* 静态轮播图样式 */
  .hero-static {
    position: relative;
    height: 400px;
    overflow: hidden;
  }
  
  .static-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .static-slide:first-child {
    opacity: 1;
  }
  
  /* 新闻详情页 */
  .news-detail-container {
      padding: 48px 0 60px;
      background: #fff;
  }
  
  .news-detail-content {
      background: #fff;
      padding: 30px;
      box-shadow: 0 0 15px rgba(0,0,0,0.05);
      border-radius: 4px;
  }
  
  .news-header {
      border-bottom: 1px solid #eee;
      padding-bottom: 20px;
      margin-bottom: 30px;
  }
  
  .news-title {
      font-size: 28px!important;
      color: #333!important;
      margin-bottom: 20px!important;
      font-weight: bold!important;
      line-height: 1.4!important;
  }
  
  .news-meta {
      color: #999;
      font-size: 14px;
  }
  
  .news-meta span {
      margin-right: 20px;
  }
  
  .news-content {
      color: #666;
      line-height: 1.8;
  }
  
  .news-image {
      margin: 30px 0;
      text-align: center;
  }
  
  .news-image img {
      max-width: 100%;
      height: auto;
      border-radius: 4px;
      display: inline-block;
  }
  
  .news-text {
      margin-top: 30px;
  }
  
  .news-text p {
      margin-bottom: 20px;
      line-height: 1.8;
      font-size: 15px;
  }
  
  .news-text h3 {
      font-size: 20px;
      color: #333;
      margin: 30px 0 20px;
      font-weight: bold;
  }
  
  .news-text ul {
      padding-left: 20px;
      margin-bottom: 20px;
  }
  
  .news-text ul li {
      line-height: 1.8;
      margin-bottom: 10px;
      color: #666;
      font-size: 14px;
  }
  .news-text img {
      margin: 30px auto;
      max-width: 100%;
      height: auto;
      display: block;
      border-radius: 4px;
  }
  
  /* 确保动态内容中的图片样式生效 */
  :deep(.news-text img) {
      margin: 30px auto !important;
      max-width: 100% !important;
      height: auto !important;
      display: block !important;
      border-radius: 4px !important;
  }
  
  /* 全局样式，确保所有新闻内容中的图片都有正确的样式 */
  :global(.news-text img) {
      margin: 30px auto !important;
      max-width: 100% !important;
      height: auto !important;
      display: block !important;
      border-radius: 4px !important;
  }
  
  .news-footer {
      margin-top: 40px;
      padding-top: 20px;
  }
  
  .news-tags {
      margin-bottom: 20px;
  }
  
  .news-tags span {
      color: #999;
  }
  
  .news-tags text {
      display: inline-block;
      margin: 0 5px;
      padding: 2px 10px;
      background: #f5f5f5;
      color: #666;
      border-radius: 3px;
      text-decoration: none;
      font-size: 14px;
  }
  
  .news-tags a:hover {
      background: #1890ff;
      color: #fff;
  }
  
  .news-navigation {
      border-top: 1px dashed #eee;
      padding-top: 20px;
  }
  
  .news-navigation div {
      margin-bottom: 10px;
      font-size: 14px;
  }
  
  .news-navigation span {
      color: #999;
  }
  
  .news-navigation a {
      color: #666;
      text-decoration: none;
      font-weight: normal;
      font-size: 14px;
  }
  
  .news-navigation a:hover {
      color: #1890ff;
  } 
  @media screen and (max-width: 768px) {
      .news-detail-container {
          padding: 22px 0 40px
      }
      #tf-news-detail .news-title {
          font-size: 18px!important;
          margin-bottom: 6px!important;
      }
      #tf-news-detail .news-detail-content {
          padding: 20px;
      }
      #tf-news-detail .news-header {
          padding-bottom: 12px;
      }
      #tf-news-detail .news-text p {
          margin-bottom: 10px;
          line-height: 1.8;
          font-size: 14px;
      }
  }