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

/* ---------- 顶部快捷列（固定至顶,永远可见） ---------- */
.lh-top{position:sticky;top:0;z-index:905;background:linear-gradient(180deg,#2a0b10,#1c070b);border-bottom:1px solid rgba(231,198,107,.18);font-size:13px;color:#e7d2c0}
.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:#e7d2c0;opacity:.85;transition:.15s}
.lh-top__links a:hover{opacity:1;color:#ffd75e}
.lh-ann{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:#caa9b4}
.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:#9c8570;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px;cursor:pointer;transition:.15s}
.lh-lang button:hover{color:#ffd75e}
.lh-lang button.on{background:rgba(231,198,107,.16);color:#ffd75e}
.lh-out{border:none;background:transparent;color:#9c8570;font-size:12px;cursor:pointer;padding:4px 6px;transition:color .15s}
.lh-out:hover{color:#ff8a7a}
.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(231,198,107,.45);color:#ffe9c2}
.lh-btn.ghost:hover{background:rgba(231,198,107,.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(#f7d774,#e0a92e));color:#7a1320;box-shadow:0 3px 10px rgba(224,169,46,.35)}

/* ---------- 主导览列 ---------- */
.lh-nav{position:sticky;top:39px;z-index:900;background:linear-gradient(180deg,#3a1119,#25090e);border-bottom:1px solid rgba(231,198,107,.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(255,206,138,.4))}
.lh-logo b{font-size:22px;font-weight:900;color:#fff;letter-spacing:.5px}
.lh-logo b em{font-style:normal;background:var(--gold-grad,linear-gradient(#f7d774,#e0a92e));-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:#f3e7d2;cursor:pointer;transition:color .15s;white-space:nowrap}
.lh-title i{font-size:11px;color:#ffce8a;transition:transform .2s}
.lh-item:hover .lh-title,.lh-title:hover{color:#ffd75e}
.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:#7a1320;background:var(--gold-grad,linear-gradient(#f7d774,#e0a92e));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,#fffdf9,#fff6ea);border:1px solid rgba(182,124,26,.28);border-radius:16px;box-shadow:0 24px 60px rgba(80,20,20,.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(182,124,26,.18)}
.lh-mega__type{font-size:18px;font-weight:900;letter-spacing:1.5px;color:#b8121e}
.lh-mega__rebate{text-align:right;color:#9a7b5a;font-size:12px;display:flex;align-items:baseline;gap:6px}
.lh-mega__rebate b{font-size:22px;font-weight:900;color:var(--red,#c8102e);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 #f0dcbf;border-radius:12px;background:linear-gradient(180deg,#fff8ec,#f6e6c8);color:#b8121e;font-size:22px;font-weight:900;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s;box-shadow:0 3px 8px rgba(120,40,20,.1)}
.lh-mega__arrow:hover{background:linear-gradient(180deg,#fff2d6,#efd9ab);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:#fff;border:1px solid #f0e2c8;cursor:pointer;transition:.16s;text-align:center;text-decoration:none}
.lh-game:hover{background:#fff6ea;border-color:var(--gold-2,#e0a92e);transform:translateY(-3px);box-shadow:0 10px 20px rgba(120,40,20,.14)}
.lh-game img{width:84px;height:84px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 4px 8px rgba(120,40,20,.18))}
.lh-game span{font-size:13.5px;font-weight:700;color:#5a3a28;white-space:nowrap}
.lh-mega__soon{flex:1;width:100%;text-align:center;color:#9a7b5a;padding:34px 0;font-weight:700}
.lh-mega__soon em{display:block;font-style:normal;color:var(--red,#c8102e);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(182,124,26,.18)}
.lh-mega__qr{width:118px;height:118px;border-radius:14px;background:#fff;border:1px solid #f0e2c8;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 16px rgba(120,40,20,.10)}
.lh-mega__qr img{width:104px;height:104px;object-fit:contain}
.lh-mega__dl b{color:#7a1320;font-size:14px;font-weight:800}
.lh-mega__dl p{color:#9a7b5a;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:#ffce8a;font-size:20px;cursor:pointer}

/* ---------- 响应式：≤1024 收进汉堡 ---------- */
@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,#2b0e15,#1b0a10);border-bottom:1px solid rgba(231,198,107,.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(231,198,107,.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:#e7b96b;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:#b79a86}
  .lh-menu .lh-title[href="#"]::after{content:"敬请期待";margin-left:auto;font-size:11px;font-weight:800;color:#caa878;background:rgba(255,255,255,.05);border:1px solid rgba(231,198,107,.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}
}

/* ---------- 极窄屏(手机):顶部条进一步瘦身,杜绝挤压/溢出 ---------- */
@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}
}
/* 全站防手机横向溢出(某些满版区块在窄屏可能撑宽) */
@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(120,40,20,.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(30,5,10,.55),transparent 55%)}
.lh-slide__ov h2{font-size:clamp(24px,3.4vw,44px);font-weight:900;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.lh-slide__ov p{font-size:clamp(13px,1.4vw,18px);color:#ffe9c2;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(#f7d774,#e0a92e));color:#7a1320;font-weight:900;font-size:15px;box-shadow:0 4px 14px rgba(224,169,46,.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(231,198,107,.35);border-radius:12px;background:rgba(20,5,8,.45);backdrop-filter:blur(2px);color:#ffe9c2;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(20,5,8,.75);border-color:var(--gold-2,#e0a92e);color:#ffd75e}
.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,#ffe08a,#e0a92e);box-shadow:0 0 8px rgba(224,169,46,.6)}
@media (max-width:768px){ .lh-car__dots{bottom:10px;gap:7px} .lh-car__dots button{height:6px} }
@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,#fff1d8,#fffdf6 28%,#fffdf6 72%,#fff1d8);border:1px solid rgba(182,124,26,.32);border-radius:999px;padding:11px 26px;box-shadow:0 6px 18px rgba(120,40,20,.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:#6f5138;white-space:nowrap}
.lh-winners__ic{flex:0 0 auto;color:#c8912f;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,#c8102e);font-weight:800}
@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:#d0aa63}
.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,#c8102e);margin-bottom:18px}
.lh-sec__title .more{position:absolute;right:0;font-size:13px;font-weight:700;color:#9a7b5a;transition:color .15s}
.lh-sec__title .more:hover{color:var(--red,#c8102e)}
.lh-promos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lh-promo{display:flex;background:#fffaf2;border:1px solid rgba(182,124,26,.22);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(120,40,20,.10);transition:transform .15s,box-shadow .15s}
.lh-promo:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(120,40,20,.18)}
.lh-promo__img{flex:0 0 220px;position:relative;min-height:150px;background:linear-gradient(135deg,#a30d24,#7a1320);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:#fff;background:var(--red,#c8102e);padding:2px 10px;border-radius:999px}
.lh-promo__t{font-size:16px;font-weight:900;color:#3a2415;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-promo__time{font-size:12px;color:#9a7b5a}
.lh-promo__sum{font-size:13px;color:#6f5138;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,#c8102e);border:1px solid rgba(200,16,46,.4);padding:5px 16px;border-radius:999px;transition:.15s}
.lh-promo:hover .lh-promo__btn{background:var(--red,#c8102e);color:#fff}
/* 优惠卡:滚动进场——奇数从左、偶数从右,一左一右交错滑入;图面加扫光特效(专属感) */
.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(120,40,20,.2);border-color:var(--gold-2,#e0a92e)}
.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}}
@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,#7a1524 0%,#4a1019 42%,#3a1119 60%,#5c1626 100%);border:1px solid rgba(231,198,107,.45);box-shadow:0 14px 36px rgba(120,40,20,.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(255,206,138,.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(231,198,107,.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:#ffd75e;margin-bottom:8px}
.lh-channel__main p{color:#e7d2c0;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:#fff;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:#ffe9c2;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(231,198,107,.3);border-radius:10px;padding:9px 14px}
.lh-domain span{font-size:15px;font-weight:800;color:#ffd75e;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(#f7d774,#e0a92e));color:#7a1320;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(120,40,20,.34);border-color:rgba(231,198,107,.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(231,198,107,.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}}
@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,#fffdf8,#fff4e2);border:1px solid rgba(182,124,26,.30);border-radius:14px;padding:14px 16px;box-shadow:0 6px 16px rgba(120,40,20,.10);transition:transform .15s,border-color .15s,box-shadow .15s}
.lh-draw:hover{transform:translateY(-3px);border-color:rgba(200,16,46,.45);box-shadow:0 12px 26px rgba(120,40,20,.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:#7a1320;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-draw__go{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--red,#c8102e)}
.lh-draw__period{font-size:12px;color:#9a7b5a;margin-bottom:8px}
.lh-draw__period b{color:var(--red,#c8102e)}
.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:#7a1320;background:linear-gradient(160deg,#f7d774,#e0a92e);box-shadow:0 2px 5px rgba(0,0,0,.35)}
.lh-draw__balls i.sp{background:linear-gradient(160deg,#ff9d5c,#e2543b);color:#fff;box-shadow:0 0 0 2px rgba(255,215,94,.7),0 2px 5px rgba(0,0,0,.35)}
.lh-draw__empty{color:#9a7b5a;font-size:13px;padding:6px 0}
@media (max-width:1000px){ .lh-draws{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .lh-draws{grid-template-columns:1fr} }

/* ---------- Footer（深色红金,全宽,三栏完整版） ---------- */
.lh-footer{width:100%;margin-top:34px;background:linear-gradient(180deg,#2a0b10,#190609);border-top:1px solid rgba(231,198,107,.25);color:#caa9b4}
.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:#fff}
.lh-footer__brand b em{font-style:normal;background:var(--gold-grad,linear-gradient(#f7d774,#e0a92e));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lh-footer__desc{font-size:13px;line-height:1.8;color:#9c8570;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:#ffd75e;background:rgba(231,198,107,.08);border:1px solid rgba(231,198,107,.28);border-radius:8px;padding:5px 12px}
.lh-footer__h{display:block;font-size:14px;font-weight:900;color:#ffe9c2;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(231,198,107,.18)}
.lh-footer__col nav{display:grid;grid-template-columns:1fr 1fr;gap:9px 6px}
.lh-footer__col nav a{font-size:13px;color:#caa9b4;transition:color .15s}
.lh-footer__col nav a:hover{color:#ffd75e}
.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:#e7d2c0;background:rgba(255,255,255,.06);border:1px solid rgba(231,198,107,.25);padding:8px 18px;border-radius:999px;transition:.15s;min-width:190px}
.lh-footer__media a:hover{color:#ffd75e;border-color:rgba(231,198,107,.55);background:rgba(231,198,107,.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:#8a6b5a}
.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 #8a6b5a;border-radius:50%;font-size:9.5px;font-weight:900}
@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(200,16,46,.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(200,16,46,.34)}70%{box-shadow:0 0 0 16px rgba(200,16,46,0)}100%{box-shadow:0 0 0 0 rgba(200,16,46,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,#f7d774,#e0a92e,#ffbe3d,#f7d774);color:#7a1320;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,#e23b4e,#a30d24,#ff6a5c,#e23b4e);color:#fff;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(247,215,116,.55)}50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 15px 2px rgba(247,215,116,.65)}}
@keyframes evGlowRed{0%,100%{box-shadow:0 3px 12px rgba(0,0,0,.35),0 0 0 0 rgba(255,90,80,.5)}50%{box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 15px 2px rgba(255,90,80,.6)}}
@media(prefers-reduced-motion:reduce){.lh-event,.lh-event--gold,.lh-event--red{animation:none}.lh-event::after{display:none}}
@media (max-width:1220px){ .lh-events{display:none} }   /* 窄桌面/平板收起,避免挤压导览 */
