fastadmin_tailored/application/admin/view/lottery/activity/scripttpl.html

<!-- 奖品设置模板重构 -->
{literal}
<!-- 奖品表单模板 - 重构版 -->
<script type="text/html" id="prize-form-template">
    <form class="form-horizontal prize-form" role="form" data-toggle="validator" style="padding: 15px 20px;">
        <!-- 基础信息 -->
        <div class="form-section" style="margin-bottom: 15px;">
                <!-- 奖品名称 -->
                <div class="form-group" style="margin-bottom: 15px;">
                    <label class="control-label col-sm-3">奖品名称：</label>
                    <div class="col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" name="prize_name" maxlength="20" 
                                   placeholder="请输入奖品名称" 
                                   data-rule="required;length(1~20)"
                                   data-msg-required="请输入奖品名称"
                                   data-msg-length="奖品名称长度为1-20个字符">
                            <span class="input-group-addon text-muted" id="prize-name-count">0/20</span>
                        </div>
                    </div>
                </div>

                <!-- 奖品类型 -->
                <div class="form-group">
                    <label class="control-label col-sm-3">奖品类型：</label>
                    <div class="col-sm-8">
                        <div class="prize-type-container">
                            <% for(var i = 0; i < prizeTypes.length; i++) { %>
                            <label class="radio-inline">
                                <input type="radio" name="row[prize_type]" value="<%=prizeTypes[i].value%>"
                                       data-rule="required" data-msg-required="请选择奖品类型"
                                       <% if(prizeTypes[i].value == selectedType) { %>checked<% } %>>
                                <%=prizeTypes[i].text%>
                            </label>
                            <% } %>
                        </div>
                    </div>
                </div>

                <!-- 奖励设置 -->
                <!-- 积分设置 -->
                <div class="form-group reward-group" data-type="integral" data-favisible="prize_type=3">
                    <label class="control-label col-sm-3">积分数量：</label>
                    <div class="col-sm-8">
                        <div class="input-group" style="width: 200px;">
                            <input type="number" class="form-control" name="reward_value_integral" 
                                   min="1" step="1" placeholder="请输入积分数量"
                                   data-rule="digits;min(1)" 
                                   data-msg-digits="积分数量必须是正整数"
                                   data-msg-min="积分数量不能少于1">
                            <span class="input-group-addon">积分</span>
                        </div>
                    </div>
                </div>

                <!-- 余额设置 -->
                <div class="form-group reward-group" data-type="balance" data-favisible="prize_type=4">
                    <label class="control-label col-sm-3">余额金额：</label>
                    <div class="col-sm-8">
                        <div class="input-group" style="width: 200px;">
                            <input type="number" class="form-control" name="reward_value_balance" 
                                   min="0.01" step="0.01" placeholder="请输入余额金额"
                                   data-rule="number;min(0.01)" 
                                   data-msg-number="余额金额必须是有效数字"
                                   data-msg-min="余额金额不能少于0.01元">
                            <span class="input-group-addon">元</span>
                        </div>
                    </div>
                </div>
                <!-- 优惠券设置 -->
                <div class="form-group reward-group" data-type="coupon" data-favisible="prize_type=5">
                    <label class="control-label col-sm-3">选择优惠券：</label>
                    <div class="col-sm-8">
                        <button type="button" class="btn btn-info" id="select-coupon-btn">
                            <i class="fa fa-plus"></i> 选择优惠券
                        </button>
                        <input type="hidden" name="coupon_id" 
                               data-rule="required" data-msg-required="请选择优惠券">
                        <div id="selected-coupon-display" class="selected-display"></div>
                    </div>
                </div>

                <!-- 红包设置 -->
                <div class="form-group reward-group" data-type="redpack" data-favisible="prize_type=6">
                    <label class="control-label col-sm-3">红包金额：</label>
                    <div class="col-sm-8">
                        <div class="input-group" style="width: 200px;">
                            <input type="number" class="form-control" name="reward_value_redpack" 
                                   min="0.3" max="200" step="0.01" placeholder="请输入红包金额"
                                   data-rule="number;range(0.3~200)" 
                                   data-msg-number="红包金额必须是有效数字"
                                   data-msg-range="红包金额支持0.3-200元">
                            <span class="input-group-addon">元</span>
                        </div>
                        <div class="help-block">红包金额支持0.3-200元。需要微信支付商户开通企业打款功能。</div>
                    </div>
                </div>

                <!-- 兑换码设置 -->
                <div class="form-group reward-group" data-type="code" data-favisible="prize_type=7">
                    <label class="control-label col-sm-3">兑换码类型：</label>
                    <div class="col-sm-8">
                        <div class="code-type-container">
                            <label class="radio-inline">
                                <input type="radio" name="code_type" value="auto" checked> 系统自动生成
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="code_type" value="manual"> 手动输入
                            </label>
                        </div>
                        <div class="manual-codes-container" data-favisible="code_type=manual" style="margin-top: 15px;">
                            <label class="control-label">兑换码列表：</label>
                            <textarea class="form-control" name="manual_codes" rows="5" 
                                      placeholder="请输入兑换码，每行一个"
                                      data-rule="required" data-msg-required="请输入兑换码列表"></textarea>
                            <div class="help-block">每行输入一个兑换码，系统将按顺序发放</div>
                        </div>
                    </div>
                </div>

                <!-- 商城奖品设置 -->
                <div class="form-group reward-group" data-type="goods" data-favisible="prize_type=8">
                    <label class="control-label col-sm-3">选择商品：</label>
                    <div class="col-sm-8">
                        <button type="button" class="btn btn-info" id="select-goods-btn">
                            <i class="fa fa-plus"></i> 选择商品
                        </button>
                        <input type="hidden" name="goods_id" 
                               data-rule="required" data-msg-required="请选择商品">
                        <div id="selected-goods-display" class="selected-display"></div>
                    </div>
                </div>
                
                <!-- 奖品图片 -->
                <div class="form-group">
                    <label class="control-label col-sm-3">奖品图片：</label>
                    <div class="col-sm-8">
                        <div class="input-group">
                            <input id="c-prize-image" class="form-control" name="prize_image" type="text" 
                                   placeholder="请上传奖品图片"
                                   data-rule="required" data-msg-required="请选择奖品图片">
                            <div class="input-group-addon no-border no-padding">
                                <span>
                                    <button type="button" id="plupload-prize-image" class="btn btn-danger plupload" 
                                            data-input-id="c-prize-image" 
                                            data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" 
                                            data-multiple="false" 
                                            data-preview-id="p-prize-image">
                                        <i class="fa fa-upload"></i> 上传
                                    </button>
                                </span>
                                <span>
                                    <button type="button" id="fachoose-prize-image" class="btn btn-primary fachoose" 
                                            data-input-id="c-prize-image" 
                                            data-mimetype="image/*" 
                                            data-multiple="false">
                                        <i class="fa fa-list"></i> 选择
                                    </button>
                                </span>
                            </div>
                        </div>
                        <ul class="row list-inline plupload-preview" id="p-prize-image">
                            <!-- 图片预览区域 -->
                        </ul>
                        <div class="help-block" style="margin-top: 5px;">建议尺寸：640×640像素</div>
                    </div>
                </div>
        </div>
        
        <!-- 数量和概率设置 -->
        <div class="form-section">
                <!-- 奖品数量 -->
                <div class="form-group" data-favisible="prize_type!=1">
                    <label class="control-label col-sm-3">奖品数量：</label>
                    <div class="col-sm-8">
                        <div class="input-group" style="width: 120px;">
                            <input type="number" class="form-control" name="prize_quantity" 
                                   min="1" value="1" placeholder="请输入数量"
                                   data-rule="required;digits;min(1)" 
                                   data-msg-required="请输入奖品数量"
                                   data-msg-digits="奖品数量必须是正整数"
                                   data-msg-min="奖品数量不能少于1">
                        </div>
                        <div class="help-block">奖品数量必填（未中奖类型无需填写）</div>
                    </div>
                </div>

                <!-- 中奖概率 -->
                <div class="form-group">
                    <label class="control-label col-sm-3">中奖概率：</label>
                    <div class="col-sm-8">
                        <div class="input-group" style="width: 180px;">
                            <input type="number" class="form-control" name="prize_rate" 
                                   min="0" max="100" step="0.01" value="0.00" placeholder="请输入概率"
                                   data-rule="required;number;range(0~100)" 
                                   data-msg-required="请输入中奖概率"
                                   data-msg-number="中奖概率必须是有效数字"
                                   data-msg-range="中奖概率范围为0-100">
                            <span class="input-group-addon">%</span>
                        </div>
                        <div class="help-block">设置该奖品的中奖概率（0-100%）</div>
                    </div>
                </div>
        </div>
    </form>
</script>
<!-- 奖品列表项模板 - 重构版（仅用于展示，数据存储在单一JSON隐藏域中） -->
<script type="text/html" id="prize-item-template">
    <tr class="prize-item" data-index="<%=index%>" data-type="<%=prizeType%>" data-prize-id="<%=prizeId%>">
        <td class="text-center">
            <i class="fa fa-bars prize-sort-handle" style="cursor: move; color: #ccc;" title="拖拽排序"></i>
        </td>
        <td>
            <div class="prize-info">
                <strong class="prize-name"><%=name%></strong>
                <% if(description) { %>
                <div class="prize-description text-muted"><%=description%></div>
                <% } %>
            </div>
        </td>
        <td class="text-center">
            <span class="label label-<%=labelClass%>"><%=typeName%></span>
            <% if(rewardText) { %>
            <div class="reward-text"><%=rewardText%></div>
            <% } %>
        </td>
        <td class="text-center">
            <img src="<%=imageUrl%>" class="prize-image img-rounded" alt="<%=name%>">
        </td>
        <td class="text-center">
            <% if(showQuantity) { %>
            <input type="number" class="form-control input-sm prize-quantity text-center" 
                   value="<%=quantity%>" min="1">
            <% } else { %>
            <span class="text-muted">-</span>
            <% } %>
        </td>
        <td class="text-center">
            <div class="input-group prize-rate-group">
                <input type="number" class="form-control input-sm prize-rate text-center" 
                       value="<%=rate%>" min="0" max="100" step="0.01">
                <span class="input-group-addon">%</span>
            </div>
        </td>
        <td class="text-center">
            <span class="text-muted">-</span>
        </td>
        <td class="text-center">
            <% if(isSystemPrize) { %>
            <!-- 系统奖品样式，与默认HTML保持一致 -->
            <button type="button" class="btn btn-xs btn-primary edit-prize" style="margin-right: 5px;">编辑</button>
            <br><span class="text-muted" style="font-size: 11px;">系统默认</span>
            <% } else { %>
            <!-- 用户添加的奖品样式 -->
            <div class="btn-group">
                <button type="button" class="btn btn-xs btn-primary edit-prize" title="编辑">
                    <i class="fa fa-edit"></i>
                </button>
                <button type="button" class="btn btn-xs btn-danger delete-prize" title="删除">
                    <i class="fa fa-trash"></i>
                </button>
            </div>
            <% } %>
        </td>
    </tr>
</script>

<!-- 奖品商品选择模板（单选模式） -->
<script type="text/html" id="prize-goods-template">
    <div class="prize-goods-item" style="display: flex; align-items: center; padding: 12px; border: 1px solid #ddd; border-radius: 4px; background: #fafafa;" data-id="<%=id%>">
        <div style="flex-shrink: 0; margin-right: 12px;">
            <img src="<%=image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
        </div>
        <div style="flex: 1; margin-right: 12px;">
            <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                <% if(type_text) { %>
                <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=type_text%></span>
                <% } %>
                <span class="goods-name-display"><%=name || title%></span>
            </div>
            <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                <% if(price) { %>
                <span style="color: #e74c3c; font-weight: bold;">¥<%=price%></span>
                <% } %>
                <% if(spec_type !== undefined) { %>
                <span style="margin-left: 8px;">
                    <% if(spec_type == 0) { %>
                    <span class="label label-info" style="font-size: 10px;">单规格</span>
                    <% } else { %>
                    <span class="label label-warning" style="font-size: 10px;">多规格</span>
                    <% } %>
                </span>
                <% } %>
            </div>
            <div style="font-size: 11px; color: #999;">
                <% if(goods_sn) { %>
                <span>编码: <%=goods_sn%></span>
                <% } %>
                <% if(category && category.name) { %>
                <span style="margin-left: 8px;">分类: <%=category.name%></span>
                <% } %>
                <% if(type_name) { %>
                <span style="margin-left: 8px;">类型: <%=type_name%></span>
                <% } %>
            </div>
        </div>
        <div style="flex-shrink: 0;">
            <a href="javascript:;" class="remove-prize-goods" style="color: #3c8dbc; text-decoration: none;">删除</a>
        </div>
        <input type="hidden" name="goods_id" value="<%=id%>" />
    </div>
</script>


<!-- 已选优惠券显示模板 -->
<script type="text/html" id="selected-coupon-template">
<div class="selected-coupon-item" style="padding: 8px; border: 1px solid #ddd; border-radius: 4px; background: #f9f9f9;">
    <span><%=name%></span>
    <span class="text-muted">(<%=type_text%>)</span>
    <input type="hidden" name="coupon_id" value="<%=id%>">
    <button type="button" class="btn btn-xs btn-default pull-right" onclick="$(this).closest('.selected-coupon-item').remove();">删除</button>
</div>
</script>



<!-- 规则参与 商品选择列表模板（支持单选和多选模式） -->
<script type="text/html" id="goods-list-template">
    <div class="goods-list-container">
        <% for(var i = 0; i < goods.length; i++) { %>
        <div class="goods-list-item" style="display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #f0f0f0; background: #fafafa;" data-id="<%=goods[i].id%>">
            <div style="flex-shrink: 0; margin-right: 12px;">
                <img src="<%=goods[i].image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
            </div>
            <div style="flex: 1; margin-right: 12px;">
                <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                    <% if(goods[i].type_text) { %>
                    <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=goods[i].type_text%></span>
                    <% } %>
                    <%=goods[i].name || goods[i].title%>
                </div>
                <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                    <% if(goods[i].price) { %>
                    <span style="color: #e74c3c; font-weight: bold;">¥<%=goods[i].price%></span>
                    <% } %>
                    <% if(goods[i].spec_type !== undefined) { %>
                    <span style="margin-left: 8px;">
                        <% if(goods[i].spec_type == 0) { %>
                        <span class="label label-info" style="font-size: 10px;">单规格</span>
                        <% } else { %>
                        <span class="label label-warning" style="font-size: 10px;">多规格</span>
                        <% } %>
                    </span>
                    <% } %>
                </div>
                <div style="font-size: 11px; color: #999;">
                    <% if(goods[i].goods_sn) { %>
                    <span>编码: <%=goods[i].goods_sn%></span>
                    <% } %>
                    <% if(goods[i].category && goods[i].category.name) { %>
                    <span style="margin-left: 8px;">分类: <%=goods[i].category.name%></span>
                    <% } %>
                    <% if(goods[i].type_name) { %>
                    <span style="margin-left: 8px;">类型: <%=goods[i].type_name%></span>
                    <% } %>
                </div>
            </div>
            <div style="flex-shrink: 0;">
                <a href="javascript:;" class="remove-goods-item" data-id="<%=goods[i].id%>" style="color: #3c8dbc; text-decoration: none;">删除</a>
            </div>
        </div>
        <% } %>
    </div>
</script>

<!-- 任务商品选择模板（不生成表单字段，由JavaScript管理） -->
<script type="text/html" id="task-goods-template">
    <div class="goods-list-container">
        <% for(var i = 0; i < goods.length; i++) { %>
        <div class="goods-list-item" style="display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #f0f0f0; background: #fafafa;" data-id="<%=goods[i].id%>">
            <div style="flex-shrink: 0; margin-right: 12px;">
                <img src="<%=goods[i].image%>" style="width: 50px; height: 50px; border-radius: 4px;" />
            </div>
            <div style="flex: 1; margin-right: 12px;">
                <div style="font-size: 14px; color: #333; margin-bottom: 4px; line-height: 1.4;">
                    <% if(goods[i].type_text) { %>
                    <span class="label label-danger" style="margin-right: 6px; font-size: 10px;"><%=goods[i].type_text%></span>
                    <% } %>
                    <%=goods[i].name || goods[i].title%>
                </div>
                <div style="font-size: 12px; color: #666; margin-bottom: 2px;">
                    <% if(goods[i].price) { %>
                    <span style="color: #e74c3c; font-weight: bold;">¥<%=goods[i].price%></span>
                    <% } %>
                    <% if(goods[i].spec_type !== undefined) { %>
                    <span style="margin-left: 8px;">
                        <% if(goods[i].spec_type == 0) { %>
                        <span class="label label-info" style="font-size: 10px;">单规格</span>
                        <% } else { %>
                        <span class="label label-warning" style="font-size: 10px;">多规格</span>
                        <% } %>
                    </span>
                    <% } %>
                </div>
                <div style="font-size: 11px; color: #999;">
                    <% if(goods[i].goods_sn) { %>
                    <span>编码: <%=goods[i].goods_sn%></span>
                    <% } %>
                    <% if(goods[i].category && goods[i].category.name) { %>
                    <span style="margin-left: 8px;">分类: <%=goods[i].category.name%></span>
                    <% } %>
                    <% if(goods[i].type_name) { %>
                    <span style="margin-left: 8px;">类型: <%=goods[i].type_name%></span>
                    <% } %>
                </div>
            </div>
            <div style="flex-shrink: 0;">
                <a href="javascript:;" class="remove-task-goods" data-id="<%=goods[i].id%>" style="color: #3c8dbc; text-decoration: none;">删除</a>
            </div>
            <!-- 不生成表单字段，由JavaScript统一管理隐藏字段 -->
        </div>
        <% } %>
    </div>
</script>




<!-- 活动统计模板 -->
<script type="text/html" id="activity-stats-template">
<div class="row">
    <div class="col-md-3">
        <div class="info-box bg-aqua">
            <span class="info-box-icon"><i class="fa fa-users"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">参与人数</span>
                <span class="info-box-number"><%=totalPeople%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-green">
            <span class="info-box-icon"><i class="fa fa-trophy"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">抽奖次数</span>
                <span class="info-box-number"><%=totalDraw%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-yellow">
            <span class="info-box-icon"><i class="fa fa-gift"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">中奖次数</span>
                <span class="info-box-number"><%=totalWin%></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="info-box bg-red">
            <span class="info-box-icon"><i class="fa fa-percent"></i></span>
            <div class="info-box-content">
                <span class="info-box-text">中奖率</span>
                <span class="info-box-number"><%=winRate%>%</span>
            </div>
        </div>
    </div>
</div>
</script>

<!-- 条件设置模板 -->
<script type="text/html" id="condition-template">
<div class="condition-item" style="padding: 15px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px;">
    <div class="row">
        <div class="col-sm-3">
            <label>条件类型：</label>
            <select class="form-control condition-type" name="condition_type">
                <% for(var i = 0; i < conditionTypes.length; i++) { %>
                <option value="<%=conditionTypes[i].value%>" <% if(conditionTypes[i].value == selectedType) { %>selected<% } %>><%=conditionTypes[i].text%></option>
                <% } %>
            </select>
        </div>
        <div class="col-sm-3 condition-amount-group" style="<% if(showAmount) { %>display: block;<% } else { %>display: none;<% } %>">
            <label>金额：</label>
            <div class="input-group">
                <input type="number" class="form-control" name="condition_amount" min="0" step="0.01" value="<%=amount%>" placeholder="请输入">
                <span class="input-group-addon">元</span>
            </div>
        </div>
        <div class="col-sm-4 condition-goods-group" style="<% if(showGoods) { %>display: block;<% } else { %>display: none;<% } %>">
            <label>参与商品：</label>
            <button type="button" class="btn btn-info select-condition-goods">
                <i class="fa fa-plus"></i> 选择商品
            </button>
            <div class="selected-condition-goods" style="margin-top: 5px;"></div>
        </div>
        <div class="col-sm-2">
            <label>&nbsp;</label>
            <div>
                <button type="button" class="btn btn-danger btn-sm remove-condition">
                    <i class="fa fa-trash"></i> 删除
                </button>
            </div>
        </div>
    </div>
</div>
</script>
<!-- 选中商品显示模板 -->
<script type="text/html" id="selected-goods-template">
    <div class="selected-item goods-item" data-id="<%=id%>">
        <div class="item-content">
            <img src="<%=image%>" class="item-image">
            <div class="item-info">
                <div class="item-name">
                    <% if(typeLabel) { %>
                    <span class="label label-<%=typeLabelClass%>"><%=typeLabel%></span>
                    <% } %>
                    <%=name%>
                </div>
                <div class="item-meta">
                    <% if(price) { %>
                    <span class="price">¥<%=price%></span>
                    <% } %>
                    <% if(specText) { %>
                    <span class="spec"><%=specText%></span>
                    <% } %>
                </div>
            </div>
        </div>
        <button type="button" class="btn btn-xs btn-default remove-item">
            <i class="fa fa-times"></i>
        </button>
    </div>
</script>

<!-- 选中优惠券显示模板 -->
<script type="text/html" id="selected-coupon-template">
    <div class="selected-item coupon-item" data-id="<%=id%>">
        <div class="item-content">
            <div class="item-info">
                <div class="item-name"><%=name%></div>
                <div class="item-meta text-muted"><%=typeText%></div>
            </div>
        </div>
        <button type="button" class="btn btn-xs btn-default remove-item">
            <i class="fa fa-times"></i>
        </button>
    </div>
</script>

{/literal}

<!-- 自定义样式 -->
<style>
.selected-display {
    margin-top: 10px;
}

.selected-item {
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fafafa;
    margin-bottom: 10px;
}

.selected-item .item-content {
    display: flex;
    align-items: center;
    flex: 1;
}

.selected-item .item-image {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0;
}

.selected-item .item-info {
    flex: 1;
}

.selected-item .item-name {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
    line-height: 1.4;
}

.selected-item .item-meta {
    font-size: 12px;
    color: #666;
}

.selected-item .price {
    color: #e74c3c;
    font-weight: bold;
    margin-right: 8px;
}

.selected-item .remove-item {
    margin-left: 10px;
    flex-shrink: 0;
}

.goods-list-container {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.goods-list-item {
    display: flex;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.goods-list-item:last-child {
    border-bottom: none;
}

.goods-content {
    display: flex;
    align-items: center;
    flex: 1;
}

.goods-image {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0;
}

.goods-info {
    flex: 1;
}

.goods-name {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
    line-height: 1.4;
}

.goods-meta {
    font-size: 12px;
    color: #666;
}

.prize-image {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.prize-rate-group {
    width: 100px;
    margin: 0 auto;
}

/* 确保奖品名称样式一致 */
.prize-info .prize-name {
    font-weight: bold;
    color: #333;
}

/* 确保系统默认文本样式一致 */
.text-muted {
    color: #777 !important;
}

/* 确保所有概率输入框样式一致 */
.prize-rate-group .input-group-addon {
    padding: 4px 6px;
}

.reward-text {
    font-size: 11px;
    color: #666;
    margin-top: 2px;
}

.prize-info .prize-description {
    font-size: 12px;
    margin-top: 2px;
}

.reward-group {
    display: none;
}

.reward-group.active {
    display: block;
}

.form-section {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.form-section:last-child {
    border-bottom: none;
}
</style>