gaokao-site/index.html

922 lines
57 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>河南高考志愿助手 - 2026</title>
<meta name="description" content="河南高考志愿资源导航AI智能推荐历年分数线录取概率估算专项计划详解。">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0a0a0f; color: #e0e0e0; min-height: 100vh; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.header { background: rgba(20,20,30,0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px 0; position: sticky; top: 0; z-index: 100; }
.header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.logo { font-size: 1.3rem; font-weight: 700; color: #fff; text-decoration: none; }
.logo span { color: #667eea; }
.nav-links { display: flex; gap: 20px; list-style: none; flex-wrap: wrap; }
.nav-links a { color: #a0a0a0; text-decoration: none; font-size: 0.9rem; transition: color 0.3s; }
.nav-links a:hover { color: #667eea; }
.nav-links a.highlight { color: #667eea; font-weight: 600; }
.nav-links a.highlight-new { color: #a5b4fc; font-weight: 600; }
.section { padding: 60px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
/* 最近使用 */
.recent-bar { background: rgba(102,126,234,0.06); border-bottom: 1px solid rgba(102,126,234,0.12); padding: 10px 0; font-size: 0.82rem; }
.recent-bar .container { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.recent-bar .recent-label { color: #667eea; font-weight: 600; white-space: nowrap; }
.recent-bar .recent-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 3px 12px; color: #aaa; text-decoration: none; transition: all 0.2s; white-space: nowrap; }
.recent-bar .recent-item:hover { background: rgba(102,126,234,0.15); border-color: rgba(102,126,234,0.3); color: #fff; }
.recent-bar .recent-empty { color: #555; }
/* AI Hero 首屏 */
.ai-hero { background: linear-gradient(135deg, #0f0f1a 0%, #12102a 50%, #0d1020 100%); padding: 52px 0 48px; border-bottom: 1px solid rgba(102,126,234,0.15); }
.ai-hero-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.ai-hero-l h1 { font-size: 2rem; color: #fff; margin-bottom: 12px; line-height: 1.3; }
.ai-hero-l h1 em { font-style: normal; color: #667eea; }
.ai-hero-l p { color: #888; font-size: 1rem; margin-bottom: 22px; line-height: 1.6; }
.ai-hero-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; text-decoration: none; padding: 13px 30px; border-radius: 30px; font-weight: 600; font-size: 1rem; transition: opacity 0.2s; }
.ai-hero-btn:hover { opacity: 0.88; }
.ai-hero-stats { display: flex; gap: 24px; margin-top: 24px; }
.ai-hero-stat { text-align: center; }
.ai-hero-stat .num { font-size: 1.4rem; font-weight: 800; color: #667eea; }
.ai-hero-stat .desc { font-size: 0.75rem; color: #666; margin-top: 2px; }
.ai-demo { background: rgba(255,255,255,0.04); border: 1px solid rgba(102,126,234,0.2); border-radius: 16px; padding: 22px; }
.ai-demo-title { color: #667eea; font-size: 0.78rem; font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.ai-msg { margin-bottom: 10px; }
.ai-msg-r { background: rgba(102,126,234,0.12); border-radius: 12px 12px 12px 4px; padding: 10px 14px; font-size: 0.85rem; color: #ccc; line-height: 1.5; }
.ai-msg-u { background: rgba(255,255,255,0.06); border-radius: 12px 12px 4px 12px; padding: 8px 12px; font-size: 0.83rem; color: #999; margin-top: 8px; }
.ai-msg-u::before { content: '👤 '; }
.ai-msg-r::before { content: '🤖 '; }
.ai-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ai-tag { background: rgba(102,126,234,0.1); border: 1px solid rgba(102,126,234,0.2); color: #667eea; font-size: 0.7rem; padding: 2px 8px; border-radius: 6px; }
.ai-tag::before { content: '✓ '; }
.section-title { text-align: center; margin-bottom: 35px; }
.section-title h2 { font-size: 1.65rem; color: #fff; margin-bottom: 8px; }
.section-title p { color: #888; }
/* 高考日历 */
.calendar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-top: 25px; }
.calendar-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 18px; border-left: 4px solid #667eea; }
.calendar-item.done { border-left-color: #4ade80; opacity: 0.7; }
.calendar-item.upcoming { border-left-color: #fbbf24; }
.calendar-item .month { color: #667eea; font-size: 0.78rem; font-weight: 600; margin-bottom: 5px; }
.calendar-item.done .month { color: #4ade80; }
.calendar-item.upcoming .month { color: #fbbf24; }
.calendar-item h4 { color: #e0e0e0; font-size: 0.95rem; margin-bottom: 5px; }
.calendar-item p { color: #888; font-size: 0.82rem; }
.calendar-item .status { display: inline-block; margin-top: 8px; font-size: 0.72rem; padding: 2px 8px; border-radius: 10px; }
.calendar-item.done .status { background: rgba(74,222,128,0.15); color: #4ade80; }
.calendar-item.upcoming .status { background: rgba(251,191,36,0.15); color: #fbbf24; }
.calendar-item .status.neutral { background: rgba(255,255,255,0.06); color: #888; }
/* 工具导航卡片 */
.tool-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-top: 25px; }
.province-grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 25px; }
.province-tag { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; color: #aaa; text-decoration: none; font-size: 0.88rem; transition: all 0.2s; }
.province-tag:hover { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.25); }
.province-tag.highlight { background: rgba(102,126,234,0.2); border-color: rgba(102,126,234,0.5); color: #a5b4fc; }
.tool-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 22px 18px; transition: all 0.3s; }
.tool-card:hover { border-color: rgba(102,126,234,0.4); transform: translateY(-2px); }
.tool-card .tool-icon { font-size: 1.8rem; margin-bottom: 10px; }
.tool-card h4 { color: #fff; font-size: 0.95rem; margin-bottom: 6px; }
.tool-card p { color: #777; font-size: 0.82rem; margin-bottom: 12px; line-height: 1.5; }
.tool-card .tool-link { color: #667eea; text-decoration: none; font-size: 0.85rem; }
.tool-card .tool-link:hover { text-decoration: underline; }
.tool-card .tag { display: inline-block; font-size: 0.7rem; padding: 2px 7px; border-radius: 6px; margin-bottom: 8px; }
.tool-card .tag.official { background: rgba(239,68,68,0.15); color: #ef4444; }
.tool-card .tag.ai-tag { background: rgba(102,126,234,0.2); color: #667eea; border: 1px solid rgba(102,126,234,0.3); }
.tool-card .tag.hot { background: rgba(251,191,36,0.15); color: #fbbf24; }
/* 历年分数线 */
.score-section { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.score-col h4 { font-size: 0.88rem; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.score-col h4.sci { color: #667eea; }
.score-col h4.art { color: #f472b6; }
.score-table { width: 100%; border-collapse: collapse; }
.score-table th { color: #666; font-size: 0.78rem; font-weight: 500; padding: 7px 10px; border-bottom: 1px solid rgba(255,255,255,0.06); text-align: left; }
.score-table td { color: #bbb; font-size: 0.85rem; padding: 7px 10px; border-bottom: 1px solid rgba(255,255,255,0.04); }
.score-table tr:hover td { background: rgba(255,255,255,0.02); }
.score-table .sname { color: #ddd; font-weight: 500; }
/* 批次线 */
.batch-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 20px; }
.batch-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 22px 14px; text-align: center; }
.batch-item.理科 { border-color: rgba(102,126,234,0.25); }
.batch-item.文科 { border-color: rgba(244,114,182,0.25); }
.batch-item .批次 { color: #666; font-size: 0.8rem; margin-bottom: 8px; }
.batch-item.理科 .批次 { color: #667eea; }
.batch-item.文科 .批次 { color: #f472b6; }
.batch-item .分数线 { font-size: 2rem; font-weight: 800; }
.batch-item.理科 .分数线 { color: #667eea; }
.batch-item.文科 .分数线 { color: #f472b6; }
.batch-item .位次 { color: #666; font-size: 0.78rem; margin-top: 6px; }
.note-box { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; padding: 22px; margin-top: 20px; }
.note-box p { color: #888; font-size: 0.85rem; line-height: 1.8; }
.note-box strong { color: #aaa; }
/* 概率计算器 */
.calc-box { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 35px; margin-top: 25px; }
.calc-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; max-width: 860px; margin: 0 auto; }
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group label { color: #888; font-size: 0.82rem; }
.form-group input, .form-group select { padding: 12px 13px; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; background: rgba(255,255,255,0.05); color: #fff; font-size: 0.92rem; outline: none; }
.form-group input:focus, .form-group select:focus { border-color: #667eea; }
.form-group select option { background: #1a1a2e; }
.calc-btn { display: block; width: 100%; max-width: 280px; margin: 22px auto 0; background: linear-gradient(135deg, #667eea, #764ba2); border: none; color: #fff; padding: 14px; border-radius: 30px; cursor: pointer; font-size: 0.95rem; font-weight: 600; }
.calc-btn:hover { opacity: 0.9; }
.prob-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
.prob-item { background: rgba(255,255,255,0.04); border-radius: 12px; padding: 16px; text-align: center; }
.prob-item .label { color: #888; font-size: 0.8rem; margin-bottom: 6px; }
.prob-item .value { font-size: 1.5rem; font-weight: 700; }
.prob-item .value.hi { color: #4ade80; }
.prob-item .value.mid { color: #fbbf24; }
.prob-item .value.lo { color: #f87171; }
.prob-item .note { color: #666; font-size: 0.75rem; margin-top: 4px; }
.school-result { margin-top: 22px; }
.school-result h4 { color: #fff; margin-bottom: 12px; font-size: 1rem; }
.school-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px; margin-bottom: 8px; }
.school-row .pl { font-size: 0.72rem; padding: 2px 8px; border-radius: 6px; font-weight: 600; }
.school-row .pl. { background: rgba(251,191,36,0.15); color: #fbbf24; }
.school-row .pl. { background: rgba(34,197,94,0.15); color: #4ade80; }
.school-row .pl. { background: rgba(59,130,246,0.15); color: #60a5fa; }
.school-row .sname { color: #e0e0e0; font-size: 0.88rem; flex: 1; }
.school-row .smeta { color: #777; font-size: 0.8rem; }
/* 专项计划 */
.special-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 25px; }
.special-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 24px; }
.special-card h4 { color: #fff; font-size: 1rem; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.special-card .tag { font-size: 0.7rem; padding: 2px 8px; border-radius: 20px; font-weight: normal; }
.special-card .tag.guo { background: rgba(239,68,68,0.15); color: #ef4444; }
.special-card .tag.xx { background: rgba(34,197,94,0.15); color: #22c55e; }
.special-card .tag.di { background: rgba(59,130,246,0.15); color: #3b82f6; }
.special-card p { color: #888; font-size: 0.85rem; margin-bottom: 14px; line-height: 1.7; }
.special-card ul { list-style: none; }
.special-card ul li { color: #aaa; font-size: 0.85rem; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.special-card ul li:last-child { border-bottom: none; }
.special-card ul li::before { content: '✓ '; color: #667eea; }
/* 平行志愿规则 */
.rule-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin-top: 25px; }
.rule-card { background: rgba(102,126,234,0.06); border: 1px solid rgba(102,126,234,0.18); border-radius: 12px; padding: 20px; }
.rule-card h4 { color: #667eea; margin-bottom: 10px; font-size: 0.95rem; }
.rule-card p { color: #bbb; font-size: 0.85rem; line-height: 1.7; }
.rule-tip { background: rgba(251,191,36,0.06); border: 1px solid rgba(251,191,36,0.2); border-radius: 12px; padding: 16px 20px; margin-top: 20px; }
.rule-tip h5 { color: #fbbf24; margin-bottom: 8px; font-size: 0.88rem; }
.rule-tip p { color: #ccc; font-size: 0.85rem; }
/* FAQ */
.faq-list { margin-top: 25px; }
.faq-item { border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; margin-bottom: 10px; overflow: hidden; }
.faq-q { background: rgba(255,255,255,0.03); padding: 16px 20px; color: #e0e0e0; font-size: 0.92rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 500; }
.faq-q:hover { background: rgba(255,255,255,0.05); }
.faq-q::after { content: '+'; color: #667eea; font-size: 1.2rem; }
.faq-item.open .faq-q::after { content: ''; }
.faq-a { display: none; padding: 0 20px 16px; color: #999; font-size: 0.88rem; line-height: 1.7; }
.faq-item.open .faq-a { display: block; }
/* AI Banner (工具区里) */
.ai-banner { background: linear-gradient(135deg, rgba(102,126,234,0.12), rgba(118,75,162,0.08)); border: 1px solid rgba(102,126,234,0.25); border-radius: 14px; padding: 28px; margin-top: 20px; }
.ai-banner h3 { color: #fff; font-size: 1.1rem; margin-bottom: 6px; }
.ai-banner p { color: #999; font-size: 0.85rem; margin-bottom: 14px; }
.ai-banner a { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; text-decoration: none; padding: 10px 24px; border-radius: 24px; font-size: 0.9rem; font-weight: 600; }
.ai-banner a:hover { opacity: 0.9; }
.footer { text-align: center; padding: 28px 20px; border-top: 1px solid rgba(255,255,255,0.07); color: #555; font-size: 0.82rem; }
@media (max-width: 768px) {
.header-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
.nav-links { gap: 12px; }
.batch-row { grid-template-columns: 1fr 1fr; }
.score-section { grid-template-columns: 1fr; }
.prob-grid { grid-template-columns: 1fr; }
.calc-box { padding: 22px 16px; }
.ai-hero-inner { grid-template-columns: 1fr; gap: 24px; }
.ai-hero-l h1 { font-size: 1.5rem; }
.ai-hero-stats { gap: 16px; }
.ai-hero-stat .num { font-size: 1.2rem; }
}
</style>
</head>
<body>
<header class="header">
<div class="container header-inner">
<a href="/" class="logo">🎓 河南高考<span>志愿助手</span></a>
<ul class="nav-links">
<li><a href="/ai-chat" target="_blank" class="highlight">🤖 AI助手</a></li>
<li><a href="/ai-tool.html">AI推荐</a></li>
<li><a href="/plan.html">志愿草表</a></li>
<li><a href="/school.html">查校对比</a></li>
<li><a href="/#prob">录取概率估算</a></li>
<li><a href="/major.html">查历年录取分数和位次</a></li>
<li><a href="/#tools">官方查询渠道</a></li>
<li><a href="/#provinces">各省教育考试院入口</a></li>
<li><a href="/#resources">扩展工具 & 数据查询</a></li>
<li><a href="/qa.html">常见问题</a></li>
</ul>
</div>
</header>
<div class="recent-bar" id="recentBar">
<div class="container">
<span class="recent-label">📌 最近使用</span>
<span id="recentItems"></span>
</div>
</div>
<!-- AI Hero 首屏 -->
<div class="ai-hero">
<div class="ai-hero-inner">
<div class="ai-hero-l">
<h1>你的分数,<br>能上<em>哪所大学</em></h1>
<p>输入分数和意向AI 智能推荐冲/稳/保院校,<br>同步提供城市、食宿、就读体验等真实背景信息</p>
<a href="/ai-chat" target="_blank" class="ai-hero-btn">🤖 立即体验 AI 推荐</a>
<div class="ai-hero-stats">
<div class="ai-hero-stat"><div class="num">2329</div><div class="desc">全国高校数据</div></div>
<div class="ai-hero-stat"><div class="num">4年</div><div class="desc">历年分数线</div></div>
<div class="ai-hero-stat"><div class="num">2025</div><div class="desc">新高考数据</div></div>
<div class="ai-hero-stat"><div class="num">9维</div><div class="desc">院校信息评估</div></div>
</div>
</div>
<div class="ai-demo">
<div class="ai-demo-title">🎯 AI 对话示例 · 609分河南理科</div>
<div class="ai-msg">
<div class="ai-msg-u">河南理科609分排名16524先推荐</div>
</div>
<div class="ai-msg">
<div class="ai-msg-r">
根据你的分数和排名,以下是定制推荐:<br><br>
<strong style="color:#fbbf24">🏃 冲30-50%</strong>吉林大学985<br>
城市实况长春新一线城市地铁1号线覆盖主要区域<br>
食堂餐饮均价10-13元/顿窗口数15+,东北菜为主<br>
住宿4人间年收费800-1200元空调/热水器齐全<br><br>
<strong style="color:#4ade80">✅ 稳60-80%</strong>郑州大学211<br>
城市实况:郑州,河南省会,地铁线路发达<br>
食堂餐饮均价11-14元/顿窗口数30+,品种丰富<br>
住宿4-6人间年收费1000-1500元有空调暖气<br><br>
<div class="ai-tags">
<span class="ai-tag">院校名称</span>
<span class="ai-tag">推荐理由</span>
<span class="ai-tag">报考策略</span>
<span class="ai-tag">推荐专业</span>
<span class="ai-tag">城市实况</span>
<span class="ai-tag">食堂餐饮</span>
<span class="ai-tag">住宿条件</span>
<span class="ai-tag">就读体验</span>
<span class="ai-tag">风险提示</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 1. 高考日历 -->
<section class="section" id="calendar">
<div class="container">
<div class="section-title">
<h2>📅 2026年高考日历</h2>
<p>关键时间节点,建议收藏</p>
</div>
<div class="calendar-grid">
<div class="calendar-item done">
<div class="month">6月7-8日</div>
<h4>全国统一高考</h4>
<p>语文、数学、综合、外语四门考试(已完成)</p>
<span class="status">已完成</span>
</div>
<div class="calendar-item">
<div class="month">6月25日</div>
<h4>成绩公布</h4>
<p>河南高考成绩及各批次控制分数线公布</p>
<span class="status neutral">待通知</span>
</div>
<div class="calendar-item">
<div class="month">6月26日起</div>
<h4>志愿填报</h4>
<p>提前批、国家专项6月26-28日<br>本科批6月30日-7月4日</p>
<span class="status neutral">待通知</span>
</div>
<div class="calendar-item">
<div class="month">6月26日</div>
<h4>军队/司法类院校面试</h4>
<p>报考军队院校考生面试体检</p>
<span class="status neutral">待通知</span>
</div>
<div class="calendar-item">
<div class="month">7月中旬</div>
<h4>本科批录取</h4>
<p>普通类本科批投档录取</p>
<span class="status neutral">待通知</span>
</div>
<div class="calendar-item">
<div class="month">8月上旬</div>
<h4>专科志愿填报</h4>
<p>专科批次志愿填报</p>
<span class="status neutral">待通知</span>
</div>
</div>
</div>
</section>
<!-- 2. 官方查询渠道 -->
<section class="section" id="tools">
<div class="container">
<div class="section-title">
<h2>🔗 官方查询渠道</h2>
<p>志愿填报唯一官方入口,谨防假冒</p>
</div>
<div class="tool-grid">
<div class="tool-card">
<div class="tool-icon">🔗</div>
<span class="tag official">官方入口</span>
<h4>河南省志愿填报系统</h4>
<p>河南省教育考试院官方志愿填报唯一入口,志愿填报在此系统完成</p>
<a href="https://pzwb.haeea.cn" target="_blank" class="tool-link">访问系统 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">📊</div>
<span class="tag official">官方</span>
<h4>河南省教育考试院</h4>
<p>成绩公布、分数线、政策文件、招生计划官方发布渠道</p>
<a href="https://www.haeea.cn" target="_blank" class="tool-link">访问官网 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">📋</div>
<span class="tag ai-tag">教育部</span>
<h4>阳光高考信息平台</h4>
<p>教育部官方招生信息平台,查询各高校招生章程、录取规则</p>
<a href="https://gaokao.chsi.com.cn" target="_blank" class="tool-link">访问 chsi ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🔍</div>
<span class="tag">必备</span>
<h4>一分一段表</h4>
<p>各分数段考生人数统计,用于精确计算全省排名</p>
<a href="https://gaokao.chsi.com.cn/gkxx/ss/202506/20250623/2293390396.html" target="_blank" class="tool-link">查询位次 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🏫</div>
<h4>高校招生章程</h4>
<p>各高校招生办联系方式、收费标准、单科要求、体检要求</p>
<a href="https://gaokao.chsi.com.cn/zsgs/zhangcheng/listVerifedZszc--method-index,lb-1.dhtml" target="_blank" class="tool-link">查询章程 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🏫</div>
<h4>院校库</h4>
<p>按地区、批次、选科筛选高校,查看历年录取数据</p>
<a href="https://gaokao.chsi.com.cn/sch/search--ss-on,option-qg,searchType-1,start-0.dhtml" target="_blank" class="tool-link">查询院校 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon"></div>
<h4>专业推荐</h4>
<p>基于就业方向、考研方向、考公需求的智能专业推荐</p>
<a href="https://gaokao.chsi.com.cn/zyk/pub/zytj/recommendTop" target="_blank" class="tool-link">专业推荐 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">📖</div>
<h4>专业知识库</h4>
<p>专业解读、就业前景、报考要求一览</p>
<a href="https://gaokao.chsi.com.cn/zyk/zybk/" target="_blank" class="tool-link">知识库 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🎯</div>
<span class="tag ai-tag">AI工具</span>
<h4>网易有道升学规划</h4>
<p>AI辅助志愿规划综合分数、位次、偏好智能推荐</p>
<a href="https://ydzy.ydshengxue.com/" target="_blank" class="tool-link">立即使用 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🎓</div>
<span class="tag ai-tag">核心功能</span>
<h4>AI 智能志愿推荐</h4>
<p>输入分数和科类AI 推荐冲/稳/保院校,附带城市、食宿、就读体验</p>
<a href="/ai-chat" target="_blank" class="tool-link">立即体验 →</a>
</div>
</div>
</div>
</section>
<!-- 3. 各省教育考试院 -->
<section class="section" id="provinces">
<div class="container">
<div class="section-title">
<h2>🌐 各省教育考试院入口</h2>
<p>志愿填报必须通过本省考试院官方系统,查询一分一段表、批次线、投档结果</p>
</div>
<div class="province-grid">
<a href="https://www.bjeea.cn/" target="_blank" class="province-tag">北京</a>
<a href="http://www.zhaokao.net/" target="_blank" class="province-tag">天津</a>
<a href="http://www.hebeea.edu.cn/" target="_blank" class="province-tag">河北</a>
<a href="http://www.sxkszx.cn/" target="_blank" class="province-tag">山西</a>
<a href="https://www.nm.zsks.cn/" target="_blank" class="province-tag">内蒙古</a>
<a href="https://www.lnzsks.com/" target="_blank" class="province-tag">辽宁</a>
<a href="http://www.jleea.edu.cn/" target="_blank" class="province-tag">吉林</a>
<a href="https://www.lzk.hl.cn/" target="_blank" class="province-tag">黑龙江</a>
<a href="https://www.shmeea.edu.cn/" target="_blank" class="province-tag">上海</a>
<a href="https://www.jseea.cn/" target="_blank" class="province-tag">江苏</a>
<a href="https://www.zjzs.net/" target="_blank" class="province-tag">浙江</a>
<a href="https://www.ahzsks.cn/" target="_blank" class="province-tag">安徽</a>
<a href="https://www.eeafj.cn/" target="_blank" class="province-tag">福建</a>
<a href="http://www.jxeea.cn/" target="_blank" class="province-tag">江西</a>
<a href="https://www.sdzk.cn/" target="_blank" class="province-tag">山东</a>
<a href="https://www.haeea.cn/" target="_blank" class="province-tag highlight">河南</a>
<a href="https://zspt.hubzs.com.cn/" target="_blank" class="province-tag">湖北</a>
<a href="https://www.hneeb.cn/" target="_blank" class="province-tag">湖南</a>
<a href="https://eea.gd.gov.cn/" target="_blank" class="province-tag">广东</a>
<a href="https://www.gxeea.cn/" target="_blank" class="province-tag">广西</a>
<a href="http://ea.hainan.gov.cn/" target="_blank" class="province-tag">海南</a>
<a href="https://www.cqksy.cn/" target="_blank" class="province-tag">重庆</a>
<a href="https://www.sceea.cn/" target="_blank" class="province-tag">四川</a>
<a href="http://www.eaagz.org.cn/" target="_blank" class="province-tag">贵州</a>
<a href="https://www.ynzs.cn/" target="_blank" class="province-tag">云南</a>
<a href="http://zsks.edu.xizang.gov.cn/" target="_blank" class="province-tag">西藏</a>
<a href="http://www.sneea.cn/" target="_blank" class="province-tag">陕西</a>
<a href="https://www.ganseea.cn/" target="_blank" class="province-tag">甘肃</a>
<a href="http://www.qhjyks.com/" target="_blank" class="province-tag">青海</a>
<a href="https://www.nxjyks.cn/" target="_blank" class="province-tag">宁夏</a>
<a href="http://www.xjzk.gov.cn/" target="_blank" class="province-tag">新疆</a>
</div>
<p style="color:#888;font-size:0.82rem;margin-top:14px;text-align:center">⚠️ 志愿填报必须通过本省考试院系统,切勿通过第三方链接跳转,谨防诈骗</p>
</div>
</section>
<!-- 4. 扩展资源导航 -->
<section class="section" id="resources">
<div class="container">
<div class="section-title">
<h2>🧭 扩展工具 & 数据查询</h2>
<p>官方工具+高价值数据平台,志愿填报的认知保障</p>
</div>
<div class="tool-grid">
<div class="tool-card">
<div class="tool-icon">🛡️</div>
<span class="tag official">官方</span>
<h4>阳光志愿信息服务系统</h4>
<p>教育部官方·智能匹配冲稳保·AI助手答疑·就业大数据·完全免费</p>
<a href="https://gaokao.chsi.com.cn/zyck/" target="_blank" class="tool-link">立即使用 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">✔️</div>
<span class="tag official">防骗</span>
<h4>全国高等学校名单查询</h4>
<p>教育部官方核验院校正规性,查不到的学校一律不报考,识别野鸡大学</p>
<a href="https://hudong.moe.gov.cn/qggxmd/" target="_blank" class="tool-link">立即核查 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">💼</div>
<h4>国家大学生就业服务平台</h4>
<p>教育部主管,整合各高校就业质量报告,查询毕业生去向、薪资水平</p>
<a href="https://www.ncss.cn/" target="_blank" class="tool-link">查询就业 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🎓</div>
<h4>学职平台</h4>
<p>按高校/专业统计就业行业分布、典型雇主及薪资范围,职业发展参考</p>
<a href="https://xz.chsi.com.cn" target="_blank" class="tool-link">查询职业 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">📈</div>
<h4>中国学位与研究生教育信息网</h4>
<p>查询高校学位授予资质、学科评估结果,判断专业含金量,规划考研方向</p>
<a href="https://www.chinadegrees.cn" target="_blank" class="tool-link">查询学科 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🏆</div>
<h4>软科中国大学排名</h4>
<p>学术导向,含细分专业排名,认可度较高的第三方大学评价</p>
<a href="https://www.shanghairanking.cn" target="_blank" class="tool-link">查看排名 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">💰</div>
<h4>麦可思就业蓝皮书</h4>
<p>年度发布,含绿牌/红牌专业、分专业平均薪资、行业就业趋势</p>
<a href="https://www.mycos.com/" target="_blank" class="tool-link">查看数据 ↗</a>
</div>
<div class="tool-card">
<div class="tool-icon">🌐</div>
<h4>中国教育在线</h4>
<p>综合教育门户,高考资讯全面,各省志愿系统汇总入口</p>
<a href="https://www.eol.cn" target="_blank" class="tool-link">访问 ↗</a>
</div>
</div>
</div>
</section>
<!-- 3. 历年分数线 -->
<section class="section" id="scores">
<div class="container">
<div class="section-title">
<h2>📚 河南省历年录取分数线</h2>
<p>2025年新高考3+1+2数据来源河南省教育考试院</p>
</div>
<div class="score-section">
<div class="score-col">
<h4 class="sci">📈 理科(物理类)</h4>
<table class="score-table">
<thead><tr><th>院校</th><th>2025</th><th>2024</th><th>2023</th></tr></thead>
<tbody>
<tr><td class="sname">郑州大学</td><td>603</td><td>589</td><td>576</td></tr>
<tr><td class="sname">解放军信息工程大学</td><td>596</td><td>582</td><td>568</td></tr>
<tr><td class="sname">河南大学</td><td>567</td><td>552</td><td>539</td></tr>
<tr><td class="sname">新乡医学院</td><td>551</td><td>538</td><td>524</td></tr>
<tr><td class="sname">河南科技大学</td><td>539</td><td>524</td><td>511</td></tr>
<tr><td class="sname">河南师范大学</td><td>536</td><td>520</td><td>507</td></tr>
<tr><td class="sname">河南工业大学</td><td>523</td><td>509</td><td>496</td></tr>
<tr><td class="sname">华北水利水电大学</td><td>525</td><td>510</td><td>498</td></tr>
</tbody>
</table>
</div>
<div class="score-col">
<h4 class="art">📉 文科(历史类)</h4>
<table class="score-table">
<thead><tr><th>院校</th><th>2025</th><th>2024</th><th>2023</th></tr></thead>
<tbody>
<tr><td class="sname">郑州大学</td><td>608</td><td>601</td><td>593</td></tr>
<tr><td class="sname">河南大学</td><td>584</td><td>578</td><td>569</td></tr>
<tr><td class="sname">河南师范大学</td><td>557</td><td>549</td><td>540</td></tr>
<tr><td class="sname">河南财经政法大学</td><td>545</td><td>536</td><td>524</td></tr>
<tr><td class="sname">河南科技大学</td><td>542</td><td>530</td><td>518</td></tr>
<tr><td class="sname">河南工业大学</td><td>535</td><td>522</td><td>510</td></tr>
<tr><td class="sname">华北水利水电大学</td><td>530</td><td>517</td><td>505</td></tr>
<tr><td class="sname">信阳师范大学</td><td>532</td><td>521</td><td>509</td></tr>
</tbody>
</table>
</div>
</div>
<p style="color:#555;font-size:0.8rem;margin-top:18px;text-align:center;">* 2025年为新高考首年表格分数为各校投档分参考值以官方公布为准</p>
</div>
</section>
<!-- 4. 2025年录取控制线 -->
<section class="section" id="batch">
<div class="container">
<div class="section-title">
<h2>📊 2025年河南省高考录取控制分数线新高考3+1+2首年</h2>
<p>根据2025年官方数据整理仅供参考</p>
</div>
<div class="batch-row">
<div class="batch-item 理科">
<div class="批次">物理类 · 特殊类型控制线</div>
<div class="分数线">535</div>
<div class="位次">全省约14.4万考生</div>
</div>
<div class="batch-item 理科">
<div class="批次">物理类 · 普通本科批</div>
<div class="分数线">427</div>
<div class="位次">全省约34.8万考生</div>
</div>
<div class="batch-item 文科">
<div class="批次">历史类 · 特殊类型控制线</div>
<div class="分数线">552</div>
<div class="位次">全省约2.5万考生</div>
</div>
<div class="batch-item 文科">
<div class="批次">历史类 · 普通本科批</div>
<div class="分数线">471</div>
<div class="位次">全省约9.0万考生</div>
</div>
</div>
<div class="note-box">
<p><strong>2025年变化说明</strong>河南全面实施新高考「3+1+2」模式不再区分一本/二本改为「特殊类型控制线」和「普通本科批」。特殊类型控制线用于强基计划、高校专项、军队院校等特殊类型招生普通本科批为常规本科志愿最低门槛。专科批统一为185分文理不分</p>
<p style="margin-top:8px;"><strong>数据来源:</strong>河南省教育考试院,志愿填报前请以官方发布为准。</p>
</div>
</div>
</section>
<!-- 5. 录取概率估算 -->
<section class="section" id="prob">
<div class="container">
<div class="section-title">
<h2>🎯 录取概率估算</h2>
<p>输入分数和科类,获取各批次概率 + 院校推荐</p>
</div>
<div class="calc-box">
<div class="calc-form">
<div class="form-group">
<label>科类</label>
<select id="category">
<option value="理科">理科(物理类)</option>
<option value="文科">文科(历史类)</option>
</select>
</div>
<div class="form-group">
<label>高考分数</label>
<input type="number" id="score" placeholder="如 580" min="200" max="750">
</div>
<div class="form-group">
<label>意向专业</label>
<select id="major">
<option value="不限">不限</option>
<option value="计算机">计算机类</option>
<option value="电子信息">电子信息类</option>
<option value="临床医学">临床医学</option>
<option value="经济学">经济金融类</option>
<option value="法学">法学类</option>
<option value="师范">师范类</option>
</select>
</div>
<div class="form-group">
<label>意向地区</label>
<select id="region">
<option value="不限">不限</option>
<option value="省内">省内(河南)</option>
</select>
</div>
</div>
<button class="calc-btn" id="calcBtn" onclick="console.log('btn clicked'); calcProb()">计算录取概率 & 推荐院校</button>
<div id="calcResult"></div>
</div>
</div>
</section>
<!-- 6. 专项计划 -->
<section class="section" id="special">
<div class="container">
<div class="section-title">
<h2>🎓 专项计划</h2>
<p>农村和贫困地区考生的升学绿色通道</p>
</div>
<div class="special-grid">
<div class="special-card">
<h4>国家专项计划 <span class="tag guo">教育部</span></h4>
<p>面向集中连片特殊困难县、国家扶贫开发重点县招生,招生院校以中央部门高校和地方重点高校为主。</p>
<ul>
<li>招生对象:贫困县户籍 + 当地高中连续3年学籍</li>
<li>录取批次:本科批之前单独投档</li>
<li>优惠政策:单独划线,低于普通批</li>
<li>报名时间6月26-28日同步填报</li>
</ul>
</div>
<div class="special-card">
<h4>高校专项计划 <span class="tag xx">95所高校</span></h4>
<p>教育部直属高校和其他自主招生试点高校针对农村学生的专项招生计划。</p>
<ul>
<li>招生对象:农村户籍 + 当地高中实际就读</li>
<li>招生院校95所教育部直属高校等</li>
<li>录取方式:提前批之前完成录取</li>
<li>报名时间4月25日前阳光高考平台报名已截止</li>
</ul>
</div>
<div class="special-card">
<h4>地方专项计划 <span class="tag di">河南省属高校</span></h4>
<p>河南省省属重点高校针对农村考生的定向招生优惠。</p>
<ul>
<li>招生对象:河南省农村户籍考生</li>
<li>招生院校:河南大学、河南师范大学、河南科技大学等</li>
<li>录取批次:本科批之前,单独投档</li>
<li>报名条件具有河南省农村户籍3年以上</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 7. 平行志愿填报规则 -->
<section class="section" id="rules">
<div class="container">
<div class="section-title">
<h2>📖 平行志愿填报规则</h2>
<p>理解规则,避免退档</p>
</div>
<div class="rule-grid">
<div class="rule-card">
<h4>分数优先</h4>
<p>检索时按照考生填报的院校志愿顺序依次检索。只有达到该批次分数线的考生才会被投档到高校。</p>
</div>
<div class="rule-card">
<h4>遵循志愿</h4>
<p>投档时按照考生填报的院校志愿顺序依次检索,先检索第一个院校志愿,若不满足则检索第二个,依次类推。</p>
</div>
<div class="rule-card">
<h4>多次征询</h4>
<p>每批次平行志愿录取结束后,未被录取的考生可在规定时间内参加征集志愿填报。</p>
</div>
<div class="rule-card">
<h4>冷门优先策略</h4>
<p>同一院校多个专业志愿间拉开梯度,热门专业不放最后。建议采用"专业分数级差"方式降低退档风险。</p>
</div>
</div>
<div class="rule-tip">
<h5>💡 填报建议</h5>
<p>冲志愿填在最前面分数略高于往年投档线稳填在中间保填最后。同一批次建议填写6-9所院校避免全部填写高风险志愿。</p>
</div>
</div>
</section>
<!-- 8. 常见问题 -->
<section class="section" id="faq">
<div class="container">
<div class="section-title">
<h2>❓ 常见问题</h2>
<p>志愿填报高频问题解答</p>
</div>
<div class="faq-list">
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">平行志愿和顺序志愿有什么区别?</div>
<div class="faq-a">平行志愿是指同一批次考生可填报多所高校,投档时按分数优先、遵循志愿的原则一次性检索;顺序志愿则是按照志愿顺序依次投档。平行志愿下考生被退档风险相对较低。</div>
</div>
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">服从调剂是什么意思?</div>
<div class="faq-a">服从调剂是指如果考生成绩达到某院校投档线但未达到所报专业录取线,学校可以在同批次内将其录取到其他未满专业。勾选服从调剂可大幅降低退档风险,但可能被录取到非意向专业。</div>
</div>
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">提前批和普通批可以同时报吗?</div>
<div class="faq-a">可以。提前批未被录取不影响普通批录取,相当于多了一次录取机会。但要注意提前批的学校如果录取了就不会再看普通批,所以提前批要填报真正想去的学校。</div>
</div>
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">征集志愿是什么?</div>
<div class="faq-a">征集志愿是每批次录取结束后,部分高校因未完成招生计划而进行的补充录取。分数在本批次线以上但未被录取的考生可参加,机会较少,分数竞争激烈。</div>
</div>
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">专项计划录取后可以转专业吗?</div>
<div class="faq-a">专项计划录取的学生一般有服务期或定向要求,转专业政策相对严格。建议在报考前仔细阅读各校招生章程中的相关规定,确认入学后的培养要求。</div>
</div>
<div class="faq-item" onclick="toggleFaq(this)">
<div class="faq-q">高考分数刚过本科线怎么填志愿?</div>
<div class="faq-a">分数刚过本科线的考生建议以本科二批/专科选择为主,优先填报优质专科院校的本科专业,同时关注往年录取分接近本科线的院校。可考虑省外一些往年投档分较低的院校。</div>
</div>
</div>
</div>
</section>
<script>
// 概率计算器20所河南高校 2022-2024
const schoolData = {
"理科": [
{name:"郑州大学", minScore:589, location:"郑州", note:"211/双一流"},
{name:"河南大学", minScore:552, location:"开封", note:"双一流"},
{name:"河南师范大学", minScore:520, location:"新乡", note:"师范类头部"},
{name:"战略支援部队信息工程大学", minScore:580, location:"郑州", note:"军队211"},
{name:"河南科技大学", minScore:524, location:"洛阳", note:"理工较强"},
{name:"新乡医学院", minScore:538, location:"新乡", note:"临床医学河南认可"},
{name:"河南农业大学", minScore:502, location:"郑州", note:"农学"},
{name:"河南理工大学", minScore:510, location:"焦作", note:"安全/采矿"},
{name:"河南工业大学", minScore:509, location:"郑州", note:"食品/土木"},
{name:"华北水利水电大学", minScore:510, location:"郑州", note:"水利水电"},
{name:"河南财经政法大学", minScore:515, location:"郑州", note:"金融/法学"},
{name:"郑州轻工业大学", minScore:503, location:"郑州", note:"食品/化工"},
{name:"河南中医药大学", minScore:512, location:"郑州", note:"中医学"},
{name:"信阳师范大学", minScore:505, location:"信阳", note:"师范类"},
{name:"中原工学院", minScore:485, location:"郑州", note:"纺织/自动化"},
{name:"河南工程学院", minScore:470, location:"郑州", note:"实用型"},
{name:"郑州航空工业管理学院", minScore:475, location:"郑州", note:"经管"},
{name:"南阳理工学院", minScore:455, location:"南阳", note:"计算机/机械"}
],
"文科": [
{name:"郑州大学", minScore:601, location:"郑州", note:"211/双一流"},
{name:"河南大学", minScore:578, location:"开封", note:"双一流"},
{name:"河南师范大学", minScore:549, location:"新乡", note:"师范类"},
{name:"河南财经政法大学", minScore:536, location:"郑州", note:"金融/法学"},
{name:"信阳师范大学", minScore:521, location:"信阳", note:"师范类"},
{name:"河南科技大学", minScore:530, location:"洛阳", note:"综合"},
{name:"河南工业大学", minScore:522, location:"郑州", note:"经管"},
{name:"华北水利水电大学", minScore:517, location:"郑州", note:"文理兼收"},
{name:"郑州航空工业管理学院", minScore:510, location:"郑州", note:"审计/法律"}
]
};
async function calcProb() {
const btn = document.querySelector('.calc-btn');
const show = (msg, color='#888') => document.getElementById('calcResult').innerHTML = '<p style="color:'+color+';text-align:center;padding:14px;font-size:0.85rem;background:rgba(0,0,0,0.3);border-radius:8px;">'+msg+'</p>';
try {
const cat = document.getElementById('category').value;
const score = parseInt(document.getElementById('score').value);
show('⏳ 正在提交请求…', '#667eea');
btn.disabled = true; btn.textContent = '查询中…';
const resetBtn = () => { btn.disabled = false; btn.textContent = '计算录取概率 & 推荐院校'; };
if (!score || score < 200 || score > 750) { alert('请输入有效分数200-750'); resetBtn(); return; }
const subjectMap = {理科: '物理类', 文科: '历史类'};
const baselines = {理科: {top:535, base:427}, 文科: {top:552, base:471}};
const subject = subjectMap[cat] || cat;
const bl = baselines[cat];
const diff = score - bl.base;
const topDiff = score - bl.top;
show('⏳ 连接服务器…', '#667eea');
const res = await fetch('/api/prob', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({score, subject, major: document.getElementById('major').value, region: document.getElementById('region').value})
});
show('⏳ 接收数据(状态:'+res.status+')…', '#667eea');
let data;
try {
data = await res.json();
} catch(e) {
const text = await res.text();
show('⚠️ 数据解析失败('+res.status+'<br><small style="color:#888">'+text.slice(0,120)+'</small>', '#f87171');
resetBtn(); return;
}
if (data.error) { show('⚠️ '+data.error, '#fbbf24'); resetBtn(); return; }
let html = `<div class="prob-grid">
<div class="prob-item"><div class="label">超出本科线</div><div class="value ${diff>=50?'hi':diff>=20?'mid':'lo'}">${diff>=0?'+':''}${diff}分</div><div class="note">${diff>=50?'很有希望':diff>=20?'有一定机会':'本科线附近'}</div></div>
<div class="prob-item"><div class="label">超出特控线</div><div class="value ${topDiff>=30?'hi':topDiff>=0?'mid':'lo'}">${topDiff>=0?'+':''}${topDiff}分</div><div class="note">${topDiff>=30?'985/211有希望':topDiff>=0?'一本有希望':'一本边缘'}</div></div>
<div class="prob-item"><div class="label">批次</div><div class="value mid">${cat}</div><div class="note">2025年数据</div></div>
</div>`;
function renderGroup(label, cls, schools) {
if (!schools.length) return '';
return `<div style="margin-bottom:10px;"><strong style="font-size:0.82rem;">${label}</strong>
${schools.map(s => `<div class="school-row"><span class="pl ${cls}">${(cls==='冲'?'冲':cls==='稳'?'稳':'保')}</span><span class="sname">${s.school}${s.req}</span><span class="smeta">${s.score}分 | 概率${s.prob}%</span></div>`).join('')}</div>`;
}
const total = (data.chong||[]).length + (data.wen||[]).length + (data.bao||[]).length;
let filterNote = '';
if(data.major_filter || data.region_filter){
const parts = [];
if(data.major_filter) parts.push('专业:'+data.major_filter);
if(data.region_filter) parts.push('地区:'+data.region_filter);
filterNote = '<p style="color:#667eea;font-size:0.82rem;margin-bottom:8px;">筛选条件:' + parts.join(' | ') + '</p>';
}
if (total > 0) {
html += `<div class="school-result"><h4>📋 推荐院校2025年真实数据</h4><p style="color:#666;font-size:0.8rem;margin-bottom:10px;">位次:${data.rank}基于2025年投档分计算</p>${filterNote}
${renderGroup('冲分数略高于你30%概率)', '冲', data.chong||[])}
${renderGroup('稳与你分数相当65%概率)', '稳', data.wen||[])}
${renderGroup('保分数低于你90%概率)', '保', data.bao||[])}
<p style="color:#555;font-size:0.78rem;margin-top:10px;">建议配合 AI 助手获取更详细的院校背景信息(城市、食宿、就业)</p></div>`;
}
document.getElementById('calcResult').innerHTML = html;
} catch(e) {
show('⚠️ 执行异常:'+e.message+'<br><small style="color:#888">'+(e.stack && e.stack.slice(0,200))+'</small>', '#f87171');
} finally {
const btn = document.querySelector('.calc-btn');
if(btn) { btn.disabled = false; btn.textContent = '计算录取概率 & 推荐院校'; }
}
}
function toggleFaq(el) {
el.classList.toggle('open');
}
/* ===== 历史记录 ===== */
function addHistory(type, label, url, meta) {
var key = 'gaokao_history';
var list = JSON.parse(localStorage.getItem(key) || '[]');
// 去重同type+url
list = list.filter(function(item){ return !(item.type === type && item.url === url); });
list.unshift({ type: type, label: label, url: url, meta: meta, time: Date.now() });
if(list.length > 6) list = list.slice(0, 6);
localStorage.setItem(key, JSON.stringify(list));
}
function renderHistory() {
var list = JSON.parse(localStorage.getItem('gaokao_history') || '[]');
var el = document.getElementById('recentItems');
if(!el) return;
if(list.length === 0){
el.innerHTML = '<span class="recent-empty">暂无记录</span>';
return;
}
el.innerHTML = list.map(function(item){
var meta = item.meta ? ' · ' + item.meta : '';
return '<a href="' + item.url + '" class="recent-item">' + item.label + meta + '</a>';
}).join('');
}
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">
<div class="footer-left">
<p class="footer-logo">高考志愿<span>助手</span></p>
<p class="footer-desc">2026 河南高考志愿填报辅助工具<br>数据来源:河南省教育考试院,仅供参考,不作为正式依据</p>
</div>
<div class="footer-right">
<p class="footer-contact-title">遇到问题?扫码咨询客服</p>
<div class="footer-qr">
<div>📷 微信二维码<br><span style="font-size:0.65rem;color:#666">待添加</span></div>
</div>
</div>
</div>
<div class="footer-bottom">© 2026 河南高考志愿助手 · 仅供辅助参考,不构成正式志愿填报依据</div>
</div>
</div>
</body>
</html>