body {
            background: linear-gradient(135deg, #e6f7ff 0%, #f0e6ff 50%, #e6ffe6 100%);
            font-family: 'Quicksand', 'Segoe UI', sans-serif;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 100vh;
            position: relative;
            overflow: auto; // 修改此处
        }

        /* 动态粒子背景 */
        #particles {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        h1 {
            color: #4a5568;
            font-size: 3.5rem;
            margin-bottom: 2rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
            font-weight: 300;
            letter-spacing: 2px;
        }

        /* 板块样式 */
        .section {
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 20px;
            backdrop-filter: blur(10px);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            padding: 30px;
            margin: 20px;
            width: 80%;
            max-width: 600px;
            position: relative;
            z-index: 1;
            transition: transform 0.3s ease;
        }

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

        h2 {
            color: #555;
            font-size: 24px;
            margin-bottom: 20px;
        }

        /* 按钮样式 */
        button {
            padding: 15px 30px;
            font-size: 18px;
            margin: 10px;
            border: none;
            border-radius: 30px;
            background: linear-gradient(145deg, #8BC34A 0%, #4CAF50 100%);
            color: white;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 6px rgba(76, 175, 80, 0.2);
            position: relative;
            overflow: hidden;
        }

        button:hover {
            background: #4cae4c;
            transform: scale(1.03);
        }

        /* 为深呼吸训练按钮添加独特样式 */
        #breathingButton {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            margin-top: 50px;
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: radial-gradient(circle at 65% 35%, #8BC34A, #4CAF50);
            box-shadow: 0 8px 24px rgba(76, 175, 80, 0.3);
            animation: breath 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
            position: relative;
        }

        @keyframes breath {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        /* 抖动动画 */
        @keyframes shake {
            0% {
                transform: translate(1px, 1px) rotate(0deg);
            }

            10% {
                transform: translate(-1px, -2px) rotate(-1deg);
            }

            20% {
                transform: translate(-3px, 0px) rotate(1deg);
            }

            30% {
                transform: translate(3px, 2px) rotate(0deg);
            }

            40% {
                transform: translate(1px, -1px) rotate(1deg);
            }

            50% {
                transform: translate(-1px, 2px) rotate(-1deg);
            }

            60% {
                transform: translate(-3px, 1px) rotate(0deg);
            }

            70% {
                transform: translate(3px, 1px) rotate(-1deg);
            }

            80% {
                transform: translate(-1px, -1px) rotate(1deg);
            }

            90% {
                transform: translate(1px, 2px) rotate(0deg);
            }

            100% {
                transform: translate(1px, -2px) rotate(-1deg);
            }
        }

        /* 音频播放按钮的蠕动动画 */
        @keyframes wiggle {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.03);
            }

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

        /* 播放状态下的按钮样式 */
        button.playing {
            animation: wiggle 0.5s infinite;
        }

        /* 奖杯样式 */
.trophy-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  transition: all 0.5s ease;
  z-index: 9999;
  transform: translateZ(100px);
}

.golden {
  filter: drop-shadow(0 0 5px #ffd700);
}

.rainbow {
  animation: rainbow 2s linear infinite;
}

@keyframes rainbow {
  0% { filter: hue-rotate(0deg) brightness(1.5); }
  100% { filter: hue-rotate(360deg) brightness(1.5); }
}

/* 烟花粒子效果 */
.firework {
  position: fixed;
  pointer-events: none;
  width: 20px;
  height: 20px;
  background: linear-gradient(45deg, #ff0000, #ff9500, #ffd700, #9bff00);
  border-radius: 50%;
  animation: firework 1.5s ease-out;
  box-shadow: 0 0 15px rgba(255,87,34,0.5);
  z-index: 9999;
  transform: translateZ(100px);
}

@keyframes firework {
  0% { transform: scale(0) rotate(0deg); opacity: 1; }
  50% { transform: scale(4) rotate(180deg) translateY(-80px); opacity: 0.9; }
  100% { transform: scale(6) rotate(360deg) translateY(-150px); opacity: 0; }
}

/* 不同规模烟花 */
.small-firework { width: 100px; height: 100px; }
.medium-firework { width: 150px; height: 150px; animation-duration: 2s; filter: drop-shadow(0 0 10px silver); }
.large-firework { width: 200px; height: 200px; animation-duration: 2.5s; filter: drop-shadow(0 0 20px gold) hue-rotate(0deg); animation: rainbow 3s infinite; }

/* 电子木鱼容器样式 */
        #woodenFishContainer {
            display: inline-block;
            vertical-align: top;
            margin-left: 50px;
            text-align: center;
        }

        /* 清零按钮样式 */
        #resetCountButton {
            padding: 8px 16px;
            font-size: 14px;
        }
        /* 新增压力测试板块样式 */
        .question {
            margin: 15px 0;
            padding: 10px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        label {
            display: block;
            margin: 8px 0;
            cursor: pointer;
        }
        input[type="radio"], input[type="checkbox"] {
            margin-right: 8px;
        }

        /* 统一入口按钮样式 */
.assessment-btn {
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 25px;
    background: linear-gradient(145deg, #ff6b6b, #ff8e8e);
    color: white;
    border: none;
    cursor: pointer;
    transition: transform 0.2s;
}

.assessment-btn:hover {
    transform: scale(1.05);
}

/* 修改压力测试板块样式为横向布局 */