/* 由 tools/recolor_blue.py 從 css/home.css 自動產生（藍白系），請勿手改 */
/* =============================================================================
   WIN财神 首页新版头部（顶部快捷列 + 大选单导览 mega-menu）
   参考「乐动」那种佈局结构，但走财神红金主题 + 财神自己的游戏/素材/文案。
   桌面为主的大选单；手机走精简条 + 既有底部导览。
   ============================================================================= */

/* ---------- 顶部快捷列（固定至顶,永远可见） ---------- */
.lh-top{position:sticky;top:0;z-index:905;background:linear-gradient(180deg,#163252,#112945);border-bottom:1px solid rgba(160,206,240,.18);font-size:13px;color:#d4dae2}
.lh-top__inner{max-width:1280px;margin:0 auto;height:38px;display:flex;align-items:center;gap:18px;padding:0 20px}
.lh-top__links{display:flex;gap:16px;flex:0 0 auto}
.lh-top__links a{color:#d4dae2;opacity:.85;transition:.15s}
.lh-top__links a:hover{opacity:1;color:#9bd5ff}
.lh-ann{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:#c9d2dd}
.lh-ann__ic{flex:0 0 auto}
.lh-ann__vp{flex:1;min-width:0;overflow:hidden;position:relative;height:20px}
.lh-ann__track{position:absolute;left:0;width:max-content;white-space:nowrap;will-change:transform;line-height:20px}
.lh-ann__track.run{animation:lhAnnMove var(--anndur,20s) linear infinite}
/* 单串公告:从右侧进场 → 完全滑出左侧 → 循环(不重叠、不显示两份) */
@keyframes lhAnnMove{from{transform:translateX(var(--annstart,100%))}to{transform:translateX(calc(-1*var(--annw,300px)))}}
.lh-top__auth{flex:0 0 auto;display:flex;gap:10px;align-items:center}
.lh-lang{display:flex;gap:2px;margin-right:4px}
.lh-lang button{border:none;background:transparent;color:#8a93a1;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px;cursor:pointer;transition:.15s}
.lh-lang button:hover{color:#9bd5ff}
.lh-lang button.on{background:rgba(160,206,240,.16);color:#9bd5ff}
.lh-out{border:none;background:transparent;color:#8a93a1;font-size:12px;cursor:pointer;padding:4px 6px;transition:color .15s}
.lh-out:hover{color:#add3ff}
.lh-btn{padding:6px 18px;border-radius:8px;font-weight:800;font-size:13px;cursor:pointer;transition:filter .15s,transform .1s;border:1px solid transparent;white-space:nowrap}
.lh-btn:active{transform:scale(.96)}
.lh-btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(160,206,240,.45);color:#dee7f2}
.lh-btn.ghost:hover{background:rgba(160,206,240,.14)}
.lh-btn.red{background:var(--red-grad,linear-gradient(120deg,#a30d24,#e23b4e));color:#fff;box-shadow:0 3px 10px rgba(200,16,46,.35)}
.lh-btn.red:hover{filter:brightness(1.08)}
.lh-btn.gold{background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));color:#1a5ba6;box-shadow:0 3px 10px rgba(99,177,232,.35)}

/* ---------- 主导览列 ---------- */
.lh-nav{position:sticky;top:39px;z-index:900;background:linear-gradient(180deg,#1d3d61,#132f4e);border-bottom:1px solid rgba(160,206,240,.22);box-shadow:0 6px 22px rgba(0,0,0,.35)}
.lh-nav__inner{max-width:1280px;margin:0 auto;height:72px;display:flex;align-items:center;gap:26px;padding:0 20px}
.lh-logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.lh-logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(199,232,255,.4))}
.lh-logo b{font-size:22px;font-weight:900;color:#ffffff;letter-spacing:.5px}
.lh-logo b em{font-style:normal;background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.lh-menu{flex:1;display:flex;align-items:center;gap:4px;height:100%}
.lh-item{position:relative;height:100%;display:flex;align-items:center}
.lh-title{display:flex;align-items:center;gap:5px;padding:0 15px;height:100%;font-size:16px;font-weight:800;color:#e5e9f0;cursor:pointer;transition:color .15s;white-space:nowrap}
.lh-title i{font-size:11px;color:#c7e8ff;transition:transform .2s}
.lh-item:hover .lh-title,.lh-title:hover{color:#9bd5ff}
.lh-item:hover .lh-title i{transform:rotate(180deg)}
.lh-title.solo{margin-left:2px}
.lh-title .tagnew{margin-left:5px;font-size:10px;font-weight:800;color:#1a5ba6;background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));padding:1px 6px;border-radius:6px}

/* ---------- 大选单下拉 ---------- */
.lh-mega{position:absolute;top:100%;left:0;transform-origin:top center;transform:translateY(8px) scaleY(.94);min-width:660px;max-width:min(760px,94vw);background:linear-gradient(180deg,#f9fbfd,#f9fbfd);border:1px solid rgba(44,150,225,.28);border-radius:16px;box-shadow:0 24px 60px rgba(30,72,121,.22);padding:22px 24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.9,.28,1),visibility .22s;display:flex;gap:22px;z-index:950}
/* 展开：像卡片般「收叠→展开」(scaleY 折叠感)；收起自动反向 */
.lh-item:hover .lh-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1)}
/* 靠右的导览项(电子/棋牌):大选单改向右缘对齐,避免超出视窗右缘 */
.lh-menu>.lh-item:nth-child(5) .lh-mega,.lh-menu>.lh-item:nth-child(6) .lh-mega{left:auto;right:0}
/* 悬停缓冲:桥接标题与面板之间的空隙,避免鼠标移动时下拉闪退 */
.lh-mega::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.lh-mega__main{flex:1;min-width:0}
.lh-mega__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid rgba(44,150,225,.18)}
.lh-mega__type{font-size:18px;font-weight:900;letter-spacing:1.5px;color:#1778e6}
.lh-mega__rebate{text-align:right;color:#77869c;font-size:12px;display:flex;align-items:baseline;gap:6px}
.lh-mega__rebate b{font-size:22px;font-weight:900;color:var(--red,#1e7fed);line-height:1}
.lh-mega__rebate b span{font-size:13px}
/* 游戏轮播:大图卡横向条 + 左右箭头(仿 LD) */
.lh-mega__carousel{position:relative;display:flex;align-items:center;gap:6px}
.lh-mega__arrow{flex:0 0 auto;width:34px;height:64px;border:1px solid #d6dee8;border-radius:12px;background:linear-gradient(180deg,#f9fbfd,#dfe6ef);color:#1778e6;font-size:22px;font-weight:900;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s;box-shadow:0 3px 8px rgba(27,91,164,.1)}
.lh-mega__arrow:hover{background:linear-gradient(180deg,#ecf1f8,#c8d3e2);transform:scale(1.05)}
.lh-mega__arrow:active{transform:scale(.95)}
.lh-games{flex:1;min-width:0;display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 6px;scrollbar-width:none}
.lh-games::-webkit-scrollbar{display:none}
.lh-game{flex:0 0 118px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 8px 12px;border-radius:16px;background:#ffffff;border:1px solid #dde3eb;cursor:pointer;transition:.16s;text-align:center;text-decoration:none}
.lh-game:hover{background:#f9fbfd;border-color:var(--gold-2,#63b1e8);transform:translateY(-3px);box-shadow:0 10px 20px rgba(27,91,164,.14)}
.lh-game img{width:84px;height:84px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 4px 8px rgba(27,91,164,.18))}
.lh-game span{font-size:13.5px;font-weight:700;color:#38587d;white-space:nowrap}
.lh-mega__soon{flex:1;width:100%;text-align:center;color:#77869c;padding:34px 0;font-weight:700}
.lh-mega__soon em{display:block;font-style:normal;color:var(--red,#1e7fed);font-size:20px;margin-bottom:6px}

/* 下载 QR 区 */
.lh-mega__dl{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:6px 4px 6px 20px;border-left:1px solid rgba(44,150,225,.18)}
.lh-mega__qr{width:118px;height:118px;border-radius:14px;background:#ffffff;border:1px solid #dde3eb;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 16px rgba(27,91,164,.10)}
.lh-mega__qr img{width:104px;height:104px;object-fit:contain}
.lh-mega__dl b{color:#1a5ba6;font-size:14px;font-weight:800}
.lh-mega__dl p{color:#77869c;font-size:12px;text-align:center}

/* 汉堡（手机） */
.lh-ham{display:none;flex:0 0 auto;margin-left:auto;width:42px;height:42px;border:none;border-radius:10px;background:rgba(255,255,255,.08);color:#c7e8ff;font-size:20px;cursor:pointer}

/* ---------- 响应式：≤1024 收进汉堡 ---------- */
@container (max-width:1024px){
  .lh-top__links{display:none}
  /* 手机两条 header 固定置顶(sticky 会被 body overflow-x:hidden 破坏,故改 fixed + body 让位) */
  .lh-top{position:fixed;left:0;right:0;top:0}
  .lh-nav{position:fixed;left:0;right:0;top:38px}
  body{padding-top:99px}
  /* 汉堡下拉:往下展开/收起有动画(max-height+opacity),不再一秒直显 */
  .lh-menu{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;height:auto;background:linear-gradient(180deg,#1b3451,#182b40);border-bottom:1px solid rgba(160,206,240,.22);box-shadow:0 14px 28px rgba(0,0,0,.42);
    max-height:0;opacity:0;overflow:hidden;pointer-events:none;padding:0 8px;
    transition:max-height .34s cubic-bezier(.2,.85,.3,1),opacity .26s ease,padding .34s ease}
  .lh-menu.open{max-height:440px;opacity:1;pointer-events:auto;overflow-y:auto;padding:8px}
  .lh-item{height:auto;display:block}
  .lh-title{height:48px;justify-content:space-between}
  .lh-mega{display:none}   /* 手机版大选单内容改到首页区块呈现，头部只留跳转 */
  .lh-ham{display:block}
  .lh-nav__inner{height:60px}
  .lh-logo b{font-size:19px}
  /* 顶部快捷列收敛间距,避免语言/登入按钮被公告条挤压 */
  .lh-top__inner{gap:10px;padding:0 12px}
  /* ===== 手机汉堡菜单重排:彩票 → 优惠 → VIP → 活动入口 → (真人/电子 敬请期待) ===== */
  .lh-menu>.lh-item,.lh-menu>a.lh-title.solo{border-bottom:1px solid rgba(160,206,240,.12)}
  .lh-menu .lh-title{height:52px;padding:0 14px;font-size:15.5px;justify-content:space-between}
  .lh-menu .lh-title i{display:none}                         /* 手机不显示下拉箭头 */
  .lh-menu>a.lh-title.solo{display:flex;align-items:center}
  .lh-menu .lh-title:not([href="#"])::after{content:"›";margin-left:auto;color:#a0cef0;font-size:20px;font-weight:400;line-height:1}
  /* 顺序(flex order,不动 HTML→桌面不受影响) */
  .lh-menu>.lh-item:nth-child(1){order:1}                    /* 真人(优先) */
  .lh-menu>.lh-item:nth-child(2){order:2}                    /* 彩票 */
  .lh-menu>a.lh-title.solo[href="member#promo"]{order:3}     /* 优惠 */
  .lh-menu>a.lh-title.solo[href="member#vip"]{order:4}       /* VIP */
  .lh-menu>a.lh-title.solo[href="member"]{order:5}           /* 个人中心 */
  .lh-menu>.lh-events{order:6}
  /* 真人/电子:标「敬请期待」且不可点(免死链跳顶) */
  .lh-menu .lh-title[href="#"]{pointer-events:none;color:#a1acba}
  .lh-menu .lh-title[href="#"]::after{content:"敬请期待";margin-left:auto;font-size:11px;font-weight:800;color:#9cadc5;background:rgba(255,255,255,.05);border:1px solid rgba(160,206,240,.22);padding:2px 9px;border-radius:9px}
  /* 活动入口:抽屉内做成两个整宽按钮(覆写 ≤1220 的 display:none) */
  .lh-menu>.lh-events{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:0;padding:12px 2px 4px}
  .lh-menu .lh-event{height:46px;border-radius:12px;font-size:14.5px;justify-content:center}
}
@supports not (container-type: inline-size){@media (max-width:1024px){
  .lh-top__links{display:none}
  /* 手机两条 header 固定置顶(sticky 会被 body overflow-x:hidden 破坏,故改 fixed + body 让位) */
  .lh-top{position:fixed;left:0;right:0;top:0}
  .lh-nav{position:fixed;left:0;right:0;top:38px}
  body{padding-top:99px}
  /* 汉堡下拉:往下展开/收起有动画(max-height+opacity),不再一秒直显 */
  .lh-menu{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;height:auto;background:linear-gradient(180deg,#1b3451,#182b40);border-bottom:1px solid rgba(160,206,240,.22);box-shadow:0 14px 28px rgba(0,0,0,.42);
    max-height:0;opacity:0;overflow:hidden;pointer-events:none;padding:0 8px;
    transition:max-height .34s cubic-bezier(.2,.85,.3,1),opacity .26s ease,padding .34s ease}
  .lh-menu.open{max-height:440px;opacity:1;pointer-events:auto;overflow-y:auto;padding:8px}
  .lh-item{height:auto;display:block}
  .lh-title{height:48px;justify-content:space-between}
  .lh-mega{display:none}   /* 手机版大选单内容改到首页区块呈现，头部只留跳转 */
  .lh-ham{display:block}
  .lh-nav__inner{height:60px}
  .lh-logo b{font-size:19px}
  /* 顶部快捷列收敛间距,避免语言/登入按钮被公告条挤压 */
  .lh-top__inner{gap:10px;padding:0 12px}
  /* ===== 手机汉堡菜单重排:彩票 → 优惠 → VIP → 活动入口 → (真人/电子 敬请期待) ===== */
  .lh-menu>.lh-item,.lh-menu>a.lh-title.solo{border-bottom:1px solid rgba(160,206,240,.12)}
  .lh-menu .lh-title{height:52px;padding:0 14px;font-size:15.5px;justify-content:space-between}
  .lh-menu .lh-title i{display:none}                         /* 手机不显示下拉箭头 */
  .lh-menu>a.lh-title.solo{display:flex;align-items:center}
  .lh-menu .lh-title:not([href="#"])::after{content:"›";margin-left:auto;color:#a0cef0;font-size:20px;font-weight:400;line-height:1}
  /* 顺序(flex order,不动 HTML→桌面不受影响) */
  .lh-menu>.lh-item:nth-child(1){order:1}                    /* 真人(优先) */
  .lh-menu>.lh-item:nth-child(2){order:2}                    /* 彩票 */
  .lh-menu>a.lh-title.solo[href="member#promo"]{order:3}     /* 优惠 */
  .lh-menu>a.lh-title.solo[href="member#vip"]{order:4}       /* VIP */
  .lh-menu>a.lh-title.solo[href="member"]{order:5}           /* 个人中心 */
  .lh-menu>.lh-events{order:6}
  /* 真人/电子:标「敬请期待」且不可点(免死链跳顶) */
  .lh-menu .lh-title[href="#"]{pointer-events:none;color:#a1acba}
  .lh-menu .lh-title[href="#"]::after{content:"敬请期待";margin-left:auto;font-size:11px;font-weight:800;color:#9cadc5;background:rgba(255,255,255,.05);border:1px solid rgba(160,206,240,.22);padding:2px 9px;border-radius:9px}
  /* 活动入口:抽屉内做成两个整宽按钮(覆写 ≤1220 的 display:none) */
  .lh-menu>.lh-events{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:0;padding:12px 2px 4px}
  .lh-menu .lh-event{height:46px;border-radius:12px;font-size:14.5px;justify-content:center}
}}

/* ---------- 极窄屏(手机):顶部条进一步瘦身,杜绝挤压/溢出 ---------- */
@container (max-width:600px){
  .lh-top__inner{gap:8px;padding:0 10px}
  .lh-ann{gap:5px}
  .lh-ann__ic{display:none}                 /* 省空间:公告小喇叭图示隐藏,只留跑马灯文字 */
  .lh-lang{margin-right:0;gap:0}
  .lh-lang button{padding:3px 5px;font-size:11px}
  .lh-top__auth{gap:6px}
  .lh-btn{padding:5px 11px;font-size:12px}
  .lh-out{padding:4px 4px;font-size:11px}
  .lh-logo img{width:30px;height:30px}
  .lh-logo b{font-size:17px}
}
@supports not (container-type: inline-size){@media (max-width:600px){
  .lh-top__inner{gap:8px;padding:0 10px}
  .lh-ann{gap:5px}
  .lh-ann__ic{display:none}                 /* 省空间:公告小喇叭图示隐藏,只留跑马灯文字 */
  .lh-lang{margin-right:0;gap:0}
  .lh-lang button{padding:3px 5px;font-size:11px}
  .lh-top__auth{gap:6px}
  .lh-btn{padding:5px 11px;font-size:12px}
  .lh-out{padding:4px 4px;font-size:11px}
  .lh-logo img{width:30px;height:30px}
  .lh-logo b{font-size:17px}
}}
/* 全站防手机横向溢出(某些满版区块在窄屏可能撑宽) */
@container (max-width:600px){ html,body{max-width:100%;overflow-x:hidden} }
@supports not (container-type: inline-size){@media (max-width:600px){ html,body{max-width:100%;overflow-x:hidden} }}

/* ---------- 巨幅轮播 Banner（全宽满版,贴齐浏览器边） ---------- */
.lh-car{position:relative;width:100%;margin:0;padding:0}
.lh-car__frame{position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(27,91,164,.25)}
.lh-slides{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.lh-slides.dragging{cursor:grabbing}
.lh-slides.dragging img,.lh-slides img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.lh-slide{flex:0 0 100%;position:relative;min-width:0}
.lh-slide img{display:block;width:100%;height:clamp(240px,36vw,560px);object-fit:cover}
.lh-slide__ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 max(6%,calc((100% - 1280px)/2 + 20px));background:linear-gradient(90deg,rgba(12,41,74,.55),transparent 55%)}
.lh-slide__ov h2{font-size:clamp(24px,3.4vw,44px);font-weight:900;color:#ffffff;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.lh-slide__ov p{font-size:clamp(13px,1.4vw,18px);color:#dee7f2;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.lh-slide__cta{margin-top:6px;align-self:flex-start;padding:10px 26px;border-radius:999px;background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));color:#1a5ba6;font-weight:900;font-size:15px;box-shadow:0 4px 14px rgba(99,177,232,.45);transition:transform .15s,filter .15s}
.lh-slide__cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
/* 左右切换箭头:悬停轮播才浮现,竖长圆角块,不再贴死屏幕边 */
.lh-car__arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:72px;border:1px solid rgba(160,206,240,.35);border-radius:12px;background:rgba(15,36,61,.45);backdrop-filter:blur(2px);color:#dee7f2;font-size:26px;font-weight:900;cursor:pointer;z-index:5;display:grid;place-items:center;line-height:1;opacity:0;transition:opacity .2s,background .15s,border-color .15s}
.lh-car:hover .lh-car__arrow{opacity:1}
.lh-car__arrow:hover{background:rgba(15,36,61,.75);border-color:var(--gold-2,#63b1e8);color:#9bd5ff}
.lh-car__arrow.prev{left:28px}.lh-car__arrow.next{right:28px}
.lh-car__dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}
.lh-car__dots button{width:22px;height:5px;border:none;border-radius:3px;background:rgba(255,255,255,.42);cursor:pointer;transition:width .28s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .2s;padding:0}
.lh-car__dots button.on{width:34px;background:linear-gradient(90deg,#c7e8ff,#63b1e8);box-shadow:0 0 8px rgba(99,177,232,.6)}
@container (max-width:768px){ .lh-car__dots{bottom:10px;gap:7px} .lh-car__dots button{height:6px} }
@supports not (container-type: inline-size){@media (max-width:768px){ .lh-car__dots{bottom:10px;gap:7px} .lh-car__dots button{height:6px} }}
@container (max-width:768px){ .lh-car{padding:0 12px;margin-top:12px} .lh-car__arrow{display:none} }
@supports not (container-type: inline-size){@media (max-width:768px){ .lh-car{padding:0 12px;margin-top:12px} .lh-car__arrow{display:none} }}

/* ---------- 中奖消息播报 ---------- */
.lh-winners{width:100%;max-width:1280px;margin:16px auto 0;padding:0 20px}
/* 中奖播报:浅色暖底、文字置中,不再全深色 */
.lh-winners__bar{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#eef2f8,#f9fbfd 28%,#f9fbfd 72%,#eef2f8);border:1px solid rgba(44,150,225,.32);border-radius:999px;padding:11px 26px;box-shadow:0 6px 18px rgba(27,91,164,.10)}
.lh-winners__vp{flex:0 1 820px;min-width:0;height:22px;overflow:hidden;position:relative}
.lh-winners__list{position:absolute;left:0;right:0;transition:transform .5s ease}
.lh-winners__item{height:22px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#4f6076;white-space:nowrap}
.lh-winners__ic{flex:0 0 auto;color:#5ca5d9;display:flex;align-items:center}
.lh-winners__ic .lh-ic{width:16px;height:16px}
.lh-winners__tx{overflow:hidden;text-overflow:ellipsis}
.lh-winners__item b{color:var(--red,#1e7fed);font-weight:800}
@container (max-width:768px){ .lh-winners{padding:0 12px} }
@supports not (container-type: inline-size){@media (max-width:768px){ .lh-winners{padding:0 12px} }}
/* 手机:改横向跑马灯(整条左移),中奖信息完整滚动可读→不再被截断;桌面维持垂直轮播 */
.lh-winners--h .lh-winners__vp{flex:1 1 auto;width:100%;max-width:100%;height:22px}
.lh-winners--h .lh-winners__list{position:static;display:inline-flex;flex-wrap:nowrap;width:max-content;transition:none;transform:none;animation:lhWinTicker linear infinite;will-change:transform}
.lh-winners--h .lh-winners__item{flex:0 0 auto;justify-content:flex-start}
.lh-winners--h .lh-winners__item::after{content:'·';margin:0 13px;color:#92bede}
.lh-winners--h .lh-winners__tx{overflow:visible;text-overflow:clip;white-space:nowrap}
.lh-winners--h .lh-winners__list:active{animation-play-state:paused}
@keyframes lhWinTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- 优惠活动区 ---------- */
.lh-sec{width:100%;max-width:1280px;margin:26px auto 0;padding:0 20px}
.lh-sec__title{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;font-size:26px;font-weight:900;color:var(--red,#1e7fed);margin-bottom:18px}
.lh-sec__title .more{position:absolute;right:0;font-size:13px;font-weight:700;color:#77869c;transition:color .15s}
.lh-sec__title .more:hover{color:var(--red,#1e7fed)}
.lh-promos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lh-promo{display:flex;background:#f9fbfd;border:1px solid rgba(44,150,225,.22);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(27,91,164,.10);transition:transform .15s,box-shadow .15s}
.lh-promo:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,91,164,.18)}
.lh-promo__img{flex:0 0 220px;position:relative;min-height:150px;background:linear-gradient(135deg,#116bd2,#1a5ba6);display:grid;place-items:center;overflow:hidden}
.lh-promo__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center}
.lh-promo__img .ph{font-size:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.lh-promo__body{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.lh-promo__status{align-self:flex-start;font-size:11px;font-weight:800;color:#ffffff;background:var(--red,#1e7fed);padding:2px 10px;border-radius:999px}
.lh-promo__t{font-size:16px;font-weight:900;color:#273446;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-promo__time{font-size:12px;color:#77869c}
.lh-promo__sum{font-size:13px;color:#4f6076;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lh-promo__btn{margin-top:auto;align-self:flex-start;font-size:13px;font-weight:800;color:var(--red,#1e7fed);border:1px solid rgba(30,127,237,.4);padding:5px 16px;border-radius:999px;transition:.15s}
.lh-promo:hover .lh-promo__btn{background:var(--red,#1e7fed);color:#ffffff}
/* 优惠卡:滚动进场——奇数从左、偶数从右,一左一右交错滑入;图面加扫光特效(专属感) */
.lh-promos .lh-promo{opacity:0;transform:translateX(-66px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.25,1),box-shadow .2s,border-color .2s}
.lh-promos .lh-promo:nth-child(even){transform:translateX(66px)}
.lh-promos .lh-promo.in{opacity:1;transform:none}
.lh-promos .lh-promo.in:hover{box-shadow:0 14px 32px rgba(27,91,164,.2);border-color:var(--gold-2,#63b1e8)}
.lh-promo__img::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0;z-index:2}
.lh-promo.in .lh-promo__img::after{animation:promoShine 1.15s ease .4s 1}
.lh-promo.in:hover .lh-promo__img::after{animation:promoShine 1s ease 1}
@keyframes promoShine{0%{left:-60%;opacity:0}25%{opacity:1}100%{left:135%;opacity:0}}
@media(prefers-reduced-motion:reduce){.lh-promos .lh-promo{opacity:1;transform:none;transition:none}.lh-promo__img::after{display:none}}
@container (max-width:900px){ .lh-promos{grid-template-columns:1fr} .lh-promo__img{flex-basis:150px} .lh-sec{padding:0 12px} }
@supports not (container-type: inline-size){@media (max-width:900px){ .lh-promos{grid-template-columns:1fr} .lh-promo__img{flex-basis:150px} .lh-sec{padding:0 12px} }}

/* ---------- 官方渠道区（Telegram + 永久域名） ---------- */
.lh-channel{width:100%;max-width:1280px;margin:26px auto 0;padding:0 20px}
.lh-channel__box{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(120deg,#1c5ca6 0%,#194374 42%,#1d3d61 60%,#204f85 100%);border:1px solid rgba(160,206,240,.45);box-shadow:0 14px 36px rgba(27,91,164,.25);padding:30px 34px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.lh-channel__box::after{content:'';position:absolute;left:-10%;top:-60%;width:60%;height:220%;background:radial-gradient(ellipse,rgba(199,232,255,.14),transparent 65%);pointer-events:none}
.lh-channel__box::before{content:'财';position:absolute;right:6px;top:-30px;font-size:150px;font-weight:900;color:rgba(160,206,240,.06);transform:rotate(12deg);line-height:1;pointer-events:none}
.lh-channel__main{flex:1;min-width:260px}
.lh-channel__main h3{font-size:24px;font-weight:900;color:#9bd5ff;margin-bottom:8px}
.lh-channel__main p{color:#d4dae2;font-size:14px;line-height:1.7}
.lh-channel__tg{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 22px;border-radius:999px;background:linear-gradient(120deg,#2ba3d4,#1c86c8);color:#ffffff;font-weight:800;font-size:14px;box-shadow:0 4px 14px rgba(43,163,212,.4);transition:transform .15s,filter .15s}
.lh-channel__tg:hover{transform:translateY(-2px);filter:brightness(1.08)}
.lh-domains{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;min-width:250px}
.lh-domains b{color:#dee7f2;font-size:13px;letter-spacing:1px}
.lh-domain{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(160,206,240,.3);border-radius:10px;padding:9px 14px}
.lh-domain span{font-size:15px;font-weight:800;color:#9bd5ff;font-family:Consolas,monospace}
.lh-domain button{border:none;border-radius:7px;padding:4px 12px;font-size:12px;font-weight:800;background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));color:#1a5ba6;cursor:pointer;transition:filter .15s}
.lh-domain button:hover{filter:brightness(1.07)}
/* ==== 官方频道卡:装饰/悬停动画,让字卡更生动(不用掃光,改浮动+脉冲+微位移) ==== */
.lh-channel__box{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.lh-channel__box:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(27,91,164,.34);border-color:rgba(160,206,240,.7)}
.lh-channel__box::before{animation:chFloat 6s ease-in-out infinite}
@keyframes chFloat{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(9deg) translateY(-10px)}}
.lh-channel__tg{animation:chTgPulse 2.6s ease-in-out infinite}
@keyframes chTgPulse{0%,100%{box-shadow:0 4px 14px rgba(43,163,212,.4)}50%{box-shadow:0 6px 22px rgba(43,163,212,.72),0 0 0 4px rgba(43,163,212,.14)}}
.lh-channel__tg .lh-ic{transition:transform .3s}
.lh-channel__tg:hover .lh-ic{transform:translateX(3px) rotate(-8deg)}
.lh-domain{transition:background .2s,border-color .2s,transform .2s}
.lh-domain:hover{background:rgba(255,255,255,.11);border-color:rgba(160,206,240,.55);transform:translateX(2px)}
.lh-domain button:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.lh-channel__box::before,.lh-channel__tg{animation:none}}
@container (max-width:768px){ .lh-channel{padding:0 12px} .lh-channel__box{padding:22px 18px} }
@supports not (container-type: inline-size){@media (max-width:768px){ .lh-channel{padding:0 12px} .lh-channel__box{padding:22px 18px} }}

/* ---------- 最新开奖实况区 ---------- */
.lh-draws{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
/* 最新开奖卡:浅色暖底(不再全深色),金球在浅底上更亮眼 */
.lh-draw{display:block;background:linear-gradient(180deg,#f9fbfd,#f5f8fb);border:1px solid rgba(44,150,225,.30);border-radius:14px;padding:14px 16px;box-shadow:0 6px 16px rgba(27,91,164,.10);transition:transform .15s,border-color .15s,box-shadow .15s}
.lh-draw:hover{transform:translateY(-3px);border-color:rgba(30,127,237,.45);box-shadow:0 12px 26px rgba(27,91,164,.16)}
.lh-draw__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.lh-draw__name{font-size:15px;font-weight:900;color:#1a5ba6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-draw__go{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--red,#1e7fed)}
.lh-draw__period{font-size:12px;color:#77869c;margin-bottom:8px}
.lh-draw__period b{color:var(--red,#1e7fed)}
.lh-draw__balls{display:flex;flex-wrap:wrap;gap:5px}
.lh-draw__balls i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#1a5ba6;background:linear-gradient(160deg,#aedafa,#63b1e8);box-shadow:0 2px 5px rgba(0,0,0,.35)}
.lh-draw__balls i.sp{background:linear-gradient(160deg,#99d5ff,#67a4e9);color:#ffffff;box-shadow:0 0 0 2px rgba(155,213,255,.7),0 2px 5px rgba(0,0,0,.35)}
.lh-draw__empty{color:#77869c;font-size:13px;padding:6px 0}
@container (max-width:1000px){ .lh-draws{grid-template-columns:repeat(2,1fr)} }
@supports not (container-type: inline-size){@media (max-width:1000px){ .lh-draws{grid-template-columns:repeat(2,1fr)} }}
@container (max-width:560px){ .lh-draws{grid-template-columns:1fr} }
@supports not (container-type: inline-size){@media (max-width:560px){ .lh-draws{grid-template-columns:1fr} }}

/* ---------- Footer（深色红金,全宽,三栏完整版） ---------- */
.lh-footer{width:100%;margin-top:34px;background:linear-gradient(180deg,#163252,#102742);border-top:1px solid rgba(160,206,240,.25);color:#c9d2dd}
.lh-footer__inner{max-width:1280px;margin:0 auto;padding:0 20px}
.lh-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:40px;padding-top:36px;padding-bottom:28px}
.lh-footer__brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.lh-footer__brand img{width:42px;height:42px;object-fit:contain}
.lh-footer__brand b{font-size:21px;font-weight:900;color:#ffffff}
.lh-footer__brand b em{font-style:normal;background:var(--gold-grad,linear-gradient(#aedafa,#63b1e8));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lh-footer__desc{font-size:13px;line-height:1.8;color:#8a93a1;margin-bottom:16px;max-width:360px}
.lh-footer__domains{display:flex;gap:8px;flex-wrap:wrap}
.lh-footer__domains .dom{font-size:12.5px;font-weight:700;font-family:Consolas,monospace;color:#9bd5ff;background:rgba(160,206,240,.08);border:1px solid rgba(160,206,240,.28);border-radius:8px;padding:5px 12px}
.lh-footer__h{display:block;font-size:14px;font-weight:900;color:#dee7f2;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(160,206,240,.18)}
.lh-footer__col nav{display:grid;grid-template-columns:1fr 1fr;gap:9px 6px}
.lh-footer__col nav a{font-size:13px;color:#c9d2dd;transition:color .15s}
.lh-footer__col nav a:hover{color:#9bd5ff}
.lh-footer__media{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.lh-footer__media a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#d4dae2;background:rgba(255,255,255,.06);border:1px solid rgba(160,206,240,.25);padding:8px 18px;border-radius:999px;transition:.15s;min-width:190px}
.lh-footer__media a:hover{color:#9bd5ff;border-color:rgba(160,206,240,.55);background:rgba(160,206,240,.08)}
.lh-footer__bot{border-top:1px solid rgba(255,255,255,.08);padding:14px 0}
.lh-footer__bot .lh-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#738aa4}
.lh-footer__18{display:inline-flex;align-items:center;gap:6px}
.lh-footer__18 i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border:1.5px solid #738aa4;border-radius:50%;font-size:9.5px;font-weight:900}
@container (max-width:900px){
  .lh-footer__grid{grid-template-columns:1fr;gap:24px;padding-top:26px}
  .lh-footer__bot .lh-footer__inner{justify-content:center;text-align:center}
}
@supports not (container-type: inline-size){@media (max-width:900px){
  .lh-footer__grid{grid-template-columns:1fr;gap:24px;padding-top:26px}
  .lh-footer__bot .lh-footer__inner{justify-content:center;text-align:center}
}}

/* ---------- 区块标题:背后淡色英文浮水印 ---------- */
.lh-sec__title,.section-title{position:relative;z-index:0}
.lh-wm{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:clamp(30px,4.6vw,52px);font-weight:900;letter-spacing:6px;color:rgba(30,127,237,.08);white-space:nowrap;pointer-events:none;z-index:-1;text-transform:uppercase}

/* ---------- 优质服务:进场动画 + 微动效 ---------- */
.service .stat,.service .feature{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.service .stat.in,.service .feature.in{opacity:1;transform:none}
.service .stats .stat:nth-child(2){transition-delay:.08s}
.service .stats .stat:nth-child(3){transition-delay:.16s}
.service .stats .stat:nth-child(4){transition-delay:.24s}
.service .features .feature:nth-child(2){transition-delay:.08s}
.service .features .feature:nth-child(3){transition-delay:.16s}
.service .features .feature:nth-child(4){transition-delay:.24s}
/* 仪表:柔光高光 + 进场脉冲光环 */
.gauge::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.6),transparent 44%);z-index:2;pointer-events:none}
.gauge.pulse{animation:gaugePulse 1s ease-out}
@keyframes gaugePulse{0%{box-shadow:0 0 0 0 rgba(30,127,237,.34)}70%{box-shadow:0 0 0 16px rgba(30,127,237,0)}100%{box-shadow:0 0 0 0 rgba(30,127,237,0)}}
/* 图标:常态轻浮动 + 悬停放大 */
.feature__icon{transition:transform .25s ease}
.feature:hover .feature__icon{transform:scale(1.09) rotate(-3deg)}
.feature__icon img{animation:featFloat 3.8s ease-in-out infinite;will-change:transform}
.service .features .feature:nth-child(2) .feature__icon img{animation-delay:.7s}
.service .features .feature:nth-child(3) .feature__icon img{animation-delay:1.4s}
.service .features .feature:nth-child(4) .feature__icon img{animation-delay:2.1s}
@keyframes featFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.service .stat,.service .feature{opacity:1;transform:none;transition:none}.feature__icon img{animation:none}.gauge.pulse{animation:none}}

/* ---------- 右侧悬浮工具列 ---------- */
/* .lh-rail 已移除（改由站内客服浮钮取代） */

/* ---------- 极简单色 SVG 图示（取代 emoji,走简约朴实） ---------- */
.lh-ic{width:1em;height:1em;fill:currentColor;vertical-align:-0.12em;flex:0 0 auto}
.lh-promo__img .ph-img{width:64px;height:64px;object-fit:contain;opacity:.92;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.lh-channel__tg .lh-ic,.lh-footer__media .lh-ic{width:15px;height:15px}
.bnav .lh-ic{width:22px;height:22px}

/* ---------- 导览列活动徽章（流动渐层+扫光动画,参照大站活动入口质感） ---------- */
.lh-events{display:flex;align-items:center;gap:10px;margin-left:6px}
.lh-event{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:17px;font-size:13.5px;font-weight:900;letter-spacing:1px;white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.35);transition:transform .18s;background-size:220% 220%;animation:lhEvFlow 4s ease-in-out infinite}
.lh-event:hover{transform:translateY(-2px) scale(1.04)}
.lh-event::after{content:'';position:absolute;top:-40%;bottom:-40%;width:36px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-22deg);left:-60px;animation:lhEvShine 2.6s ease-in-out infinite}
/* 金：流光 + 金色呼吸光晕；红：流光(错拍) + 红色呼吸光晕，两颗节奏不同更活泼 */
.lh-event--gold{background-image:linear-gradient(120deg,#aedafa,#63b1e8,#7ac8ff,#aedafa);color:#1a5ba6;text-shadow:0 1px 0 rgba(255,255,255,.35);animation:lhEvFlow 4s ease-in-out infinite,evGlowGold 2.6s ease-in-out infinite}
.lh-event--red{background-image:linear-gradient(120deg,#67a4e9,#116bd2,#8fc3ff,#67a4e9);color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.35);animation:lhEvFlow 4.6s ease-in-out infinite .35s,evGlowRed 2.8s ease-in-out infinite .35s}
.lh-event--red::after{animation-delay:1.1s}
@keyframes lhEvFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes lhEvShine{0%{left:-60px}55%,100%{left:calc(100% + 60px)}}
@keyframes evGlowGold{0%,100%{box-shadow:0 3px 12px rgba(0,0,0,.35),0 0 0 0 rgba(174,218,250,.55)}50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 15px 2px rgba(174,218,250,.65)}}
@keyframes evGlowRed{0%,100%{box-shadow:0 3px 12px rgba(0,0,0,.35),0 0 0 0 rgba(131,189,255,.5)}50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 15px 2px rgba(131,189,255,.6)}}
@media(prefers-reduced-motion:reduce){.lh-event,.lh-event--gold,.lh-event--red{animation:none}.lh-event::after{display:none}}
@container (max-width:1220px){ .lh-events{display:none} }
@supports not (container-type: inline-size){@media (max-width:1220px){ .lh-events{display:none} }}   /* 窄桌面/平板收起,避免挤压导览 */
