英语阅读�?/title> <meta name="theme-color" content="#f5f0e8"> <link rel="manifest" href="/manifest.json"> <style> :root{--bg:#f5f0e8;--card:#faf7f0;--border:#d4c8b0;--text:#3a3226;--text2:#8a7b6b;--accent:#8b4513;--red:#c4554d;--green:#5a8a6a;--gold:#b8963c;--paper:rgba(139,69,19,0.16)} *{margin:0;padding:0;box-sizing:border-box} body{font-family:"STKaiti","KaiTi","Noto Serif SC","PingFang SC",serif;background:var(--bg);color:var(--text);min-height:100vh;padding:22px 14px 40px;line-height:1.65;background-image:linear-gradient(0deg,transparent 24%,rgba(139,69,19,0.025) 25%,rgba(139,69,19,0.025) 26%,transparent 27%),linear-gradient(90deg,transparent 24%,rgba(139,69,19,0.015) 25%,rgba(139,69,19,0.015) 26%,transparent 27%);background-size:48px 48px} .wrap{width:100%;max-width:1120px;margin:0 auto} .top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px} h1{font-size:1.58rem;font-weight:400;color:var(--accent)}.sub{font-size:0.78rem;color:var(--text2);margin-top:4px} .top-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.back{color:var(--text2);font-size:0.82rem;text-decoration:none} .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start} @media(max-width:750px){.grid{grid-template-columns:1fr}} .panel{background:linear-gradient(180deg,rgba(250,247,240,0.96),rgba(246,239,226,0.9));border:1px solid var(--paper);border-radius:8px;padding:14px;box-shadow:0 8px 24px rgba(91,55,28,0.08)} label{display:block;font-size:0.74rem;color:var(--text2);margin:10px 0 4px} input,textarea,select,button{font-family:inherit;font-size:0.88rem} input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text)} textarea{min-height:70px;resize:vertical;line-height:1.7} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)} .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px} .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} button,.btn{border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--accent);font-size:0.82rem;padding:8px 11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} .primary{background:var(--accent);border-color:var(--accent);color:#faf7f0}.danger{color:var(--red)}.green{color:var(--green)} .list{display:grid;gap:9px}.empty{padding:24px 10px;text-align:center;color:var(--text2);font-size:0.86rem;border:1px dashed var(--border);border-radius:8px} .card{border:1px solid rgba(212,200,176,0.75);border-radius:8px;background:rgba(255,255,255,0.22);padding:11px} .card-title{font-size:0.94rem;color:var(--text)}.card-body{font-size:0.78rem;color:var(--text2);line-height:1.62;white-space:pre-wrap;margin-top:6px;max-height:160px;overflow-y:auto} .meta{display:flex;gap:4px;flex-wrap:wrap;font-size:0.72rem;color:var(--text2);margin-top:4px} .pill{display:inline-flex;border:1px solid rgba(212,200,176,0.78);border-radius:999px;padding:2px 7px;background:rgba(250,247,240,0.65);font-size:0.7rem;color:var(--text2)}.pill.red{color:var(--red)}.pill.green{color:var(--green)}.pill.gold{color:var(--gold)} .ai-box{border:1px solid var(--gold);border-radius:8px;background:rgba(255,255,255,0.22);padding:11px;font-size:0.78rem;line-height:1.62;white-space:pre-wrap;margin-top:8px;max-height:400px;overflow-y:auto} .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px} .tabs{display:flex;gap:4px;margin-bottom:8px} @media(max-width:600px){.row,.filters{grid-template-columns:1fr}} @media(prefers-color-scheme:dark){body{--bg:#1a1612;--card:#221e18;--border:#3a3028;--text:#d4c8b0;--text2:#a09080;--accent:#c9956b;--red:#d4736b;--green:#81a884;--paper:rgba(201,149,107,0.18)}.panel{background:linear-gradient(180deg,rgba(34,30,24,0.96),rgba(28,24,19,0.92));box-shadow:0 12px 28px rgba(0,0,0,0.2)}} </style> <script data-cfasync="false" src="storage.js"></script> <script data-cfasync="false" src="sync.js"></script> <script data-cfasync="false" src="english-core.js"></script> <script data-cfasync="false" src="ui.js"></script> </head> <body> <div class="wrap"> <div class="top"> <div><h1>英语阅读�?/h1><div class="sub">真题归档：年份·Text·错因·生词·长难句·技巧对�?/div></div> <div class="top-links"><a class="back" href="/">今日</a><a class="back" href="/side">副笺</a><a class="back" href="/errors">错题</a></div> </div> <div class="grid"> <section class="panel"> <div class="row"> <div><label for="en-year">年份</label><input id="en-year" type="number" min="2008" max="2026" value="2012" placeholder="2012"></div> <div><label for="en-text">Text</label><select id="en-text"><option>Text 1</option><option>Text 2</option><option>Text 3</option><option>Text 4</option><option>Text 5</option></select></div> <div><label for="en-accuracy">正确�?/label><input id="en-accuracy" placeholder="�?4/5"></div> </div> <div class="row"> <div><label for="en-topic">主题</label><input id="en-topic" placeholder="文章主题"></div> <div><label for="en-tangchi">唐迟技�?/label><input id="en-tangchi" placeholder="这篇主要考了什么技�?></div> </div> <label>错因标签</label> <div id="en-error-tags" style="display:flex;flex-wrap:wrap;gap:4px;margin-top:4px"></div> <label for="en-words">生词 <span style="font-weight:400;color:var(--text2)">（每行一个词�?/span></label> <textarea id="en-words" placeholder="abolish constitution interpretation"></textarea> <label for="en-sentences">长难�?<span style="font-weight:400;color:var(--text2)">（原�?翻译，每句一行）</span></label> <textarea id="en-sentences" placeholder="原句�?.. 翻译�?.."></textarea> <div class="actions"> <button class="primary" id="save-btn">保存阅读记录</button> <button id="ai-words-btn" class="green">AI 精讲生词</button> <button id="clear-btn">清空</button> </div> <div class="ai-box" id="ai-output" style="display:none"></div> </section> <section class="panel"> <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px"> <span style="font-size:0.96rem;color:var(--accent);font-weight:600">阅读历史</span> <span style="font-size:0.72rem;color:var(--text2)" id="stats"></span> </div> <div class="filters"> <input id="filter-year" type="number" min="2008" max="2026" placeholder="按年份筛�?> <select id="filter-wrong"><option value="">全部</option><option value="1">有错�?/option></select> </div> <div class="list" id="list"></div> </section> </div> </div> <script data-cfasync="false"> (function(){ 'use strict'; var EN=TEnglish, TS=TSync; var state=EN.empty(), editingId=null, lastAiText='', selectedErrorTags=[]; function $(id){return document.getElementById(id)} function esc(s){return String(s||'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>')} function renderErrorTags(){ $('en-error-tags').innerHTML=EN.ERROR_TYPES.map(function(t){ return '<span class="pill'+(selectedErrorTags.indexOf(t)>=0?' gold':'')+'" data-tag="'+esc(t)+'" style="cursor:pointer">'+esc(t)+'</span>'; }).join(''); } $('en-error-tags').addEventListener('click',function(e){ var tag=e.target.getAttribute('data-tag'); if(!tag) return; var idx=selectedErrorTags.indexOf(tag); if(idx>=0) selectedErrorTags.splice(idx,1); else selectedErrorTags.push(tag); renderErrorTags(); }); function itemFromForm(){ var existing=editingId?state.items.find(function(x){return x.id===editingId}):null; return EN.normalize({ id:editingId||EN.newId('en'), date:EN.today(), year:parseInt($('en-year').value)||0, textNo:$('en-text').value, topic:$('en-topic').value.trim(), accuracy:$('en-accuracy').value.trim(), wrongReasonTags:selectedErrorTags.slice(), newWords:($('en-words').value.trim()||'').split('\n').map(function(s){return s.trim()}).filter(Boolean), longSentences:($('en-sentences').value.trim()||'').split('\n').map(function(s){return s.trim()}).filter(Boolean), tangChiTip:$('en-tangchi').value.trim(), aiAnalysis:existing&&existing.aiAnalysis||'', created:existing&&existing.created||EN.now(), updated:EN.now() }); } function clearForm(){ editingId=null;$('en-year').value='2012';$('en-text').value='Text 1';$('en-accuracy').value='';$('en-topic').value='';$('en-tangchi').value='';$('en-words').value='';$('en-sentences').value='';selectedErrorTags=[];renderErrorTags();$('ai-output').style.display='none';lastAiText=''; } async function saveItem(){ var it=itemFromForm(); if(!it.year){alert('请填写年�?);return} state=EN.merge(state,{items:[it],updated:EN.now()}); EN.saveLocal(state);render();clearForm(); } function render(){ var y=$('filter-year').value, w=$('filter-wrong').value; var items=state.items.filter(function(it){ if(y&&it.year!==parseInt(y)) return false; if(w==='1'&&!(it.wrongReasonTags&&it.wrongReasonTags.length)) return false; return true; }); $('stats').textContent=items.length+' �?; if(!items.length){$('list').innerHTML='<div class="empty">暂无阅读记录</div>';return} $('list').innerHTML=items.map(function(it){ var tags=(it.wrongReasonTags||[]).slice(0,5).map(function(t){return '<span class="pill red">'+esc(t)+'</span>'}).join(''); return '<article class="card">'+ '<div class="card-title">'+esc(it.year)+' '+esc(it.textNo)+' · '+esc(it.topic||'未标主题')+' · 正确�?'+esc(it.accuracy||'?')+'</div>'+ '<div class="meta">'+tags+(it.tangChiTip?'<span class="pill green">'+esc(it.tangChiTip)+'</span>':'')+'</div>'+ (it.newWords&&it.newWords.length?'<div class="card-body">生词�?+esc((it.newWords||[]).join('�?))+'</div>':'')+ (it.longSentences&&it.longSentences.length?'<div class="card-body">长难句：'+esc((it.longSentences||[]).slice(0,3).join(' | '))+'</div>':'')+ (it.aiAnalysis?'<div class="card-body" style="border-left:2px solid var(--gold);padding-left:8px">AI�?+esc(it.aiAnalysis.slice(0,200))+'</div>':'')+ '<div class="actions"><button data-act="ai" data-id="'+esc(it.id)+'">AI 分析</button><button data-act="words" data-id="'+esc(it.id)+'">精讲生词</button><button data-act="edit" data-id="'+esc(it.id)+'">编辑</button><button class="danger" data-act="delete" data-id="'+esc(it.id)+'">删除</button></div>'+ '</article>'; }).join(''); } async function callAi(mode,prompt){ var key=(TS.getSyncKey&&TS.getSyncKey())||''; if(!key){$('ai-output').textContent='需要同步口�?;return} $('ai-output').style.display='block';$('ai-output').textContent='AI 分析�?..'; var r=await fetch('/api/ai',{method:'POST',headers:{'Content-Type':'application/json','X-Taodash-Key':key},body:JSON.stringify({model:'deepseek-v4-flash',mode:mode||'note',prompt:prompt,thinking:(mode==='review'),stream:true})}); if(!r.ok){$('ai-output').textContent='AI 调用失败: '+r.status;return} var reader=r.body.getReader(), decoder=new TextDecoder(), buf='', full=''; while(true){var chunk=await reader.read(); if(chunk.done) break; buf+=decoder.decode(chunk.value,{stream:true}); var lines=buf.split('\n'); buf=lines.pop()||''; for(var i=0;i<lines.length;i++){var line=lines[i]; if(!line.startsWith('data: ')) continue; var d=line.slice(6).trim(); try{var p=JSON.parse(d); if(p.t){full+=p.t;$('ai-output').textContent=full}}catch(ex){}}} } async function aiWords(){ var it=itemFromForm(); if(!it.newWords.length){alert('请先填生�?);return} await callAi('note','你是考研英语词汇教师。请给以下词汇做精讲，每个词包含：词根词缀、考研常考义项（尤其是熟词僻义）、真题例句场景、同义替换词。\n\n'+it.newWords.join('\n')); } $('save-btn').addEventListener('click',saveItem); $('clear-btn').addEventListener('click',clearForm); $('ai-words-btn').addEventListener('click',aiWords); ['filter-year','filter-wrong'].forEach(function(id){$(id).addEventListener('input',render);$(id).addEventListener('change',render)}); $('list').addEventListener('click',function(e){ var btn=e.target.closest('button[data-act]'); if(!btn) return; var id=btn.getAttribute('data-id'), act=btn.getAttribute('data-act'); var it=state.items.find(function(x){return x.id===id}); if(!it&&act!=='edit') return; if(act==='ai'){ var prompt='你是考研英语阅读分析师。请分析�?+it.year+' '+it.textNo+'，主题：'+it.topic+'，正确率�?+it.accuracy+'，错因标签：'+(it.wrongReasonTags||[]).join('�?)+'，唐迟技巧：'+it.tangChiTip+'。\n请输出：1. 这篇文章的核心论证结�?2. 错题与唐迟技巧的对应 3. 下次做同类题要特别注意什�?; callAi('review',prompt); }else if(act==='words'){ if(it.newWords&&it.newWords.length){$('en-words').value=it.newWords.join('\n'); aiWords()} }else if(act==='edit'){ editingId=id;$('en-year').value=it.year;$('en-text').value=it.textNo;$('en-accuracy').value=it.accuracy;$('en-topic').value=it.topic;$('en-tangchi').value=it.tangChiTip;$('en-words').value=(it.newWords||[]).join('\n');$('en-sentences').value=(it.longSentences||[]).join('\n');selectedErrorTags=(it.wrongReasonTags||[]).slice();renderErrorTags(); }else if(act==='delete'){ if(!confirm('删除这条阅读记录�?)) return; state=EN.merge(state,{deleted:{[id]:EN.now()}}); EN.saveLocal(state);render(); } }); renderErrorTags();state=EN.merge(state,EN.readLocal());render();clearForm(); if('serviceWorker' in navigator) navigator.serviceWorker.register('/sw.js').catch(function(){}); })(); </script> </body> </html>