背诵�?/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);letter-spacing:0} .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:1fr;gap:14px} .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)} .panel::before{content:'';position:absolute;left:12px;right:12px;top:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,69,19,0.16),transparent)} .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px} label{display:block;font-size:0.74rem;color:var(--text2);margin:10px 0 4px} input,textarea,select,button{font-family:inherit} input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:0.88rem} textarea{min-height:100px;resize:vertical;line-height:1.7} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)} .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;text-decoration:none;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} .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);line-height:1.35}.card-body{font-size:0.78rem;color:var(--text2);line-height:1.62;white-space:pre-wrap;margin-top:8px} .meta{display:flex;gap:6px;flex-wrap:wrap;font-size:0.72rem;color:var(--text2);margin-top:6px} .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.green{color:var(--green);border-color:rgba(90,138,106,0.38)}.pill.red{color:var(--red);border-color:rgba(196,85,77,0.38)}.pill.gold{color:var(--gold);border-color:rgba(184,150,60,0.45)} .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} .empty{padding:24px 10px;text-align:center;color:var(--text2);font-size:0.86rem;border:1px dashed var(--border);border-radius:8px} @media(max-width:600px){.row{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="recite-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">读→合书复述→骨架默写→AI批改→明日重�?/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="s-subject">科目</label><select id="s-subject"></select></div> <div><label for="s-chapter">章节</label><input id="s-chapter" placeholder="�?总则第三�?></div> <div><label for="s-range">本节范围</label><input id="s-range" placeholder="�?犯罪构成要件"></div> </div> <label for="s-skeleton">背诵骨架（合书默写）<span style="font-weight:400;color:var(--text2)">——先合上书，凭记忆把本节骨架关键词填出来</span></label> <textarea id="s-skeleton" placeholder="一、核心概念： 1. 2. 3. 二、构成要�?判断标准�?#10;1. 2. 三、常见混淆： A vs B�?#10;C vs D�?#10; 四、真题高频问法： 1. 2."></textarea> <label for="s-recitation">闭卷复述<span style="font-weight:400;color:var(--text2)">——把你刚才合书说出来/写下来的内容贴在这里</span></label> <textarea id="s-recitation" placeholder="我闭卷能说出来的�?.. 我说不清/模糊的：... 我容易混的：..."></textarea> <div class="actions"> <button class="primary" id="save-btn">保存背诵记录</button> <button id="ai-check-btn" class="green">AI 批改</button> <button id="ai-quiz-btn">AI 出题检�?/button> <button id="clear-btn">清空</button> </div> <div class="ai-box" id="ai-feedback" 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="row" style="margin-bottom:8px"> <select id="filter-subject"><option value="">全部科目</option></select> <select id="filter-mastery"><option value="">全部掌握�?/option><option value="A">A 完全掌握</option><option value="B">B 基本掌握</option><option value="C">C 有模�?/option><option value="D">D 需重背</option></select> <input id="filter-date" type="month"> </div> <div class="list" id="list"></div> </section> </div> </div> <script data-cfasync="false"> (function(){ 'use strict'; var R=TRecite, TS=TSync; var state=R.empty(), editingId=null, lastAiText=''; function $(id){return document.getElementById(id)} function esc(s){return R.parseTags?R.parseTags([s])[0]||'':String(s||'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>')} function status(msg){$('stats').textContent=msg||''} function masteryText(v){return R.MASTERY[v]||v||''} function itemFromForm(){ var existing=editingId?state.items.find(function(x){return x.id===editingId}):null; return R.normalize({ id:editingId||R.newId('r'), date:R.today(), subject:$('s-subject').value, chapter:$('s-chapter').value.trim(), range:$('s-range').value.trim(), skeleton:$('s-skeleton').value.trim(), recitation:$('s-recitation').value.trim(), mastery:$('s-mastery')?$('s-mastery').value:'', aiFeedback:existing&&existing.aiFeedback||'', created:existing&&existing.created||R.now(), updated:R.now() }); } function clearForm(){ editingId=null;$('s-subject').value='刑法';$('s-chapter').value='';$('s-range').value='';$('s-skeleton').value='';$('s-recitation').value='';$('ai-feedback').style.display='none';lastAiText='';$('save-btn').textContent='保存背诵记录'; } async function saveItem(){ var it=itemFromForm(); state=R.merge(state,{items:[it],updated:R.now()}); R.saveLocal(state);render();clearForm(); } function render(){ var sub=$('filter-subject').value, mastery=$('filter-mastery').value, month=$('filter-date').value; var items=state.items.filter(function(it){ if(sub&&it.subject!==sub) return false; if(mastery&&it.mastery!==mastery) return false; if(month&&String(it.date||'').slice(0,7)!==month) 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 mColor=it.mastery==='A'?'green':(it.mastery==='D'?'red':(it.mastery==='C'?'gold':'')); return '<article class="card">'+ '<div class="card-title">'+esc(it.subject)+' · '+esc(it.chapter)+' · '+esc(it.range)+'</div>'+ '<div class="meta"><span class="pill">'+esc(it.date)+'</span>'+(it.mastery?'<span class="pill '+mColor+'">'+masteryText(it.mastery)+'</span>':'')+(it.weakPoints||[]).map(function(t){return '<span class="pill red">'+esc(t)+'</span>'}).join('')+'</div>'+ (it.skeleton?'<div class="card-body">骨架�?+esc(it.skeleton.slice(0,200))+'</div>':'')+ (it.aiFeedback?'<div class="card-body" style="border-left:2px solid var(--gold);padding-left:8px">AI批改�?+esc(it.aiFeedback)+'</div>':'')+ '<div class="actions"><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 aiCheck(){ var it=itemFromForm(); if(!it.recitation&&!it.skeleton){alert('请先填写骨架或闭卷复�?);return} $('ai-feedback').style.display='block';$('ai-feedback').textContent='AI 批改�?..'; var key=(TS.getSyncKey&&TS.getSyncKey())||''; if(!key){$('ai-feedback').textContent='需要同步口�?;return} var prompt='请你作为法硕背诵考官，只做批改不要重新讲课。科目：'+it.subject+'，章节：'+it.chapter+'，范围：'+it.range+'。\n\n我的骨架/复述：\n'+it.skeleton+'\n\n'+it.recitation+'\n\n请按以下格式批改：\n1. 漏掉的关键词\n2. 表述不准确的地方\n3. 会导致选择题失分的点\n4. 需要明天重测的3个问题\n5. 本段掌握度：A/B/C/D'; 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:'note',prompt:prompt,thinking:false,stream:true})}); if(!r.ok){$('ai-feedback').textContent='AI 调用失败: '+r.status;return} var ct=r.headers.get('content-type')||''; if(ct.indexOf('text/event-stream')>=0){ 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-feedback').textContent=full}}catch(ex){}}} lastAiText=full; }else{ var data=await r.json(); lastAiText=data.text||'';$('ai-feedback').textContent=lastAiText; } } async function aiQuiz(){ var it=itemFromForm(); if(!it.subject||!it.range){alert('请先选科目和范围');return} $('ai-feedback').style.display='block';$('ai-feedback').textContent='AI 生成检测题�?..'; var key=(TS.getSyncKey&&TS.getSyncKey())||''; if(!key){$('ai-feedback').textContent='需要同步口�?;return} var prompt='你是法硕背诵考官。科目：'+it.subject+'，范围：'+it.range+'。请出题检测：\n1. 5个闭卷复述题\n2. 5个选择题陷阱点\n3. 2个主观题问法\n不要直接讲课，重点是检查我能否输出�?; 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:'note',prompt:prompt,thinking:false,stream:true})}); if(!r.ok){$('ai-feedback').textContent='AI 调用失败: '+r.status;return} var ct=r.headers.get('content-type')||''; if(ct.indexOf('text/event-stream')>=0){ 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-feedback').textContent=full}}catch(ex){}}} lastAiText=full; }else{ var data=await r.json(); lastAiText=data.text||'';$('ai-feedback').textContent=lastAiText; } } function fillSubjects(){ var sel='<option value="">请选科�?/option>'+R.SUBJECTS.map(function(s){return '<option>'+s+'</option>'}).join(''); $('s-subject').innerHTML=sel;$('filter-subject').innerHTML='<option value="">全部科目</option>'+R.SUBJECTS.map(function(s){return '<option>'+s+'</option>'}).join(''); } $('save-btn').addEventListener('click',saveItem); $('clear-btn').addEventListener('click',clearForm); $('ai-check-btn').addEventListener('click',aiCheck); $('ai-quiz-btn').addEventListener('click',aiQuiz); ['filter-subject','filter-mastery','filter-date'].forEach(function(id){$(id).addEventListener('change',render);$(id).addEventListener('input',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'); if(act==='edit'){ var it=state.items.find(function(x){return x.id===id}); if(!it) return; editingId=id;$('s-subject').value=it.subject;$('s-chapter').value=it.chapter;$('s-range').value=it.range;$('s-skeleton').value=it.skeleton;$('s-recitation').value=it.recitation; if(it.aiFeedback){$('ai-feedback').style.display='block';$('ai-feedback').textContent=it.aiFeedback} $('save-btn').textContent='保存修改'; }else if(act==='delete'){ var it=state.items.find(function(x){return x.id===id}); if(!it||!confirm('删除这条背诵记录�?)) return; state=R.merge(state,{deleted:{[id]:R.now()}}); R.saveLocal(state);render(); } }); fillSubjects();state=R.merge(state,R.readLocal());render();clearForm(); if('serviceWorker' in navigator) navigator.serviceWorker.register('/sw.js').catch(function(){}); })(); </script> </body> </html>