/* ============================================================
   遊戲世界 — 黑金・奢華質感主題（LUXURY）
   深黑底 × 香檳金 × 襯線標題 × 細金線 × 留白
   由 config app.theme='blackgold' 啟用；不影響其他站台
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Noto+Serif+TC:wght@600;700;900&display=swap');

:root {
    --brand1:  #cbab73;
    --brand1d: #c8a86a;   /* 香檳金 */
    --brand2:  #e6cd8f;
    --brand3:  #a2833f;
    --cyan:    #c8a86a;
    --gold:    #d9bd7a;   /* 主金（柔和奢華，非亮黃） */
    --gold-br: #efd79a;   /* 亮金點綴 */
    --ink:     #ece7db;   /* 主文字 */
    --ink-deep:#000000;
    --muted:   #948c7b;   /* 次要文字 */
    --bg:      #08080a;   /* 近黑底 */
    --card:    #101014;   /* 卡片 */
    --line:    rgba(210,180,120,.16);   /* 細金線 */
    --grad-main: linear-gradient(135deg, #efd79a 0%, #d9bd7a 50%, #a2833f 100%);
    --grad-gold: linear-gradient(135deg, #f3e2ad 0%, #d9bd7a 50%, #a2833f 100%);
    --grad-green:linear-gradient(135deg, #1c1a12 0%, #100f0a 100%);
    --shadow:  0 24px 60px rgba(0,0,0,.6);
    --glow-gold: 0 0 30px rgba(217,189,122,.35);
    --serif: "Playfair Display", "Noto Serif TC", serif;
}

/* ---------- 基礎 ---------- */
body {
    background:
        radial-gradient(1100px 560px at 88% -12%, rgba(217,189,122,.10), transparent 60%),
        radial-gradient(900px 480px at -8% 8%, rgba(217,189,122,.05), transparent 55%),
        var(--bg) !important;
    color: var(--ink);
    letter-spacing:.2px;
}
h1,h2,h3,h4,.page-hero h1,.section-head,.hero h1,.card-body h2,.card-body h3 {
    font-family: var(--serif) !important; letter-spacing:.4px; font-weight:700;
}
a { color: var(--gold); }
a:hover { color: var(--gold-br); }
::selection { background: rgba(217,189,122,.35); color:#fff; }

/* 區塊標題：細金線 */
.section-head { font-size:1.2rem; }
.section-head::after { background: linear-gradient(90deg, var(--gold), transparent); opacity:.7; height:1px; }

/* ---------- 導覽列：極簡深底 + 細金線 ---------- */
.navbar.bg-white {
    background: rgba(8,8,10,.82) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--line); box-shadow: 0 2px 30px rgba(0,0,0,.5);
}
.navbar-brand { font-family: var(--serif) !important; letter-spacing:1px; }
.navbar .nav-link { color:#cfc8b6 !important; font-weight:500; letter-spacing:.3px; }
.navbar .nav-link:hover, .navbar .nav-link.active { color:var(--gold) !important; }
.navbar .nav-link::after { background: var(--grad-gold) !important; height:1px !important; }
.navbar-toggler { border-color:rgba(217,189,122,.4) !important; }
.navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23d9bd7a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.6' d='M4 8h22M4 15h22M4 22h22'/%3e%3c/svg%3e") !important; }
.dropdown-menu { background:#111116; border:1px solid var(--line); }

/* ---------- Hero ---------- */
.page-hero {
    padding:3.4rem 0 3rem; margin-bottom:2.2rem;
    background:
        radial-gradient(760px 340px at 85% -30%, rgba(217,189,122,.22), transparent 55%),
        linear-gradient(120deg, #14110a, #0a0a0a 55%, #000) !important;
    border-bottom:1px solid var(--line); border-image:none;
}
.page-hero::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background: var(--grad-gold); opacity:.6; }
.page-hero h1 { background: var(--grad-gold); -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; font-size:clamp(1.8rem,4vw,2.6rem); }
.page-hero .lead { color:rgba(236,231,219,.72) !important; }

.hero {
    background:
        radial-gradient(1100px 560px at 80% -20%, rgba(217,189,122,.20), transparent 55%),
        linear-gradient(160deg, #14110a, #050505) !important;
    border-bottom:1px solid var(--line);
}
.hero h1, .hero .display-4 { font-family:var(--serif) !important; background: var(--grad-gold) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; letter-spacing:1px; }
.hero .lead { color:rgba(236,231,219,.78) !important; }

/* ---------- 卡片：精緻、細金框、克制陰影 ---------- */
.card {
    background:#0f0f14; border:1px solid var(--line); border-radius:12px; color:var(--ink);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.card:hover { transform:translateY(-5px); border-color:rgba(217,189,122,.5); box-shadow:0 26px 60px rgba(0,0,0,.6); }
.card-footer { background:#0c0c10 !important; border-color:var(--line) !important; }
.casino-logo { background:#f4f0e6; }

/* ---------- 數據帶 ---------- */
.stats-band { background:#0f0f13 !important; border:1px solid var(--line) !important; }
.stat-num { background: var(--grad-gold) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }

/* ---------- 按鈕 ---------- */
.btn { border-radius:8px; font-weight:600; letter-spacing:.5px; }
.btn-warning { background: var(--grad-gold) !important; color:#2a1f00 !important; box-shadow:0 10px 26px rgba(217,189,122,.28) !important; }
.btn-warning:hover { box-shadow: var(--glow-gold), 0 12px 30px rgba(217,189,122,.4) !important; }
.btn-primary { background:transparent !important; border:1px solid var(--gold) !important; color:var(--gold) !important; box-shadow:none !important; }
.btn-primary:hover { background:var(--gold) !important; color:#1a1300 !important; }
.btn-outline-primary { color:var(--gold) !important; border-color:var(--gold) !important; }
.btn-outline-primary:hover { background:var(--gold) !important; color:#1a1300 !important; }
.btn-outline-secondary { color:#cfc8b4 !important; border-color:#3a382f !important; }
.btn-outline-secondary:hover { background:#22201a !important; color:#fff !important; }
.btn-outline-danger { color:#e88a8a !important; border-color:#7a4040 !important; }
.btn-light { background: var(--grad-gold) !important; color:#2a1f00 !important; border:none; }
.btn-link { color:var(--gold) !important; }

/* ---------- Bootstrap 工具類深色修正 ---------- */
.bg-white { background:#101014 !important; }
.bg-light, .bg-body-tertiary { background:#14141a !important; }
.text-dark { color:var(--ink) !important; }
.text-muted, .text-secondary { color:#8f887a !important; }
.border { border-color:var(--line) !important; }
hr { border-color:var(--line); }
footer { border-top:1px solid var(--line); }

/* 列表 / 跑馬燈 / 信任區 */
.list-group-item { background:#0f0f14 !important; color:var(--ink) !important; border-color:var(--line) !important; }
.list-group-item-action:hover { background:#18160f !important; color:#fff !important; padding-left:1.25rem; }
.list-group-item .text-truncate { color:#f0ebdd !important; }
.marquee-chip { background:#101015 !important; color:var(--ink) !important; border-color:rgba(217,189,122,.3) !important; box-shadow:0 2px 12px rgba(0,0,0,.5) !important; }
.trust-band { background:linear-gradient(120deg,#14110a,#0a0a0a) !important; border:1px solid var(--line) !important; }
.badge.text-bg-light { color:#1a1a1a !important; }

/* 表格 */
.table-dark, .table-dark th, .table-dark td, thead.table-dark th { background-color:#16130c !important; color:var(--gold) !important; --bs-table-bg:#16130c; letter-spacing:.5px; }
.table-dark a { color:var(--gold-br); }
.table { color:var(--ink); }
.table > :not(caption) > * > * { color:var(--ink); }
.table-hover > tbody > tr:hover > * { background:#18160f !important; color:#fff; }
.table-light, .table-light > * { --bs-table-bg:#14141a !important; color:var(--ink) !important; }

/* 表單 */
.form-control, .form-select { background:#101015 !important; border-color:#33302a !important; color:var(--ink) !important; border-radius:8px; }
.form-control:focus, .form-select:focus { border-color:var(--gold) !important; box-shadow:0 0 0 .2rem rgba(217,189,122,.16) !important; }
.form-control::placeholder { color:#7c7566 !important; }
.input-group-text { background:#16161c !important; border-color:#33302a !important; color:#b7b09a !important; }

/* 手風琴（FAQ） */
.accordion { --bs-accordion-bg:#0f0f14 !important; --bs-accordion-color:var(--ink); --bs-accordion-border-color:var(--line);
    --bs-accordion-btn-color:var(--ink); --bs-accordion-active-bg:#18150c; --bs-accordion-active-color:var(--gold); }
.accordion-item { background:#0f0f14 !important; color:var(--ink); border-color:var(--line) !important; }
.accordion-button { background:#0f0f14 !important; color:var(--ink) !important; font-family:var(--serif); }
.accordion-button:not(.collapsed) { background:#18150c !important; color:var(--gold) !important; box-shadow:none; }
.accordion-button::after { filter:invert(1) brightness(1.3) sepia(.3); }
.accordion-body { color:#d7d1c0; }

/* 會員 CTA */
.cta-band { background:
    radial-gradient(600px 300px at 80% -40%, rgba(217,189,122,.24), transparent 55%),
    linear-gradient(120deg, #16120a, #080808) !important;
    border:1px solid var(--line); box-shadow:0 24px 60px rgba(0,0,0,.6); }
.cta-band h2 { font-family:var(--serif); }

/* 分頁 */
.page-link { background:#0f0f14; border-color:var(--line); color:var(--ink); }
.page-link:hover { background:#18160f !important; color:var(--gold) !important; }
.page-item.active .page-link { background:var(--gold); border-color:var(--gold); color:#1a1300; }

/* 文章內文 */
.article-body { color:#dcd7ca !important; }
.article-body h1, .article-body h2, .article-body h3, .article-body h4 { color:var(--ink) !important; font-family:var(--serif); }
.article-body h2, .article-body h3 { border-left-color:var(--gold) !important; }
.article-body strong, .article-body b { color:#f2eddf; }
.article-body a { color:var(--gold); }
.article-body blockquote { background:#14120b !important; color:#d7d1c0 !important; border-left-color:var(--gold); }
.article-body table { background:#0f0f14 !important; }
.article-body th, .article-body td { border-color:var(--line) !important; }
.article-body thead th, .article-body tr:first-child td, .article-body tr:first-child th { background:linear-gradient(120deg,#1c1810,#12100a) !important; color:var(--gold) !important; }
.article-body tbody tr:nth-child(even) td { background:#131318 !important; }
.article-body tbody tr:hover td { background:#1b1810 !important; }
.article-body .table-wrap { box-shadow:0 0 0 1px var(--line); }

/* 捲軸 */
::-webkit-scrollbar-track { background:#0c0c0f; }
::-webkit-scrollbar-thumb { background:#33302a; }
::-webkit-scrollbar-thumb:hover { background:var(--gold); }

/* 彩券號碼球：金框深底，配合奢華風 */
.lt-ball { box-shadow:0 1px 2px rgba(0,0,0,.5), inset 0 -2px 3px rgba(0,0,0,.3); }