/* ============================================================
   app.js 运行时桥接样式
   —— 仅补齐 app.js 动态生成的 DOM（App.modal 弹层）所需样式，
      视觉沿用 hlc-business.css 的黑金设计系统，不与旧 app.css 混用。
   ============================================================ */

.modal {
    position: fixed; inset: 0; z-index: 999;
    display: none; align-items: center; justify-content: center; padding: 32px;
    background: rgba(5, 8, 14, .72);
}
.modal.show { display: flex; }

.modal-content {
    width: 100%; max-width: 320px;
    background: #151C2C;
    border: 1px solid rgba(212, 175, 55, .3);
    border-radius: 16px;
    padding: 20px;
    color: #F2EFE6;
    font-size: 13px;
    line-height: 1.6;
}
.modal-content h3 {
    margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #F2EFE6;
}
.modal-content > div { color: #AAB3C5; font-size: 12.5px; word-break: break-all; }

.btn {
    display: inline-flex; align-items: center; justify-content: center;
    height: 38px; padding: 0 18px; margin-top: 16px; margin-right: 10px;
    border: none; border-radius: 11px; cursor: pointer;
    font-size: 12.5px; font-weight: 700; font-family: inherit;
    background: linear-gradient(180deg, #E5C368, #B08D3E);
    color: #1A1405;
}
.btn:active { opacity: .88; }
.btn-outline {
    background: transparent;
    color: #AAB3C5;
    border: 1px solid #26304A;
    font-weight: 400;
}

/* 下拉刷新 / 加载更多提示条(App.pullRefresh 运行时依赖,原在 app.css) */
.pull-tip { height: 0; line-height: 0; overflow: hidden; text-align: center; font-size: 12px; color: #6E7891; transition: height .15s ease; }
.load-tip { padding: 14px 0; text-align: center; font-size: 12px; color: #6E7891; min-height: 20px; }

/* 撮合页分页按钮(原在 app.css) */
.grab-pager { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 0 4px; font-size: 13px; }
.grab-pager .pbtn { display: inline-block; padding: 7px 14px; border-radius: 6px; border: 1px solid #26304A; color: #D4AF37; background: #151C2C; font-size: 13px; text-decoration: none; }
.grab-pager .pbtn:active { background: #1C2536; }
.grab-pager .pbtn.dis { color: #6E7891; border-color: #26304A; background: #10151F; pointer-events: none; }
.grab-pager .pinfo { color: #AAB3C5; min-width: 84px; text-align: center; }

/* 抢购按钮禁用态 / 倒计时卡弱化 */
/*.hlc-btn:disabled, .grab-btn:disabled { opacity: .4; pointer-events: none; }*/
#grabTimer.off { opacity: .55; }

/* 协议正文(agreement/_content.html,原在 app.css,按黑金主题重设) */
.ag-doc { font-size: 12px; line-height: 1.8; color: #AAB3C5; }
.ag-title { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: #F2EFE6; text-align: center; }
.ag-h { margin: 14px 0 6px; font-size: 13px; font-weight: 700; color: #D4AF37; }
.ag-p { margin: 0 0 7px; font-size: 11.5px; color: #AAB3C5; word-break: break-all; }