.hot-events-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.hot-events-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.hot-events-header .lead{font-size:.9rem;color:#666;line-height:1.6}.hot-event-card{position:relative;background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:18px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .25s ease,transform .25s ease;overflow:hidden}.hot-event-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.hot-event-card:active{transform:translateY(0);box-shadow:0 1px 4px #0000000f}.hot-event-card .card-body{padding:1.25rem 1.25rem 1rem}.hot-event-featured{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;color:#666;letter-spacing:.02em;text-transform:uppercase;margin-bottom:.5rem}.hot-event-featured:before{content:"";width:5px;height:5px;border-radius:50%;background:#1a1a1a}.hot-event-free-badge,.hot-event-unlocked-badge{display:inline-block;font-size:.6875rem;font-weight:600;color:#1a1a1a;background:#e8e8e8;padding:.0625rem .5rem;border-radius:3px;letter-spacing:.01em;margin-bottom:.5rem}display: inline-block; font-size: .6875rem; font-weight: 600; color: #1a1a1a; background: #e8e8e8; padding: .0625rem .5rem; border-radius: 3px; letter-spacing: .01em; margin-bottom: .5rem; } .hot-event-category{display:inline-block;font-size:.6875rem;font-weight:500;color:#666;background:#f5f5f5;padding:.125rem .5rem;border-radius:4px;letter-spacing:.01em;margin-bottom:.5rem}.hot-event-card-title{font-size:.9375rem;font-weight:600;line-height:1.35;color:#1a1a1a;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot-event-card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.hot-event-card-title a:hover{color:#666}.hot-event-card-hook,.hot-event-card-tags,.hot-event-card-lead{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.5rem}.hot-event-card-label{font-size:.625rem;font-weight:600;color:#bbb;letter-spacing:.01em;flex-shrink:0;min-width:2rem}.hot-event-card-hook{font-size:.8125rem;font-weight:500;color:#1a1a1a;line-height:1.4}.hot-event-card-tags{flex-wrap:wrap}.hot-event-card-tag{display:inline-block;font-size:.625rem;font-weight:500;color:#888;background:#f5f5f5;padding:.125rem .4375rem;border-radius:3px}.hot-event-card-tag--muted{color:#bbb;background:#f8f8f8}.hot-event-card-lead{font-size:.75rem;color:#999}.hot-event-original-title{font-size:.75rem;color:#999;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.625rem;padding-bottom:.625rem;border-bottom:1px solid #f0f0f0}.hot-event-summary{font-size:.8125rem;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.hot-event-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.625rem;border-top:1px solid #f0f0f0}.hot-event-meta-item{font-size:.75rem;color:#999;font-weight:400;display:inline-flex;align-items:center;gap:.25rem}.hot-event-meta-item i{font-size:.75rem;color:#bbb}.hot-event-adapted-count{font-size:.75rem;font-weight:500;color:#666;background:#f5f5f5;padding:.125rem .5rem;border-radius:4px;display:inline-flex;align-items:center;gap:.25rem;transition:background .2s ease}.hot-event-card:hover .hot-event-adapted-count{background:#eee}.hot-events-premium-notice{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:1.25rem;font-size:.8125rem;color:#666;flex-wrap:wrap}.hot-events-premium-notice i{color:#999;font-size:.9375rem}.badge-premium-dot{display:inline-block;font-size:.6875rem;font-weight:600;color:#999;background:#f0f0f0;padding:.0625rem .375rem;border-radius:3px;letter-spacing:.01em}.hot-events-premium-link{margin-left:auto;font-size:.8125rem;font-weight:600;color:#1a1a1a;text-decoration:none;padding:.25rem .75rem;border:1px solid #1a1a1a;border-radius:8px;transition:all .2s ease}.hot-events-premium-link:hover{background:#1a1a1a;color:#fff}.hot-event-card--locked{border-color:#eee;cursor:pointer}.hot-event-card--locked:hover{transform:none;box-shadow:0 2px 8px #0000000a}.hot-event-card--locked .hot-event-card-title{color:#999}.hot-event-card--locked .hot-event-summary{color:#bbb}.hot-event-card--locked .hot-event-category{color:#bbb;background:#f8f8f8}.hot-event-card--locked .hot-event-featured{color:#ccc}.hot-event-card--locked .hot-event-featured:before{background:#ccc}.hot-event-lock-bar{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;padding-top:.625rem;border-top:1px solid #f0f0f0;font-size:.75rem;color:#bbb}.hot-event-lock-bar i{font-size:.75rem;color:#ccc}.hot-event-lock-bar span{font-weight:500;color:#bbb;flex:1}.hot-event-lock-upgrade{font-size:.75rem;font-weight:600;color:#1a1a1a;text-decoration:none;padding:.1875rem .625rem;border:1px solid #1a1a1a;border-radius:6px;transition:all .2s ease}.hot-event-lock-upgrade:hover{background:#1a1a1a;color:#fff}.hot-event-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;padding-top:.375rem}.hot-event-unlock-count{font-size:.6875rem;color:#bbb}.hot-events-empty{text-align:center;padding:4rem 1rem}.hot-events-empty-icon{width:56px;height:56px;border-radius:14px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hot-events-empty-icon i{font-size:1.5rem;color:#999}.hot-events-empty h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:.375rem}.hot-events-empty p{font-size:.875rem;color:#999;margin-bottom:0}.hot-events-locked{text-align:center;padding:4rem 1rem}.hot-events-locked-icon{width:64px;height:64px;border-radius:16px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hot-events-locked-icon i{font-size:1.75rem;color:#999}.hot-events-locked h4{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.hot-events-locked p{font-size:.875rem;color:#999;max-width:320px;margin:0 auto 1.25rem}@media(max-width:768px){.hot-events-header h1{font-size:1.25rem}.hot-events-header .lead{font-size:.8125rem}.hot-event-card .card-body{padding:1rem}.hot-event-card-title{font-size:.875rem}.hot-event-summary{font-size:.75rem}}