/* ========================
   页面布局容器
   ======================== */

/* 页面居中版心容器
   - 作用位置：包裹整个页面主体（LOGO、导航、内容）
   - 用途：控制页面最大宽度并居中
*/
.page-container {
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 0;
   box-sizing: border-box;
}