高清视频生成

妯″瀷鐗堟湰

旗舰版鏈€鏂版棗鑸?/span>

高清版楂樿川閲?/span>

标准版缁忓吀绋冲畾

鐢熸垚妯″紡

鏂囩敓瑙嗛

鍥剧敓瑙嗛

鍙傝€冪敓瑙嗛

涓婁紶鍙傝€冨浘

鐐瑰嚮鎴栨嫋鎷戒笂浼?/div>

鏀寔 JPG銆丳NG銆乄EBP

閫夋嫨鍥剧墖

涓婁紶鍥剧墖鍙敓鎴愭洿璐村悎鐨勮棰戞晥鏋?/div>

鎻愮ず璇?

瑙嗛澶嶅埢

AI娑﹁壊

<div class="tpl-section">
    <div class="tpl-header">
        <div class="label"><i class="ri-palette-line"></i> 妯℃澘鐏垫劅 <span id="templateCount" style="font-size:10px;color:#666;margin-left:4px">0 涓ā鏉?/span></div>
        <div class="more" onclick="showMoreTemplates()"><i class="ri-apps-line"></i> 鏌ョ湅鏇村</div>
    </div>
    <div class="template-grid" id="templateGrid"></div>
</div>

<div class="section">
    <div class="section-label"><i class="ri-aspect-ratio-line"></i> 瑙嗛姣斾緥</div>
    <div class="option-group" id="ratioGroup">
        <div class="option-btn active" data-value="16:9" onclick="selectOption(this)"><span class="val">16:9</span><span class="desc">妯睆</span></div>
        <div class="option-btn" data-value="9:16" onclick="selectOption(this)"><span class="val">9:16</span><span class="desc">绔栧睆</span></div>
    </div>
</div>

<div class="section">
    <div class="section-label"><i class="ri-hashtag"></i> 鐢熸垚鏁伴噺</div>
    <div class="tabs tabs-flex" style="gap:10px" id="countGroup">
        <div class="tab-btn active" data-value="1" onclick="selectCount(this)"><span class="t">1涓?/span></div>
        <div class="tab-btn" data-value="3" onclick="selectCount(this)"><span class="t">3涓?/span></div>
        <div class="tab-btn" data-value="5" onclick="selectCount(this)"><span class="t">5涓?/span></div>
        <div class="tab-btn" data-value="10" onclick="selectCount(this)"><span class="t">10涓?/span></div>
    </div>
</div>

</div>
<div class="veo-footer">
    <button class="gen-btn" id="genBtn" onclick="genVideo()">
        <i class="ri-loader-4-line" id="genLoader" style="display:none;animation:spin 1s linear infinite"></i>
        <i class="ri-sparkle-fill" id="genIcon"></i> 鐢熸垚瑙嗛 <span class="cost" id="costText">鏈娑堣€?65 绉垎</span>
    </button>
</div>
</div>

<div class="history-toggle-btn" onclick="toggleHistoryPanel()"><i class="ri-history-line"></i><span class="badge" style="display:none;">0</span></div>

<div class="panel-overlay" onclick="closeHistoryPanel()"></div>

<div class="veo-right">
<div class="panel-close-btn" onclick="closeHistoryPanel()"><i class="ri-close-line"></i></div>
<div class="veo-right-header">
    <h3><i class="ri-history-line"></i> 鐢熸垚璁板綍</h3>
    <div style="display:flex;align-items:center;gap:12px">
        <span style="font-size:11px;color:#666;cursor:pointer" onclick="refreshPendingTasks()"><i class="ri-refresh-line"></i> 鍒锋柊</span>
        <div class="view-all" id="balanceText" style="font-size:12px;color:#f59e0b;display:flex;align-items:center;gap:4px"><i class="ri-coin-line"></i> 浣欓: -- 绉垎</div>
    </div>
</div>
<div class="veo-right-body" id="historyContainer">
    <div class="empty" id="emptyState">
        <div class="empty-icon"><i class="ri-user-line"></i></div>
        <h4>璇风櫥褰曞悗鏌ョ湅鐢熸垚璁板綍</h4>
        <p>鐧诲綍鍚庡彲浠ユ煡鐪嬪拰绠＄悊鎮ㄧ殑瑙嗛</p>
        <button class="login-btn" onclick="goLogin()">绔嬪嵆鐧诲綍</button>
    </div>
</div>
</div>
</div>

<div class="video-modal" id="videoModal" onclick="closeVideoModal()">
    <div class="close-btn"><i class="ri-close-line"></i></div>
    <video id="previewVideo" controls onclick="event.stopPropagation()"></video>
</div>

<div class="prompt-modal" id="promptModal" onclick="closePromptModal()">
    <div class="prompt-modal-content" onclick="event.stopPropagation()">
        <div class="prompt-modal-header">
            <h4>缂栬緫鎻愮ず璇?/h4>
            <div class="close-btn" onclick="closePromptModal()"><i class="ri-close-line"></i></div>
        </div>
        <div class="prompt-modal-body">
            <div class="prompt-modal-tip">鍦ㄨ繖閲屽彲浠ユ洿鏂逛究鍦扮紪鍐欒缁嗙殑瑙嗛闇€姹傛弿杩帮紝鏀寔澶氳杈撳叆銆?/div>
            <textarea class="prompt-modal-textarea" id="promptModalText" placeholder="璇疯緭鍏ヨ缁嗙殑瑙嗛闇€姹傛弿杩?." maxlength="2000" oninput="updatePromptCount()">

鑱旂郴鎴戜滑

閫夋嫨鍥剧墖

AI助手 鎻愮ず璇嶅姪鎵?/h4>

AI助手鎻愮ず璇嶅姪鎵?/h4>