/* LIQUID GLASS STYLES */

.liquidGlass-wrapper {
    position: relative;
    display: flex;
    font-weight: 600;
    overflow: hidden;

    /*color: black;*/
    cursor: pointer;

    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);

    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);

    z-index: 2;
}

.liquidGlass-effect {
    position: absolute;
    z-index: 0;
    inset: 0;

    backdrop-filter: blur(3px);
    filter: url(#glass-distortion);
    overflow: hidden;
    isolation: isolate;
}

.liquidGlass-tint {
    z-index: 1;
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.25);
}

.liquidGlass-shine {
    position: absolute;
    inset: 0;
    z-index: 2;

    overflow: hidden;

    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
}

.liquidGlass-text {
    z-index: 3;
    /*font-size: 2rem;*/
    color: var(--text-color);
    white-space: nowrap; /* 禁止换行 */
}

.dock {
    display: flex;
    /*align-items: center;*/
    /*justify-content: center;*/
    /*gap: 8px;*/
    border-radius: 2rem;
    padding: 0.6rem;
}

.dock,
.dock > div {
    border-radius: 2rem;
}

.dock:hover {
    padding: 0.8rem;
    border-radius: 2.3rem;
}

.dock:hover > div {
    border-radius: 2.3rem;
}

.dock img {
    /*width: 75px;*/
    padding: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.dock img:hover {
    transform: scale(0.95);
    transform-origin: center center;
}


.lg-button {
    padding: 1.0rem 2.5rem;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
}

.lg-button,
.lg-button > div {
    border-radius: 2rem;
}

.lg-button:hover {
    padding: 1.2rem 2.8rem;
}

.lg-button:hover > div {
    border-radius: 2rem;
}

/*.lg-button svg {*/
/*    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);*/
/*}*/

/*.lg-button:hover svg {*/
/*    transform: scale(0.95);*/
/*}*/