/* =============================================
   布局工具 - 容器与响应式辅助
   ============================================= */

/* 居中容器，最大宽度 1200px */
.container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--space-2);
  padding-left: var(--space-2);
}

/* 移动端缩小左右 padding，节省屏幕空间 */
@media (max-width: 767px) {
  .container {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* 无障碍隐藏：屏幕不可见，但 SEO/屏幕阅读器可读 */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}