<div style="max-width: 600px; margin: 20px auto; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: #ffffff; border-radius: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow: hidden;">
    <!-- 头部保持不变 -->
    <div style="background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%); padding: 24px; color: white; border-radius: 16px 16px 0 0;">
        <h1 style="margin: 0; font-size: 28px; font-weight: 700; display: flex; align-items: center; gap: 16px; letter-spacing: -0.5px;">
            <svg style="width: 32px; height: 32px; flex-shrink: 0;" viewBox="0 0 24 24" fill="none">
                <path d="M12 4V20M12 4L18 10M12 4L6 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                <path d="M18 10L6 20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
            </svg>
            <span style="position: relative;">
            {{.Title}}
            <span style="content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 3px; background: rgba(255,255,255,0.3); border-radius: 2px;"></span>
        </span>
        </h1>
    </div>

    <!-- 主体内容 -->
    <div style="padding: 28px 24px;">
        <!-- 基础信息网格 -->
        <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 24px;">
            <div>
                <div style="color: #64748b; font-size: 14px;">订单编号</div>
                <div style="color: #1e293b; font-weight: 500; font-size: 16px;">{{.OderId}}</div>
            </div>
            <div>
                <div style="color: #64748b; font-size: 14px;">商品ID</div>
                <div style="color: #1e293b; font-weight: 500; font-size: 16px;">{{.GoodsId}}</div>
            </div>
            <div>
                <div style="color: #64748b; font-size: 14px;">客户编号</div>
                <div style="color: #1e293b; font-weight: 500; font-size: 16px;">{{.UserId}}</div>
            </div>
            <div>
                <div style="color: #64748b; font-size: 14px;">商品名称</div>
                <div style="color: #1e293b; font-weight: 500; font-size: 16px;">{{.GoodsName}}</div>
            </div>
        </div>

        <!-- 订单金额卡片 -->
        <div style="background: #f8fafc; border-radius: 12px; padding: 20px; margin-bottom: 24px;">
            <div style="display: flex; justify-content: space-between; align-items: center;">
                <span style="color: #64748b;">实付金额</span>
                <span style="color: #059669; font-weight: 700; font-size: 20px;">¥{{.Money}}</span>
            </div>
        </div>

        <!-- 独立下单参数区块 -->
        <div style="border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; margin-bottom: 24px;">
            <div style="color: #64748b; font-size: 14px; margin-bottom: 16px;">下单参数</div>
            <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;">
            {{.BuyParams}}
            </div>
        </div>
        {{.CardSecret}}


        <!-- 状态时间线 -->
        <div style="position: relative; padding-left: 32px; margin-bottom: 24px;">
            <div style="position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: #f97316; border-radius: 50%;"></div>
            <div style="color: #f97316; font-weight: 600; font-size: 16px; margin-bottom: 8px;">{{.OrderStatus}}</div>
            <div style="color: #64748b; font-size: 14px;">
                创建时间：<span style="color: #1e293b;">{{.CreateTime}}</span>
            </div>
        </div>

        <!-- 简化后的附加信息 -->
        <div style="border-top: 1px solid #e2e8f0; padding-top: 24px;">
            <div style="display: grid; grid-template-columns: 1fr; gap: 16px;">
                <div>
                    <div style="color: #64748b; font-size: 13px; margin-bottom: 4px;">付款者IP</div>
                    <div style="color: #1e293b; font-size: 14px;">{{.OrderIp}}</div>
                </div>
            </div>

            <!-- 统一消息区块 -->
            <div style="margin-top: 20px; space-y: 12px;">
                {{.OrderRemark}}
                {{.CallbackErrorMsg}}
            </div>
        </div>
    </div>
</div>