.main-page{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.main-container,.main-layout{display:flex;flex-direction:column;gap:2rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.hot-live-section{animation:fadeInScale .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes giftboxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.events-grid>*{animation-delay:calc(var(--animation-order, 0) * .1s)}.events-grid>*:nth-child(1){--animation-order: 0}.events-grid>*:nth-child(2){--animation-order: 1}.events-grid>*:nth-child(3){--animation-order: 2}.events-grid>*:nth-child(4){--animation-order: 3}.events-grid>*:nth-child(5){--animation-order: 4}.events-grid>*:nth-child(6){--animation-order: 5}.no-events{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 1600px){.events-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.main-page{padding:1rem}.hot-live-section{padding:1.5rem}.events-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}