/* 基础圆角工具 */
.round-tl-1 {
    overflow: hidden;
    border-top-left-radius: var(--round-1x);
}

.round-tr-1 {
    overflow: hidden;
    border-top-right-radius: var(--round-1x);
}

.round-bl-1 {
    overflow: hidden;
    border-bottom-left-radius: var(--round-1x);
}

.round-br-1 {
    overflow: hidden;
    border-bottom-right-radius: var(--round-1x);
}

.round-tl-2 {
    overflow: hidden;
    border-top-left-radius: var(--round-2x);
}

.round-tr-2 {
    overflow: hidden;
    border-top-right-radius: var(--round-2x);
}

.round-bl-2 {
    overflow: hidden;
    border-bottom-left-radius: var(--round-2x);
}

.round-br-2 {
    overflow: hidden;
    border-bottom-right-radius: var(--round-2x);
}

.round-tl-4 {
    overflow: hidden;
    border-top-left-radius: var(--round-4x);
}

.round-tr-4 {
    overflow: hidden;
    border-top-right-radius: var(--round-4x);
}

.round-bl-4 {
    overflow: hidden;
    border-bottom-left-radius: var(--round-4x);
}

.round-br-4 {
    overflow: hidden;
    border-bottom-right-radius: var(--round-4x);
}

.round-tl-6 {
    overflow: hidden;
    border-top-left-radius: var(--round-6x);
}

.round-tr-6 {
    overflow: hidden;
    border-top-right-radius: var(--round-6x);
}

.round-bl-6 {
    overflow: hidden;
    border-bottom-left-radius: var(--round-6x);
}

.round-br-6 {
    overflow: hidden;
    border-bottom-right-radius: var(--round-6x);
}

.round-tl-8 {
    overflow: hidden;
    border-top-left-radius: var(--round-8x);
}

.round-tr-8 {
    overflow: hidden;
    border-top-right-radius: var(--round-8x);
}

.round-bl-8 {
    overflow: hidden;
    border-bottom-left-radius: var(--round-8x);
}

.round-br-8 {
    overflow: hidden;
    border-bottom-right-radius: var(--round-8x);
}

/* 主题色与文本颜色 */
.bg-primary {
    background-color: var(--theme-primary);
}

.bg-success {
    background-color: var(--theme-success);
}

.bg-dark {
    background-color: var(--theme-dark);
}

/* 文本颜色 */
.text-primary {
    color: var(--theme-primary);
}

.text-white {
    color: #fff;
}

.opacity-25 {
    opacity: .25;
}

.opacity-50 {
    opacity: .5;
}

.opacity-75 {
    opacity: .75;
}

/* 字号 */
.fs-md {
    font-size: 1.25rem;
}

.fs-lg {
    font-size: 1.5rem;
}

.lh-sm {
    line-height: 1.25rem;
}

.lh-md {
    line-height: 2rem;
}

.lh-lg {
    line-height: 2.5rem;
}

/* 装饰性弧形定位 */
.arc-tl-4 {
    top: -4rem;
    left: 0;
    width: 4rem;
    height: 4rem;
    position: absolute;
}

.arc-tr-4 {
    top: -4rem;
    right: 0;
    width: 4rem;
    height: 4rem;
    position: absolute;
}

.arc-br-4 {
    bottom: -4rem;
    right: 0;
    width: 4rem;
    height: 4rem;
    position: absolute;
}