@charset "utf-8";


@import "layui/css/layui.css";
@import "pad/app.css";

.toast {
    opacity: 1 !important;
    position: fixed !important;
    top: 20px; /* 调整为上方显示 */
    left: 50%;
    transform: translate(-50%, -10px); /* 微调垂直位置，使其视觉上居中 */
    max-width: 80%; /* 限制最大宽度，自动适应内容 */
    word-wrap: break-word;
    padding: 15px 20px; /* 调整内边距，使内容更舒适 */
    background-color: #ffffff;
    color: #3fcf07; /* 考虑到对比度，这里改为白色文字 */
    border-radius: 5px;
    z-index: 1000;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; /* 动画效果调整 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加轻微阴影，提升质感 */
}

.toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}

/* 成功状态 */
.toast.success {
    background-color: #ffffff; /* 绿色背景 */
    color: #3fcf07;
}

/* 错误状态 */
.toast.error {
    background-color: #ffffff; /* 红色背景 */
    color: #f30404;
}