/**
 * alipay-modal.css - 支付宝支付弹窗样式
 * 用于微信环境内支付宝支付时提示用户复制链接到浏览器打开
 * 
 * 使用页面：所有支持支付宝支付的页面
 * - index.html (首页)
 * - result.html (结果页)
 * - history-analysis.html (历史分析结果页)
 * - transport-result.html (转运页)
 * 
 * 注意：基础弹窗样式（遮罩层、弹窗容器、按钮等）使用 tips.css 中的定义
 * 此文件仅保留支付宝弹窗特有的样式（链接显示区域）
 */

/* ============================================================
   链接显示区域 - 支付宝弹窗特有
   ============================================================ */

/* 链接容器 */
.alipay-modal-url-container {
    background: #F8F8F8;
    border-radius: 8px;
    padding: 12px;
    margin: 20px 0;
    max-height: 200px;
    overflow-y: auto;
    word-break: break-all;
}

/* 链接文本 */
.alipay-modal-url {
    font-size: 3.4vw;
    color: #222222;
    line-height: 1.6;
    font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, sans-serif;
}

@media (min-width: 414px) {
    .alipay-modal-url {
        font-size: 14px;
    }
}

/* ============================================================
   提示文字
   ============================================================ */
.alipay-modal-tip {
    font-size: 3.2vw;
    color: #999;
    text-align: center;
    margin-bottom: 16px;
    line-height: 1.4;
}

@media (min-width: 414px) {
    .alipay-modal-tip {
        font-size: 13px;
    }
}