fix: index.html - CSS块误放在script标签内导致calcProb函数未定义,概率估算按钮无响应

This commit is contained in:
2026-06-18 18:46:53 +08:00
parent 1ed0809338
commit 102be47e99
+21 -22
View File
@@ -852,27 +852,6 @@ function toggleFaq(el) {
el.classList.toggle('open');
}
/* 页脚 */
.footer {
background: rgba(255,255,255,0.03);
border-top: 1px solid rgba(255,255,255,0.06);
padding: 40px 0 30px;
margin-top: 40px;
}
.footer .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.footer-inner { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: flex-start; margin-bottom: 30px; }
.footer-logo { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 8px; }
.footer-logo span { color: #667eea; }
.footer-desc { color: #555; font-size: 0.82rem; line-height: 1.7; max-width: 400px; }
.footer-contact-title { color: #888; font-size: 0.82rem; margin-bottom: 10px; text-align: right; }
.footer-qr { width: 100px; height: 100px; background: rgba(255,255,255,0.05); border: 1px dashed rgba(255,255,255,0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #555; font-size: 0.72rem; text-align: center; padding: 8px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; text-align: center; color: #444; font-size: 0.78rem; }
@media(max-width: 600px) {
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
.footer-contact-title { text-align: left; }
.footer-qr { width: 80px; height: 80px; }
}
/* ===== 历史记录 ===== */
function addHistory(type, label, url, meta) {
var key = 'gaokao_history';
@@ -900,7 +879,27 @@ function renderHistory() {
document.addEventListener('DOMContentLoaded', renderHistory);
</script>
<style>
.footer {
background: rgba(255,255,255,0.03);
border-top: 1px solid rgba(255,255,255,0.06);
padding: 40px 0 30px;
margin-top: 40px;
}
.footer .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.footer-inner { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: flex-start; margin-bottom: 30px; }
.footer-logo { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 8px; }
.footer-logo span { color: #667eea; }
.footer-desc { color: #555; font-size: 0.82rem; line-height: 1.7; max-width: 400px; }
.footer-contact-title { color: #888; font-size: 0.82rem; margin-bottom: 10px; text-align: right; }
.footer-qr { width: 100px; height: 100px; background: rgba(255,255,255,0.05); border: 1px dashed rgba(255,255,255,0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #555; font-size: 0.72rem; text-align: center; padding: 8px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; text-align: center; color: #444; font-size: 0.78rem; }
@media(max-width: 600px) {
.footer-inner { grid-template-columns: 1fr; gap: 24px; }
.footer-contact-title { text-align: left; }
.footer-qr { width: 80px; height: 80px; }
}
</style>
<div class="footer">
<div class="container">
<div class="footer-inner">