/* ============================================================================
   长荡湖 H5 · 湖韵动态(文章)模块移动样式  mobile/article.css
   仅移动端 (max-width:768px) 生效；PC(≥769px) 零影响。
   命名空间：hy-* (文章列表)、ad-* (文章详情)。
   视图内联 <style> 晚于本文件加载，关键覆盖用高优先级选择器。
   ============================================================================ */

@media (max-width: 768px) {

  .hy-wrap { padding: 16px 14px !important; }
  .hy-hero { padding: 20px 0 16px !important; }
  .hy-hero h1 { font-size: 24px !important; }

  /* 订阅条：纵向堆叠，输入通栏 */
  .hy-sub { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; padding: 16px !important; }
  .hy-sub form { flex-direction: column !important; gap: 8px !important; }
  .hy-sub input { width: 100% !important; font-size: 16px !important; min-height: 44px; }
  .hy-sub button { width: 100%; min-height: 44px; }

  /* 分类筛选：横向滑动不溢出 */
  .hy-filter { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .hy-filter::-webkit-scrollbar { display: none; }
  .hy-filter a { flex: 0 0 auto; padding: 10px 14px !important; }

  /* 头条区：单列 */
  .hy-headline { grid-template-columns: 1fr !important; gap: 14px !important; margin: 18px 0 !important; }
  .hy-headline .main { height: 210px !important; }
  .hy-headline .main h3 { font-size: 18px !important; }
  .hy-side-item img { width: 96px !important; height: 72px !important; }

  /* 主布局：单列，侧栏下沉 */
  .hy-layout { grid-template-columns: 1fr !important; gap: 20px !important; }

  /* 图文列表卡片：左图右文缩略图收窄，不溢出 */
  .hy-feed-item { grid-template-columns: 112px 1fr !important; gap: 12px !important; padding: 14px 0 !important; }
  .hy-feed-item img { width: 112px !important; height: 84px !important; }
  .hy-feed-item.no-img { grid-template-columns: 1fr !important; }
  .hy-feed-item h3 { font-size: 15px !important; }
  .hy-feed-item p { font-size: 13px !important; }

  /* 分页 */
  .hy-pager { flex-wrap: wrap; gap: 6px; }
  .hy-pager a, .hy-pager span { min-width: 38px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; }

  /* ---------- 文章详情 ---------- */
  .ad-wrap { padding: 14px 12px !important; }
  .ad-layout { grid-template-columns: 1fr !important; }
  .ad-main { padding: 20px 16px !important; }
  .ad-title { font-size: 22px !important; line-height: 1.4; }
  .ad-meta { flex-wrap: wrap; gap: 6px 14px; }
  .ad-content { font-size: 16px !important; line-height: 1.85 !important; }
  .ad-content img { max-width: 100% !important; height: auto !important; }
  .ad-content blockquote { padding: 12px 14px !important; }
  .ad-content pre, .ad-content code { white-space: pre-wrap; word-break: break-word; overflow-x: auto; }
  .ad-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .ad-back a { min-height: 44px; display: inline-flex; align-items: center; }

  /* 猜你喜欢：2 列卡片 */
  .ad-guess-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
}

@media (max-width: 380px) {
  .hy-feed-item { grid-template-columns: 96px 1fr !important; }
  .hy-feed-item img { width: 96px !important; height: 72px !important; }
  .ad-guess-grid { grid-template-columns: 1fr !important; }
}