/* ???? Overlay ปิดทั้งหน้า */ .xmas-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 999999; display: flex; align-items: center; justify-content: center; } /* ???? กล่องป้าย */ .xmas-box { background: linear-gradient(180deg, #b30000, #6a0000); border: 4px solid #ffe14d; border-radius: 18px; padding: 40px 32px; text-align: center; max-width: 420px; box-shadow: 0 0 40px rgba(255,225,77,0.6); animation: glow 2s infinite alternate; } /* ???? หัวข้อ */ .xmas-box h1 { font-size: 2.4rem; color: #fff799; margin-bottom: 14px; text-shadow: 0 0 12px rgba(255,255,255,0.9); } /* ข้อความ */ .xmas-box p { font-size: 1.1rem; color: #ffffff; margin-bottom: 22px; line-height: 1.6; } /* ???? ปุ่มสมัคร */ .xmas-btn { display: inline-block; padding: 14px 28px; background: linear-gradient(135deg, #00ff7b, #00b85c); color: #000 !important; font-size: 1.2rem; font-weight: 800; border-radius: 50px; text-decoration: none; box-shadow: 0 0 18px rgba(0,255,123,0.9); transition: transform 0.2s, box-shadow 0.2s; } .xmas-btn:hover { transform: scale(1.08); box-shadow: 0 0 30px rgba(0,255,123,1); } /* ✨ เอฟเฟกต์เรืองแสง */ @keyframes glow { from { box-shadow: 0 0 20px rgba(255,225,77,0.4); } to { box-shadow: 0 0 45px rgba(255,225,77,0.9); } }