.container {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    overflow: hidden;

    // ===== A块：步骤按钮区域 =====
    .stepButtons {
        display: flex;
        align-items: center;
        background-color: transparent;
        gap: 5px;
        margin-bottom: 10px;

        // 每一个步骤按钮
        .stepButton {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 12px 24px;
            border-radius: 2%;
            cursor: pointer;
            // transition: all 0.3s ease;
            background: rgba(230, 230, 230, 0.8);
            // box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
            min-width: 160px;
            position: relative;
            border: 1px solid transparent;

            .stepLabel {
                font-size: 14px;
                color: #333333;
            }
        }

        // 选中步骤按钮样式
        .activeStepButton {
            background: #51e8a1 !important;
            border: 1px solid #51e8a1 !important;
            // box-shadow: 0px 2px 4px rgba(0, 228, 156, 0.3);

            .stepLabel {
                color: rgba(0, 129, 77, 1);
                font-weight: 600;
            }
        }

        // 步骤之间的连接线
        .connector {
            display: flex;
            align-items: center;
            margin: 0 -2px;
            z-index: 1;

            .connectorLine {
                width: 40px;
                height: 2px;
                background-color: rgba(34, 197, 170, 1);
            }

            .connectorNode {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: rgba(34, 197, 170, 1);
                flex-shrink: 0;
            }
        }
    }

    // ===== B块：内容区域 =====
    .contentArea {
        flex: 1;
        overflow-y: auto;
        border-radius: 4px;
        margin: 0 6px 6px 6px;
    }
}