/* ============================================
   在线访谈详情页面特定样式
   ============================================ */

/* 此页面使用 live-detail.css 中的公共样式 */
/* 如需添加特定样式，请在此文件中添加 */
.interview-card {
   border-radius: 8px;
   background-color: #f5f5f5;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.interview-card img{
   width: 100%;
}
.interview-left {
   display: grid;
   grid-template-columns: 328px 1fr;
   gap: 50px;
   align-items: start;
}
.interview-image {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
   min-height: 200px;
}

.interview-details {
   background-color: #fff;
   padding: 0;
}

.detail-item {
   display: flex;
   line-height: 1.8;
   padding-bottom: 20px;
   /* border-bottom: 1px solid #f0f0f0; */
}

.detail-item:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}

.detail-label {
   flex: 0 0 60px;
   color: #333;
   font-size: 20px;
}

.detail-value {
   flex: 1;
   color: #333;
   font-size: 20px;
   line-height: 1.8;
}
/* 响应式设计 - 平板 */
@media screen and (max-width: 1024px) {
   .interview-left {
       grid-template-columns: 270px 1fr;
       gap: 30px;
   }
   .detail-value{
      font-size: 18px;
   }
   .transcript-text{
      font-size: 18px;
   }
}

/* 响应式设计 - 移动端 */
@media screen and (max-width: 768px) {
   .interview-left {
       grid-template-columns: 1fr;
       gap: 30px;
   }

   .interview-image {
       min-height: 300px;
   }

}