鍥剧墖鐢熸垚鍣?- 榛戦緳姹熷畯鍐犲缓绛戝伐绋嬫湁闄愬叕鍙?/title> <meta name="description" content="鐢熷浘銆佷慨鍥俱€佸弬鑰冨浘涓婁紶涓庡巻鍙茶褰曞伐浣滃彴銆?> <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%230a84ff'/%3E%3Ctext x='50%25' y='52%25' text-anchor='middle' dominant-baseline='middle' font-family='Arial,sans-serif' font-size='26' font-weight='700' fill='white'%3EHG%3C/text%3E%3C/svg%3E"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./styles.css?v=20260504161000"> </head> <body> <div class="page"> <header class="topbar"> <div class="topbar-inner"> <a class="brand" href="https://www.hljshgjz.cn" aria-label="返回首页"> <img src="https://www.hljshgjz.cn/images/logo.png" alt="黑龙江省宏冠建筑工程有限公司" class="brand-logo-img"> <span class="brand-copy"> <strong>黑龙江省宏冠建筑工程有限公司-Image</strong> </span> </a> <button class="model-pill" type="button" data-availability="offline" aria-label="褰撳墠鐘舵€侊細绂荤嚎"> <span class="model-pill-copy"> <span class="model-pill-label">褰撳墠鐘舵€?/span> <span class="model-pill-name">Alstar Image</span> </span> <span class="model-pill-status">绂荤嚎</span> </button> <nav class="top-actions"> <button id="open-settings" type="button">璁剧疆</button> </nav> </div> </header> <main id="top" class="main"> <section class="workspace" id="workspace"> <div class="generator-card"> <div class="field-group"> <div class="mobile-settings-anchor" id="mobile-settings-anchor"></div> <button class="field-header-button" type="button" aria-label="鍙傝€冨浘涓婁紶鍖哄煙"> <span> <span class="desktop-only-inline">涓婁紶鍥剧墖鍙敤浜庝慨鍥炬垨鍙傝€冪敓鎴愶紝鏀寔鎷栨嫿銆佺矘璐存埅鍥句笂浼?/span> <span class="mobile-only-inline">涓婁紶鍥剧墖鍙敤浜庝慨鍥炬垨鍙傝€冪敓鎴?/span> </span> <span class="field-tools"> <span class="desktop-only-inline">鎷栨嫿 / 绮樿创</span> <span class="mobile-only-inline">鐐瑰嚮涓婁紶</span> </span> </button> <div class="upload-row"> <button class="upload-box" id="upload-box" type="button"> <span class="upload-tile"> <span class="upload-icon" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="none"> <path d="M5 7.25A2.25 2.25 0 0 1 7.25 5h9.5A2.25 2.25 0 0 1 19 7.25v9.5A2.25 2.25 0 0 1 16.75 19h-9.5A2.25 2.25 0 0 1 5 16.75v-9.5Z" stroke="currentColor" stroke-width="1.8"/> <path d="m8.5 14.5 2.3-2.3a1 1 0 0 1 1.4 0l1.55 1.55m-4.4 3.05h6.15a1 1 0 0 0 .7-1.7l-2.1-2.1a1 1 0 0 0-1.4 0L9.35 16.55" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 9.25h.01" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/> <path d="M18.5 4.75v4.5M16.25 7h4.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/> </svg> </span> <span class="upload-title">涓婁紶</span> <span class="upload-count" id="upload-count">0/5</span> </span> </button> <button class="secondary-button upload-mask-button" id="upload-mask-button" type="button">灞€閮ㄩ噸缁?/button> <div class="file-list" id="file-list"></div> </div> <input id="reference-input" type="file" accept="image/*" class="file-input-offscreen"> </div> <div class="field-group"> <div class="field-title"> <span>鍥剧墖鎻忚堪</span> <button class="prompt-trigger-button" id="open-prompt-examples" type="button">鏌ョ湅绀轰緥</button> </div> <textarea id="prompt-input" rows="7" placeholder="璇疯緭鍏ユ彁绀鸿瘝锛屼緥濡傦細灏嗗弬鑰冨浘鑷劧铻嶅悎涓轰竴寮犵湡瀹炵収鐗囷紝淇濇寔鍏夊奖涓€鑷淬€佽竟缂樿嚜鐒躲€侀€忚姝ｇ‘銆?></textarea> </div> <div class="field-group"> <div class="setting-block"> <div class="setting-row setting-row-collapsible" data-setting-section="quality"> <button class="setting-toggle" data-setting-toggle="quality" type="button" aria-expanded="true" aria-controls="setting-panel-quality"> <span class="setting-name">鏇村鍙傛暟</span> <span class="setting-toggle-summary" id="setting-summary-quality">2K</span> <span class="setting-toggle-icon" aria-hidden="true"></span> </button> <div class="setting-panel" id="setting-panel-quality" data-setting-panel="quality"> <div class="resolution-options" data-name="quality"> <button class="resolution-chip" data-value="1k" type="button"> <strong>1K</strong> <small>鏇村揩</small> </button> <button class="resolution-chip is-active" data-value="2k" type="button"> <strong>2K</strong> <small>鎺ㄨ崘</small> </button> <button class="resolution-chip" data-value="4k" type="button"> <strong>4K</strong> <small>鏇撮珮璐ㄩ噺</small> </button> </div> </div> </div> <div class="setting-row setting-row-collapsible" data-setting-section="ratio"> <button class="setting-toggle" data-setting-toggle="ratio" type="button" aria-expanded="true" aria-controls="setting-panel-ratio"> <span class="setting-name">鍑哄浘姣斾緥</span> <span class="setting-toggle-summary" id="setting-summary-ratio">auto 鑷€傚簲</span> <span class="setting-toggle-icon" aria-hidden="true"></span> </button> <div class="setting-panel" id="setting-panel-ratio" data-setting-panel="ratio"> <div class="ratio-options" data-name="ratio"> <button class="ratio-chip is-active" data-value="auto" type="button">auto 鑷€傚簲</button> <button class="ratio-chip" data-value="1:1" type="button">1:1 鏂瑰舰</button> <button class="ratio-chip" data-value="16:9" type="button">16:9 妯増</button> <button class="ratio-chip" data-value="9:16" type="button">9:16 绔栫増</button> <button class="ratio-chip" data-value="4:3" type="button">4:3 妯増</button> <button class="ratio-chip" data-value="3:4" type="button">3:4 绔栫増</button> <button class="ratio-chip" data-value="21:9" type="button">21:9 褰遍櫌</button> <button class="ratio-chip" data-value="3:2" type="button">3:2 妯増</button> <button class="ratio-chip" data-value="2:3" type="button">2:3 绔栫増</button> <button class="ratio-chip" data-value="5:4" type="button">5:4 妯増</button> <button class="ratio-chip" data-value="4:5" type="button">4:5 绔栫増</button> </div> </div> </div> </div> </div> <div class="action-row"> <button class="generate-button" id="generate-button" type="button">鐢熸垚鍥剧墖</button> </div> <div class="risk-banner risk-banner-inline"> <strong>鎻愮ず锛?/strong> <span class="risk-banner-text-desktop">鐢熸垚杩囩▼涓涓嶈鍒锋柊銆佸叧闂垨绂诲紑椤甸潰锛屽惁鍒欏綋鍓嶈姹傚彲鑳戒腑鏂紝缁撴灉涔熷彲鑳芥棤娉曟壘鍥炪€?/span> <span class="risk-banner-text-mobile">鍥剧墖鐢熸垚鏃讹紝璇峰嬁绂诲紑褰撳墠椤甸潰銆?/span> </div> </div> <div class="preview-card"> <div class="preview-tabs"> <button class="view-tab is-active" data-view="preview" type="button">棰勮</button> <button class="view-tab" data-view="history" type="button">鍘嗗彶</button> </div> <div class="view-panel is-active" id="view-preview"> <div class="preview-stage"> <div class="preview-empty" id="preview-empty"> <p>鐢熸垚缁撴灉浼氭樉绀哄湪杩欓噷</p> <span>宸︿晶濉啓鎻愮ず璇嶅苟涓婁紶鍙傝€冨浘鍚庯紝鍗冲彲寮€濮嬬敓鎴愩€?/span> </div> <div class="preview-feedback" id="preview-feedback" data-state="idle"> <div class="preview-spinner" aria-hidden="true"></div> <p id="preview-feedback-title" hidden></p> <span id="preview-feedback-text" hidden></span> <small id="preview-feedback-meta">鏆備笉鍙敤璇峰厛鍦ㄢ€滆缃€濋噷濉啓瀵嗛挜</small> <strong class="preview-feedback-warning" id="preview-feedback-warning">璇峰嬁鍒锋柊鎴栧叧闂祻瑙堝櫒</strong> </div> <img id="preview-image" alt="鐢熸垚缁撴灉"> </div> <div class="preview-actions"> <button class="secondary-button" id="save-image" type="button" disabled>淇濆瓨鍥剧墖</button> <button class="primary-button" id="rerun-image" type="button" disabled>鍐嶆鐢熸垚</button> <button class="secondary-button" id="repaint-image" type="button">灞€閮ㄩ噸缁?/button> <section class="inline-rating" id="inline-rating" hidden> <div class="inline-rating-copy"> <p class="inline-rating-eyebrow">鏈鐢熷浘鎵撳垎</p> <h3>鐪嬪畬鍥剧墖鍚庯紝鍐嶇粰杩欐鍑哄浘鎵撲釜鍒?/h3> <div class="inline-rating-meta"> <span>涓浆绔欙細<strong id="rating-channel-name">-</strong></span> <span>妯″瀷锛?strong id="rating-model-name">-</strong></span> </div> </div> <div class="rating-stars inline-rating-stars" role="radiogroup" aria-label="鍥剧墖璇勫垎"> <button class="rating-star" type="button" data-value="1" aria-label="1鏄?>鈽?/button> <button class="rating-star" type="button" data-value="2" aria-label="2鏄?>鈽?/button> <button class="rating-star" type="button" data-value="3" aria-label="3鏄?>鈽?/button> <button class="rating-star" type="button" data-value="4" aria-label="4鏄?>鈽?/button> <button class="rating-star" type="button" data-value="5" aria-label="5鏄?>鈽?/button> </div> <p class="rating-message inline-rating-message" id="rating-message" hidden></p> <div class="inline-rating-actions"> <button class="secondary-button" id="rating-skip" type="button">鏆備笉璇勫垎</button> <button class="primary-button" id="rating-submit" type="button" disabled>鎻愪氦璇勫垎</button> </div> </section> </div> <div class="preview-status-note" id="preview-status-note" hidden></div> </div> <div class="view-panel" id="view-history"> <div class="history-list" id="history-list"></div> </div> </div> </section> </main> <footer class="footer"> <div class="footer-inner"> <span> Copyright 漏 <a href="https://www.hljshgjz.cn" target="_blank" rel="noreferrer">榛戦緳姹熷畯鍐犲缓绛戝伐绋嬫湁闄愬叕鍙?/a> All Rights Reserved. </span> </div> </footer> </div> <dialog class="settings-modal" id="settings-modal"> <form method="dialog" class="settings-card"> <div class="settings-head"> <div> <p>API Key</p> <h3>瀵嗛挜璁剧疆</h3> </div> <button class="icon-button" value="cancel" type="submit" aria-label="鍏抽棴">脳</button> </div> <div class="settings-field"> <label>瀵嗛挜</label> <input id="modal-api-key" type="password" placeholder="蹇呭～" autocomplete="off"> </div> <div class="settings-field"> <label>Base_URL</label> <input id="modal-api-url" type="text" placeholder="閫夊～" autocomplete="off" spellcheck="false"> </div> <div class="settings-field"> <label>Model_ID</label> <input id="modal-model-id" type="text" placeholder="閫夊～" autocomplete="off" spellcheck="false"> </div> <div class="modal-actions"> <button class="secondary-button" id="clear-local" type="button">娓呯┖鏈湴鏁版嵁</button> <button class="primary-button" id="save-modal-key" type="button">淇濆瓨鍒版湰鍦?/button> </div> </form> </dialog> <dialog class="settings-modal" id="prompt-examples-modal"> <form method="dialog" class="settings-card prompt-examples-card"> <div class="settings-head"> <div> <p>Prompt Ideas</p> <h3>绀轰緥鐏垫劅</h3> </div> <button class="icon-button" value="cancel" type="submit" aria-label="鍏抽棴">脳</button> </div> <div class="prompt-example-filters" id="prompt-example-filters"> <div class="prompt-filter-row"> <span class="prompt-filter-label">鎿嶄綔</span> <div class="prompt-filter-chip-wrap"> <button class="prompt-filter-chip is-active" type="button" data-filter-group="action" data-filter-value="all">鍏ㄩ儴</button> <button class="prompt-filter-chip" type="button" data-filter-group="action" data-filter-value="generate">鐢熷浘</button> <button class="prompt-filter-chip" type="button" data-filter-group="action" data-filter-value="repair">淇浘</button> <button class="prompt-filter-chip" type="button" data-filter-group="action" data-filter-value="merge">铻嶅悎</button> </div> </div> <div class="prompt-filter-row prompt-filter-row-category" data-prompt-filter-row="category"> <div class="prompt-filter-row-head"> <span class="prompt-filter-label">鍒嗙被</span> <button class="prompt-filter-row-toggle" type="button" data-prompt-filter-toggle="category" aria-expanded="true"> <span data-prompt-filter-toggle-label>鏀惰捣</span> <span class="prompt-filter-row-toggle-icon" aria-hidden="true"></span> </button> </div> <div class="prompt-filter-chip-wrap" data-prompt-filter-panel="category"> <button class="prompt-filter-chip is-active" type="button" data-filter-group="category" data-filter-value="all">鍏ㄩ儴</button> <button class="prompt-filter-chip" type="button" data-filter-group="category" data-filter-value="building">寤虹瓚</button> <button class="prompt-filter-chip" type="button" data-filter-group="category" data-filter-value="municipal">甯傛斂</button> <button class="prompt-filter-chip" type="button" data-filter-group="category" data-filter-value="old_community">鑰佹棫灏忓尯</button> <button class="prompt-filter-chip" type="button" data-filter-group="category" data-filter-value="hidden">闅愯斀宸ョ▼</button> </div> </div> </div> <div class="prompt-example-scroll prompt-example-scroll-modal" id="prompt-example-scroll"> <section class="prompt-example-group"> <div class="prompt-example-group-head"> <span class="prompt-example-phase">棰勮鎻愮ず璇?/span> <p>浠ヤ笅绀轰緥鍙洿鎺ョ偣鍑诲～鍏ワ紝涔熷彲浠ユ寜浣犵殑椤圭洰鎯呭喌鍐嶇粏鍖栦慨鏀广€?/p> </div> <div class="prompt-example-subgroup" data-subgroup-action="generate"> <div class="prompt-example-subtitle">鐢熷浘</div> <button class="prompt-example-chip" type="button" data-prompt-example="鐢熸垚涓€寮犲缓绛戝伐绋嬪畬宸ラ獙鏀剁収鐗囷紝涓讳綋缁撴瀯娓呮櫚锛岀幇鍦哄共鍑€鏁存磥锛屽厜绾胯嚜鐒讹紝鏁翠綋鍍忔墜鏈哄疄鎷嶃€? data-example-tags="generate,building">鐢熸垚涓€寮犲缓绛戝伐绋嬪畬宸ラ獙鏀剁収鐗囷紝涓讳綋缁撴瀯娓呮櫚锛岀幇鍦哄共鍑€鏁存磥锛屽厜绾胯嚜鐒讹紝鏁翠綋鍍忔墜鏈哄疄鎷嶃€?/button> <button class="prompt-example-chip" type="button" data-prompt-example="鐢熸垚涓€寮犲競鏀块亾璺畬宸ョ収鐗囷紝閬撹矾銆佽矾缂樼煶銆佹爣绾垮拰缁垮寲鍏崇郴鐪熷疄锛岀敾闈㈡竻鏅拌嚜鐒躲€? data-example-tags="generate,municipal">鐢熸垚涓€寮犲競鏀块亾璺畬宸ョ収鐗囷紝閬撹矾銆佽矾缂樼煶銆佹爣绾垮拰缁垮寲鍏崇郴鐪熷疄锛岀敾闈㈡竻鏅拌嚜鐒躲€?/button> <button class="prompt-example-chip" type="button" data-prompt-example="鐢熸垚涓€寮犺€佹棫灏忓尯鏀归€犲悗鐨勫畬宸ョ収鐗囷紝淇濈暀鍘熸湁妤间綋灏哄害锛屾柊澧炲仠杞︿綅銆佺収鏄庡拰閬撹矾閾鸿锛岀湡瀹炲厠鍒躲€? data-example-tags="generate,old_community">鐢熸垚涓€寮犺€佹棫灏忓尯鏀归€犲悗鐨勫畬宸ョ収鐗囷紝淇濈暀鍘熸湁妤间綋灏哄害锛屾柊澧炲仠杞︿綅銆佺収鏄庡拰閬撹矾閾鸿锛岀湡瀹炲厠鍒躲€?/button> </div> <div class="prompt-example-subgroup" data-subgroup-action="repair"> <div class="prompt-example-subtitle">淇浘</div> <button class="prompt-example-chip" type="button" data-prompt-example="淇濈暀鍘熷浘鏈轰綅鍜屼富浣撲笉鍙橈紝淇鐢婚潰涓殑姹℃笉銆佽交寰ā绯婂拰杈硅缂烘崯锛岀粨鏋滅湡瀹炶嚜鐒躲€? data-example-tags="repair,building">淇濈暀鍘熷浘鏈轰綅鍜屼富浣撲笉鍙橈紝淇鐢婚潰涓殑姹℃笉銆佽交寰ā绯婂拰杈硅缂烘崯锛岀粨鏋滅湡瀹炶嚜鐒躲€?/button> <button class="prompt-example-chip" type="button" data-prompt-example="淇闅愯斀宸ョ▼鐓х墖涓殑杩囨洕銆侀槾褰辫繃閲嶅拰缁嗚妭缂哄け锛屼繚鎸佹柦宸ュ叧绯诲拰鐜板満璐ㄦ劅涓嶅彉銆? data-example-tags="repair,hidden">淇闅愯斀宸ョ▼鐓х墖涓殑杩囨洕銆侀槾褰辫繃閲嶅拰缁嗚妭缂哄け锛屼繚鎸佹柦宸ュ叧绯诲拰鐜板満璐ㄦ劅涓嶅彉銆?/button> </div> <div class="prompt-example-subgroup" data-subgroup-action="merge"> <div class="prompt-example-subtitle">铻嶅悎</div> <button class="prompt-example-chip" type="button" data-prompt-example="灏嗗弬鑰冨浘1鐨勫缓绛戜富浣撲笌鍙傝€冨浘2鐨勫畬宸ョ幆澧冭瀺鍚堟垚鍚屼竴寮犵収鐗囷紝淇濇寔閫忚銆佸厜褰卞拰鑹叉俯缁熶竴銆? data-example-tags="merge,building">灏嗗弬鑰冨浘1鐨勫缓绛戜富浣撲笌鍙傝€冨浘2鐨勫畬宸ョ幆澧冭瀺鍚堟垚鍚屼竴寮犵収鐗囷紝淇濇寔閫忚銆佸厜褰卞拰鑹叉俯缁熶竴銆?/button> <button class="prompt-example-chip" type="button" data-prompt-example="灏嗕袱寮犺€佹棫灏忓尯鏀归€犵収鐗囪瀺鍚堟垚涓€寮犲畬鏁村満鏅浘锛屼繚鐣欏師濮嬪昂搴﹀叧绯伙紝鏁翠綋鍍忓悓涓€鏃堕棿鎷嶆憚銆? data-example-tags="merge,old_community">灏嗕袱寮犺€佹棫灏忓尯鏀归€犵収鐗囪瀺鍚堟垚涓€寮犲畬鏁村満鏅浘锛屼繚鐣欏師濮嬪昂搴﹀叧绯伙紝鏁翠綋鍍忓悓涓€鏃堕棿鎷嶆憚銆?/button> </div> </section> <div class="prompt-example-empty" id="prompt-example-empty" hidden>褰撳墠绛涢€夋潯浠朵笅娌℃湁鍖归厤鐨勬彁绀鸿瘝锛岃灏濊瘯鍒囨崲绛涢€夋潯浠躲€?/div> </div> </form> </dialog> <dialog class="image-lightbox" id="image-lightbox"> <button class="image-lightbox-close" id="image-lightbox-close" type="button" aria-label="鍏抽棴棰勮">脳</button> <div class="image-lightbox-stage" id="image-lightbox-stage"> <img id="image-lightbox-preview" alt="鏀惧ぇ棰勮"> </div> </dialog> <dialog class="mask-editor-dialog" id="mask-editor-dialog"> <div class="mask-editor-shell"> <div class="mask-editor-head"> <div> <p class="mask-editor-eyebrow">Local Repaint</p> <h3 id="mask-editor-title">灞€閮ㄩ噸缁?/h3> <span id="mask-editor-meta">鍦ㄧ孩鑹查伄缃╁尯鍩熷唴閲嶆柊鐢熸垚</span> </div> <button class="icon-button" id="mask-editor-close" type="button" aria-label="鍏抽棴">脳</button> </div> <div class="mask-editor-toolbar"> <button class="secondary-button" id="mask-editor-brush" type="button">鐢荤瑪</button> <button class="secondary-button" id="mask-editor-eraser" type="button">姗＄毊</button> <label class="mask-editor-brush-size-label" for="mask-editor-brush-size"> <span>绗斿埛</span> <input id="mask-editor-brush-size" type="range" min="8" max="96" step="2" value="32"> <strong id="mask-editor-brush-size-value">32 px</strong> </label> <button class="secondary-button" id="mask-editor-clear" type="button">娓呯┖</button> </div> <div class="mask-editor-stage" id="mask-editor-stage"> <div class="mask-editor-viewport" id="mask-editor-viewport"> <img id="mask-editor-image" alt="Mask editor base image"> <canvas id="mask-editor-canvas"></canvas> </div> </div> <div class="mask-editor-foot"> <p class="mask-editor-hint" id="mask-editor-hint">榧犳爣宸﹂敭娑傛姽锛岀孩鑹插尯鍩熶細琚噸缁樸€傛寜浣?Alt銆丆trl銆丼hift 鎴栦腑閿彲鎷栧姩鐢诲竷锛屾粴杞缉鏀俱€?/p> <button class="primary-button" id="mask-editor-generate" type="button">寮€濮嬪眬閮ㄩ噸缁?/button> </div> </div> </dialog> <script type="module" src="./app.js?v=20260504161000"></script> </body> </html>