/* ==================================================================
 * v17.css — PC 结果页主按钮「内容自适应」改造
 * ------------------------------------------------------------------
 * 背景（v16 及以前）：
 *   style.css 中 `.ug-dialog-foot .btn-gold { flex: 1; }` 让结果弹层
 *   底部主按钮沿 flex 主轴被拉伸铺满整行，文案只有 8 个字却占满
 *   1100px 弹层宽度，视觉上非常突兀。
 *
 * v17 规则（仅 PC，≥768px）：
 *   1. 主按钮 #btnResultOk 宽度改由内容决定：flex:0 0 auto + width:auto，
 *      彻底取消 width:100% / flex:1 的拉伸；
 *   2. 左右内边距固定 50px（padding-left / padding-right 精确写死，
 *      不随字号 em 变化），垂直内边距沿用 .85em；
 *   3. 文字不换行 white-space:nowrap，垂直水平双向居中
 *      （inline-flex + align-items/justify-content:center）；
 *   4. 按钮在弹层中水平居中（父容器 align-items:center + margin:auto），
 *      且独占一行，撤销入口下移到其下方，不再与主按钮争抢横向空间。
 *
 * 移动端（≤767px）完全不介入：沿用 v13/v14/v16 既有样式，
 * 主按钮仍是「放大易点」的整行宽按钮，符合移动端拇指热区习惯。
 * ================================================================== */

@media (min-width: 768px) {

  /* ——— 1. 底部按钮区：改为纵向两行，水平居中 ——— */
  #modalResult .ug-dialog-foot {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
  }

  /* ——— 2. 主按钮：内容自适应 + 左右 50px 固定内边距 ——— */
  #modalResult .ug-dialog-foot #btnResultOk {
    /* 取消拉伸：宽度完全由内容决定 */
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: center !important;
    margin: 0 auto !important;

    /* 盒模型与内边距：左右严格 50px，上下沿用 .85em 保持按钮高度不变 */
    box-sizing: border-box !important;
    padding: .85em 50px !important;

    /* 文字不换行 + 垂直水平居中 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    text-align: center !important;
    line-height: 1.2 !important;

    /* 居中后不再需要铺满，避免过渡动画残留的宽度变化 */
    order: 0 !important;
  }

  /* ——— 3. 撤销入口：下移到主按钮下方，保持次要语气 ——— */
  #modalResult .ug-dialog-foot #btnRevokeDraw {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    align-self: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
  }

  /* ——— 4. 极窄 PC（768~900px）兜底：50px 内边距仍不越界 ——— */
}

@media (min-width: 768px) and (max-width: 900px) {
  #modalResult .ug-dialog-foot #btnResultOk {
    max-width: calc(100% - 8px) !important;
  }
}