/* 拔掉wizard驗證套件，因 wizardInit 報錯 TypeError，改自刻 .nav-wizard 樣式 */
#app .nav-wizard {
    margin-bottom: 0;
}

    #app .nav-wizard li.nav-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1 1 0;
        color: var(--falcon-600);
    }

    /* 步驟間的連接線：從前一個圓心畫到目前圓心，蓋在圓圈下方 */
    #app .nav-wizard li.nav-item:not(:first-child):before {
        content: "";
        position: absolute;
        left: -50%;
        top: 1.25rem;
        width: 100%;
        height: 2px;
        transform: translateY(-50%);
        background-color: var(--falcon-300);
        z-index: 0;
    }

    #app .nav-wizard li.nav-item.active:before,
    #app .nav-wizard li.nav-item.done:before {
        background-color: var(--color-green);
    }

    #app .nav-wizard .nav-item-circle {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
        border: 1px solid var(--falcon-300);
        background-color: var(--falcon-theme-wizard-nav-item-circle-bg);
        color: var(--falcon-500);
    }

    #app .nav-wizard li.nav-item.active,
    #app .nav-wizard li.nav-item.done {
        color: var(--color-green);
    }

    #app .nav-wizard li.nav-item.active .nav-item-circle,
    #app .nav-wizard li.nav-item.done .nav-item-circle {
        background-color: var(--color-green);
        border-color: var(--color-green);
        color: #fff;
    }