/* Language switch: top artwork + language bar stay frozen together.
 * The language bar is full-width, flat, compact, and always below the real
 * measured height of the top artwork. History/detail modals remain above it. */
:root {
    --frontend-lang-switch-height: 30px;
    --frontend-lang-sticky-top: 0px;
    --frontend-lang-border: #c8d1d6;
    --frontend-lang-bg: #e8edf0;
    --frontend-lang-button-bg: #f5f7f8;
    --frontend-lang-button-color: #3d4b54;
    --frontend-lang-active-bg: #3a5869;
    --frontend-lang-active-color: #ffffff;
}

/* JS only adds this class to the actual top artwork/top header chosen for the page. */
.frontend-lang-sticky-anchor {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 91 !important;
}

.frontend-lang-switch-slot {
    display: block;
    width: 100%;
    height: var(--frontend-lang-switch-height);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: var(--frontend-lang-sticky-top);
    z-index: 90;
    background: var(--frontend-lang-bg);
}
.frontend-lang-switch {
    position: static;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: var(--frontend-lang-switch-height);
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--frontend-lang-border);
    border-bottom: 1px solid var(--frontend-lang-border);
    border-radius: 0;
    background: var(--frontend-lang-bg);
    box-shadow: none;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
}
.frontend-lang-switch button {
    appearance: none;
    -webkit-appearance: none;
    flex: 1 1 50%;
    width: 50%;
    min-width: 0;
    height: calc(var(--frontend-lang-switch-height) - 2px);
    margin: 0;
    padding: 0 6px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--frontend-lang-button-bg);
    color: var(--frontend-lang-button-color);
    font: inherit;
    font-weight: 600;
    line-height: calc(var(--frontend-lang-switch-height) - 2px);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.frontend-lang-switch button + button {
    border-left: 1px solid var(--frontend-lang-border);
}
.frontend-lang-switch button.active {
    background: var(--frontend-lang-active-bg);
    color: var(--frontend-lang-active-color);
    font-weight: 700;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12);
}
@media (hover: hover) {
    .frontend-lang-switch button:not(.active):hover {
        background: #edf2f4;
    }
}
.frontend-lang-switch .frontend-lang-switch-sep { display: none; }

/* site6 原快捷导航继续冻结，但必须排在“顶部图 + 语言栏”下面。 */
body.i18n-site6 .sx-nav {
    top: calc(var(--frontend-lang-sticky-top) + var(--frontend-lang-switch-height)) !important;
}

@media (max-width: 520px) {
    :root { --frontend-lang-switch-height: 28px; }
    .frontend-lang-switch { font-size: 12px; }
    .frontend-lang-switch button { padding-left: 4px; padding-right: 4px; }
}

/* =========================================================
 * v3.0 VI display-only stylesheet
 * Chinese/original CSS stays as the layout and font-size baseline.
 * No dynamic shrinking. Short text stays on one line; long text wraps
 * naturally and only the current row/card grows as needed.
 * ========================================================= */
html.i18n-vi .vi-fit-row,
html.i18n-vi .vi-fit-row-2,
html.i18n-vi .vi-fit-block,
html.i18n-vi .vi-fit-block-1,
html.i18n-vi .vi-fit-block-2,
html.i18n-vi .vi-overflow-fit,
html.i18n-vi .vi-overflow-wrap,
html.i18n-vi .vi-fit-reference {
    font-size: inherit !important;
    letter-spacing: inherit !important;
    transform: none !important;
}

html.i18n-vi .new-front-container .insider-content,
html.i18n-vi .new-front-container .insider-extra-content,
html.i18n-vi .prediction-row,
html.i18n-vi .trend-row,
html.i18n-vi .lb-tip-row,
html.i18n-vi .sx-detail-lines li,
html.i18n-vi .sx-detail-long-content,
html.i18n-vi .sx-source-lines li,
html.i18n-vi .gallery-post-row,
html.i18n-vi .gallery-reference-row {
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

html.i18n-vi img[src*="/api/i18n_vi_image.php"] { animation: i18nViImageReady .12s ease-out; }
@keyframes i18nViImageReady { from { opacity: .92; } to { opacity: 1; } }

/* Lottery labels: original ball/card geometry and original font size.
 * Only allow zodiac + element to occupy two compact lines. */
html.i18n-vi .number-property,
html.i18n-vi .ball-label,
html.i18n-vi .slot-text,
html.i18n-vi .history-ball-label,
html.i18n-vi .detail-history-ball-label,
html.i18n-vi .ball-wrap > small {
    white-space: pre-line !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.05 !important;
    text-align: center !important;
}

/* site1/site2 history: only the few extra pixels needed by two VI lines.
 * Do not use height:auto, so history cards stay visually close to Chinese. */
html.i18n-vi body.site-key-site1 .fullscreen-modal .history-numbers .number-card,
html.i18n-vi body.site-key-site1 .detail-history-modal .history-numbers .number-card,
html.i18n-vi body.site-key-site2 .fullscreen-modal .history-numbers .number-card,
html.i18n-vi body.site-key-site2 .detail-history-modal .history-numbers .number-card {
    height: calc(var(--history-ball-size) + 35px) !important;
    min-height: calc(var(--history-ball-size) + 35px) !important;
}
html.i18n-vi body.site-key-site1 .fullscreen-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site1 .detail-history-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site2 .fullscreen-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site2 .detail-history-modal .history-numbers .number-property {
    margin-top: 1px !important;
    line-height: 1.02 !important;
}

/* site4: reuse the exact Chinese lottery variable and gap. */
html.i18n-vi body.i18n-site4 .numbers .ball-label,
html.i18n-vi body.i18n-site4 .numbers .ball-wrap > small,
html.i18n-vi body.i18n-site4 .balls .ball-label,
html.i18n-vi body.i18n-site4 .balls .ball-wrap > small,
html.i18n-vi body.i18n-site4 .history-numbers .ball-label,
html.i18n-vi body.i18n-site4 .history-numbers .ball-wrap > small,
html.i18n-vi body.i18n-site4 .history-balls .ball-label,
html.i18n-vi body.i18n-site4 .history-balls .ball-wrap > small,
html.i18n-vi body.i18n-site4 .detail-history-numbers .ball-label,
html.i18n-vi body.i18n-site4 .detail-history-numbers .ball-wrap > small {
    margin-top: 3px !important;
    font-size: var(--lottery-ball-label-size) !important;
    line-height: 1.05 !important;
}

/* site6: keep the original ball spacing/size; compact only the VI two-line label. */
html.i18n-vi body.i18n-site6 .numbers .ball-label,
html.i18n-vi body.i18n-site6 .numbers .ball-wrap > small,
html.i18n-vi body.i18n-site6 .history-numbers .ball-label,
html.i18n-vi body.i18n-site6 .history-numbers .ball-wrap > small,
html.i18n-vi body.i18n-site6 .history-balls .ball-label,
html.i18n-vi body.i18n-site6 .history-balls .ball-wrap > small,
html.i18n-vi body.i18n-site6 .detail-history-numbers .ball-label,
html.i18n-vi body.i18n-site6 .detail-history-numbers .ball-wrap > small,
html.i18n-vi body.i18n-site6 .balls .ball-label,
html.i18n-vi body.i18n-site6 .balls .ball-wrap > small {
    margin-top: 5px !important;
    line-height: 1.05 !important;
}

/* =========================================================
 * site1 + site2: original card/column layout, no VI font-size override.
 * ========================================================= */
html.i18n-vi body.site-key-site1 .new-front-container .insider-item,
html.i18n-vi body.site-key-site2 .new-front-container .insider-item,
html.i18n-vi body.site-key-site1 .new-front-container .custom-detail-item,
html.i18n-vi body.site-key-site2 .new-front-container .custom-detail-item { height: auto !important; }

html.i18n-vi body.site-key-site1 .new-front-container .insider-content,
html.i18n-vi body.site-key-site2 .new-front-container .insider-content,
html.i18n-vi body.site-key-site1 .new-front-container .insider-extra-content,
html.i18n-vi body.site-key-site2 .new-front-container .insider-extra-content { white-space: normal !important; }

/* Chinese one-line special rows remain one line when they fit.
 * If VI is longer, flex may wrap without changing the font size. */
html.i18n-vi body.site-key-site1 .new-front-container .insider-item.sum-size-item,
html.i18n-vi body.site-key-site2 .new-front-container .insider-item.sum-size-item,
html.i18n-vi body.site-key-site1 .new-front-container .custom-detail-item .insider-main-row,
html.i18n-vi body.site-key-site2 .new-front-container .custom-detail-item .insider-main-row {
    white-space: normal !important;
    flex-wrap: wrap !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .insider-item.sum-size-item .insider-issue,
html.i18n-vi body.site-key-site1 .new-front-container .insider-item.sum-size-item .insider-result,
html.i18n-vi body.site-key-site2 .new-front-container .insider-item.sum-size-item .insider-issue,
html.i18n-vi body.site-key-site2 .new-front-container .insider-item.sum-size-item .insider-result,
html.i18n-vi body.site-key-site1 .new-front-container .custom-detail-item .insider-main-row .insider-issue,
html.i18n-vi body.site-key-site1 .new-front-container .custom-detail-item .insider-main-row .insider-result,
html.i18n-vi body.site-key-site2 .new-front-container .custom-detail-item .insider-main-row .insider-issue,
html.i18n-vi body.site-key-site2 .new-front-container .custom-detail-item .insider-main-row .insider-result { white-space: nowrap !important; }

/* Long explanatory strip: wrap to a second line, same font as Chinese. */
html.i18n-vi body.site-key-site1 .new-front-container .insider-zodiac-rule,
html.i18n-vi body.site-key-site2 .new-front-container .insider-zodiac-rule,
html.i18n-vi body.site-key-site1 .new-front-container .insider-rule-line,
html.i18n-vi body.site-key-site2 .new-front-container .insider-rule-line {
    white-space: normal !important;
    flex-wrap: wrap !important;
    height: auto !important;
    row-gap: 2px !important;
}

/* site2 native multi-line cards: retain original size/spacing, normal word wrapping. */
html.i18n-vi body.site-key-site2 .site2-text-item,
html.i18n-vi body.site-key-site2 .site2-tip-line,
html.i18n-vi body.site-key-site2 .site2-tip-main-line,
html.i18n-vi body.site-key-site2 .site2-tip-detail-line,
html.i18n-vi body.site-key-site2 .site2-number-line,
html.i18n-vi body.site-key-site2 .site2-zodiac-number-line {
    height: auto !important;
    min-height: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
html.i18n-vi body.site-key-site2 .site2-tip-main-line { white-space: normal !important; }

/* Existing VI grouping for “6 zodiac / 12 numbers”: style-only 3-column grid.
 * Keep every business group intact and prevent isolated brackets. */
html.i18n-vi body.site-key-site2 .site2-zodiac-number-line.vi-site2-zodiac-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2px 6px !important;
    align-items: start !important;
    justify-items: center !important;
    width: 100% !important;
    white-space: normal !important;
}
html.i18n-vi body.site-key-site2 .site2-zodiac-number-line.vi-site2-zodiac-grid > .vi-site2-zodiac-group {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
}

/* =========================================================
 * site4: retain original issue/content/result positions.
 * Only the middle/random content wraps when it is actually too long.
 * ========================================================= */
html.i18n-vi body.i18n-site4 .material-panel .insider-item,
html.i18n-vi body.i18n-site4 .record,
html.i18n-vi body.i18n-site4 .record-head,
html.i18n-vi body.i18n-site4 .prediction-row,
html.i18n-vi body.i18n-site4 .trend-row,
html.i18n-vi body.i18n-site4 .lb-tip-row { height: auto !important; overflow: visible !important; }

html.i18n-vi body.i18n-site4 .material-panel .insider-content,
html.i18n-vi body.i18n-site4 .prediction-row,
html.i18n-vi body.i18n-site4 .trend-main-line,
html.i18n-vi body.i18n-site4 .trend-result-line,
html.i18n-vi body.i18n-site4 .lb-tip-content {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
html.i18n-vi body.i18n-site4 .material-panel .insider-issue,
html.i18n-vi body.i18n-site4 .material-panel .insider-result { white-space: nowrap !important; }

/* site4 quick navigation: same Chinese font/spacing; long labels alone may wrap. */
html.i18n-vi body.i18n-site4 .quick-nav-item,
html.i18n-vi body.i18n-site4 .quick-nav-name { height: auto !important; }
html.i18n-vi body.i18n-site4 .quick-nav-name {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* =========================================================
 * site6: preserve Chinese component geometry.
 * ========================================================= */
/* Capsule navigation is a fixed control; keep Chinese one-line geometry. */
html.i18n-vi body.i18n-site6 .sx-nav a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Detail/article content keeps the Chinese font size/alignment.
 * Only replace break-all with normal Vietnamese word wrapping. */
html.i18n-vi body.i18n-site6 .site6-detail-shell .record,
html.i18n-vi body.i18n-site6 .site6-detail-shell .record-head,
html.i18n-vi body.i18n-site6 .site6-detail-shell .prediction-row,
html.i18n-vi body.i18n-site6 .sx-detail-lines li,
html.i18n-vi body.i18n-site6 .sx-source-lines li,
html.i18n-vi body.i18n-site6 .insider-item,
html.i18n-vi body.i18n-site6 .trend-row,
html.i18n-vi body.i18n-site6 .lb-tip-row { height: auto !important; overflow: visible !important; }

html.i18n-vi body.i18n-site6 .site6-detail-shell .prediction-row,
html.i18n-vi body.i18n-site6 .sx-detail-lines li,
html.i18n-vi body.i18n-site6 .sx-detail-lines .content,
html.i18n-vi body.i18n-site6 .sx-detail-long-content,
html.i18n-vi body.i18n-site6 .sx-source-lines li,
html.i18n-vi body.i18n-site6 .insider-content,
html.i18n-vi body.i18n-site6 .trend-content,
html.i18n-vi body.i18n-site6 .lb-tip-content {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* Home expert/selected rows: one stable Chinese-like row; no per-row shrinking. */
html.i18n-vi body.i18n-site6 .gallery-reference-row {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}
html.i18n-vi body.i18n-site6 .gallery-reference-row .gallery-badge,
html.i18n-vi body.i18n-site6 .gallery-reference-row .gallery-ref-issue,
html.i18n-vi body.i18n-site6 .gallery-reference-row .gallery-ref-open {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
html.i18n-vi body.i18n-site6 .gallery-reference-row .gallery-ref-title,
html.i18n-vi body.i18n-site6 .gallery-reference-row .gallery-ref-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* No overflow:hidden on page ancestors: sticky/fixed behaviour stays identical to Chinese. */
html.i18n-vi body .new-front-container,
html.i18n-vi body .page,
html.i18n-vi body .article,
html.i18n-vi body .sx-detail,
html.i18n-vi body .sx-detail-main {
    max-width: 100%;
    box-sizing: border-box;
}


/* =========================================================
 * v3.1 site1 only
 * 只修越南语展示：不影响site2/site4/site6，不改中文业务。
 * ========================================================= */

/* 历史开奖记录：恢复接近中文的卡片高度，只把两行生肖/五行整体上移。 */
html.i18n-vi body.site-key-site1 .fullscreen-modal .history-numbers .number-card,
html.i18n-vi body.site-key-site1 .detail-history-modal .history-numbers .number-card {
    height: calc(var(--history-ball-size) + 31px) !important;
    min-height: calc(var(--history-ball-size) + 31px) !important;
}
html.i18n-vi body.site-key-site1 .fullscreen-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site1 .detail-history-modal .history-numbers .number-property {
    margin-top: 0 !important;
    line-height: .96 !important;
    transform: translateY(-1px);
}
html.i18n-vi body.site1-detail-page .detail-history-ball-label {
    margin-top: 0 !important;
    line-height: .96 !important;
    transform: translateY(-1px);
    white-space: pre-line !important;
}

/* site1子页面：中文原字号/间距不动；短内容保持一行，只有随机内容太长时在自身区域自然换行。 */
html.i18n-vi body.site1-detail-page .site1-added-record,
html.i18n-vi body.site1-detail-page .site1-half-time-record {
    max-width: 100% !important;
    overflow: visible !important;
}
html.i18n-vi body.site1-detail-page .site1-added-history-line,
html.i18n-vi body.site1-detail-page .site1-half-time-history-line {
    max-width: 100% !important;
    overflow: visible !important;
}
html.i18n-vi body.site1-detail-page .site1-added-prediction-inline,
html.i18n-vi body.site1-detail-page .site1-half-time-prediction-inline {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
html.i18n-vi body.site1-detail-page .site1-added-prediction-second,
html.i18n-vi body.site1-detail-page .site1-half-time-prediction-second,
html.i18n-vi body.site1-detail-page .prediction-row {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
}

/* 首页资料卡：不缩字号；只禁止越南语单词被强拆。多生肖由JS压缩连字符空格后优先保持一行。 */
html.i18n-vi body.site-key-site1 .new-front-container .insider-content,
html.i18n-vi body.site-key-site1 .new-front-container .insider-extra-content {
    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* =========================================================
 * v3.2 site1 only
 * 1) 历史球生肖/五行再整体上移2px；
 * 2) 高手榜/精品区VI详情统一为“首行期号/标题/结果 + 次行资料内容”；
 * 3) 仅越南语展示生效，不改变中文DOM业务数据。
 * ========================================================= */

/* 历史开奖记录：v3.1基础上再上移2px，避免生肖/五行贴近卡片底部。 */
html.i18n-vi body.site-key-site1 .fullscreen-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site1 .detail-history-modal .history-numbers .number-property,
html.i18n-vi body.site1-detail-page .detail-history-ball-label {
    margin-top: 0 !important;
    line-height: .96 !important;
    transform: translateY(-3px) !important;
}

/* 旧高手榜/精品区详情：第一行禁止KQ单独掉到下一行；第二行资料独立显示。 */
html.i18n-vi body.site1-detail-page .record:not(.site1-added-record):not(.site1-half-time-record) {
    max-width: 100% !important;
    overflow: visible !important;
}
html.i18n-vi body.site1-detail-page .record:not(.site1-added-record):not(.site1-half-time-record) .record-head {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 2px !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap !important;
}
html.i18n-vi body.site1-detail-page .record:not(.site1-added-record):not(.site1-half-time-record) .record-head > * {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}
html.i18n-vi body.site1-detail-page .record:not(.site1-added-record):not(.site1-half-time-record) .prediction-row {
    display: block !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* 新增高手榜/精品区：短资料原本塞在首行，VI模式统一搬到第二视觉行；
 * 长资料本来已有独立second节点，保持同一结构。 */
html.i18n-vi body.site1-detail-page .site1-added-history-line,
html.i18n-vi body.site1-detail-page .site1-half-time-history-line {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: baseline !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
    white-space: normal !important;
}
html.i18n-vi body.site1-detail-page .site1-added-issue,
html.i18n-vi body.site1-detail-page .site1-half-time-issue { order: 1; }
html.i18n-vi body.site1-detail-page .site1-added-topic,
html.i18n-vi body.site1-detail-page .site1-half-time-topic { order: 2; }
html.i18n-vi body.site1-detail-page .site1-added-arrow,
html.i18n-vi body.site1-detail-page .site1-half-time-arrow { order: 3; }
html.i18n-vi body.site1-detail-page .site1-added-result,
html.i18n-vi body.site1-detail-page .site1-half-time-result { order: 4; }
html.i18n-vi body.site1-detail-page .site1-added-prediction-inline,
html.i18n-vi body.site1-detail-page .site1-half-time-prediction-inline {
    order: 5;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}
html.i18n-vi body.site1-detail-page .site1-added-prediction-second,
html.i18n-vi body.site1-detail-page .site1-half-time-prediction-second {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* 手机端只压缩详情页第一行的间距/字号一点点，避免像截图Kỳ 250那样KQ单独掉行。
 * 不是逐条Auto-Fit；同一页面统一字号。 */
@media (max-width: 520px) {
    html.i18n-vi body.site1-detail-page .record:not(.site1-added-record):not(.site1-half-time-record) .record-head {
        gap: 1px !important;
        font-size: 14px !important;
        letter-spacing: -0.08px !important;
    }
}


/* =========================================================
 * v3.3 site1 only
 * 1) 历史球属性：不用 transform 假位移，改为真实负 margin + 真实卡片高度，
 *    生肖/五行两行均保留在号码框内部，避免不同浏览器再次下溢。
 * 2) “特码输尽光”：越南语第一行永不被长生肖挤成第二行，整卡固定为
 *    “期号/标题/结果 + 资料说明”两层结构。
 * ========================================================= */
html.i18n-vi body.site-key-site1 .new-front-container .fullscreen-modal .history-numbers .number-card,
html.i18n-vi body.site-key-site1 .new-front-container .detail-history-modal .history-numbers .number-card {
    height: calc(var(--history-ball-size) + 36px) !important;
    min-height: calc(var(--history-ball-size) + 36px) !important;
    padding: 3px 1px 5px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .fullscreen-modal .history-numbers .number-card.special-card,
html.i18n-vi body.site-key-site1 .new-front-container .detail-history-modal .history-numbers .number-card.special-card {
    padding-top: 2px !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .fullscreen-modal .history-numbers .number-property,
html.i18n-vi body.site-key-site1 .new-front-container .detail-history-modal .history-numbers .number-property {
    display: block !important;
    margin-top: -6px !important;
    line-height: .90 !important;
    transform: none !important;
    position: relative !important;
    top: 0 !important;
    white-space: pre-line !important;
}
html.i18n-vi body.site1-detail-page .detail-history-ball {
    height: 55px !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}
html.i18n-vi body.site1-detail-page .detail-history-ball-label {
    display: block !important;
    margin-top: -4px !important;
    line-height: .90 !important;
    transform: none !important;
    position: relative !important;
    top: 0 !important;
    white-space: pre-line !important;
}

/* site1 特码输尽光：VI第一行保持一行，第二行继续显示排除内容。 */
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row {
    flex-wrap: nowrap !important;
    gap: 1px !important;
    white-space: nowrap !important;
    overflow: visible !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-issue,
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-content,
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-result {
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.18px !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-issue,
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-result {
    flex: 0 0 auto !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-main-row .insider-content {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}
html.i18n-vi body.site-key-site1 .new-front-container .insider-type-four_tail_eight .custom-detail-item .insider-extra-content {
    margin-top: 5px !important;
    white-space: normal !important;
}