/* ============================================================
   澳门快三 · 全站统一页头（移动端 / 平板）
   ------------------------------------------------------------
   唯一真源：尺寸与「开奖大厅」完全一致。
   断点 860px / 430px，各数值与 index.html 原内联样式逐值相同，
   桌面端（>860px）仍由各页自身样式提供，不受本文件影响。

   引入位置：必须放在 assets/style.css 之后，
   否则会被 style.css 的页头规则覆盖。

   适用范围：index.html / trend.html / predict.html /
             history.html / 404.html 五个前台页面。
   ============================================================ */

/* ---------------- 平板 / 大屏手机 / 横屏（≤860px） ----------------
   页头折为两行：品牌 + 时钟一行，导航独占一行可横向滑动 */
@media(max-width:860px){
  .hd-in{min-height:auto;padding:10px 14px;gap:10px}
  .brand{gap:10px}
  .brand-mark{width:38px;height:38px;border-radius:9px}
  .brand-mark span{font-size:19px}
  .brand-txt h1{font-size:18px;letter-spacing:2px}
  .brand-txt p{font-size:9.5px;letter-spacing:2px}
  .hd-clock{font-size:13px;min-width:86px;padding:6px 11px}
  .nav{order:9;flex:0 0 100%;flex-wrap:nowrap;gap:0;overflow-x:auto;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{padding:8px 13px;font-size:13px;flex:none}
}

/* ---------------- 小屏手机（≤430px） ---------------- */
@media(max-width:430px){
  .hd-in{padding:9px 11px;gap:8px}
  .brand{gap:8px}
  .brand-mark{width:34px;height:34px}
  .brand-mark span{font-size:17px}
  .brand-txt h1{font-size:16.5px;letter-spacing:1.2px}
  .brand-txt p{display:none}
  .hd-clock{font-size:12px;min-width:76px;padding:5px 9px}
  .nav a{padding:7px 11px;font-size:12.5px}
}