/*
 * ing168 盈吉 舊站鏡像頁精修(2026-11-07 Owner「版型重新調整、看起來很粗糙、不夠細膩」)。
 * 只加不改:舊站的 css-*.css 一個字都沒動,這支排在它們後面(LegacyPage.jsx 追加),拿掉引用就回到原樣。
 * 黑金識別照舊(#E0B55E / #F9C54E 配純黑),去背素材照舊直接擺在區塊插畫上,不包卡片框;
 * 動的是:按鈕三種長相收成一種、間距與對齊、字級層級、落單的格子、公告區留白、手機底部列字被擠成直排、頁尾。
 */
.il-wp{
  --ig-gold:#E0B55E; --ig-gold-hi:#F9C54E; --ig-gold-lo:#A8813A;
  --ig-ink:#0A0907; --ig-panel:rgba(18,15,10,.86); --ig-line:rgba(224,181,94,.32); --ig-line-soft:rgba(224,181,94,.16);
  --ig-t1:#F2F1EE; --ig-t2:#C9C3B6; --ig-t3:#A8A296;
  --ig-s1:8px; --ig-s2:16px; --ig-s3:24px; --ig-s4:32px; --ig-s5:48px; --ig-s6:72px;
  --ig-sec:var(--ig-s5);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","微軟正黑體","Noto Sans TC",sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
@media (min-width:992px){ .il-wp{ --ig-sec:var(--ig-s6); } }
body:has(.il-wp){ background:#000; }

/* ── 共用:主要動作按鈕(舊站三張圖:金 / 橘 / 藍綠,收成同一顆金色膠囊) ── */
.il-wp .live-btn a.btn-start,
.il-wp .fish-link .fish-start{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:120px; height:44px; padding:0 24px; margin:0;
  border-radius:999px; border:1px solid rgba(255,232,170,.55);
  background:linear-gradient(180deg,#FFE29A 0%,#F2C766 42%,#C8973F 100%);
  box-shadow:0 6px 16px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.55);
  color:#1A1206 !important; font-size:15px; font-weight:700; line-height:1; letter-spacing:.08em;
  text-decoration:none; white-space:nowrap; filter:none;
  position:static; left:auto; bottom:auto; width:auto;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.il-wp .live-btn a.btn-start:hover,
.il-wp .fish-link a:hover .fish-start{
  transform:translateY(-2px); filter:brightness(1.06);
  box-shadow:0 10px 22px rgba(0,0,0,.5), 0 0 0 3px rgba(249,197,78,.18), inset 0 1px 0 rgba(255,255,255,.6);
}
.il-wp .live-btn a.btn-start:focus-visible{ outline:2px solid var(--ig-gold-hi); outline-offset:3px; }
.il-wp .live-btn{ position:relative; left:0; bottom:0; display:flex; justify-content:center; margin-top:var(--ig-s2); }

/* ── 頁首(電腦版) ── */
.il-wp .site-navbar{ border-bottom:1px solid var(--ig-line-soft); }
.il-wp .site-navbar .container.top{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; margin-bottom:0; padding-top:12px; padding-bottom:12px; }
.il-wp .site-navbar .site-logo{ display:flex; align-items:center; justify-content:space-between; flex:1 1 auto; min-width:0; width:auto; }
.il-wp header.site-navbar{ padding:0 !important; }
.il-wp header.site-navbar .site-logo{ position:static; top:auto; float:none; }
.il-wp header.site-navbar .toggle-button{ position:static !important; top:auto; flex:0 0 auto; margin-left:12px; }
.il-wp header.site-navbar .toggle-button a.site-menu-toggle.py-5{
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0 !important; color:var(--ig-gold);
}
.il-wp header.site-navbar .toggle-button a.site-menu-toggle .h3{ margin:0; font-size:26px; line-height:1; }
.il-wp .site-navbar .site-logo a img{ max-height:64px; width:auto; }
.il-wp .toolbar{ align-items:center; gap:12px; }
@media (min-width:768px){ .il-wp .toolbar{ display:flex; } }
.il-wp .toolbar .btn{
  display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 22px;
  border-radius:999px; font-size:15px; font-weight:700; letter-spacing:.06em; line-height:1;
  transition:filter .18s ease, background-color .18s ease, color .18s ease;
}
.il-wp .toolbar .btn-warning{ background:transparent; border:1px solid var(--ig-gold); color:var(--ig-gold-hi); }
.il-wp .toolbar a:hover .btn-warning{ background:rgba(224,181,94,.12); }
.il-wp .toolbar .btn-danger{
  background:linear-gradient(180deg,#FFE29A 0%,#F2C766 42%,#C8973F 100%); border:1px solid rgba(255,232,170,.55); color:#1A1206;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.il-wp .toolbar a:hover .btn-danger{ filter:brightness(1.06); }
.il-wp .toolbar a.font-size-16{ color:var(--ig-t3); font-size:14px; line-height:44px; padding:0 4px; }
.il-wp .toolbar a.font-size-16:hover{ color:var(--ig-gold-hi); text-decoration:underline; text-underline-offset:4px; }

/* 主選單:金條保留,改漸層、字重拉高、加滑過底線 */
.il-wp .container-fluid.menu{
  padding:0; background:linear-gradient(180deg,#EDCB7E 0%,#E0B55E 55%,#CFA14C 100%);
  box-shadow:0 1px 0 rgba(255,240,200,.5) inset, 0 6px 18px rgba(0,0,0,.45);
}
.il-wp .site-navbar .site-navigation .site-menu{ display:flex !important; justify-content:space-between; margin:0; padding:0; }
.il-wp .site-navbar .site-navigation .site-menu > li{ flex:1 1 0; }
.il-wp .site-navbar .site-navigation .site-menu > li > a{
  position:relative; display:flex; align-items:center; justify-content:center; height:52px; margin:0; padding:0 8px;
  color:#1A1206; font-size:15px; font-weight:600; letter-spacing:.12em;
}
.il-wp .site-navbar .site-navigation .site-menu > li > a::after{
  content:""; position:absolute; left:50%; bottom:9px; width:0; height:2px; background:#1A1206; transform:translateX(-50%); transition:width .2s ease;
}
.il-wp .site-navbar .site-navigation .site-menu > li > a:hover{ color:#1A1206 !important; font-weight:600; background:rgba(0,0,0,.06); }
.il-wp .site-navbar .site-navigation .site-menu > li > a:hover::after,
.il-wp .site-navbar .site-navigation .site-menu > li.active > a::after{ width:28px; }
.il-wp .site-navbar .site-navigation .site-menu > li.active > a{ color:#1A1206 !important; }
.il-wp .site-navbar .site-navigation .site-menu > li + li > a{ box-shadow:-1px 0 0 rgba(26,18,6,.14); }

/* ── 主視覺:輪播底下別再往上疊 ── */
.il-wp div.owl-carousel-wrapper{ margin-bottom:0; border-bottom:1px solid var(--ig-line); }

/* ── 區塊共通節奏:只留上間距(天條 38),區塊之間一條金線 ── */
.il-wp .live-game-section{ padding-bottom:var(--ig-s5) !important; }
.il-wp .live-game-section,
.il-wp .sports_bg,
.il-wp .fishing_section{ padding-top:var(--ig-sec) !important; padding-bottom:var(--ig-sec) !important; border-bottom:1px solid var(--ig-line); }
.il-wp .live-title,.il-wp .fishing-title{ margin-bottom:var(--ig-s3); }
.il-wp .live-title img{ max-height:220px; width:auto; }
.il-wp .fishing-title img{ max-height:180px; width:auto; }
.il-wp .sport-title{ margin-bottom:var(--ig-s3) !important; }
.il-wp .sport-title img{ margin-top:0; max-height:132px; width:auto; }

/* 真人:四位荷官底下的按鈕置中、與底座對齊 */
.il-wp .live-game-body{ row-gap:var(--ig-s4); }
.il-wp .live-game .live-img{ display:flex; flex-direction:column; align-items:center; }
.il-wp .live-game .live-img img{ margin-left:0; bottom:0; }
.il-wp .live-game .live-btn{ margin-top:calc(var(--ig-s2) * -1); }

/* 體育 + 彩票:3 張改一列三欄(原本 2 欄剩 1 張落單),圖統一高度、按鈕置中 */
.il-wp .sports_bg .col-md-8 > .row{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ig-s3); margin:0;
}
.il-wp .sports_bg .col-md-8 > .row > [class*="col-"]{ max-width:none; width:auto; padding:0; margin:0 !important; }
.il-wp .sports_bg .sport-game,
.il-wp .sports_bg .lottery{ display:flex; flex-direction:column; align-items:center; height:100%; }
.il-wp .sports_bg .sport-game,
.il-wp .sports_bg .lottery{ justify-content:flex-end; }
.il-wp .sports_bg .sport-game img,
.il-wp .sports_bg .lottery img{ width:100%; height:auto; max-height:280px; object-fit:contain; }
.il-wp .sports_bg .sport-title{ display:flex; align-items:center; min-height:132px; }
.il-wp .sports_bg .col-md-4 .sport-title{ justify-content:center; }
.il-wp .sports_bg .sport-game .live-btn,
.il-wp .sports_bg .lottery .live-btn{ margin-top:auto; padding-top:var(--ig-s2); }

/* 電子:五個廠商牌 */
.il-wp .slot-game-body{ display:flex; flex-direction:column; gap:12px; max-width:360px; margin:0 auto; }
.il-wp .slot-game-body .slot-game{ margin:0 !important; opacity:.94; transition:opacity .18s ease, transform .18s ease; }
.il-wp .slot-game-body .slot-game:hover{ opacity:1; transform:translateX(4px); }
.il-wp .slot-game-body .slot-game img{ display:block; width:100%; height:auto; }

/* 捕魚:9 款,電腦 / 平板一列 5 款、第二列 4 款置中;手機一列 3 款剛好 3 列 */
.il-wp .fishing_section .container > .row{ justify-content:center; margin:0 auto; max-width:1100px; row-gap:var(--ig-s3); }
.il-wp .fishing_section .container > .row > [class*="col-"]{ flex:0 0 20%; max-width:20%; padding:0 12px !important; }
.il-wp .fishing_section .fish-link a{ display:flex; flex-direction:column; align-items:center; text-decoration:none; }
.il-wp .fishing_section .fish-link a > img:not(.fish_hover img){ width:100%; max-width:220px; aspect-ratio:1/1; height:auto; object-fit:contain; }
.il-wp .fishing_section .fish-link .fish-start{ margin-top:var(--ig-s1); }

/* 公告 + 優惠:站內公告拿掉(2026-11-07 Owner「站內公告可以拿掉」;只藏不刪,舊 HTML 照舊)。
   剩 5 張優惠圖:電腦一列 3 張、平板一列 2 張,第二列置中;手機一排左右滑 */
.il-wp .news-section{ min-height:0; padding-top:var(--ig-sec); padding-bottom:var(--ig-sec); }
.il-wp .news-section > .container > .row{ margin:0; }
.il-wp .news-section > .container > .row > .col-md-7{ display:none !important; }
.il-wp .news-section > .container > .row > .col-md-5{
  flex:0 0 100%; max-width:100%; margin:0 !important; padding:0;
  display:flex !important; flex-wrap:wrap; justify-content:center; gap:var(--ig-s3);
}
.il-wp .news-section .img-active{ flex:0 0 calc((100% - var(--ig-s3) * 2) / 3); max-width:calc((100% - var(--ig-s3) * 2) / 3); padding:0 !important; margin:0 !important; }
@media (min-width:768px) and (max-width:991.98px){
  .il-wp .news-section .img-active{ flex-basis:calc((100% - var(--ig-s3)) / 2); max-width:calc((100% - var(--ig-s3)) / 2); }
}
.il-wp .news-section .img-active a{ display:block; }
.il-wp .news-section .img-active a .rounded{
  display:block; width:100%; padding:0; border-radius:14px !important; border:1px solid var(--ig-line);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.il-wp .news-section .img-active a:hover .rounded{ transform:translateY(-2px); border-color:var(--ig-gold); box-shadow:0 10px 24px rgba(0,0,0,.5); }

/* 文字區(電腦版):11px 灰字拉到 16px,四欄對齊網格 */
.il-wp .site-seo{ padding-top:var(--ig-sec); padding-bottom:var(--ig-sec); }
.il-wp .site-seo .container > .row{ row-gap:0; }
.il-wp .site-seo .seo-body > .box{ height:auto; margin-bottom:var(--ig-s4) !important; }
.il-wp .site-seo .seo-body > .box:last-child{ margin-bottom:0 !important; }
.il-wp .site-seo h5{ margin:0 0 var(--ig-s1); color:var(--ig-gold); font-size:18px; font-weight:700; letter-spacing:.06em; }
.il-wp .site-seo p{ margin:0; color:var(--ig-t3); font-size:16px; line-height:1.75; }

/* ── 頁尾:兩欄並成一行(天條 40)、連結觸控高度 32px 以上 ── */
.il-wp .site-footer{ padding:var(--ig-s4) 0 0; border-top:1px solid var(--ig-line); background:#000; font-size:15px; }
.il-wp .site-footer .container > .row:first-child .col-md-12 > .row{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--ig-s1) var(--ig-s4); margin:0; }
.il-wp .site-footer .container > .row:first-child .col-md-12 > .row > [class*="col-"]{
  flex:0 1 auto; max-width:none; width:auto; margin:0 !important; padding:0;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 var(--ig-s1);
}
.il-wp .site-footer .footer-heading{ margin:0 var(--ig-s1) 0 0 !important; color:var(--ig-gold); font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.il-wp .site-footer ul.list-unstyled{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0; padding:0; }
.il-wp .site-footer ul.list-unstyled > li{ flex:0 0 auto; width:auto; max-width:none; margin:0 !important; padding:0; }
.il-wp .site-footer ul.list-unstyled > li:has(> a.d-none){ display:none; }
.il-wp .site-footer ul.list-unstyled > li > div{ padding:0 8px; color:var(--ig-t3) !important; font-size:15px; }
.il-wp .site-footer ul a{ display:inline-flex; align-items:center; min-height:36px; padding:0 8px; color:var(--ig-t2); font-size:15px; }
.il-wp .site-footer ul a:hover{ color:var(--ig-gold-hi); }
.il-wp .site-footer .row.text-center{ margin-top:var(--ig-s3); padding:var(--ig-s2) 0 !important; border-top:1px solid var(--ig-line-soft); }
.il-wp .site-footer .row.text-center p{ margin:0; color:var(--ig-t3); font-size:14px; letter-spacing:.04em; }

/* ── 平板(768~991):頁首按鈕縮一點、體育 3 欄圖縮高 ── */
@media (min-width:768px) and (max-width:991.98px){
  .il-wp .site-navbar .site-logo a img{ max-height:56px; }
  .il-wp .toolbar .btn{ height:44px; padding:0 16px; font-size:14px; }
  /* 平板:體育彩票與電子改上下排,三欄圖才不會縮成一小點 */
  .il-wp .sports_bg .container > .row > .col-md-8,
  .il-wp .sports_bg .container > .row > .col-md-4{ flex:0 0 100%; max-width:100%; }
  .il-wp .sports_bg .container > .row > .col-md-4{ margin-top:var(--ig-s5); }
  .il-wp .sports_bg .sport-game img,
  .il-wp .sports_bg .lottery img{ max-height:220px; }
}

/* ── 手機(<768) ── */
@media (max-width:767.98px){
  .il-wp{ --ig-sec:40px; }
  .il-wp .site-navbar .container.top{ padding-top:10px; padding-bottom:10px; }
  .il-wp .site-navbar .site-logo a img{ max-height:48px; }

  .il-wp .live-btn a.btn-start,
  .il-wp .fish-link .fish-start{ min-width:0; width:100%; max-width:132px; height:44px; padding:0 12px; font-size:14px; letter-spacing:.04em; }
  .il-wp .live-title img{ max-height:150px; }
  .il-wp .fishing-title img{ max-height:110px; }
  .il-wp .sport-title img{ max-height:92px; }
  .il-wp .live-game-body{ row-gap:var(--ig-s3); }

  /* 體育 + 彩票:兩欄,第 3 張(彩票)置中不撐滿 */
  .il-wp .sports_bg .col-md-8 > .row{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--ig-s3) var(--ig-s2); }
  .il-wp .sports_bg .col-md-8 > .row > [class*="col-"]:last-child:nth-child(odd){ grid-column:1 / -1; justify-self:center; width:calc(50% - 8px); }
  .il-wp .sports_bg .sport-game img,
  .il-wp .sports_bg .lottery img{ max-height:150px; }
  .il-wp .sports_bg .sport-title{ min-height:0; justify-content:center; }
  .il-wp .sports_bg .col-md-4{ margin-top:var(--ig-s5); }
  .il-wp .slot-game-body{ gap:10px; max-width:320px; }

  .il-wp .fishing_section .container > .row{ row-gap:var(--ig-s3); }
  .il-wp .fishing_section .container > .row > [class*="col-"]{ flex:0 0 33.333%; max-width:33.333%; padding:0 6px !important; }

  /* 優惠圖手機原本整欄藏起來(d-none) → 改成一排可左右滑 */
  .il-wp .news-section > .container > .row > .col-md-5.d-none{ display:flex !important; flex-wrap:nowrap; justify-content:flex-start; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 16px 4px; margin:0 -16px !important; scrollbar-width:none; flex:0 0 calc(100% + 32px); max-width:none; }
  .il-wp .news-section .col-md-5.d-none::-webkit-scrollbar{ display:none; }
  .il-wp .news-section .col-md-5.d-none .img-active{ flex:0 0 84%; max-width:84%; margin:0 !important; scroll-snap-align:center; }

  .il-wp .site-footer{ padding-top:var(--ig-s3); }
  .il-wp .site-footer .container > .row:first-child .col-md-12 > .row{ flex-direction:column; gap:var(--ig-s2); }
  .il-wp .site-footer ul a{ font-size:14px; min-height:36px; }

  /* 底部列:六格原本 padding 16px 把字擠成一字一行 → 等分、圖示在上字在下、不折行 */
  .il-wp .mob_nav{ padding-bottom:env(safe-area-inset-bottom) !important; background:rgba(8,7,5,.96) !important; border-top:1px solid var(--ig-line); }
  .il-wp .mob_nav > ul{ display:flex; width:100%; margin:0; padding:0; }
  .il-wp .mob_nav > ul > li{ flex:1 1 0; min-width:0; }
  .il-wp .mob_nav .nav-link{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    min-height:58px; padding:6px 2px !important; color:var(--ig-gold); font-size:12px; line-height:1.2; white-space:nowrap;
  }
  .il-wp .mob_nav .nav-link i.fa{ font-size:20px; line-height:1; margin:0; }
  .il-wp .mob_nav .nav-link br{ display:none; }
  .il-wp .mob_nav .nav-link img{ max-height:46px; width:auto; }
}