/* ============================================================
   desktop.css — 桌面端自适应增强
   作用：≥1280px 宽屏与 ≥1536px 超宽屏逐步增强布局，
   让网站在电脑屏幕上充分利用宽度而不是被拉伸或留白失衡。
   约束：仅做增量覆盖（min-width 向上增强），不影响移动端既有样式。
   引入位置：必须在 neumorphism.css 之后（header.php 与 home.php）。
   ============================================================ */

/* ---------- 中宽桌面屏（≥1280px） ---------- */
@media (min-width: 1280px) {

  /* 官网落地页（home.php）容器加宽：1160 → 1280 */
  .ov-page .ov-container,
  .ov-page .ov-nav-inner {
    max-width: 1280px;
  }

  /* 酒品与文章网格：3 列 → 4 列，充分利用横向空间 */
  .ov-page .ov-wine-grid,
  .ov-page .ov-post-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  /* 晕度入口网格间距放宽，保持呼吸感 */
  .ov-page .ov-yundu-grid {
    gap: 26px;
  }

  /* 特性网格保持 4 列但间距放宽 */
  .ov-page .ov-feature-grid {
    gap: 28px;
  }
}

/* ---------- 超宽屏（≥1536px，2K/带鱼屏/大显示器） ---------- */
@media (min-width: 1536px) {

  /* 官网落地页容器进一步加宽 */
  .ov-page .ov-container,
  .ov-page .ov-nav-inner {
    max-width: 1400px;
  }

  /* 主站全局容器（导航 + 主内容）同步加宽：1280 → 1400 */
  .navbar > .container,
  main.container {
    max-width: 1400px;
  }

  /* 首页两栏布局：侧边栏加宽，主内容区同步受益 */
  .page-layout {
    grid-template-columns: 1fr 340px;
  }

  /* 落地页网格间距进一步放宽 */
  .ov-page .ov-wine-grid,
  .ov-page .ov-post-grid {
    gap: 28px;
  }
  .ov-page .ov-yundu-grid {
    gap: 30px;
  }

  /* 超宽屏正文行宽保护：长文阅读行长约 72-80 字符最佳 */
  main.container .post-content,
  main.container .article-content {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ---------- 桌面指针设备（hover 可用）交互微增强 ---------- */
@media (hover: hover) and (pointer: fine) {
  .navbar .nav-link {
    transition: color 0.2s ease;
  }
  .navbar .nav-link:hover {
    color: var(--nm-primary, #c96f1a);
  }
}