.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.5px;
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 8px;
}

.p-x-8 {
    --offset: 8px;
    padding-left: var(--offset);
    padding-right: var(--offset);
}

/* flex 布局
--------------------------------------------------------- */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.flex-items-center {
    display: flex;
    align-items: center;
}

/* 圆角
--------------------------------------------------------- */

.rounded-none {
    border-radius: 0px;
}

.rounded-sm {
    border-radius: 0.125rem;
    /* 2px */
}

.rounded {
    border-radius: 0.25rem;
    /* 4px */
}

.rounded-md {
    border-radius: 0.375rem;
    /* 6px */
}

.rounded-lg {
    border-radius: 0.5rem;
    /* 8px */
}

.rounded-xl {
    border-radius: 0.75rem;
    /* 12px */
}

.rounded-2xl {
    border-radius: 1rem;
    /* 16px */
}

.rounded-3xl {
    border-radius: 1.5rem;
    /* 24px */
}

.rounded-full {
    border-radius: 9999px;
}

.w-fit {
    width: fit-content;
}

.text-nowrap {
    text-wrap: nowrap;
}