.woocommerce table {
    width: 100%;
    table-layout: auto
}

.woocommerce-account a {
    text-decoration: none !important
}

.woocommerce-table--order-details {
    margin-bottom: 70px;
    margin-top: 0;
    border: 0
}

.woocommerce-table--order-details .wc-item-meta li {
    list-style: none
}

.woocommerce-table--order-details .wc-item-meta li+li {
    margin-top: 10px
}

.woocommerce-table--order-details .wc-item-meta li p {
    display: inline-block
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label {
    display: none
}

.woocommerce ul {
    list-style: none
}

.woocommerce-table--order-details .wc-item-meta {
    padding-left: 0;
    margin: 0
}

.form-row .input-text,
.form-row select {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 13px
}

input,
textarea {
    font-family: Roboto;
    border-width: 1px;
    outline: 0;
    background: 0 0
}

.woocommerce-account h2 {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    padding: 15px 0
}

.woocommerce-account .woocommerce-form,
.woocommerce-notices-wrapper {
    width: 100%;
    margin: 0 auto
}

/* 登录和注册表单样式 */
.woocommerce-LostPassword .separator {
    margin: 0 5px;
}

.woocommerce-LostPassword a {
    color: #000;
    /* text-decoration: underline !important; */
}

.back-to-login {
    text-align: center;
    margin-top: 20px;
}

.back-to-login a {
    color: #000;
    text-decoration: underline !important;
}

/* 确保登录按钮文字在所有设备上可见 */
.woocommerce-form-login__submit,.woocommerce-form-register__submit {
    color: #000 !important;
}


/* 在桌面版显示时的切换效果 */
@media (min-width: 768px) {
    .u-column1.inactive {
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }
    
    .u-column2.active {
        animation: highlight 0.5s ease;
    }
    
    @keyframes highlight {
        0% { transform: translateY(0); }
        50% { transform: translateY(-5px); }
        100% { transform: translateY(0); }
    }
}

@media (min-width:992px) {

    .woocommerce-account .woocommerce-ResetPassword,
    .woocommerce-account .woocommerce-form {
        padding: 100px 0
    }

    .woocommerce-account .woocommerce-form,
    .woocommerce-notices-wrapper {
        max-width: 50%;
        margin: 2em auto 5em !important
    }
}

.woocommerce-account .woocommerce-ResetPassword {
    max-width: 516px;
    margin: 0 auto
}

.woocommerce form .show-password-input
{
    display: none
}


/* .woocommerce-page label.woocommerce-form__label-for-checkbox input[type=checkbox] {
    display: none
} */

/* .woocommerce-page label.woocommerce-form__label-for-checkbox span::before {
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 2px solid var(--wp--preset--color--black);
    background: var(--wp--preset--color--white);
    margin-right: .5rem;
    transform: translateY(.2rem)
} */

.woocommerce a.button,
.woocommerce button.single_add_to_cart_button,
.woocommerce button[name=add-to-cart],
.woocommerce button[type=submit]:not(.wp-block-search__button),
.woocommerce input[name=submit] {
    display: inline-block;
    text-align: center;
    word-break: break-word;
    padding: .6180469716em .875em;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    border: 1px solid #000
}

.woocommerce .login-button {
    background: #000;
    color: #fff;
    margin-left: 15px
}

.woocommerce-account .lost_reset_password input,
.woocommerce-account .woocommerce-form input:not([type=checkbox]),
.woocommerce-account .woocommerce-form textarea,
.woocommerce-page .select2-container .select2-selection {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: none;
    display: block;
    font-size: 13px;
    margin: 0;
    height: auto;
    width: 100%;
    padding: 10px
}

.woocommerce-account .cppage .cont {
    overflow: hidden
}

.woocommerce-MyAccount-navigation {
    margin-bottom: 0;
    width: 100% !important
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 10px 0
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .875em 0;
    display: block;
    color: #6d6d6d;
    font-weight: 700
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
    color: #7f54b3;
    font-weight: 700
}

@media (min-width:768px) {
    .woocommerce-account .cppage .cont {
        padding: 60px 0;
        display: flex;
    }

    .woocommerce-MyAccount-navigation {
        width: 270px !important;
        margin-right: 30px
    }

    .woocommerce-MyAccount-navigation ul {
        padding: 0
    }
}

.woocommerce-MyAccount-content {
    width: 100% !important
}

.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content p {
    font-size: 13.6px
}

.woocommerce-MyAccount-content table:first-child {
    margin: 0
}

@media (min-width:768px) {
    .woocommerce-MyAccount-content {
        float: left !important;
        width: calc(100% - 300px) !important
    }
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit] {
    height: 40px;
    color: #000;
    border: 1px solid #000;
    margin-top: 40px;
    transition: all .3s ease;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]:hover{
    background: #000;
    color: #fff;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]:hover {
    opacity: .8
}

.woocommerce-MyAccount-content fieldset {
    border: 1px solid #ddd;
    margin: 0;
    padding: 5px 15px
}

.woocommerce-Address {
    border: 1px solid #eee
}

.woocommerce-Address .woocommerce-Address-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.woocommerce-Address .woocommerce-Address-title h3 {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    padding: 15px
}

.woocommerce-Address .woocommerce-Address-title .edit {
    margin-right: 15px;
    font-size: 14px
}

.woocommerce-Address address {
    border-top: 1px solid #eee;
    margin-bottom: 0;
    padding: 15px;
    font-size: 13px
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    bottom: 0;
    font-size: 15px
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate
}

table thead th {
    background-color: #f8f8f8;
    padding: 1.41575em;
    vertical-align: middle
}

table td,
table th {
    padding: .8em 1.21575em;
    text-align: left;
    background-color: #fdfdfd;
    vertical-align: top
}

fieldset,
fieldset legend,
table tbody tr:nth-child(2n) td {
    background-color: #fbfbfb
}

table.shop_table_responsive thead {
    display: none
}

table.shop_table_responsive tbody th {
    display: none
}

table.shop_table_responsive tr td {
    display: block;
    text-align: right;
    clear: both
}

table.shop_table_responsive tr td::after,
table.shop_table_responsive tr td::before {
    content: "";
    display: table
}

table.shop_table_responsive tr td::after {
    clear: both
}

table.shop_table_responsive tr td[data-title]::before {
    content: attr(data-title) ": ";
    font-weight: 600;
    float: left
}

table.shop_table_responsive tr td a:not(.button) {
    color: #7f54b3;
    text-decoration: underline !important
}

table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
    display: none
}

table.shop_table_responsive.my_account_orders .order-actions {
    text-align: right
}

table.shop_table_responsive.my_account_orders .order-actions::before {
    display: none
}

table.my_account_orders {
    font-size: .775em;
    color: #6d6d6d
}

@media(min-width:768px) {
    table.my_account_orders {
        font-size: .875em
    }

    table td,
    table th {
        padding: 1em 1.41575em
    }

    table.shop_table_responsive thead {
        display: table-header-group
    }

    table.shop_table_responsive tbody th {
        display: table-cell
    }

    table.shop_table_responsive tr td {
        display: table-cell
    }

    table.shop_table_responsive tr td::before {
        display: none
    }

    table.shop_table_responsive tbody tr td,
    table.shop_table_responsive tbody tr th {
        text-align: left
    }
}