/* 庆典页面专用样式 */
   .celebration-header {
       background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
       padding: 4rem 0;
       text-align: center;
       position: relative;
       overflow: hidden;
   }

   .celebration-header h1 {
       font-size: 3rem;
       color: #fff;
       text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
       margin-bottom: 1rem;
       position: relative;
       z-index: 2;
   }

   .celebration-header p {
       font-size: 1.2rem;
       color: #fff;
       max-width: 600px;
       margin: 0 auto;
       position: relative;
       z-index: 2;
   }

   .celebration-content {
       padding: 3rem 0;
       text-align: center;
       position: relative;
   }

   /* 蛋糕容器 */
   .cake-container {
       max-width: 600px;
       margin: 0 auto 4rem;
       height: 500px;
       position: relative;
   }

   /* 装饰元素 */
   .confetti {
       position: absolute;
       width: 10px;
       height: 10px;
       background-color: #f44336;
       animation: fall 5s linear infinite;
   }

   .balloon {
       position: absolute;
       border-radius: 50%;
       animation: float 8s ease-in-out infinite;
       z-index: 1;
   }

   .ribbon {
       position: absolute;
       background-color: #ff5252;
       transform-origin: top center;
       animation: wave 3s ease-in-out infinite;
   }

   /* 周年庆时间线 */
   .anniversary-timeline {
       max-width: 800px;
       margin: 5rem auto;
       position: relative;
   }

   .timeline-event {
       background: white;
       border-radius: 10px;
       padding: 1.5rem;
       margin-bottom: 2rem;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
       position: relative;
       transition: transform 0.3s ease;
   }

   .timeline-event:hover {
       transform: translateY(-5px);
   }

   .timeline-event h3 {
       color: #e91e63;
       margin-bottom: 0.5rem;
   }

   /* 动画效果 */
   @keyframes fall {
       0% {
           transform: translateY(-100px) rotate(0deg);
           opacity: 1;
       }

       100% {
           transform: translateY(100vh) rotate(360deg);
           opacity: 0;
       }
   }

   @keyframes float {
       0% {
           transform: translateY(0) rotate(0deg);
       }

       50% {
           transform: translateY(-20px) rotate(5deg);
       }

       100% {
           transform: translateY(0) rotate(0deg);
       }
   }

   @keyframes wave {
       0% {
           transform: rotate(-5deg);
       }

       50% {
           transform: rotate(5deg);
       }

       100% {
           transform: rotate(-5deg);
       }
   }

   @keyframes pulse {
       0% {
           transform: scale(1);
       }

       50% {
           transform: scale(1.05);
       }

       100% {
           transform: scale(1);
       }
   }

   .pulse {
       animation: pulse 3s ease-in-out infinite;
   }

   /* 响应式调整 */
   @media (max-width: 768px) {
       .celebration-header h1 {
           font-size: 2.2rem;
       }

       .cake-container {
           height: 400px;
       }
   }