'+t('loadFailVideo')+'
'; allV=mergeAllV([]); } }else{ allV=mergeAllV(allV); } rDF();rDimTabs();rDMap();rVCNP('discoverVideos',filterVideos()); } function dimVideoCount(k){return allV.filter(v=>dimInfo(v).key===k).length} function filterVideos(){return allV.filter(v=>(!curDim||dimInfo(v).key===curDim)&&(!cD||v.discipline===cD))} function rDMap(){ const el=document.getElementById('dimMap');if(!el)return; const pet=getPet(); const lines=DIM5.map((d,i)=>{ const n=DIM5[(i+1)%DIM5.length]; return ''+t('mapTitle')+'
'+t('mapSub')+'
'+DIM5.map(d=>''+esc(d.label)+' · '+dimVideoCount(d.key)+'').join('')+'
'+
'
'+
'葫数学小人
'+
DIM5.map(d=>{const v=pet&&pet.dims?Math.min(100,Math.max(0,Number(pet.dims[d.key])||0)):null;return ''}).join('')+
''+t('mapHint')+'
';
}
function rDimTabs(){
const el=document.getElementById('dimTabs');if(!el)return;
let h='';
DIM5.forEach(d=>{h+=''});
el.innerHTML=h;
}
function fDim(d){curDim=d;rDimTabs();rDMap();rVCNP('discoverVideos',filterVideos())}
function scrollToVideos(){const el=document.getElementById('discoverVideos');if(el)el.scrollIntoView({behavior:'smooth',block:'start'})}
function rDF(){let h='';vD.forEach(d=>{h+=''});document.getElementById('discoverFilters').innerHTML=h}
function fV(d){cD=d;rDF();rVCNP('discoverVideos',filterVideos())}
// ===== 视频卡片网格：无限滚动（每次12条） =====
const VC_PAGE=12;
let vcList=[],vcCount=0,vcObserver=null;
const UP_COLORS=['#5B6AF0','#818CF8','#F59E0B','#10B981','#EF4444','#8B5CF6','#EC4899','#14B8A6'];
function hashStr(s){let h=0;for(let i=0;i'+t('noVideo')+'
';return} appendVC(cid); } function appendVC(cid){ const c=document.getElementById(cid); const batch=vcList.slice(vcCount,vcCount+VC_PAGE); if(!batch.length)return; vcCount+=batch.length; const old=document.getElementById('npLoadHint');if(old)old.remove(); c.insertAdjacentHTML('beforeend',batch.map(buildVC).join('')); if(vcCount'+t('loadEnd')+vcList.length+t('loadEndSuf')+'
');
}
}
function buildVC(v){
const dur=v.duration_min||5,disc=v.discipline||'',author=v.author||'',dim=dimInfo(v);
const icon=v.discipline_icon&&v.discipline_icon!=='·'?v.discipline_icon:'📺';
const h=hashStr(disc||v.title);
const coverBg='linear-gradient(135deg,hsl('+(h%360)+',45%,90%),hsl('+((h+30)%360)+',45%,84%))';
const views=hashStr(v.title)%50000+300,dms=hashStr(v.title+'#dm')%900;
const upColor=UP_COLORS[hashStr(author)%UP_COLORS.length];
const initial=(author||'?').replace(/学院|·|同学|系/g,'').slice(0,1)||'?';
const faved=favC['video_'+v.id];
const click='onclick="openVideo('+v.id+',\''+esc(v.title)+'\',\''+esc(v.description||'')+'\',\''+esc(v.video_url||'')+'\',\''+esc(author)+'\',\''+esc(disc)+'\',\''+esc(dim.key)+'\')"';
const cover=v.cover_url
?'';
return '
'+
'
';
}
function openVideo(id,title,desc,url,author,disc,dimKey){
chatCtx={type:'video',title:title};rH('video',id,title);
const found=allV.find(v=>v.id===id);
if(!title&&found)title=found.title;
if(!desc&&found)desc=found.description;
const dim=dimKey?DIM5.find(d=>d.key===dimKey):(found?dimInfo(found):dimInfo({title:title,discipline:disc}));
const pet=getPet();
const claims=getVideoClaims();
const claimed=!!claims['video_'+id];
const claimBox=pet
?''+cover+
''+fmtDur(dur)+''+
'▶'+
'
'+
''+dim.icon+' '+esc(dim.label)+'
'+esc(v.title)+'
'+
'👁 '+fmtNum(views)+'💬 '+fmtNum(dms)+'
'+
''+esc(initial)+''+esc(author)+'
'+
''+(claimed
?''
:'')+'
'
:''+t('claimNeedPet')+'
'+dim.icon+' '+esc(dim.label)+'
';
h+=url?'':''+esc(title)+'
▶
';
h+=''+esc(desc||'No description')+'
'; h+=claimBox+''; document.getElementById('toolModalContent').innerHTML=h; document.getElementById('toolModal').classList.add('show'); } function getVideoClaims(){try{return JSON.parse(localStorage.getItem('mb_video_claims')||'{}')||{}}catch(e){return{}}} function claimVideo(id,dimKey,label){ if(!getPet())return; const claims=getVideoClaims(); if(claims['video_'+id])return; claims['video_'+id]=true; localStorage.setItem('mb_video_claims',JSON.stringify(claims)); addPetDim(dimKey,3); addPetExp(10); const btn=document.querySelector('.video-claim-btn'); if(btn){btn.disabled=true;btn.classList.add('claimed');btn.innerHTML='✅ '+t('claimDone')+' · '+esc(label)+' +3'} showToast(esc(label)+' +3 · 数学小人成长中'); rDMap(); } // ===== Knowledge Cards (standalone page) ===== async function loadKnowledgePage(){ chatCtx={type:'knowledge'}; if(allK.length){rKCFilters();rKCCards();rKP();return} try{const r=await api('/api/knowledge');if(r.code===0){allK=r.data||[];kT=r.topics||[];rKCFilters();rKCCards()}}catch(e){document.getElementById('knowledgeGrid').innerHTML='卡片加载失败
'}} function rKCFilters(){let h='';kT.forEach(t=>{h+=''});document.getElementById('knowledgeFilters').innerHTML=h} function fKC(t){cT=t;rKCFilters();rKCCards()} function rKP(){ const bar=document.getElementById('knowledgeDrawProgress'); if(!bar)return; const readThisSession=(cardState.knowledgeRead||0)%3; const needMore=3-readThisSession; bar.style.display='flex'; if(needMore<=0){ document.getElementById('drawProgressText').textContent='🎉 可以抽卡了！点击去抽卡'; document.getElementById('drawProgressFill').style.width='100%'; bar.classList.add('draw-progress-ready'); }else{ document.getElementById('drawProgressText').textContent='再读 '+needMore+' 张知识卡片即可抽卡'; document.getElementById('drawProgressFill').style.width=(readThisSession/3*100)+'%'; bar.classList.remove('draw-progress-ready'); } } function rKCCards(){const cards=cT?allK.filter(c=>c.topic===cT):allK;const g=document.getElementById('knowledgeGrid');if(!cards||cards.length===0){g.innerHTML=''+t('noCard')+'
';return}g.innerHTML=cards.map(c=>''+c.icon+'
'+esc(c.question)+'
'+esc(c.title)+'
'+esc(c.description)+'
'+esc(c.read_time)+''+c.icon+'
'+esc(c.title)+'
'+esc(c.question)+'
'+esc(c.detail||c.description)+'
'+esc(c.read_time)+' · '+esc(c.topic||'')+'
'}}catch(e){}document.getElementById('toolModal').classList.add('show')}
function closeToolModal(){var m=document.getElementById('toolModal');if(m)m.classList.remove('show')}
// ===== Toolbox =====
function loadToolbox(){chatCtx={}}
let toolState={};
function openTool(name){
let h='';
if(name==='mathrace'){toolState={score:0,total:0,time:60,timer:null,correct:0};h=rMR()}
else if(name==='calculator')h=rCalc();
else if(name==='symbols')h=rSym();
else if(name==='grapher')h=rGraph();
document.getElementById('toolModalContent').innerHTML=h;
document.getElementById('toolModal').classList.add('show');
if(name==='mathrace')startMRLoop();
if(name==='grapher')setTimeout(plotGraph,200);
}
function rMR(){return'✅ 0⏱ 60s📝 0
准备好了吗？
'+['(',')','C','÷','7','8','9','×','4','5','6','-','1','2','3','+','0','.','sin(','√('].map(k=>'').join('')+'
'+syms.map(s=>'').join('')+'
👆 点击符号查看详情
'
}
function sS(sym,name,latex){document.getElementById('symDetail').innerHTML=''+sym+''+name+'
LaTeX: '+latex+'
'}
function rGraph(){return''}
function plotGraph(){const c=document.getElementById('graphCanvas');if(!c)return;const ctx=c.getContext('2d');ctx.clearRect(0,0,c.width,c.height);ctx.strokeStyle='#D6D1CA';ctx.lineWidth=1;for(let i=0;i<=c.width;i+=50){ctx.beginPath();ctx.moveTo(i,0);ctx.lineTo(i,c.height);ctx.stroke()}for(let i=0;i<=c.height;i+=50){ctx.beginPath();ctx.moveTo(0,i);ctx.lineTo(c.width,i);ctx.stroke()}ctx.strokeStyle='#808C95';ctx.lineWidth=2;ctx.beginPath();const fn=new Function('x','return '+document.getElementById('graphFunc').value);const sx=c.width/2,sy=c.height/2,scale=30;for(let px=0;px节点未找到
';return}const n=sD.nodes[ni];sVN.currentNode=ni;localStorage.setItem('mb_story_save',JSON.stringify(sVN));const ch=dC(ni),cN=['','初入江湖','西部教习','数理论道','脑学初创','报国之路','暗流涌动','陋室修炼','真相之门'];document.getElementById('storyStats').innerHTML='📐 '+(sVN.stats.shuli||10)+'⚔️ '+(sVN.stats.xiayi||10)+'🧘 '+(sVN.stats.xinzhi||10)+''+ch+' · '+(cN[ch]||'')+'';document.getElementById('storyScene').innerHTML=(n.character?''+esc(n.character)+'
':'')+'';document.getElementById('storyChoices').innerHTML='';if(tt)clearTimeout(tt);const te=document.getElementById('storyText'),tx=n.scene||'';let i=0;te.textContent='';function ty(){if(i模拟器加载失败
'}} function rSiN(ni){if(!simD||!simD.nodes||!simD.nodes[ni]){document.getElementById('simScene').innerHTML='节点未找到
';return}const n=simD.nodes[ni];simS.currentNode=ni;api('/api/simulator/save',{method:'POST',body:{user_id:USER_ID,state:simS}}).catch(()=>{});document.getElementById('simStats').innerHTML=''+(simS.stats.gpa||3).toFixed(1)+'
GPA
'+(simS.stats.interest||0)+'
'+t('interestLabel')+'
'+(simS.stats.skill||0)+'
'+t('skillLabel')+'
📅 '+esc(n.stage)+'
':'')+(n.character?''+esc(n.character)+'
':'')+''+esc(n.scene||'')+'
';document.getElementById('simChoices').innerHTML=(n.choices||[]).map(c=>'').join('')}
function siC(next,ef){if(ef){if(ef.gpa)simS.stats.gpa=Math.max(0,Math.min(4,(simS.stats.gpa||3)+ef.gpa*.1));if(ef.interest)simS.stats.interest=(simS.stats.interest||0)+ef.interest;if(ef.skill)simS.stats.skill=(simS.stats.skill||0)+ef.skill}rSiN(next);addPetExp(5)}
function resetSim(){simS={currentNode:null,stats:{gpa:3,interest:0,skill:0}};loadLegacySimulator()}
// ===== Favorites =====
async function loadFavorites(){chatCtx={};try{await rFC()}catch(e){}try{const r=await api('/api/favorites?user_id='+USER_ID);const g=document.getElementById('favGrid');if(r.code===0){const f=r.data||[];if(f.length===0){g.innerHTML='暂无收藏
在发现页点击 🤍 即可收藏
'+(fv.target_type==='video'?'📺 视频':'📚 知识卡片')+'
'+esc(fv.title)+'
加载失败
'}} async function rFC(){try{const r=await api('/api/favorites?user_id='+USER_ID);if(r.code===0){favC={};(r.data||[]).forEach(f=>{favC[f.target_type+'_'+f.target_id]=true})}}catch(e){}} async function tF(type,id,title,cover){if(favC[type+'_'+id]){await api('/api/favorites',{method:'DELETE',body:{user_id:USER_ID,target_type:type,target_id:id}});favC[type+'_'+id]=false;showToast('🗑 '+t('close')+' ✔')}else{await api('/api/favorites',{method:'POST',body:{user_id:USER_ID,target_type:type,target_id:id,title:title,cover:cover}});favC[type+'_'+id]=true;showToast('❤ '+t('saveOK'))}if(CP==='discover')fV(cD);else if(CP==='favorites')loadFavorites()} async function rF(type,id){await api('/api/favorites',{method:'DELETE',body:{user_id:USER_ID,target_type:type,target_id:id}});loadFavorites()} // ===== History ===== async function rH(type,id,title){try{await api('/api/history',{method:'POST',body:{user_id:USER_ID,target_type:type,target_id:id,title:title}})}catch(e){}} // ===== Profile ===== async function loadProfile(){chatCtx={};try{const[pr,sr]=await Promise.all([api('/api/user/profile?user_id='+USER_ID),api('/api/user/stats?user_id='+USER_ID)]);const p=pr.code===0?pr.data:{nickname:'游客用户',avatar_emoji:'葫',avatar_color:'#5B6AF0'};const s=sr.code===0?sr.data:{watch_count:0,favorite_count:0};document.getElementById('profileContent').innerHTML=''+esc(p.avatar_emoji||'葫')+'
'+esc(p.nickname||'游客用户')+'
ID: '+USER_ID+'
'+s.watch_count+'
观看次数
'+s.favorite_count+'
收藏数量
编辑资料
头像:
昵称:
加载失败
'}} async function sP(){const n=document.getElementById('editNickname').value.trim();const a=document.getElementById('editAvatar').value.trim();try{await api('/api/user/profile',{method:'POST',body:{user_id:USER_ID,nickname:n,avatar_emoji:a}});document.getElementById('sidebarName').textContent=n||'游客用户';document.getElementById('sidebarAvatar').textContent=a||'葫';alert('保存成功');loadProfile()}catch(e){alert('保存失败')}} // ===== Card Collection Page ===== async function loadCardsPage(){ chatCtx={}; document.getElementById('cardsProgress').textContent=cardState.owned.length+'/16'; const drawBtn=document.getElementById('cardsDrawBtn'); const drawCount=document.getElementById('cardsDrawCount'); drawCount.textContent=cardState.draws; drawBtn.style.display=cardState.draws>0?'inline-flex':'none'; const grid=document.getElementById('cardsCollectionGrid'); await loadCardData(); const allCodes=getAllCardCodes(); if(!allCodes.length){grid.innerHTML='卡片数据加载中…
';return} let h=''; allCodes.forEach(code=>{ const info=getCardInfo(code); const clan=info?getClanInfo(info.clan):null; const clanColor=clan?clan.color:'#A8907E'; const owned=cardState.owned.indexOf(code)!==-1; h+=''+
(owned
?'
';
});
grid.innerHTML=h;
}
// ===== Pet Experience =====
function getPet(){
let pet=null;
try{
const a=localStorage.getItem('mb_pet');
if(a)pet=JSON.parse(a);
if(!pet||!pet.type){
const b=localStorage.getItem('mathbrain_pet');
if(b)pet=JSON.parse(b);
}
}catch(e){}
if(!pet||!pet.type)return null;
pet.name=pet.name||pet.type;
pet.level=pet.level||1;
pet.exp=pet.exp||0;
pet.dims=pet.dims||{眼光:10,人文:10,侦探:10,建模:10,联结:10};
return pet;
}
function savePet(pet){if(!pet)return;localStorage.setItem('mb_pet',JSON.stringify(pet));localStorage.setItem('mathbrain_pet',JSON.stringify(pet))}
function renderPetCard(){
const pet=getPet(),pa=document.getElementById('homePetArea');
if(!pa)return;
if(!pet){pa.innerHTML='';return}
pa.innerHTML=''+(info?info.name:'???')+'
'+code+'
'+(clan?clan.emoji+' '+clan.name:'')+'
'+stats5HTML(info)
:'???
未获得
'+(clan?clan.emoji+' '+clan.name:'未知')+'
')+
''+pet.icon+'
'+esc(pet.name)+'
🎓 '+esc(pet.type)+' · Lv.'+pet.level+' · '+pet.exp+'/100 exp
'+DIM5.map(d=>{const v=Math.min(100,Math.max(0,Number((pet.dims||{})[d.key])||0));return '
'+d.icon+''+esc(d.short)+'
'}).join('')+''+v+'
'+t('petTip')+'
'+esc(text)+'
';c.appendChild(d);c.scrollTop=c.scrollHeight}
function aCT(){const c=document.getElementById('aiMessages');const d=document.createElement('div');d.className='chat-msg assistant';d.innerHTML='';c.appendChild(d);c.scrollTop=c.scrollHeight;return d}
function rCT(el){if(el&&el.parentNode)el.remove()}
// ===== Utils =====
function esc(t){if(!t)return'';esc._d=esc._d||document.createElement('div');esc._d.textContent=t;return esc._d.innerHTML}
function adj(hex,amt){const n=parseInt(hex.replace('#',''),16);const r=Math.min(255,(n>>16)+amt);const g=Math.min(255,((n>>8)&0xFF)+amt);const b=Math.min(255,(n&0xFF)+amt);return '#'+((r<<16)|(g<<8)|b).toString(16).padStart(6,'0')}
// ===== Float Hub =====
function toggleHub(){document.getElementById('floatHub').classList.toggle('open')}
function closeHub(){document.getElementById('floatHub').classList.remove('open')}
document.addEventListener('click',e=>{if(!e.target.closest('.float-hub'))document.getElementById('floatHub').classList.remove('open')});
// ===== Card System =====
function initCardState(){
const raw=localStorage.getItem('hulu_card_state');
if(raw){try{cardState=JSON.parse(raw)}catch(e){}}
if(!cardState.owned)cardState.owned=[];
if(!cardState.draws&&cardState.draws!==0)cardState.draws=0;
if(!cardState.lastDaily)cardState.lastDaily='';
if(!cardState.knowledgeRead&&cardState.knowledgeRead!==0)cardState.knowledgeRead=0;
if(!cardState.drawHistory)cardState.drawHistory=[];
// Daily login
const today=new Date().toISOString().slice(0,10);
if(cardState.lastDaily!==today){
cardState.draws+=1;
cardState.lastDaily=today;
saveCardState();
}
}
function saveCardState(){localStorage.setItem('hulu_card_state',JSON.stringify(cardState));rCG();}
function ownedCount(){return cardState.owned.length}
function grantCard(code,method){
if(!code)return;
if(cardState.owned.indexOf(code)===-1){
cardState.owned.push(code);
cardState.drawHistory.push({code:code,date:new Date().toISOString().slice(0,10),method:method});
saveCardState();
return true;
}
return false;
}
async function loadCardData(){
if(cardData)return cardData;
try{
const r=await api('/api/math_personality');
if(r.code===0&&r.data&&r.data.results){cardData=r.data;cardCache=r.data;return cardData}
}catch(e){}
return null;
}
function getCardInfo(code){
if(!cardCache||!cardCache.results)return null;
return cardCache.results[code]||null;
}
function getAllCardCodes(){
if(!cardCache||!cardCache.results)return[];
return Object.keys(cardCache.results);
}
function getClanInfo(clanId){
if(!cardCache||!cardCache.clans)return null;
return cardCache.clans[clanId]||null;
}
const STAT5_LABELS=['眼光','人文','侦探','建模','联结'];
function stats5HTML(info){
const s=(info&&info.stats5)||{};
return '
'+STAT5_LABELS.map(k=>{
const v=Math.min(100,Math.max(0,Number(s[k])||0));
return '
';
}
function portraitHTML(info,size){
if(!info)return'?';
const fs=size||24;
if(info.portrait)return ''+k+'
';
}).join('')+''+(s[k]||0)+'
去做MathBTI
领取你的第一张数学人物小卡
';
}else{
scroll.innerHTML='领取你的第一张数学人物小卡
还没获得卡片
去知识卡片页阅读攒抽卡机会吧
';
}
wrap.style.display='block';
// 即使没有卡片，有抽卡次数也要显示按钮
if(btn){
if(cardState.draws>0){
btn.style.display='inline-flex';
document.getElementById('homeDrawCount').textContent=cardState.draws;
}else{
btn.style.display='none';
}
}
return;
}
wrap.style.display='block';
loadCardData().then(()=>{
let h='';
owned.forEach(code=>{
const info=getCardInfo(code);
const clan=info?getClanInfo(info.clan):null;
const clanColor=clan?clan.color:'#A8907E';
h+='去知识卡片页阅读攒抽卡机会吧
'+
''+
'
';
});
scroll.innerHTML=h;
});
// 抽卡按钮
if(btn){
if(cardState.draws>0){
btn.style.display='inline-flex';
document.getElementById('homeDrawCount').textContent=cardState.draws;
}else{
btn.style.display='none';
}
}
}
// Gacha draw
function openGacha(){
document.getElementById('gachaOverlay').style.display='flex';
document.getElementById('gachaIdle').style.display='block';
document.getElementById('gachaResult').style.display='none';
document.getElementById('gachaDrawCount').textContent=cardState.draws;
const all=cardData?Object.keys(cardData.results).length:16;
const missing=all-cardState.owned.length;
let pityHint='';
if(cardState.drawHistory.length>0){
const sinceNew=cardState.drawHistory.slice().reverse().findIndex(d=>cardState.owned.indexOf(d.code)===-1);
if(sinceNew>=4)pityHint='⭐ 下次抽卡必出新卡！';
else if(sinceNew>=0)pityHint='再抽'+(4-sinceNew)+'次保底出新卡';
}
document.getElementById('gachaPityHint').textContent=pityHint||'剩余未收集：'+missing+'/16';
}
function closeGacha(){document.getElementById('gachaOverlay').style.display='none'}
function doDraw(){
if(_gachaBusy)return;
if(cardState.draws<=0){showToast('没有抽卡次数了！去读知识卡片获取吧');return}
_gachaBusy=true;
const gourd=document.getElementById('gachaGourd');
gourd.classList.add('gourd-shaking');
document.getElementById('gachaIdle').style.display='block';
document.getElementById('gachaResult').style.display='none';
setTimeout(()=>{
gourd.classList.remove('gourd-shaking');
cardState.draws--;
saveCardState();
// Pity: every 5th draw guaranteed new
let code;
const allCodes=getAllCardCodes();
const sinceNewIndex=cardState.drawHistory.slice().reverse().findIndex(d=>!cardState.owned.includes(d.code));
if(sinceNewIndex>=4||(cardState.drawHistory.length>0&&sinceNewIndex===-1)){
// 保底：一定出新卡
const missing2=allCodes.filter(c=>!cardState.owned.includes(c));
code=missing2[Math.floor(Math.random()*missing2.length)];
}else{
code=allCodes[Math.floor(Math.random()*allCodes.length)];
}
const isNew=cardState.owned.indexOf(code)===-1;
if(isNew){
cardState.owned.push(code);
}
cardState.drawHistory.push({code:code,date:new Date().toISOString().slice(0,10),method:'gacha'});
saveCardState();
// Show result
showDrawResult(code,isNew);
// 粒子爆发
const cr=document.querySelector('.gacha-card-reveal');
if(cr)setTimeout(()=>burstGachaConfetti(cr),300);
_gachaBusy=false;
rCG();
},900);
}
function showDrawResult(code,isNew){
loadCardData().then(()=>{
const info=getCardInfo(code);
const clan=info?getClanInfo(info.clan):null;
const clanColor=clan?clan.color:'#A8907E';
document.getElementById('gachaIdle').style.display='none';
const res=document.getElementById('gachaResult');
res.style.display='block';
res.innerHTML=
''+(info?info.name:'')+'
'+
(info&&info.portrait
?'+')
'
:'
';
document.getElementById('gachaDrawCount').textContent=cardState.draws;
});
}
// Card detail modal
function openCardDetail(code){
loadCardData().then(()=>{
const info=getCardInfo(code);
if(!info)return;
const clan=getClanInfo(info.clan);
const clanColor=clan?clan.color:'#A8907E';
const hist=cardState.drawHistory.filter(d=>d.code===code);
const obtainInfo=hist.length>0
?(hist[0].method==='mathbti'?'📋 MathBTI测试获得':'🏮 葫芦抽卡获得')+' · '+hist[0].date
:'未知途径';
const modal=document.getElementById('cardDetailModal');
modal.innerHTML=
''+(info?info.icon:'?')+'
')+
''+(info?info.name:'???')+'
'+
''+code+'
'+
(clan?''+clan.emoji+' '+clan.name+' · '+(info?info.mathematician:'')+'
':'')+
''+(info?info.tagline:'')+'
'+
(info?stats5HTML(info):'')+
(isNew?'':'(重复获得 · 已自动分解)
')+
''+
''+
''+
''+
''+
(info.portrait
?''
:'
'+
''+(info.icon||'?')+'
')+
''+esc(info.name)+'
'+
''+code+'
'+
(clan?''+clan.emoji+' '+clan.name+' · '+esc(info.mathematician)+'
':'')+
''+esc(info.tagline||'')+'
'+
''+
''+
''+
''+
'
';
document.getElementById('cardDetailOverlay').style.display='flex';
});
}
function closeCardDetail(){document.getElementById('cardDetailOverlay').style.display='none'}
function burstGachaConfetti(el){
if(!el)return;const r=el.getBoundingClientRect();const cx=r.left+r.width/2,cy=r.top+r.height/2;
const colors=['#A8907E','#C47F3A','#D4A574','#8A9BA8','#C49595','#8AA68A'];
for(let i=0;i<18;i++){const p=document.createElement('div');p.className='gacha-particle';const a=Math.random()*Math.PI*2,d=40+Math.random()*60;p.style.cssText='left:'+cx+'px;top:'+cy+'px;--gpx:'+(Math.cos(a)*d)+'px;--gpy:'+(Math.sin(a)*d)+'px;background:'+colors[Math.floor(Math.random()*colors.length)];document.body.appendChild(p);setTimeout(()=>p.remove(),1100)}
}
// ===== Toast =====
function showToast(msg){
let c=document.getElementById('toastBox');if(!c){c=document.createElement('div');c.id='toastBox';c.className='toast-container';document.body.appendChild(c)}
const t=document.createElement('div');t.className='toast';t.innerHTML=msg;c.appendChild(t);setTimeout(()=>t.remove(),2400);
}
// ===== 粒子爆发 =====
function burstConfetti(el){
if(!el)return;const r=el.getBoundingClientRect();const cx=r.left+r.width/2,cy=r.top+r.height/2;
const colors=['#808C95','#A8907E','#8AA68A','#C4A467','#C49595','#9AA5AE'];
for(let i=0;i<14;i++){const p=document.createElement('div');p.className='particle';const a=Math.random()*Math.PI*2,d=30+Math.random()*50;p.style.cssText='left:'+cx+'px;top:'+cy+'px;width:6px;height:6px;border-radius:2px;background:'+colors[Math.floor(Math.random()*colors.length)]+';--px:'+(Math.cos(a)*d)+'px;--py:'+(Math.sin(a)*d)+'px';document.body.appendChild(p);setTimeout(()=>p.remove(),750)}
}
// ===== 骨架屏 =====
function renderSkeletons(cid,count){
const c=document.getElementById(cid);c.innerHTML='';
for(let i=0;i人物简介
'+esc(info.description||'')+'
五维能力
'+stats5HTML(info)+'代表数学家 · '+esc(info.mathematician)+'
'+esc(info.bio||'')+'
💡'+esc(info.bio_fact||'')+'
'+
''+obtainInfo+'
'+
'')}
}
// ===== Init =====
let favP=null;
document.addEventListener('DOMContentLoaded',()=>{
// 语言初始化
document.querySelectorAll('.lang-btn').forEach(b=>b.classList.toggle('active',b.dataset.lang===_lang));
document.getElementById('globalSearch').placeholder=t('search');
rI18n();
// 首屏：首页纯本地渲染，立即呈现；数据请求并行后台预取
loadHome();
initCardState();
loadCardData();
setTimeout(rCG,300);
favP=rFC();
api('/api/videos?module=数人').then(r=>{if(r.code===0){allV=r.data||[];vD=r.disciplines||[]}}).catch(()=>{});
api('/api/knowledge').then(r=>{if(r.code===0){allK=r.data||[];kT=r.topics||[]}}).catch(()=>{});
api('/api/user/profile?user_id='+USER_ID).then(r=>{if(r.code===0&&r.data){document.getElementById('sidebarName').textContent=r.data.nickname||'游客用户';document.getElementById('sidebarAvatar').textContent=r.data.avatar_emoji||'葫';document.getElementById('sidebarAvatar').style.background=r.data.avatar_color||'#808C95'}}).catch(()=>{});
});
// ===== Math Life =====
let mtD=null,mtS={currentNode:null,stats:{shuli:10,xiayi:10,xinzhi:10},fav:{}};
const MT_STAGE_MAP={c1:'第一幕 · 大一上：小镇少年走进数学系',c2:'第二幕 · 大一下：第一次完整证明',c3:'第三幕 · 大二上：讨论班与诺特',c4:'第四幕 · 大二下：数学与生活',c5:'第五幕 · 大三上：方向与高斯',c6:'第六幕 · 大三下：科研低谷与诺特',c7:'第七幕 · 大四上：直博申请',c8:'第八幕 · 毕业前夜与直博第一年'};
let alumniList=[],alumniStory=null,alumniStoryIndex=0;
function mtStage(id){const k=(id||'').slice(0,2);return MT_STAGE_MAP[k]||'数学少年线'}
function mtStatColor(k){if(k==='shuli')return '#3F6C8F';if(k==='xinzhi')return '#2E7D72';return '#B8893A'}
function mtStatLabel(k){if(k==='shuli')return '数理根基';if(k==='xinzhi')return '心志韧性';return '同行温度'}
function mtStatIcon(k){if(k==='shuli')return '∑';if(k==='xinzhi')return 'θ';return 'π'}
function mtEffectsHint(ef){if(!ef)return '';const p=[];if(ef.shuli)p.push('数理根基 '+(ef.shuli>0?'+':'')+ef.shuli);if(ef.xiayi)p.push('同行温度 '+(ef.xiayi>0?'+':'')+ef.xiayi);if(ef.xinzhi)p.push('心志韧性 '+(ef.xinzhi>0?'+':'')+ef.xinzhi);if(ef.favorability){for(const k in ef.favorability)p.push(k+'好感 '+(ef.favorability[k]>0?'+':'')+ef.favorability[k])}return p.length?'['+p.join(' | ')+']':''}
function loadMathLife(){
chatCtx={};
const hub=document.getElementById('mathLifeHub'),teen=document.getElementById('mathTeenPlayer'),legacy=document.getElementById('legacySimPlayer'),alumni=document.getElementById('mathAlumniPlayer');
if(hub)hub.style.display='';
if(teen)teen.style.display='none';
if(legacy)legacy.style.display='none';
if(alumni)alumni.style.display='none';
const themes=[
{icon:'🔱',name:'信仰者',desc:'数学少年线 · 高斯 / 祖冲之 / 欧拉 / 诺特',open:'openMathTeen()',ready:true},
{icon:'📣',name:'传播者',desc:'斐波那契 / 华罗庚 / 伽罗瓦 / Ada Lovelace',open:'',ready:false},
{icon:'🛠️',name:'应用者',desc:'秦九韶 / 牛顿 / 图灵 / 冯·诺依曼',open:'',ready:false},
{icon:'👁️',name:'直觉者',desc:'希帕提娅 / 赵爽 / 庞加莱 / 凯瑟琳·约翰逊',open:'',ready:false}
];
hub.innerHTML=
'
四大主题
'+
''+
themes.map(t=>'
'+
''+
''+
''+
'
').join('')+
''+esc(t.name)+'
'+
''+esc(t.desc)+'
'+
(t.ready?'':'敬请期待
')+
''+
'
';
}
async function openMathTeen(){
const hub=document.getElementById('mathLifeHub'),teen=document.getElementById('mathTeenPlayer'),legacy=document.getElementById('legacySimPlayer');
if(hub)hub.style.display='none';
if(legacy)legacy.style.display='none';
if(teen){teen.style.display='';teen.innerHTML='更多数学人生 · 敬请期待
'+
'更多主题正在创作中，敬请期待
'+
''+
[
{icon:'📣',name:'传播者',desc:'斐波那契 / 华罗庚 / 伽罗瓦 / Ada Lovelace'},
{icon:'🛠️',name:'应用者',desc:'秦九韶 / 牛顿 / 图灵 / 冯·诺依曼'},
{icon:'👁️',name:'直觉者',desc:'希帕提娅 / 赵爽 / 庞加莱 / 凯瑟琳·约翰逊'}
].map(m=>'').join('')+
'
'+
''+esc(m.name)+'
'+esc(m.desc)+'
敬请期待
🧑🎓 数学少年线
正在加载剧本…
数学少年线加载失败
'}} function rMTNode(ni){ if(!mtD||!mtD.nodes||!mtD.nodes[ni]){document.getElementById('mtStoryBox').innerHTML='节点未找到
';return} const n=mtD.nodes[ni];mtS.currentNode=ni;localStorage.setItem('mb_math_teen_save',JSON.stringify(mtS)); const st=document.getElementById('mtStage');if(st)st.textContent=mtStage(ni); const stats=document.getElementById('mtStats');if(stats)stats.innerHTML= ['shuli','xiayi','xinzhi'].map(k=>''+(mtS.stats[k]||0)+''+mtStatLabel(k)+'
').join('')+
'4 位数学家高斯 · 祖冲之 · 欧拉 · 诺特
'+
'';
const box=document.getElementById('mtStoryBox');if(box)box.innerHTML=(n.character?''+esc(n.character)+'
':'')+''+esc(n.scene||'')+'
';
rMTChoices(n.choices||[]);
}
function rMTChoices(choices){
const area=document.getElementById('mtChoices');if(!area)return;
if(!choices.length){area.innerHTML='故事结束 · 你的数学，刚刚开始
';const rb=document.getElementById('mtRestartBtn');if(rb)rb.addEventListener('click',resetMathTeen);return}
area.innerHTML=choices.map((c,i)=>'').join('');
area.querySelectorAll('.story-choice').forEach(btn=>{
const c=choices[Number(btn.getAttribute('data-mt-index'))];
btn.addEventListener('click',()=>mTC(c.next,c.effects));
});
}
function mTC(next,ef){if(ef){if(ef.shuli)mtS.stats.shuli=(mtS.stats.shuli||10)+ef.shuli;if(ef.xiayi)mtS.stats.xiayi=(mtS.stats.xiayi||10)+ef.xiayi;if(ef.xinzhi)mtS.stats.xinzhi=(mtS.stats.xinzhi||10)+ef.xinzhi;if(ef.favorability){if(!mtS.fav)mtS.fav={};for(const k in ef.favorability)mtS.fav[k]=(mtS.fav[k]||0)+ef.favorability[k]}}rMTNode(next);addPetExp(5)}
function resetMathTeen(){localStorage.removeItem('mb_math_teen_save');mtS={currentNode:null,stats:{shuli:10,xiayi:10,xinzhi:10},fav:{}};if(mtD&&mtD.start_node)rMTNode(mtD.start_node);else openMathTeen()}
function backToMathLife(){loadMathLife()}
async function openMathAlumni(){
const hub=document.getElementById('mathLifeHub'),teen=document.getElementById('mathTeenPlayer'),legacy=document.getElementById('legacySimPlayer'),alumni=document.getElementById('mathAlumniPlayer');
if(hub)hub.style.display='none';
if(teen)teen.style.display='none';
if(legacy)legacy.style.display='none';
if(!alumni)return;
alumni.style.display='';
alumni.innerHTML='数学校友访谈
真实校友的数学人生 · Skill 剧本包
校友卡片
点进一位校友，线性体验他/她的大学四年
'+esc(alumniStory?alumniStory.name:'校友剧本')+'
'+esc(alumniStory?(alumniStory.career||'大学四年的数学人生'):'剧本整理中')+'
该校友的 Skill 剧本正在整理中。
'+['大一','大二','大三','大四'].map((s,i)=>'
'+(i+1)+''+s+'剧情节点整理中
').join('')+''+esc(n.stage||('第 '+(alumniStoryIndex+1)+' 幕'))+'
'+esc(n.scene||'')+'
'+(n.effect?''+fiveDimEffectHTML(n.effect)+'
':'')+
(alumniStoryIndex'+esc(n.ending||'这就是这位校友的数学人生。')+'
')+
'