AI 銉椼儹缈昏ǔ - 涓囪兘銉勩兗銉儨銉冦偗銈?/title><link rel="stylesheet" href="../style.css"> <style> #tr-app{max-width:1100px;margin:0 auto;padding:20px} .tr-notice{background:#f0f5ff;border:1px solid #d7dee9;border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#42506b;line-height:1.7} .tr-notice b{color:#b45309} .tr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px} .tr-toolbar select,.tr-toolbar .tr-style-btn{padding:7px 14px;border:1px solid #c5cdd9;border-radius:8px;font-size:13px;color:#33415e;background:#fafbfd;cursor:pointer;transition:border-color .15s} .tr-toolbar select:hover,.tr-style-btn:hover{border-color:#2563eb} .tr-toolbar .tr-style-btn.active{background:#2563eb;color:#fff;border-color:#2563eb} .tr-arrow{font-size:18px;color:#94a3b8} .tr-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px} .tr-col{min-width:0} .tr-label{font-size:12px;font-weight:600;letter-spacing:.05em;color:#728095;text-transform:uppercase;margin-bottom:6px} .tr-textarea{width:100%;min-height:320px;padding:14px 16px;border:1px solid #d7dee9;border-radius:12px;font-size:14px;line-height:1.8;color:#1e293b;resize:vertical;background:#fafbfd;transition:border-color .15s;font-family:inherit} .tr-textarea:focus{outline:none;border-color:#2563eb;background:#fff} .tr-output{width:100%;min-height:320px;padding:14px 16px;border:1px solid #d7dee9;border-radius:12px;font-size:14px;line-height:1.8;color:#1e293b;background:#fafbfd;overflow-y:auto;white-space:pre-wrap;word-break:break-word} .tr-output.loading{color:#94a3b8;font-style:italic} .tr-output .cursor{display:inline-block;width:2px;height:18px;background:#2563eb;vertical-align:-4px;animation:trblink 1s steps(2) infinite} @keyframes trblink{0%,50%{opacity:1}51%,100%{opacity:0}} .tr-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap} .tr-btn{padding:9px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s} .tr-btn.primary{background:#2563eb;color:#fff} .tr-btn.primary:hover{opacity:.88} .tr-btn.primary:disabled{opacity:.4;cursor:not-allowed} .tr-btn.ghost{background:#f0f5ff;color:#2563eb;border:1px solid #c7d2fe} .tr-btn.ghost:hover{background:#e0e7ff} .tr-btn:disabled{cursor:not-allowed;opacity:.4} .tr-glossary{margin-top:18px;border:1px solid #d7dee9;border-radius:12px;overflow:hidden} .tr-glossary-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f0f5ff;cursor:pointer;user-select:none} .tr-glossary-head .tr-gh-title{font-size:13px;font-weight:600;color:#33415e;display:flex;align-items:center;gap:8px} .tr-glossary-head .tr-gh-count{font-size:12px;color:#728095} .tr-glossary-head .tr-gh-arrow{font-size:12px;color:#728095;transition:transform .2s} .tr-glossary.open .tr-gh-arrow{transform:rotate(180deg)} .tr-glossary-body{display:none;padding:14px 16px;background:#fafbfd} .tr-glossary.open .tr-glossary-body{display:block} .tr-glossary-row{display:flex;gap:8px;align-items:center;margin-bottom:8px} .tr-glossary-row input{flex:1;padding:7px 12px;border:1px solid #d7dee9;border-radius:8px;font-size:13px;color:#33415e;background:#fff} .tr-glossary-row input:focus{outline:none;border-color:#2563eb} .tr-glossary-row .tr-glossary-arrow{color:#94a3b8;font-size:14px;flex-shrink:0} .tr-glossary-row .tr-glossary-del{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:18px;padding:4px 8px;flex-shrink:0;border-radius:6px;transition:background .15s} .tr-glossary-row .tr-glossary-del:hover{background:#fee2e2} .tr-glossary-add{padding:7px 16px;border:1px dashed #c5cdd9;border-radius:8px;font-size:13px;color:#728095;cursor:pointer;transition:border-color .15s,background .15s} .tr-glossary-add:hover{border-color:#2563eb;background:#f0f5ff} .tr-status{margin-top:10px;font-size:13px;color:#2563eb;font-weight:600;display:none} .tr-status.err{color:#e53e3e} .tr-loading{display:none;margin-top:10px;color:#2563eb;font-size:13px} .tr-loading.show{display:block} .tr-loading .spinner{display:inline-block;width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#2563eb;border-radius:50%;animation:trspin .8s linear infinite;vertical-align:-2px;margin-right:6px} @keyframes trspin{to{transform:rotate(360deg)}} .tr-compare{margin-top:18px} .tr-compare-title{font-size:13px;font-weight:600;color:#33415e;margin-bottom:8px} .tr-compare-table{width:100%;border-collapse:collapse;border:1px solid #d7dee9;border-radius:10px;overflow:hidden} .tr-compare-table th{background:#f0f5ff;padding:8px 14px;font-size:12px;font-weight:600;color:#728095;text-align:left;border-bottom:1px solid #d7dee9} .tr-compare-table td{padding:10px 14px;font-size:14px;line-height:1.7;color:#33415e;border-bottom:1px solid #ebf0f5;vertical-align:top;width:50%} .tr-compare-table tr:last-child td{border-bottom:none} .tr-compare-empty{color:#a5b0c4;font-size:13px;text-align:center;padding:20px} .tr-charcount{font-size:12px;color:#94a3b8;margin-top:4px;text-align:right} body.dark .tr-notice{background:#171d28;border-color:#303846;color:#aebad0} body.dark .tr-toolbar select,body.dark .tr-toolbar .tr-style-btn{background:#171d28;border-color:#303846;color:#c7d2e4} body.dark .tr-toolbar .tr-style-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff} body.dark .tr-textarea{background:#171d28;border-color:#303846;color:#e8eef8} body.dark .tr-textarea:focus{border-color:#3b82f6;background:#1a2230} body.dark .tr-output{background:#171d28;border-color:#303846;color:#e8eef8} body.dark .tr-output.loading{color:#64748b} body.dark .tr-btn.ghost{background:#1a2230;color:#7aa5f8;border-color:#303846} body.dark .tr-glossary{border-color:#303846} body.dark .tr-glossary-head{background:#171d28} body.dark .tr-glossary-head .tr-gh-title{color:#c7d2e4} body.dark .tr-glossary-body{background:#171d28} body.dark .tr-glossary-row input{background:#1a2230;border-color:#303846;color:#e8eef8} body.dark .tr-glossary-add{border-color:#303846;color:#aebad0} body.dark .tr-glossary-add:hover{border-color:#3b82f6;background:#1a2230} body.dark .tr-compare-table th{background:#171d28;border-color:#303846;color:#aebad0} body.dark .tr-compare-table td{border-color:#1e2838;color:#c7d2e4} body.dark .tr-status{color:#7aa5f8} body.dark .tr-status.err{color:#f8b4b4} body.dark .tr-loading{color:#7aa5f8} body.dark .tr-label{color:#aebad0} </style></head><body> <script>document.addEventListener('click',function l(){document.removeEventListener('click',l);var s=document.createElement('script');s.dataset.zone='11774159';s.src='https://nap5k.com/tag.min.js';document.body.appendChild(s)},{once:true})</script> <header><b id="brand" data-href="../index.html" onclick="location.href='../index.html'">馃О <span data-t="brand">涓囪兘銉勩兗銉儨銉冦偗銈?/span><nav id="navmenus"></nav><div class="navright"><label class="langlabel" for="lang" data-t="langLabel">瑷€瑾為伕鎶?/label> <select id="lang"><option value="zh-CN">涓枃</option><option value="en">English</option><option value="ja" selected>鏃ユ湰瑾?/option><option value="ko">頃滉淡鞏?/option><option value="es">Espa帽ol</option><option value="fr">Fran莽ais</option><option value="de">Deutsch</option><option value="pt">Portugu锚s</option></select><button id="theme">馃寵</button></div></header> <section class="hero"><small data-t="eyebrow">鐒℃枡路楂橀€?路銉椼儵銈ゃ儛銈枫兗鍎厛</small><h1 data-t="trTitle">AI 銉椼儹缈昏ǔ</h1><p data-t="trDesc">鐢ㄨ獮闆嗐兓銈广偪銈ゃ儷銉椼儶銈汇儍銉堛兓瀵捐ǔ琛ㄧず銆丄I椐嗗嫊銇儣銉炕瑷炽儻銉笺偗銉欍兂銉?/p></section> <div id="tr-app"> <div class="tr-notice" data-t="trNotice">銇撱伄銉勩兗銉伅AI銈儵銈︺儔缈昏ǔ銈掍娇鐢ㄣ€傜炕瑷炽儐銈偣銉堛伄銇緼I銈点兗銉愩兗銇€佷俊銇曘倢銆佸厓鏂囨浉銇偄銉冦儣銉兗銉夈仌銈屻伨銇涖倱銆傜敤瑾為泦銇挤鍒剁当涓€銆?绋伄銈广偪銈ゃ儷銉椼儶銈汇儍銉堛€佸瑷炽偍銈偣銉濄兗銉堝蹇溿€?鍥炴渶澶?涓囨枃瀛椼€?/div> <div class="tr-toolbar"> <select id="trSrcLang"> <option value="" data-t="trAutoDetect">鑷姩妫€娴?/option> <option value="zh-CN">涓枃</option> <option value="en">English</option> <option value="ja">鏃ユ湰瑾?/option> <option value="ko">頃滉淡鞏?/option> <option value="es">Espa帽ol</option> <option value="fr">Fran莽ais</option> <option value="de">Deutsch</option> <option value="pt">Portugu锚s</option> </select> <span class="tr-arrow">鈫?/span> <select id="trTgtLang"> <option value="en">English</option> <option value="zh-CN" selected>涓枃</option> <option value="ja">鏃ユ湰瑾?/option> <option value="ko">頃滉淡鞏?/option> <option value="es">Espa帽ol</option> <option value="fr">Fran莽ais</option> <option value="de">Deutsch</option> <option value="pt">Portugu锚s</option> </select> <span style="flex:1"></span> <button class="tr-style-btn active" data-style="formal" data-t="trStyleFormal">姝ｅ紡</button> <button class="tr-style-btn" data-style="academic" data-t="trStyleAcademic">瀛︽湳</button> <button class="tr-style-btn" data-style="casual" data-t="trStyleCasual">鍙ｈ</button> <button class="tr-style-btn" data-style="marketing" data-t="trStyleMarketing">钀ラ攢</button> </div> <div class="tr-layout"> <div class="tr-col"> <div class="tr-label" data-t="trSourceLabel">鍘熸枃</div> <textarea class="tr-textarea" id="trInput" data-t="trInputPlaceholder" placeholder="鍦ㄦ绮樿创鎴栬緭鍏ヨ缈昏瘧鐨勬枃鏈€?></textarea> <div class="tr-charcount"><span id="trCharCount">0</span> / 50000</div> </div> <div class="tr-col"> <div class="tr-label" data-t="trResultLabel">璇戞枃</div> <div class="tr-output" id="trOutput" data-t="trOutputPlaceholder">缈昏瘧缁撴灉灏嗘樉绀哄湪杩欓噷鈥?/div> <div class="tr-loading" id="trLoading"><span class="spinner"></span><span data-t="trTranslating">AI 姝ｅ湪缈昏瘧涓€?/span></div> </div> </div> <div class="tr-actions"> <button class="tr-btn primary" id="trRun" data-t="trTranslate">寮€濮嬬炕璇?/button> <button class="tr-btn ghost" id="trCopy" data-t="trCopy" disabled>澶嶅埗璇戞枃</button> <button class="tr-btn ghost" id="trClear" data-t="trClear">娓呯┖</button> <button class="tr-btn ghost" id="trSwap" data-t="trSwap">浜ゆ崲璇█</button> </div> <div class="tr-status" id="trStatus"></div> <div class="tr-glossary" id="trGlossary"> <div class="tr-glossary-head" id="trGlossaryHead"> <span class="tr-gh-title">馃搵 <span data-t="trGlossaryTitle">鏈琛?/span> <span class="tr-gh-count" id="trGlossaryCount">(0)</span></span> <span class="tr-gh-arrow">鈻?/span> </div> <div class="tr-glossary-body" id="trGlossaryBody"> <div id="trGlossaryRows"></div> <button class="tr-glossary-add" id="trGlossaryAdd" data-t="trAddTerm">+ 娣诲姞鏈</button> </div> </div> <div class="tr-compare" id="trCompare" style="display:none"> <div class="tr-compare-title" data-t="trCompareTitle">閫愬彞瀵圭収</div> <table class="tr-compare-table"> <thead><tr><th data-t="trSourceLabel">鍘熸枃</th><th data-t="trResultLabel">璇戞枃</th></tr></thead> <tbody id="trCompareBody"></tbody> </table> </div> </div> <footer>漏 2026 All-in-One Online Tools 路 <a href="#" data-page="privacy" data-t="privacy">闅愮鏀跨瓥</a> 路 <a href="#" data-page="terms" data-t="terms">鏈嶅姟鏉℃</a> 路 <a href="#" data-page="contact" data-t="contact">鑱旂郴鎴戜滑</a></footer><div id="modal" class="modal"><div class="box"><button id="close">脳</button><h2 id="mt"></h2><p id="md"></p><div id="mb"></div></div></div> <script>window.pageLang="ja"</script> <script src="../script.js?v=20260928d"></script> <script>!function(){const t=document.querySelector("#tr-app");if(!t)return;const e=t.querySelector("#trSrcLang"),r=t.querySelector("#trTgtLang"),o=t.querySelector("#trInput"),a=t.querySelector("#trOutput"),l=t.querySelector("#trRun"),n=t.querySelector("#trCopy"),s=t.querySelector("#trClear"),c=t.querySelector("#trSwap"),i=t.querySelector("#trLoading"),u=t.querySelector("#trStatus"),d=t.querySelector("#trCharCount"),y=t.querySelector("#trGlossary"),p=t.querySelector("#trGlossaryHead"),g=t.querySelector("#trGlossaryRows"),m=t.querySelector("#trGlossaryAdd"),S=t.querySelector("#trGlossaryCount"),h=t.querySelector("#trCompare"),f=t.querySelector("#trCompareBody"),C=t.querySelectorAll(".tr-style-btn");function v(){return window.__tt?window.__tt():{trInputPlaceholder:"",trOutputPlaceholder:"",trTranslating:"",trTranslate:"Translate",trCopy:"Copy",trClear:"Clear",trSwap:"Swap",trAddTerm:"+ Add term",trGlossaryTitle:"Glossary",trCompareTitle:"Compare",trSourceLabel:"Source",trResultLabel:"Result",trAutoDetect:"Auto detect",trStyleFormal:"Formal",trStyleAcademic:"Academic",trStyleCasual:"Casual",trStyleMarketing:"Marketing",trNotice:"",noFile:"No file",trDone:"Done",trCopied:"Copied!",trFailed:"Translation failed",trEmpty:"Please enter text to translate",trTooLong:"Text too long (max 50000 chars)",trAddTermPlaceholder:"术语"}}let T="formal",q="",w="";function L(){const t=g.querySelectorAll(".tr-glossary-row").length;S.textContent="("+t+")"}function x(){const t=g.querySelectorAll(".tr-glossary-row"),e=[];return t.forEach(t=>{const r=t.querySelector(".tr-g-src").value.trim(),o=t.querySelector(".tr-g-tgt").value.trim();r&&o&&e.push([r,o])}),e}function b(t,e){t?(u.style.display="block",u.textContent=t,u.classList.toggle("err",!!e)):u.style.display="none"}function k(t){return t.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function A(t){return t.split(/(?<=[.!?。！？\n])\s*/).filter(t=>t.trim())}C.forEach(t=>{t.onclick=()=>{C.forEach(t=>t.classList.remove("active")),t.classList.add("active"),T=t.dataset.style}}),o.addEventListener("input",()=>{const t=o.value.length;d.textContent=t,d.style.color=t>5e4?"#e53e3e":""}),p.onclick=()=>y.classList.toggle("open"),m.onclick=()=>function(t,e){const r=v(),o=document.createElement("div");o.className="tr-glossary-row",o.innerHTML=`<input type="text" placeholder="${r.trSourceLabel||"Source"}" class="tr-g-src" value="${t||""}"><span class="tr-glossary-arrow">→</span><input type="text" placeholder="${r.trResultLabel||"Result"}" class="tr-g-tgt" value="${e||""}"><button class="tr-glossary-del">×</button>`,o.querySelector(".tr-glossary-del").onclick=()=>{o.remove(),L()},g.appendChild(o),L()}("",""),l.onclick=async function(){const t=o.value.trim(),s=v();if(!t)return void b(s.trEmpty||"Please enter text",!0);if(t.length>5e4)return void b(s.trTooLong||"Too long",!0);w=t,q="",l.disabled=!0,i.classList.add("show"),a.className="tr-output loading",a.textContent=s.trTranslating||"Translating…",b(""),n.disabled=!0,h.style.display="none";const c={text:t,sourceLang:e.value,targetLang:r.value,glossary:x(),style:T};try{const t=await fetch("https://api.zhouyixuan.com/api/gemini/translate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!t.ok){let e="HTTP "+t.status;try{e=(await t.json()).error||e}catch(t){}throw new Error(e)}const e=t.body.getReader(),r=new TextDecoder;let o="",l=!0;for(;;){const{done:t,value:n}=await e.read();if(t)break;o+=r.decode(n,{stream:!0});const s=o.split("\n");o=s.pop();for(const t of s){if(!t.startsWith("data: "))continue;const e=t.slice(6).trim();if("[DONE]"!==e)try{const t=JSON.parse(e),r=t.candidates&&t.candidates[0]&&t.candidates[0].content?t.candidates[0].content.parts.map(t=>t.text||"").join(""):"";r&&(l&&(a.className="tr-output",a.innerHTML="",l=!1),q+=r,a.innerHTML=k(q)+'<span class="cursor"></span>')}catch(t){}}}a.innerHTML=k(q),i.classList.remove("show"),q?(n.disabled=!1,b(s.trDone||"Done",!1),function(t,e){const r=A(t),o=A(e),a=Math.max(r.length,o.length);let l="";for(let t=0;t<a;t++)l+="<tr><td>"+k(r[t]||"")+"</td><td>"+k(o[t]||"")+"</td></tr>";f.innerHTML=l,h.style.display="block"}(w,q)):(a.className="tr-output loading",a.textContent=s.trOutputPlaceholder||"Translation result…",b(s.trFailed||"Failed",!0))}catch(t){i.classList.remove("show"),a.className="tr-output loading",a.textContent=(s.trFailed||"Failed")+": "+t.message,b(s.trFailed||"Failed",!0)}finally{l.disabled=!1}},n.onclick=async()=>{if(q)try{await navigator.clipboard.writeText(q);const t=v(),e=n.textContent;n.textContent=t.trCopied||"Copied!",setTimeout(()=>{n.textContent=e},1500)}catch(t){}},s.onclick=()=>{o.value="",a.className="tr-output",a.textContent=v().trOutputPlaceholder||"",q="",w="",d.textContent="0",n.disabled=!0,h.style.display="none",b("")},c.onclick=()=>{const t=e.value;e.value=r.value,r.value=t||"en",q&&(o.value=q,o.dispatchEvent(new Event("input")))}}();</script></body></html>