/**
 * 文化活动页样式
 * @package GuangDeLou
 */

/* === 活动详情头部 === */
.event-hero{position:relative;width:100%;overflow:hidden}
.event-hero img{width:100%;aspect-ratio:750/400;object-fit:cover;display:block}
.event-hero .event-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}
.event-hero .event-title{font-size:22px;font-weight:700;margin-bottom:4px}
.event-hero .event-subtitle{font-size:14px;opacity:.9}

/* === 活动信息卡 === */
.event-info-card{background:#fff;margin:12px;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.event-info-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5}
.event-info-row:last-child{border-bottom:none}
.event-info-row .info-icon{width:20px;height:20px;margin-right:8px;color:var(--gdl-gold,#A89456);flex-shrink:0}
.event-info-row .info-label{font-size:13px;color:#999;width:70px;flex-shrink:0}
.event-info-row .info-value{font-size:14px;color:#333;flex:1}

/* === 活动内容 === */
.event-content{padding:16px;background:#fff;margin:12px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.event-content h3{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--gdl-text,#333)}
.event-content p{font-size:14px;line-height:1.8;color:#666;margin-bottom:8px}

/* === 报名进度 === */
.event-register-progress{margin:12px;border-radius:12px;padding:16px;background:var(--gdl-bg,#F5EDE0);text-align:center}
.event-register-progress .progress-label{font-size:13px;color:#666;margin-bottom:8px}
.event-register-progress .progress-bar{height:8px;background:#e0d6c8;border-radius:4px;overflow:hidden;margin-bottom:8px}
.event-register-progress .progress-fill{height:100%;background:var(--gdl-red,#A93939);border-radius:4px;transition:width .5s ease}
.event-register-progress .progress-count{font-size:14px;font-weight:700;color:var(--gdl-red,#A93939)}

/* === 报名按钮 === */
.event-register-btn{display:block;width:calc(100% - 32px);margin:12px 16px;padding:14px;text-align:center;background:var(--gdl-red,#A93939);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;position:fixed;bottom:60px;left:0;right:0;max-width:448px;margin:0 auto;z-index:100}
.event-register-btn:active{opacity:.85}
.event-register-btn.disabled{background:#ccc;cursor:not-allowed}

/* === 报名弹窗 === */
.event-register-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:none;align-items:flex-end;justify-content:center}
.event-register-modal.active{display:flex}
.event-register-modal .modal-content{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:20px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}
.event-register-modal .modal-title{font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}
.event-register-modal .form-group{margin-bottom:12px}
.event-register-modal .form-group label{display:block;font-size:13px;color:#666;margin-bottom:4px}
.event-register-modal .form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}
.event-register-modal .submit-btn{width:100%;padding:12px;background:var(--gdl-red,#A93939);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}

/* === 活动图集 === */
.event-gallery{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px;scrollbar-width:none}
.event-gallery::-webkit-scrollbar{display:none}
.event-gallery img{flex:0 0 200px;height:140px;border-radius:8px;object-fit:cover}

/* === 报名成功提示 === */
.event-register-success{text-align:center;padding:40px 20px}
.event-register-success .success-icon{width:64px;height:64px;margin:0 auto 16px}
.event-register-success h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#28a745}
.event-register-success p{font-size:14px;color:#666}

@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}