/* 填满父元素 */
.fill {
    height: 100%;
    width: 100%;
}

/* 子元素居中 */
.c {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 默认边框 */
.b {
    border: 2px solid black;
}

/* 蓝色背景 */
.bg-blue {
    background-color: blue;
}

/* 按钮白字 */
.btn-text-white {
    color: white;
}

/* 轻微阴影 */
.box-shadow-m {
    box-shadow: 3px 3px 5px #ccc;
}

/* 变更计算方式 */
.bb {
    box-sizing: border-box;
}

/* 实现全屏布局 */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 固定在屏幕中间 */
.fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bg {
    max-width: 100%;
    max-height: 100%;
    opacity: 0.3;
    object-fit: contain;
}

.btn {
    padding: 10px 15px;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

/* 指针样式设置 */
.cursor-default,
body {
    cursor: url('/assets/png/pointer.png'), auto;
}

a,
button {
    cursor: url('/assets/png/link.png'), auto;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
label,
li,
td,
th {
    cursor: url('/assets/png/text.png'), text;
}