/* ========================================
   飞点健康 CMS - 全局样式
   基于 Modern Healthcare 风格
   ======================================== */

/* 访客端页面基础样式 */
.page-container {
  min-height: 100vh;
}

/* 响应式容器 */
.container-wide {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

@media (min-width: 640px) {
  .container-wide {
    padding: 0 1.5rem;
  }
}

@media (min-width: 1024px) {
  .container-wide {
    padding: 0 2rem;
  }
}

@media (min-width: 1280px) {
  .container-wide {
    padding: 0 3rem;
  }
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 焦点样式 */
*:focus-visible {
  outline: 2px solid var(--health-primary, #10B981);
  outline-offset: 2px;
}

/* 图片懒加载占位 */
img {
  background-color: #f3f4f6;
}

/* 文本截断 */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}