:root {
            --bg-color: #fdf6e3;
            --primary-color: #ff9f43;
            --primary-dark: #ee5253;
            --secondary-color: #54a0ff;
            --secondary-dark: #2e86de;
            --success-color: #1dd1a1;
            --success-dark: #10ac84;
            --text-color: #2d3436;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: var(--bg-color);
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            gap: 50px;
            flex-wrap: wrap;
        }

        .cartoon-btn {
            position: relative;
            padding: 15px 35px;
            font-size: 35px;
            font-weight: 800;
            color: white;
            border: none;
            border-radius: 50px; /* 大圆角实现圆润感 */
            cursor: pointer;
            transition: all 0.1s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            outline: none;
            user-select: none;
            /* 关键：使用粗边框模拟3D厚度，颜色比主体深 */
            border-bottom: 6px solid rgba(0,0,0,0.2); 
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        /* 方案1：经典弹跳果冻风 (Orange) */
        .btn-jelly {
            background-color: var(--primary-color);
            border-bottom-color: #e67e22;
            box-shadow: 
                0 6px 0 #e67e22,
                0 12px 10px rgba(0,0,0,0.1);
        }
        .btn-jelly:hover {
            transform: translateY(-2px);
            box-shadow: 
                0 8px 0 #e67e22,
                0 16px 15px rgba(0,0,0,0.15);
        }
        .btn-jelly:active {
            transform: translateY(6px);
            box-shadow: 
                0 0 0 #e67e22,
                inset 0 2px 5px rgba(0,0,0,0.2);
        }

         /* 装饰性标签 */
        .label {
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 50px;
            color: #636e72;
            font-weight: normal;
            opacity: 0;
            transition: opacity 0.3s;
        }
        .cartoon-btn:hover .label {
            opacity: 1;
        }