/* styles.css */
/* 确保全局不出现隐藏元素 */
body {
    overflow-x: hidden; /* 防止水平滚动条 */
    margin: 0;
    padding-top: 4rem; /* 为固定导航栏留出空间 */
}

/* 确保图片容器适应性 */
img {
    max-width: 100%;
    height: auto;
}

/* 确保容器不溢出 */
.container,
.max-w-7xl,
.max-w-4xl {
    width: 100%;
    box-sizing: border-box;
}

/* 确保网格和弹性布局正确 */
.grid,
.flex {
    min-width: 0; /* 防止flex item内容撑破容器 */
}

/* 确保文本换行 */
.text-ellipsis,
.whitespace-nowrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* 确保按钮和链接不超出容器 */
button,
a {
    max-width: 100%;
    box-sizing: border-box;
}

/* 确保卡片内容不溢出 */
.bg-white,
.rounded-lg,
.shadow-md {
    overflow-wrap: break-word;
    word-break: break-word;
}