/* 内容布局 */
.detail-container { margin: 16px; }
.detail-layout { display: flex; width:1086px; margin:0 auto; }

/* 左侧大图 */
.detail-left { width: 458px; margin-right:30px;}
.event-image-large { width: 458px; height: 850px; border-radius:6px;  }
.image-title-pic{width:458px; height:850px;}
.image-title-pic img{width:458px; height:850px; border-radius:6px;}

/* 右侧信息 */
.detail-right { flex: 1; font-size:16px; }
.organizer-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.organizer-avatar { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ccc; }
.organizer-avatar img{ width: 50px; height: 50px; border-radius: 50%;}
.organizer-name { font-size: 22px; font-weight:bold; color: #000; }

.event-title { font-size: 25px; color: #1B1F27; line-height: 22px; margin: 20px 0; font-weight:700; }
.event-desc { font-size: 16px; color: #474747; line-height:30px; }

.price-row { margin: 12px 0; font-size: 18px; color: #FB1010; font-weight: 700; }
.price-row span{font-size:12px;}

.info-row { display: flex; align-items: center; gap: 18px; margin: 8px 0; line-height:32px;}
.info-label { color: #474747; }
.info-value {  color: #2b2b2b; font-weight:bold; }
.info-date {  color: #474747; margin-left: auto; }

.participants-title { color: #1F1F1F; margin-top: 14px; font-weight:bold; width:100%; border-top:1px solid #F7F7F7; padding-top:20px; }
.participants-row { display: flex; align-items: center; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.participant-avatar { width: 60px; height: 60px; border-radius: 50%; margin-right:-30px; }
.participant-avatar img { width: 60px; height: 60px; border-radius: 50%;}

.section-title { color: #1F1F1F; font-weight:bold; margin-top: 36px; }
.notice-list { margin-top: 8px; }
.notice-item { color: #1F1F1F; line-height:30px; margin: 6px 0; }

.action-row { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.btn-apply-now { width:507px; height: 34px; border-radius: 18px; background: #ff5a62; color: #ffffff; font-size: 12px; border: none; cursor: pointer; }
.view-count { font-size: 14px; color: #8c919a; margin-left: auto; display:flex; width:32px; }
.view-count-icon{width:14px; height:14px; margin-top:3px; margin-right:5px;}
.view-count-icon img{width:14px; height:14px;}
.view-count-text{width:15px; text-align:left; }