/* A 案（微調翻新）共用視覺語言
   起於 /international，現由全站同風格頁共用（今日金價、黃金存摺、銀樓、
   黃金回收、美元匯率、銀價、各歷史走勢頁…）。
   所有規則都掛在 .intl-page 底下，避免影響共用 partial
   （_summary_card / newest_threads）在未改版頁面的外觀。 */

.intl-page {
    font-family: "Noto Sans TC", Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.intl-page a {
    text-decoration: none;
}

@keyframes glPulse {
    0%   { box-shadow: 0 0 0 0 rgba(200, 162, 0, .45); }
    70%  { box-shadow: 0 0 0 7px rgba(200, 162, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(200, 162, 0, 0); }
}

/* ---------- 頁籤列 ---------- */

.intl-subnav {
    background: #f6f4ef;
    border: 1px solid #e1cc95;
    border-radius: 10px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.intl-subnav::-webkit-scrollbar { display: none; }

.intl-subnav a {
    display: inline-block;
    padding: 11px 20px;
    font-size: 14px;
    color: #999;
    flex-shrink: 0;
}
.intl-subnav a:hover { color: #a78017; }

.intl-subnav a.is-active {
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
    color: #a78017;
    border-bottom: 2px solid #c7b072;
}

@media (max-width: 991px) {
    .intl-subnav a { padding: 10px 14px; font-size: 13px; }
}

@media (min-width: 992px) {
    .intl-subnav a.is-active {
        padding: 11px 22px;
        font-size: 16px;
    }
}
.intl-subnav a.is-active h1 {
    font: inherit;
    margin: 0;
    display: inline;
}

/* ---------- 版面：手機單欄（順序由 order 決定），桌機左右兩欄 ---------- */

.intl-layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 手機把兩個欄位容器攤平，讓所有卡片成為 .intl-layout 的直接子項，
   才能跨欄重排（客戶指定的手機順序）。 */
.intl-rail,
.intl-main {
    display: contents;
}

.intl-price-card { order: 1; }
.intl-chart24    { order: 2; }
.intl-insight    { order: 3; }
.intl-ratio      { order: 3; }  /* 銀價頁：金銀比小卡 */
.intl-chart7     { order: 4; }
.intl-predict    { order: 5; }
.intl-sessions   { order: 6; }
.intl-article    { order: 7; }
.intl-topics     { order: 8; }
.intl-ad         { order: 9; }

@media (min-width: 992px) {
    .intl-layout {
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }
    .intl-rail {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex: 1 1 260px;
        min-width: 260px;
        max-width: 300px;
    }
    .intl-main {
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex: 3 1 620px;
        min-width: 0;
    }
    .intl-price-card,
    .intl-chart24,
    .intl-insight,
    .intl-chart7,
    .intl-predict,
    .intl-sessions,
    .intl-article,
    .intl-topics,
    .intl-ratio,
    .intl-ad {
        order: 0;
    }
}

/* ---------- 卡片共用 ---------- */

.intl-card {
    background: #fff;
    border: 1px solid #e7e0cf;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(90, 70, 20, .05);
    overflow: hidden;
}

.intl-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px;
    border-bottom: 1px solid #f0ebdd;
}

.intl-card-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
@media (min-width: 992px) {
    .intl-card-title { font-size: 16px; }
}
.intl-card-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 13px;
    border-radius: 2px;
    background: linear-gradient(180deg, #d8b859, #b19441);
    margin-right: 7px;
    vertical-align: -2px;
}
@media (min-width: 992px) {
    .intl-card-title::before {
        height: 15px;
        margin-right: 8px;
    }
}

.intl-card-note {
    font-size: 12px;
    color: #999;
}

.intl-card-link {
    font-size: 13px;
    color: #8b6914;
}
.intl-card-link:hover {
    color: #5c4a10;
    text-decoration: underline;
}

/* ---------- 共用：卡片並排 grid ---------- */

.intl-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.intl-grid > * {
    flex: 1 1 340px;
    min-width: 0;
}

.intl-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ---------- 共用：報價／牌價表格 ---------- */

.intl-page .intl-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 14px;
    background: transparent;
}

.intl-page .intl-table thead th {
    background: #f6f4ef;
    color: #8a7340;
    font-weight: 600;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: nowrap;
}

.intl-page .intl-table tbody tr:hover { background: #FFFDE7; }

/* 列分隔線畫在 td 上（而非 tr）：手機版日期欄要 position:sticky，
   畫在 tr 上的框線在捲動時不會跟著固定欄位走。 */
.intl-page .intl-table td {
    padding: 9px 16px;
    border: none;
    border-bottom: 1px solid #f5f2e9;
    vertical-align: middle;
}
.intl-page .intl-table tbody tr:last-child td { border-bottom: none; }

.intl-page .intl-table .intl-td-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.intl-page .intl-table th.intl-td-num { text-align: right; }

.intl-page .intl-table .intl-td-strong {
    font-weight: 600;
}

.intl-page .intl-table .intl-td-date {
    font-size: 13px;
    color: #777;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.intl-page .intl-table .intl-td-time {
    text-align: right;
    font-size: 12px;
    color: #999;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.intl-page .intl-table a {
    color: #8b6914;
    font-weight: 500;
}
.intl-page .intl-table a:hover { text-decoration: underline; }

.intl-table-wrap { overflow-x: auto; }

/* ---------- 共用：按鈕 ---------- */

.intl-page .intl-btn-gold {
    display: inline-block;
    padding: 8px 18px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(180deg, #d8b859, #b19441);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.intl-page .intl-btn-gold:hover {
    background: linear-gradient(180deg, #cbab4c, #a48734);
    color: #fff;
}

.intl-page .intl-btn-outline {
    display: inline-block;
    padding: 7px 16px;
    border: 1px solid #c2a44d;
    border-radius: 8px;
    color: #ab8854;
    font-size: 14px;
    background: transparent;
    text-align: center;
    cursor: pointer;
}
.intl-page .intl-btn-outline:hover {
    color: #fff;
    background: #c2a44d;
}

.intl-page .intl-btn-sm {
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 6px;
}

/* ---------- 報價卡 ---------- */

.intl-price-strip {
    height: 4px;
    background: linear-gradient(90deg, #b19441, #e5cd7e 55%, #b19441);
}

.intl-price-body { padding: 14px 16px 16px; }

@media (min-width: 992px) {
    .intl-price-body { padding: 16px 20px 18px; }
}

.intl-price-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intl-price-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #8a7340;
}

.intl-live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #3d8b40;
}
.intl-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4caf50;
    animation: glPulse 2s infinite;
}
.intl-live.is-closed { color: #aaa; }
.intl-live.is-closed .intl-live-dot {
    background: #ccc;
    animation: none;
}

.intl-price-value {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin: 8px 0 6px;
    color: #222;
    font-variant-numeric: tabular-nums;
}
@media (min-width: 992px) {
    .intl-price-value { font-size: 42px; }
}

.intl-price-move {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 覆寫 price.css 的 .chg_rise/.chg_fall/.chg_none 尺寸，顏色沿用 */
.intl-page .intl-chip {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 9px;
    border-radius: 6px;
    color: #fff;
    letter-spacing: .5px;
    font-variant-numeric: tabular-nums;
}
.intl-page .intl-chip.chg_none { background: #d6d6d6; }

.intl-pct {
    font-size: 13px;
    font-weight: 600;
    color: #999;
    font-variant-numeric: tabular-nums;
}
.intl-pct.is-up { color: #dc3545; }
.intl-pct.is-down { color: #558b2f; }

.intl-price-foot {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #ece5d3;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #999;
}

/* ---------- 黃金走勢預測統計卡 ---------- */

.intl-predict .intl-card-title { font-size: 15px; }
.intl-predict .intl-card-title::before { height: 14px; }

.intl-predict-tabs {
    display: flex;
    border-bottom: 1px solid #f0ebdd;
    padding: 0 8px;
}
.intl-predict-tabs a {
    display: inline-block;
    padding: 10px 12px;
    white-space: nowrap;
    font-size: 14px;
    color: #999;
    border-bottom: 2px solid transparent;
}
.intl-predict-tabs a:hover { color: #a78017; }
.intl-predict-tabs a.is-active {
    font-weight: 700;
    color: #a78017;
    border-bottom-color: #c7b072;
}

.intl-predict-pane { display: none; }
.intl-predict-pane.is-active { display: block; }

.intl-predict-chart {
    height: 90px;
    margin: 10px 8px 0;
}

.intl-predict-cta {
    text-align: center;
    padding: 16px 16px 0;
}

.intl-predict-hint {
    font-size: 14px;
    color: #8a7340;
    margin-bottom: 10px;
}

.intl-predict-vote {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px 16px;
}

.intl-vote {
    display: inline-block;
    min-width: 52px;
    text-align: center;
    padding: 7px 0;
    border: 1px solid #9a9a9a;
    border-radius: 8px;
    color: #777;
    font-size: 14px;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.intl-vote:hover,
.intl-vote.is-voted { color: #fff; background: #9a9a9a; }

.intl-vote-1 { border-color: #dc3545; color: #dc3545; }
.intl-vote-1:hover,
.intl-vote-1.is-voted { background: #dc3545; }

.intl-vote-2 { border-color: #558b2f; color: #558b2f; }
.intl-vote-2:hover,
.intl-vote-2.is-voted { background: #558b2f; }

/* ---------- 今日金價 ---------- */

.intl-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    padding: 16px 20px;
}

.intl-summary-item {
    text-align: center;
    padding: 6px 10px;
    border-left: 1px dashed #ece5d3;
}
.intl-summary-item:first-child { border-left: none; }

.intl-summary-label {
    font-size: 12px;
    color: #8a7340;
    margin-bottom: 2px;
}

.intl-summary-value {
    font-size: 26px;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.intl-summary-value.is-small {
    font-size: 14px;
    color: #bbb;
    font-weight: 400;
}

.intl-summary-sub {
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.intl-summary-sub.is-muted {
    color: #bbb;
    font-weight: 400;
}

.intl-range-bar {
    position: relative;
    height: 6px;
    border-radius: 3px;
    background: #e9e0c6;
    margin: 10px 6px 4px;
}
.intl-range-dot {
    position: absolute;
    top: -3px;
    width: 12px;
    height: 12px;
    background: #c2a44d;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.intl-range-minmax {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #999;
    padding: 0 4px;
    font-variant-numeric: tabular-nums;
}

/* 報價卡內嵌的專欄條：手機堆疊、桌機一橫排 */
.intl-insight-bar {
    margin: 6px 12px 14px;
    border: 1px solid #e8e0c8;
    border-left: 3px solid #c8a200;
    background: #fffdf5;
    border-radius: 0 8px 8px 0;
    padding: 10px 12px;
}

.intl-insight-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
}

.intl-insight-label {
    font-size: 11px;
    font-weight: 700;
    color: #b8860b;
    flex-shrink: 0;
}

.intl-insight-date {
    font-size: 11px;
    color: #999;
}

.intl-insight-body {
    min-width: 0;
}
/* 日期已獨立顯示在 head，隱藏 partial 內嵌在摘要尾端的那份 */
.intl-insight-bar .insight-embed-bar-date { display: none; }

.intl-insight-more {
    display: block;
    text-align: right;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #8b6914;
}
.intl-insight-more:hover {
    color: #5c4a10;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .intl-insight-bar {
        margin: 0 20px 16px;
        padding: 10px 14px;
        display: flex;
        align-items: baseline;
        gap: 10px;
        flex-wrap: wrap;
    }
    .intl-insight-head { margin-bottom: 0; }
    .intl-insight-date { display: none; }
    .intl-insight-body { flex: 1; }
    .intl-insight-more {
        display: inline-block;
        margin-top: 0;
        margin-left: auto;
        flex-shrink: 0;
    }
}

.intl-table-nowrap { white-space: nowrap; }

/* 覆寫 price.css 的漲跌色，改用改版色票 */
.intl-page .priceup { color: #dc3545; }
.intl-page .pricedown { color: #558b2f; }

.intl-page .intl-table .intl-td-weekday {
    font-size: 11px;
    color: #bbb;
}

.intl-page .intl-table .intl-td-ad {
    padding: 0;
    border: none;
    text-align: center;
}
.intl-page .intl-table tr.ad-row:hover { background: transparent; }

.intl-page .intl-table .intl-td-range {
    display: block;
    font-size: 11px;
    color: #b7ab8d;
    line-height: 1.3;
}

.intl-page .intl-table .intl-td-vip {
    text-align: center;
    font-size: 13px;
}
.intl-page .intl-table .intl-td-vip a { color: #ab8854; }

.intl-page .intl-table-sm { font-size: 13px; }
.intl-page .intl-table-sm thead th { padding: 8px 14px; }
.intl-page .intl-table-sm td { padding: 9px 14px; }

.intl-table-note {
    padding: 12px 20px 4px;
    font-size: 12px;
    color: #b7ab8d;
    text-align: center;
}
.intl-table-action { padding: 10px 20px 18px; }
.intl-page .intl-btn-block {
    display: block;
    padding: 9px 0;
    font-weight: 600;
}

.intl-twd-chart-body { padding: 12px 8px 8px; }
.intl-twd-chart { min-height: 300px; }

/* ---------- 今日金價：手機版（<992px） ---------- */

@media (max-width: 991px) {
    /* 報價摘要 2×2：上排賣出／買進（各帶當日漲跌），下排區間拉桿／均價 */
    .intl-summary-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 14px 12px 6px;
    }
    .intl-summary-item {
        border-left: none;
        padding: 4px 8px 12px;
    }
    .intl-summary-item:nth-child(even) { border-left: 1px dashed #ece5d3; }
    .intl-summary-item:nth-child(n+3) {
        border-top: 1px dashed #ece5d3;
        padding: 12px 8px 8px;
    }
    .intl-summary-value { font-size: 28px; }
    .intl-summary-item:nth-child(4) .intl-summary-value { font-size: 24px; }
    .intl-range-minmax { font-size: 11px; }

    .intl-twd-chart { min-height: 260px; }

    /* 牌價表橫向捲動，日期欄固定在左側 */
    .intl-page .intl-table th:first-child,
    .intl-page .intl-table tbody tr:not(.ad-row) td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
    }
    .intl-page .intl-table th:first-child {
        background: #f6f4ef;
        z-index: 2;
    }
    .intl-page .intl-table tbody tr:not(.ad-row) td:first-child {
        background: #fff;
    }

    /* SEO 長文裡的術語表格同樣改橫向捲動 */
    .intl-article .article-block .term-table,
    .intl-article .article-block .fee-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

/* ---------- 黃金回收 ---------- */

.intl-recycle-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.intl-recycle-main {
    flex: 2 1 560px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.intl-recycle-rail {
    flex: 1 1 290px;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.intl-move-up { color: #dc3545; font-weight: 600; }
.intl-move-down { color: #558b2f; font-weight: 600; }

/* 報價方塊（條塊／飾金並排） */
.intl-quote-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 16px 20px 20px;
}

.intl-quote-tile {
    background: #f8f6f0;
    border-radius: 10px;
    padding: 16px;
    text-align: center;
}
.intl-quote-label {
    font-size: 13px;
    color: #8a7340;
    margin-bottom: 4px;
}
.intl-quote-value {
    font-size: 30px;
    font-weight: 700;
    color: #222;
    font-variant-numeric: tabular-nums;
}
.intl-quote-value.is-na {
    font-size: 16px;
    color: #bbb;
}
.intl-quote-unit {
    font-size: 12px;
    color: #b7ab8d;
}

/* 試算工具 */
.intl-calc-card { padding: 20px; }
.intl-calc-title { display: block; margin-bottom: 16px; }

.intl-form-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.intl-form-group {
    flex: 1;
    min-width: 120px;
}
.intl-form-grow {
    flex: 2;
    min-width: 160px;
}
.intl-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #8a7340;
    margin-bottom: 6px;
}

.intl-page .intl-form-group .intl-select,
.intl-page .intl-input {
    width: 100%;
    max-width: none;
    padding: 10px 12px;
    border: 1px solid #ddd6c6;
    border-radius: 8px;
    font-size: 15px;
    background: #fff;
    font-family: inherit;
    box-sizing: border-box;
}
.intl-page .intl-form-group .intl-select:focus,
.intl-page .intl-input:focus {
    outline: none;
    border-color: #c2a44d;
    box-shadow: 0 0 0 2px rgba(194, 164, 77, .15);
}

.intl-page .calc-result {
    background: #fbf8ef;
    border: 2px solid #c2a44d;
    border-radius: 10px;
    padding: 18px 22px;
    display: none;
}
.intl-page .calc-result .result-amount {
    font-size: 30px;
    font-weight: 700;
    color: #a78017;
    font-variant-numeric: tabular-nums;
}
.intl-page .calc-result .result-amount small {
    font-size: 15px;
    color: #999;
    font-weight: 400;
}
.intl-page .calc-result .result-detail {
    font-size: 13px;
    color: #777;
    line-height: 1.9;
    margin-top: 8px;
}
.intl-page .calc-result .result-detail span {
    color: #555;
    font-weight: 600;
}
.intl-page .calc-disclaimer {
    font-size: 12px;
    color: #b7ab8d;
    margin-top: 10px;
}
.intl-page .calc-share {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    justify-content: flex-end;
}
.intl-page .calc-share .intl-btn-outline {
    padding: 6px 14px;
    font-size: 13px;
    background: transparent;
}

/* K金對照表的欄位語意 */
.intl-page .intl-table .intl-td-key {
    font-weight: 700;
    color: #8a6d1c;
}
.intl-page .intl-table .intl-td-fig { font-variant-numeric: tabular-nums; }
.intl-page .intl-table .intl-td-desc { color: #777; }

/* 相關工具 grid */
.intl-tool-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 14px;
}
.intl-tool-grid a {
    display: block;
    background: #f6f4ef;
    border-radius: 10px;
    padding: 16px 8px;
    text-align: center;
    color: #555;
    font-size: 14px;
    transition: background .2s, color .2s;
}
.intl-tool-grid a:hover {
    background: #f0ead6;
    color: #a78017;
}
.intl-tool-grid a i {
    display: block;
    font-size: 20px;
    margin-bottom: 6px;
    color: #c2a44d;
}

@media (max-width: 575px) {
    .intl-quote-grid { padding: 14px 16px 16px; gap: 8px; }
    .intl-quote-value { font-size: 24px; }
    .intl-calc-card { padding: 16px; }
    .intl-page .calc-result { padding: 16px; }
    .intl-page .calc-result .result-amount { font-size: 26px; }
}

/* ---------- 銀樓列表 ---------- */

/* 頁籤列右側放縣市篩選時，不要橫向捲動 */
.intl-subnav-split {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    overflow-x: visible;
    white-space: normal;
}

.intl-subnav-filter {
    padding: 6px 16px;
    margin: 0;
}

.intl-page .intl-select {
    padding: 7px 12px;
    border: 1px solid #ddd6c6;
    border-radius: 8px;
    font-size: 14px;
    color: #8a7340;
    background: #fff;
    font-family: inherit;
    max-width: 200px;
}

.intl-lead {
    font-size: 14px;
    color: #777;
    margin: 0 4px 14px;
}

.intl-store-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.intl-store-card {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.intl-store-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(90, 70, 20, .14);
}

.intl-store-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.intl-store-name {
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

.intl-store-city {
    font-size: 12px;
    color: #999;
    flex-shrink: 0;
}

.intl-store-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.intl-tag {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 3px;
    background: #f0ead6;
    color: #8a7340;
}

.intl-store-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    flex-wrap: wrap;
}
.intl-stars {
    color: #c8a200;
    letter-spacing: 1px;
}
.intl-store-score {
    font-weight: 700;
    color: #555;
}
.intl-store-reviews { color: #999; }

.intl-store-addr {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.intl-store-platform {
    font-size: 12px;
    color: #b7ab8d;
}

.intl-store-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
}
.intl-store-actions .intl-btn-gold {
    flex: 1;
    padding: 8px 0;
    background: linear-gradient(135deg, #c9a94f, #ab8854);
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(171, 135, 83, .3);
}
.intl-store-actions .intl-btn-gold:hover {
    background: linear-gradient(135deg, #c9a94f, #ab8854);
    opacity: .9;
}
.intl-store-info { flex: 0 0 92px; padding: 8px 0; }
.intl-store-full { flex: 1; padding: 8px 0; }

.intl-store-empty {
    grid-column: 1 / -1;
    padding: 24px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.intl-pagination {
    display: flex;
    justify-content: center;
    margin: 16px 0;
}

/* 提示條：專欄卡樣式 */
.intl-notice {
    background: #fffdf5;
    border: 1px solid #e8e0c8;
    border-left: 3px solid #c8a200;
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
    font-size: 13px;
    color: #8a7340;
}

/* ---------- 側欄說明小卡（美元匯率頁「匯率與金價的關係」等） ---------- */

.intl-note-card {
    order: 3;
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
}
@media (min-width: 992px) {
    .intl-note-card { order: 0; }
}

.intl-note-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 5px solid #c2a44d;
}

.intl-note-text {
    margin: 0 0 10px;
    color: #555;
    font-size: 13px;
}

.intl-note-formula {
    background: #f8f6f0;
    border-radius: 8px;
    padding: 10px 14px;
    font-family: monospace;
    font-size: 12px;
    color: #8a6d1c;
}

/* ---------- 全球交易時段卡 ---------- */

.intl-sessions .intl-card-title { font-size: 15px; }
.intl-sessions .intl-card-title::before { height: 14px; }

.intl-clock {
    font-size: 12px;
    color: #999;
    font-variant-numeric: tabular-nums;
}

.intl-weekend-note {
    margin: 12px 16px 4px;
    padding: 9px 12px;
    background: #f6f4ef;
    border-radius: 8px;
    font-size: 12px;
    color: #8a7340;
    text-align: center;
}

.intl-session-list {
    padding: 8px 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.intl-session {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 10px;
    border-radius: 8px;
    background: transparent;
}
.intl-session.is-open { background: #fbf6e4; }

.intl-session-name {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}
.intl-session.is-open .intl-session-name {
    font-weight: 700;
    color: #8a6d1c;
}

.intl-session-src {
    font-size: 11px;
    font-weight: 400;
    color: #c3b995;
}

.intl-session-range {
    font-size: 12px;
    color: #a9a9a9;
    font-variant-numeric: tabular-nums;
}

.intl-session-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #bbb;
    white-space: nowrap;
}
.intl-session.is-open .intl-session-status { color: #a78017; }

.intl-session-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
}
.intl-session.is-open .intl-session-dot {
    background: #c8a200;
    animation: glPulse 2s infinite;
}

.intl-sessions-foot {
    padding: 0 20px 14px;
    font-size: 11px;
    color: #bbb;
}

/* ---------- 走勢圖卡 ---------- */

.intl-chart-body { padding: 8px; }

/* style.css 有一條 legacy 的 `#gold24chart { min-height: 400px }`，首頁與 hk 版
   仍靠它撐開圖表；ID 權重會蓋過 class，手機上會把容器撐到 400px 而 Highcharts
   只畫 270px，圖下方多出一塊空白。這裡用 .intl-page 拉高權重壓過它。
   （不動 style.css：它在 layout 是寫死的 ?querystring，改了也不會被重新抓。） */
.intl-page #gold24chart.intl-chart-inner { min-height: 270px; }
.intl-chart7 .intl-chart-inner { min-height: 250px; }

@media (min-width: 992px) {
    .intl-chart-body { padding: 20px; }
    .intl-page #gold24chart.intl-chart-inner { min-height: 400px; }
    .intl-chart7 .intl-chart-inner { min-height: 360px; }
}

/* ---------- 黃金專欄摘要卡（覆寫共用 partial，只在本頁生效） ---------- */

.intl-insight .insight-embed-card {
    border-radius: 0 12px 12px 0;
    padding: 16px 18px;
}

/* ---------- SEO 長文 ---------- */

.intl-article .article-block {
    padding: 16px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .intl-article .article-block {
        padding: 24px;
        font-size: 15px;
    }
}

/* ---------- 今日熱門話題（覆寫共用 partial，只在本頁生效） ---------- */

.intl-topics ul.list-group {
    margin: 0;
    border-radius: 0;
}
.intl-topics .list-group-item {
    border: none;
    border-bottom: 1px solid #f5f2e9;
    border-radius: 0;
    padding: 12px 16px;
    font-size: 15px;
}
.intl-topics a:last-child .list-group-item { border-bottom: none; }
.intl-topics a:hover .list-group-item { background: #FFFDE7; }

.intl-topics .badge-warning {
    background: #f0ead6;
    color: #8a7340;
    font-size: 11px;
    font-weight: 700;
}
.intl-topics .badge-danger,
.intl-topics .badge-success {
    font-size: 11px;
    font-weight: 700;
}

@media (min-width: 992px) {
    .intl-topics .list-group-item { padding: 12px 20px; }
}

/* ---------- 歷史走勢頁 ---------- */

.intl-history-chart { min-height: 500px; }
.intl-chart-3day { min-height: 400px; }

/* 卡片標題列右側的線段圖例 */
.intl-legend-key {
    display: inline-block;
    width: 10px;
    height: 3px;
    border-radius: 2px;
    vertical-align: 3px;
    margin-right: 4px;
}

.intl-hint {
    margin-top: 12px;
    padding: 16px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    font-size: 13px;
    color: #777;
}
.intl-hint strong { color: #8a6d1c; }

@media (min-width: 992px) {
    .intl-hint { margin-top: 16px; }
}

/* ---------- 銀色變體（銀價／白銀歷史頁）----------
   卡片語言相同，飾條／豎條／邊框／圖表色改銀灰；
   頁面 chrome（header/nav/頁籤列）維持品牌金。 */

.intl-silver .intl-card {
    border-color: #e0e0e0;
    box-shadow: 0 1px 2px rgba(60, 60, 60, .06);
}

.intl-silver .intl-card-head { border-bottom-color: #efefef; }

.intl-silver .intl-card-title::before {
    background: linear-gradient(180deg, #c9c9c9, #8f8f8f);
}

.intl-silver .intl-price-strip {
    background: linear-gradient(90deg, #9a9a9a, #d8d8d8 55%, #9a9a9a);
}

.intl-silver .intl-price-label { color: #767676; }
.intl-silver .intl-price-foot { border-top-color: #ececec; }

.intl-silver .intl-hint strong { color: #5f6b73; }

.intl-silver .intl-table thead th {
    background: #f5f5f5;
    color: #767676;
}
.intl-silver .intl-table tbody tr { border-bottom-color: #f2f2f2; }
.intl-silver .intl-table tbody tr:hover { background: #f8f8f8; }
.intl-silver .intl-table a { color: #5f6b73; }

.intl-silver .intl-card-link { color: #767676; }
.intl-silver .intl-card-link:hover { color: #444; }

.intl-silver .intl-subnav a:hover { color: #767676; }

.intl-silver .intl-topics .list-group-item { border-bottom-color: #f5f5f5; }
.intl-silver .intl-topics a:hover .list-group-item { background: #fafafa; }
.intl-silver .intl-topics .badge-warning {
    background: #ececec;
    color: #666;
}

/* 金銀比小卡（手機順序見上方 .intl-layout 區塊，統一集中宣告避免權重打架） */
.intl-ratio {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
}
.intl-ratio-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 5px solid #9a9a9a;
}
.intl-ratio-value {
    font-size: 28px;
    font-weight: 700;
    color: #555;
    font-variant-numeric: tabular-nums;
}
.intl-ratio-note {
    margin: 8px 0 0;
    color: #888;
    font-size: 13px;
}

/* ---------- 廣告版位 ---------- */

.intl-ad { padding: 0; }
.intl-ad .intl-ad-slot {
    display: block;
    width: 100%;
    min-height: 120px;
}

@media (min-width: 992px) {
    .intl-ad {
        padding: 16px;
    }
    .intl-ad .intl-ad-slot { min-height: 250px; }

    /* 黏在視窗上的廣告卡只用在原本就有 sticky-kit 的頁（國際金價／銀價），
       其餘頁的廣告卡是欄位裡的一般卡片，不跟著捲軸移動。 */
    .intl-ad-sticky {
        max-width: 265px;
        position: sticky;
        top: 12px;
    }
}