html,body{overflow:auto;height:auto}.event-banner{width:100%;height:280px;background:url('/static/img/event_bg.webp') center / cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:var(--g6-nav-height,72px)}.event-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,125,41,0.2) 0%,rgba(52,211,153,0.2) 25%,rgba(59,130,246,0.2) 50%,rgba(255,211,61,0.2) 75%,rgba(255,125,41,0.2) 100%);background-size:200% 100%;animation:event-gradient 15s linear infinite;opacity:0.5}@keyframes event-gradient{0%{background-position:0% 50%}100%{background-position:200% 50%}}.event-banner-title{font-size:2.5rem;font-weight:700;color:var(--accent2);margin-bottom:8px;position:relative;z-index:1}.event-banner-subtitle{color:#fff;font-size:1.1rem;margin-bottom:16px;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,0.6)}.event-banner-btn{background-color:var(--accent2);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:0.95rem;cursor:pointer;position:relative;z-index:1;transition:opacity 0.2s}.event-banner-btn:hover{opacity:0.85}.event-main{max-width:1400px;margin:0 auto;padding:24px}.event-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.event-stat-card{background-color:var(--bg-card);border-radius:10px;padding:20px;text-align:center;border:1px solid var(--border)}.event-stat-card.live{border-color:var(--success);background-color:rgba(16,185,129,0.1)}.event-stat-number{font-size:2rem;font-weight:700;margin-bottom:4px;color:var(--text)}.event-stat-label{color:var(--text-dim);font-size:0.9rem}.event-status-bar{background-color:rgba(16,185,129,0.1);border-left:4px solid var(--success);padding:12px 16px;border-radius:4px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.event-status-dot{width:10px;height:10px;background-color:var(--success);border-radius:50%;display:inline-block;margin-right:8px;animation:event-pulse 2s ease-in-out infinite}@keyframes event-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.event-status-bar .event-status-right{color:var(--success);font-weight:600}.event-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--border)}.event-section-title{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:600;color:var(--text)}.event-section-count{background-color:var(--border);padding:4px 12px;border-radius:12px;font-size:0.9rem;color:var(--text-dim)}.event-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.event-card{background-color:var(--bg-card);border-radius:12px;border:1px solid var(--border);position:relative;transition:border-color 0.2s,transform 0.2s}.event-card:hover{transform:translateY(-2px)}.event-card.live{border-color:var(--accent2)}.event-card.upcoming{border-color:var(--success)}.event-card-thumbnail{width:100%;height:160px;background-color:var(--bg-hover);position:relative;border-radius:12px 12px 0 0;overflow:hidden}.event-card-meta{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px}.event-difficulty-bar{width:80px;height:6px;background-color:rgba(0,0,0,0.5);border-radius:3px;overflow:hidden}.event-difficulty-fill{height:100%;background-color:var(--accent2)}.event-status-tag{position:absolute;top:12px;right:12px;background-color:var(--accent2);color:#fff;padding:4px 12px;border-radius:12px;font-size:0.85rem;font-weight:600}.event-card.upcoming .event-status-tag{background-color:var(--success)}.event-card-content{padding:16px;position:relative;margin-top:-55px;clip-path:url(#arcUp);background-color:var(--bg-card);padding-top:55px;z-index:2;border-radius:0 0 12px 12px}.event-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.event-card-icon{width:32px;height:32px;border-radius:50%;background-color:var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;overflow:hidden}.event-card-icon-img{width:100%;height:100%;object-fit:cover;display:block}.event-card-name{font-size:1.1rem;font-weight:600;color:var(--text)}.event-card-en{font-size:0.85rem;color:var(--text-dim);margin-bottom:12px}.event-card-info{display:flex;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-dim);flex-wrap:wrap}.event-card-info .event-location{display:flex;align-items:center;gap:4px}.event-card-info .event-time{display:flex;align-items:center;gap:4px}.event-timeline-controls{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.event-timeline-btn{background-color:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:0.9rem;transition:all 0.2s}.event-timeline-btn:hover{border-color:var(--accent);color:var(--text)}.event-timeline-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.event-timeline-filter{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.event-filter-tag{background-color:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);padding:6px 12px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.2s}.event-filter-tag:hover{border-color:var(--accent);color:var(--text)}.event-filter-tag.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.event-timeline-empty{text-align:center;padding:60px 20px;color:var(--text-dim);font-size:1rem;background-color:var(--bg-card);border-radius:10px;border:1px solid var(--border);margin-bottom:24px}.event-tl-row{background-color:var(--bg-card);border-radius:10px;padding:28px 24px;border:1px solid var(--border);margin-bottom:16px;position:relative}.event-tl-row-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.event-tl-row-badge{background-color:var(--accent);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:0.9rem}.event-tl-row-count{color:var(--text-dim);font-size:0.85rem}.event-tl-axis{position:relative;min-height:170px;height:auto;padding-top:22px;padding-bottom:28px}.event-tl-axis-line{position:absolute;left:0;right:0;height:2px;background-color:var(--border)}.event-tl-axis-major{}.event-tl-axis-minor{}.event-tl-axis-label{position:absolute;left:0;font-size:0.65rem;font-weight:600;opacity:0.6;pointer-events:none}.event-tl-axis-label.major{top:52px;color:#60a5fa}.event-tl-axis-label.minor{top:132px;color:#94a3b8}.event-tl-block{position:absolute;min-width:4px;cursor:pointer;transition:opacity 0.2s;z-index:5;overflow:visible}.event-tl-block:hover{opacity:0.85;z-index:15}.event-tl-block:hover .event-tl-name-tag{opacity:1;z-index:20}.event-tl-block-bar{position:absolute;top:0;left:0;right:3px;bottom:0;border-radius:4px;opacity:0.75}.event-tl-block-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.7rem;font-weight:700;color:#fff;white-space:nowrap;width:max-content;max-width:300px;padding:0 3px;z-index:2;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.event-tl-name-tag{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:3;pointer-events:none;opacity:0.85;transition:opacity 0.15s}.event-tl-name-above{bottom:calc(100% + 10px)}.event-tl-name-below{top:calc(100% + 10px);flex-direction:column-reverse}.event-tl-name-text{font-size:0.65rem;font-weight:500;color:var(--text);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.3;padding:1px 4px}.event-tl-name-text-multimap{display:flex;flex-direction:column;align-items:flex-start;white-space:normal;max-width:220px;overflow:visible;text-overflow:clip;line-height:1.5}.event-tl-multimap-title{font-size:0.65rem;font-weight:600;color:var(--text);padding-bottom:3px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.15);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-tl-multimap-maps{display:flex;flex-direction:column;gap:1px;width:100%;max-height:28px;overflow:hidden}.event-tl-map-item{font-size:0.55rem;color:var(--text-dim);padding-left:8px;border-left:2px solid rgba(255,255,255,0.25);white-space:nowrap;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.event-tl-connector{display:block;width:1px;height:26px;background-color:rgba(255,255,255,0.35);flex-shrink:0}.event-tl-ticks{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:var(--text-dim);font-size:0.7rem;opacity:0.7}@media (max-width:1024px){.event-stats-grid{grid-template-columns:repeat(2,1fr)}.event-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.event-banner{height:200px}.event-banner-title{font-size:1.8rem}.event-banner-subtitle{font-size:0.95rem}.event-banner-btn{padding:8px 20px;font-size:0.85rem}.event-main{padding:16px}.event-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.event-stat-card{padding:14px}.event-stat-number{font-size:1.5rem}.event-stat-label{font-size:0.8rem}.event-cards-grid{grid-template-columns:1fr;gap:14px}.event-card-thumbnail{height:140px}.event-card-content{padding:14px;padding-top:48px;margin-top:-48px}.event-card-name{font-size:1rem}.event-card-info{font-size:0.8rem}.event-section-title{font-size:1.1rem}.event-tl-row{padding:14px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.event-tl-axis{min-height:140px;min-width:1800px}.event-tl-row::-webkit-scrollbar{height:6px}.event-tl-row::-webkit-scrollbar-track{background:var(--bg-hover,rgba(255,255,255,0.05));border-radius:3px}.event-tl-row::-webkit-scrollbar-thumb{background:var(--border,rgba(255,255,255,0.15));border-radius:3px}.event-tl-row::-webkit-scrollbar-thumb:hover{background:var(--text-dim,rgba(255,255,255,0.3))}.event-tl-block-label{font-size:0.65rem}.event-tl-name-text{font-size:0.6rem;max-width:100px}.event-tl-connector{height:16px}.event-tl-axis-label{font-size:0.6rem}.event-status-bar{flex-direction:column;gap:8px;align-items:flex-start;padding:10px 14px}.event-timeline-controls{gap:6px}.event-timeline-btn{padding:7px 12px;font-size:0.8rem}.event-timeline-filter{gap:6px}.event-filter-tag{padding:5px 10px;font-size:0.8rem}.event-section-header{flex-wrap:wrap;gap:8px}.event-tl-multimap-title{font-size:0.55rem}.event-tl-map-item{font-size:0.5rem}.event-tl-name-text-multimap{max-width:160px}}@media (max-width:480px){.event-stats-grid{grid-template-columns:1fr;gap:8px}.event-banner{height:160px}.event-banner-title{font-size:1.4rem}.event-banner-subtitle{font-size:0.8rem}.event-main{padding:12px}.event-stat-card{padding:12px}.event-stat-number{font-size:1.3rem}.event-card-thumbnail{height:120px}.event-card-content{padding:10px;padding-top:40px;margin-top:-40px}.event-timeline-controls{flex-direction:column;gap:4px}.event-timeline-btn{width:100%;text-align:center;padding:10px;font-size:0.85rem}.event-timeline-filter{gap:4px}.event-tl-row{padding:10px}.event-tl-row-badge{font-size:0.8rem;padding:4px 8px}.event-tl-name-text{font-size:0.55rem;max-width:70px}.event-tl-connector{height:14px}.event-tl-axis{min-height:120px;min-width:1400px}.event-tl-axis-label{font-size:0.55rem}.event-tl-multimap-title{font-size:0.5rem}.event-tl-map-item{font-size:0.45rem}.event-tl-name-text-multimap{max-width:120px}}