/* ==============================================================
   檔案名稱：lottery-style.css
   功能說明：TC Gaming — 天成彩票（Lottery）頁面樣式表
   設計基準：1920px 固定寬度，透過 JS transform: scale() 等比縮放
   命名規則：
     - 共用元件：tcg- 前綴（與首頁一致）
     - 頁面專屬：tcg-lt- 前綴（lt = lottery）
   瀏覽器支援：Chrome / Edge / Safari / Firefox，IE11 盡量相容
   ============================================================== */


/* ★ Web 共用樣式已移至 tcg-common-web.css ★ */


/* ★ 漢堡選單已移至 tcg-common-web.css ★ */

/* [Page-Specific] Lottery 頁面樣式（Web 版）
   所有 web 規則均帶 .tcg-wrapper 前綴，確保不影響手機版
   ============================================================== */

/* ================================================================
   [Hero] 首屏主視覺 — 背景圖模式，高度 600px
   ================================================================ */
.tcg-wrapper .tcg-lt-hero {
    background: #F5F5F5 url('img/web/lottery/gameproduct_img_00_lottery_banner.png') no-repeat right center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
    margin-top: 111px;
}
.tcg-wrapper .tcg-lt-hero-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 600px;
    padding-top: 99px;
    padding-left: 226px;
}
.tcg-wrapper .tcg-lt-hero-content {
    max-width: 600px;
    position: relative;
    z-index: 2;
}
.tcg-wrapper .tcg-lt-hero-title {
    font-size: 51px;
    font-weight: 800;
    color: #262626;
    color: var(--tcg-text);
    margin-bottom: 100px;
}
.tcg-wrapper .tcg-lt-hero-btn {
    /* hook：可獨立調整 hero Contact Us 按鈕 */
}


/* ================================================================
   [Popular Lotteries] POPULAR LOTTERIES in TC GAMING
   白底，大標題圖片 + 左紅標題右說明 + 2×4 彩票合成圖
   ================================================================ */
.tcg-wrapper .tcg-lt-popular {
    background: #FFFFFF;
    padding: 107px 0 52px;
}
/* 內容容器（獨立 hook） */
.tcg-wrapper .tcg-lt-popular-inner {padding-left: 246px;padding-right: 246px;}

/* 大標題圖片 */
.tcg-wrapper .tcg-lt-popular-heading {
    text-align: center;
    margin-bottom: 60px;
}
.tcg-wrapper .tcg-lt-popular-heading-img {
    max-width: 100%;
    height: auto;
}

/* 左紅標題 + 右說明 flex 排列 */
.tcg-wrapper .tcg-lt-popular-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    margin-bottom: 44px;
    padding-top: 6px;
}
.tcg-wrapper .tcg-lt-popular-intro-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 374px;
}
.tcg-wrapper .tcg-lt-popular-intro-title {
    font-size: 48px;
    font-weight: 800;
    color: #262626;
    color: var(--tcg-text);
    line-height: 1.3;
}
.tcg-wrapper .tcg-lt-popular-intro-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.tcg-wrapper .tcg-lt-popular-intro-desc {
    font-size: 18px;
    color: #6B6B6B;
    color: var(--tcg-text-light);
    line-height: 2;
    margin: 0 0 28px;
}

/* 彩票合成圖（一整張大圖） */
.tcg-wrapper .tcg-lt-lottery-image {
    text-align: center;
    margin-top: 0px;
}
.tcg-wrapper .tcg-lt-lottery-image-img {
    max-width: 100%;
    height: auto;
}

/* ==============================================================
   [Lottery 彩票] tcg-m-lt- 前綴
   頁面結構：Hero → Popular（大標題 + 說明 + 2×4 圓形彩票卡片）→ Footer
   ============================================================== */

/* ── Hero：天成彩票 主視覺 ── */
.tcg-m-lt-hero {
    position: relative;
}
.tcg-m-lt-hero-bg {
    width: 100%;
}
.tcg-m-lt-hero-bg img {
    display: block;
    width: 100%;
}
.tcg-wrapper-mobile .tcg-m-lt-hero-title {
    position: absolute;
    top: 97px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    font-size: 54px;
    font-weight: 900;
    color: #262626;
}
.tcg-m-lt-hero-btn-wrap {
    position: absolute;
    bottom: 68px;
    left: 0;
    width: 100%;
    text-align: center;
}


/* ── Popular：POPULAR LOTTERIES in TC GAMING ── */
.tcg-m-lt-popular {
    background: #FFFFFF;
    padding: 123px 0 80px;
    padding-bottom: 0px;
}

/* 大標題圖片（POPULAR LOTTERIES in TC GAMING）*/
.tcg-m-lt-popular-heading {
    margin-bottom: 40px;
}
.tcg-m-lt-popular-heading img {
    display: block;
    width: 100%;
}

/* 中文標題 + 說明文字 */
.tcg-wrapper-mobile .tcg-m-lt-popular-title {
    font-size: 54px;
    font-weight: 900;
    color: #262626;
    line-height: 1.2;
    margin-bottom: 36px;
    padding-top: 64px;
    padding-left: 42px;
}
.tcg-wrapper-mobile .tcg-m-lt-popular-desc {
    font-size: 24px;
    color: #6B6B6B;
    line-height: 1.8;
    margin-bottom: 0;
    padding-left: 50px;
    padding-right: 50px;
}
.tcg-wrapper-mobile .tcg-m-lt-popular-desc + .tcg-m-lt-popular-desc {
    margin-top: 7px;
}

/* 2×4 圓形彩票卡片（一整張合成圖） */
.tcg-m-lt-lottery-image {
    margin-top: 50px;
}
.tcg-m-lt-lottery-image img {
    display: block;
    width: 100%;
}

/* ★ Mobile 共用樣式已移至 tcg-common-mobile.css ★ */