simon
b6df028839
变更摘要: - [fix] 清理根目录 index.html 遗留代码（questionnaire-error + retryLoad 移除） - [fix] 副标题同步更新为自估591分 + 候选志愿546条数据校准 - [fix] 页脚注入版本号 v1.0.0 - [fix] 部署版 index.html: 取消家长标签，统一 filler-tianheng - [fix] Dashboard 文案修正（4份→2份线上问卷） - [fix] 清理冗余部署脚本（v1-v4归档至 archived_scripts/） - [fix] 等效位次工具纳入 deploy 目录 - [chore] .gitignore 初始化 - [init] Git 仓库初始化
181 lines
10 KiB
HTML
181 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>高考志愿智能填报系统 - 方案B：数据科技版</title>
|
|
<style>
|
|
:root {
|
|
--bg: #f8f9fb;
|
|
--surface: #ffffff;
|
|
--primary: #2563eb;
|
|
--primary-dark: #1d4ed8;
|
|
--accent: #10b981;
|
|
--text: #111827;
|
|
--text-secondary: #6b7280;
|
|
--border: #e5e7eb;
|
|
--chong: #ef4444;
|
|
--wen: #10b981;
|
|
--bao: #f59e0b;
|
|
}
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; }
|
|
|
|
/* 导航 */
|
|
.nav { background: var(--surface); border-bottom: 1px solid var(--border); padding: 0 24px; height: 56px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 100; }
|
|
.nav .logo { font-size: 18px; font-weight: 800; color: var(--primary); display: flex; align-items: center; gap: 8px; }
|
|
.nav .logo span { background: var(--primary); color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 11px; }
|
|
.nav .actions { display: flex; gap: 16px; align-items: center; }
|
|
.nav .actions a { color: var(--text-secondary); text-decoration: none; font-size: 13px; font-weight: 500; }
|
|
.nav .actions a:hover { color: var(--primary); }
|
|
|
|
/* Hero */
|
|
.hero { background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%); color: #fff; padding: 48px 24px; text-align: center; }
|
|
.hero h1 { font-size: 28px; font-weight: 800; margin-bottom: 8px; }
|
|
.hero p { font-size: 15px; opacity: 0.85; max-width: 600px; margin: 0 auto; }
|
|
.hero .stats { display: flex; justify-content: center; gap: 40px; margin-top: 24px; }
|
|
.hero .stats .stat { text-align: center; }
|
|
.hero .stats .stat .big { font-size: 28px; font-weight: 800; }
|
|
.hero .stats .stat .label { font-size: 12px; opacity: 0.7; margin-top: 2px; }
|
|
|
|
/* 主体 */
|
|
.main { max-width: 1060px; margin: 0 auto; padding: 28px 20px 60px; }
|
|
|
|
/* 步骤条 */
|
|
.steps { display: flex; gap: 0; margin-bottom: 28px; }
|
|
.steps .step { flex: 1; text-align: center; padding: 14px 10px; background: var(--surface); border: 1px solid var(--border); font-size: 13px; font-weight: 600; color: var(--text-secondary); position: relative; }
|
|
.steps .step:first-child { border-radius: 8px 0 0 8px; }
|
|
.steps .step:last-child { border-radius: 0 8px 8px 0; }
|
|
.steps .step.active { background: var(--primary); color: #fff; border-color: var(--primary); }
|
|
.steps .step .num { display: block; font-size: 20px; font-weight: 800; margin-bottom: 2px; }
|
|
|
|
/* 输入区 */
|
|
.input-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 16px; margin-bottom: 16px; }
|
|
.input-group label { display: block; font-size: 13px; font-weight: 600; color: var(--text-secondary); margin-bottom: 6px; }
|
|
.input-group input, .input-group select { width: 100%; padding: 10px 14px; border: 2px solid var(--border); border-radius: 8px; font-size: 15px; font-family: inherit; background: var(--surface); transition: all 0.2s; }
|
|
.input-group input:focus, .input-group select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px rgba(37,99,235,0.08); }
|
|
.tag-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
|
|
.tag { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 500; cursor: pointer; border: 2px solid var(--border); background: var(--surface); transition: all 0.2s; }
|
|
.tag.selected { border-color: var(--primary); background: #eff6ff; color: var(--primary); font-weight: 700; }
|
|
.btn-match { background: var(--primary); color: #fff; border: none; padding: 12px 40px; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; font-family: inherit; width: 100%; transition: background 0.2s; }
|
|
.btn-match:hover { background: var(--primary-dark); }
|
|
|
|
/* 结果区 */
|
|
.results-header { display: flex; justify-content: space-between; align-items: center; margin: 28px 0 16px; }
|
|
.results-header h2 { font-size: 18px; font-weight: 700; }
|
|
.results-header .count { font-size: 13px; color: var(--text-secondary); }
|
|
|
|
.result-card { display: grid; grid-template-columns: 80px 1fr auto; gap: 16px; background: var(--surface); border: 2px solid var(--border); border-radius: 10px; padding: 16px 20px; margin-bottom: 10px; transition: all 0.2s; align-items: center; }
|
|
.result-card:hover { border-color: var(--primary); box-shadow: 0 4px 12px rgba(37,99,235,0.08); transform: translateY(-1px); }
|
|
.result-card .prob-circle { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; flex-shrink: 0; }
|
|
.prob-high { background: #d1fae5; color: #065f46; }
|
|
.prob-mid { background: #dbeafe; color: #1e40af; }
|
|
.prob-low { background: #fee2e2; color: #991b1b; }
|
|
.result-card .info .name { font-size: 15px; font-weight: 700; margin-bottom: 3px; }
|
|
.result-card .info .major { font-size: 13px; color: var(--primary); font-weight: 600; }
|
|
.result-card .info .meta { font-size: 12px; color: var(--text-secondary); margin-top: 4px; }
|
|
.result-card .scores { text-align: right; }
|
|
.result-card .scores .big { font-size: 22px; font-weight: 800; color: var(--text); }
|
|
.result-card .scores .label { font-size: 11px; color: var(--text-secondary); }
|
|
|
|
.rec-badge { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 700; }
|
|
.rec-primary { background: #fef3c7; color: #92400e; }
|
|
.rec-secondary { background: #e5e7eb; color: #374151; }
|
|
|
|
@media (max-width: 768px) {
|
|
.input-grid { grid-template-columns: 1fr; }
|
|
.hero .stats { flex-direction: column; gap: 16px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="nav">
|
|
<div class="logo">🎓 高考志愿决策系统 <span>2026</span></div>
|
|
<div class="actions">
|
|
<a href="#">院校库</a><a href="#">就业数据</a><a href="#">📊 智联招聘同步</a><a href="#">💼 BOSS直聘同步</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero">
|
|
<h1>用数据，为每一个分数找到最优路径</h1>
|
|
<p>整合教育部招生计划 + 浙江省历年录取数据 + 智联招聘/BOSS直聘就业趋势，AI辅助精准匹配</p>
|
|
<div class="stats">
|
|
<div class="stat"><div class="big">2,876</div><div class="label">覆盖院校</div></div>
|
|
<div class="stat"><div class="big">94.9%</div><div class="label">数媒就业率</div></div>
|
|
<div class="stat"><div class="big">+31%</div><div class="label">数媒岗位增速</div></div>
|
|
<div class="stat"><div class="big">8.6</div><div class="label">综合匹配得分</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main">
|
|
<div class="steps">
|
|
<div class="step active"><span class="num">1</span>输入分数</div>
|
|
<div class="step"><span class="num">2</span>冲稳保匹配</div>
|
|
<div class="step"><span class="num">3</span>就业验证</div>
|
|
<div class="step"><span class="num">4</span>志愿清单</div>
|
|
</div>
|
|
|
|
<div class="input-grid">
|
|
<div class="input-group"><label>高考总分</label><input type="number" value="591" placeholder="输入总分"></div>
|
|
<div class="input-group"><label>省排名（位次）</label><input type="number" placeholder="约72000"></div>
|
|
<div class="input-group"><label>选考组合</label><select><option>物理+化学+生物</option></select></div>
|
|
</div>
|
|
<label style="font-size:13px;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:8px;">意向专业方向</label>
|
|
<div class="tag-row">
|
|
<span class="tag selected">数字媒体技术</span>
|
|
<span class="tag selected">电子信息工程</span>
|
|
<span class="tag">通信工程</span>
|
|
<span class="tag">计算机科学</span>
|
|
<span class="tag">自动化</span>
|
|
<span class="tag">软件工程</span>
|
|
<span class="tag">人工智能</span>
|
|
<span class="tag">数据科学</span>
|
|
</div>
|
|
<button class="btn-match">🔍 智能分析 & 生成志愿方案</button>
|
|
|
|
<div class="results-header">
|
|
<h2>📋 志愿推荐结果（共47个匹配）</h2>
|
|
<span class="count">按"综合匹配度"排序 · 多Agent决策框架</span>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<div class="prob-circle prob-high">85%</div>
|
|
<div class="info">
|
|
<div class="name">浙江科技大学 <span class="rec-badge rec-primary">🎯 核心推荐</span></div>
|
|
<div class="major">数字媒体技术（游戏开发方向）</div>
|
|
<div class="meta">🏫 省属公办 · 📍 杭州 · 👥 项目制+小班 · 🎮 网易/腾讯/米哈游就业 · 2025最低分573 | 位次84385</div>
|
|
</div>
|
|
<div class="scores"><div class="big">573</div><div class="label">2025分数线 · 稳妥</div></div>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<div class="prob-circle prob-mid">55%</div>
|
|
<div class="info">
|
|
<div class="name">桂林电子科技大学（中外合作） <span class="rec-badge rec-primary">🥈 第二推荐</span></div>
|
|
<div class="major">数字媒体技术 · 4+0双学位</div>
|
|
<div class="meta">🏫 电子信息强校 · 📍 桂林 · 👥 84%班级<20人 · 🎮 金山西山居实习 · 💰 4.5万/年 · 预估560~585</div>
|
|
</div>
|
|
<div class="scores"><div class="big">560~585</div><div class="label">2026预估 · 冲刺/稳妥</div></div>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<div class="prob-circle prob-low">35%</div>
|
|
<div class="info">
|
|
<div class="name">浙江理工大学 <span class="rec-badge rec-secondary">备选</span></div>
|
|
<div class="major">数字媒体技术</div>
|
|
<div class="meta">🏫 省属重点 · 📍 杭州 · 2025最低分609 | 位次≈55000</div>
|
|
</div>
|
|
<div class="scores"><div class="big">609</div><div class="label">2025分数线 · 冲刺</div></div>
|
|
</div>
|
|
|
|
<div class="result-card">
|
|
<div class="prob-circle prob-high">90%</div>
|
|
<div class="info">
|
|
<div class="name">中国计量大学 <span class="rec-badge rec-secondary">保底</span></div>
|
|
<div class="major">电子信息工程</div>
|
|
<div class="meta">🏫 省属重点 · 📍 杭州 · 🔧 通信/芯片/光互联方向 · 2025最低分597 | 就业率95%+</div>
|
|
</div>
|
|
<div class="scores"><div class="big">597</div><div class="label">2025分数线 · 保底方向</div></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |