.event-detail-page{--bg-color:#ffffff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent:#d63031;--nav-height:52px;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.event-detail-nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}.event-detail-nav-title{font-size:12px;font-weight:600;opacity:.8;letter-spacing:-.01em}.event-detail-nav-back{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .2s}.event-detail-nav-back:hover{color:var(--text-primary)}.event-detail-header{padding-top:calc(var(--nav-height) + 40px);padding-bottom:40px;text-align:center;max-width:90%;margin:0 auto}.event-detail-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.event-detail-title{font-size:clamp(24px,4vw,48px);font-weight:700;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.event-detail-date{margin-top:10px;font-size:17px;color:var(--text-secondary);font-weight:500}.event-detail-visual{position:relative;width:100%;height:65vh;min-height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#f5f5f7}.event-detail-blur-bg{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-size:cover;background-position:50%;filter:blur(50px) brightness(.9);opacity:.6;z-index:1;transition:opacity 1s ease}.event-detail-poster-wrapper{position:relative;z-index:2;height:85%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);opacity:0;transform:scale(.95) translateY(20px);transition:all 1s cubic-bezier(.16,1,.3,1)}.event-detail-poster-wrapper.active{opacity:1;transform:scale(1) translateY(0)}.event-detail-poster-img{width:100%;height:100%;object-fit:cover}.event-detail-content{max-width:900px;margin:60px auto 100px;padding:0 20px;position:relative;z-index:3}.event-detail-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px}.event-detail-desc h3{font-size:24px;margin-bottom:20px;font-weight:700}.event-detail-desc-html{font-size:17px;line-height:1.7;color:#333}.event-detail-desc-html p{margin-bottom:16px}.event-detail-desc-html strong{color:#000;font-weight:600}.event-detail-desc-html img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}.event-detail-meta{display:flex;flex-direction:column;gap:30px}.event-detail-meta-item{padding-bottom:20px;border-bottom:1px solid #eee}.event-detail-meta-label{font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;margin-bottom:8px}.event-detail-meta-value{font-size:19px;font-weight:600;color:#1d1d1f;line-height:1.3}.event-detail-meta-sub{font-size:14px;color:#86868b;margin-top:4px}@media (max-width:768px){.event-detail-grid{grid-template-columns:1fr;gap:40px}.event-detail-visual{height:55vh}.event-detail-poster-wrapper{width:70%;height:auto}}.event-detail-related{background-color:#f5f5f7;padding:80px 20px 100px}.event-detail-related-container{max-width:1100px;margin:0 auto}.event-detail-related-title{font-size:28px;font-weight:700;margin-bottom:40px;color:#1d1d1f}.event-detail-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px}.event-detail-related-card-link{text-decoration:none;color:inherit;display:block}.event-detail-related-card{background:white;border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.event-detail-related-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.event-detail-related-card.ended{opacity:.6;filter:grayscale(.8)}.event-detail-related-card.ended:hover{transform:none;box-shadow:none}.event-detail-related-img-wrapper{height:200px;overflow:hidden;position:relative}.event-detail-related-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-detail-related-card:hover .event-detail-related-img{transform:scale(1.05)}.event-detail-related-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.event-detail-related-category{font-size:11px;font-weight:700;color:#86868b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.event-detail-related-card-title{font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.4;color:#1d1d1f}.event-detail-related-date{font-size:14px;color:#86868b;margin-top:auto}