/* ========================
   全局基础设置（通用重置）
   - 作用范围：整站所有元素
   ======================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* HTML 与 body 高度占满视口，用于 flex 布局撑满屏幕 */
html,
body {
    height: 100%;
    /* 使用原生滚动恢复，不使用平滑滚动，确保刷新后定位准确 */
    scroll-behavior: auto;
}

/* 页面根容器：整体背景与字体设置，作为纵向 flex 布局的根 */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
}