/* static/css/styles.css */

/* 自定义错误提示样式 */
.error-text {
    color: red;
    font-weight: bold;
}

/* 自定义成功提示样式 */
.success-text {
    color: green;
    font-weight: bold;
}

/* 当输入有误时，给输入框添加红色边框 */
.error-input {
    border: 2px solid red;
}

/* 自定义等待旋转动画，尺寸为1em以匹配文本大小 */
.small-spinner {
    width: 1em;
    height: 1em;
}

/* 为了避免固定导航遮挡内容，给body添加上边距 */
body {
    padding-top: 70px; /* 假设固定导航高度为70px */
}

/* 设置主体区域最小高度，确保内容区域至少占满屏幕剩余高度 */
main {
    min-height: calc(100vh - 70px - 60px); /* 导航70px + 页脚60px */
}

/* 响应式媒体查询 */
@media (max-width: 576px) {
    .my-custom-class {
        font-size: 14px;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .my-custom-class {
        font-size: 16px;
    }
}
@media (min-width: 769px) {
    .my-custom-class {
        font-size: 18px;
    }
}