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 仓库初始化
196 lines
12 KiB
HTML
196 lines
12 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>高考志愿智能填报系统 - 方案C：温馨家庭版</title>
|
|
<style>
|
|
:root {
|
|
--warm-bg: #fefaf6;
|
|
--card-bg: #ffffff;
|
|
--primary: #7c3aed;
|
|
--primary-light: #ede9fe;
|
|
--accent: #f59e0b;
|
|
--success: #059669;
|
|
--text: #1f2937;
|
|
--text-soft: #6b7280;
|
|
--border: #f3e8d8;
|
|
--chong: #dc2626;
|
|
--wen: #059669;
|
|
--bao: #d97706;
|
|
}
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif; background: var(--warm-bg); color: var(--text); line-height: 1.7; }
|
|
|
|
/* 欢迎条 */
|
|
.welcome-bar { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fef3c7 100%); padding: 14px 24px; text-align: center; font-size: 14px; color: #92400e; font-weight: 600; }
|
|
.welcome-bar .heart { color: #ef4444; }
|
|
|
|
/* 头部 */
|
|
.header { padding: 32px 24px; text-align: center; position: relative; }
|
|
.header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #f59e0b, #7c3aed, #059669, #f59e0b); }
|
|
.header .icon-row { font-size: 36px; margin-bottom: 12px; }
|
|
.header h1 { font-size: 24px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
|
|
.header p { font-size: 14px; color: var(--text-soft); max-width: 520px; margin: 0 auto; line-height: 1.8; }
|
|
.header .trust-cards { display: flex; justify-content: center; gap: 16px; margin-top: 18px; flex-wrap: wrap; }
|
|
.header .trust-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 10px 16px; font-size: 12px; color: var(--text-soft); display: flex; align-items: center; gap: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
|
|
|
|
/* 主体 */
|
|
.main { max-width: 960px; margin: 0 auto; padding: 0 20px 60px; }
|
|
|
|
/* 用户画像区 */
|
|
.profile-banner { background: linear-gradient(135deg, #ede9fe, #fef3c7); border-radius: 14px; padding: 20px 24px; margin-bottom: 20px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
|
|
.profile-banner .avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #7c3aed, #a78bfa); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
|
|
.profile-banner .info { flex: 1; }
|
|
.profile-banner .info .name { font-size: 16px; font-weight: 700; }
|
|
.profile-banner .info .tags { font-size: 12px; color: var(--text-soft); margin-top: 2px; }
|
|
.profile-banner .quick-stat { text-align: center; padding: 0 16px; }
|
|
.profile-banner .quick-stat .v { font-size: 20px; font-weight: 800; color: var(--primary); }
|
|
.profile-banner .quick-stat .l { font-size: 11px; color: var(--text-soft); }
|
|
|
|
/* 步骤卡片 */
|
|
.card { background: var(--card-bg); border-radius: 14px; padding: 24px; margin-bottom: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border: 1px solid var(--border); }
|
|
.card .title { font-size: 16px; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
|
|
.card .title .emoji { font-size: 20px; }
|
|
|
|
/* 表单 */
|
|
.form-line { display: flex; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; align-items: flex-end; }
|
|
.field { flex: 1; min-width: 120px; }
|
|
.field label { display: block; font-size: 12px; font-weight: 600; color: var(--text-soft); margin-bottom: 4px; }
|
|
.field input, .field select { width: 100%; padding: 10px 14px; border: 1.5px solid var(--border); border-radius: 10px; font-size: 14px; font-family: inherit; background: #fefaf6; }
|
|
.field input:focus, .field select:focus { outline: none; border-color: var(--primary); background: #fff; }
|
|
.btn-go { background: linear-gradient(135deg, #7c3aed, #a78bfa); color: #fff; border: none; padding: 10px 28px; border-radius: 10px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit; flex-shrink: 0; }
|
|
|
|
/* 学校卡片 */
|
|
.sch-card { display: flex; gap: 14px; padding: 16px; border: 1.5px solid var(--border); border-radius: 12px; margin-bottom: 10px; transition: all 0.2s; cursor: pointer; align-items: flex-start; background: #fefaf6; }
|
|
.sch-card:hover { border-color: var(--primary); background: #fff; box-shadow: 0 3px 12px rgba(124,58,237,0.08); }
|
|
.sch-card.recommend { border-color: #f59e0b; background: #fffbeb; }
|
|
.sch-card .tier-dot { width: 12px; height: 12px; border-radius: 50%; margin-top: 4px; flex-shrink: 0; }
|
|
.dot-red { background: var(--chong); }
|
|
.dot-green { background: var(--success); }
|
|
.dot-amber { background: var(--bao); }
|
|
.sch-card .content { flex: 1; }
|
|
.sch-card .content .school-name { font-size: 14px; font-weight: 700; }
|
|
.sch-card .content .major-name { font-size: 13px; color: var(--primary); font-weight: 600; margin: 2px 0; }
|
|
.sch-card .content .details { font-size: 11px; color: var(--text-soft); }
|
|
.sch-card .action { text-align: right; flex-shrink: 0; }
|
|
.sch-card .action .score-big { font-size: 20px; font-weight: 800; }
|
|
.sch-card .action .tag { font-size: 11px; padding: 3px 8px; border-radius: 6px; font-weight: 600; display: inline-block; margin-top: 2px; }
|
|
.tag-rec { background: #fef3c7; color: #92400e; }
|
|
.tag-sec { background: #e5e7eb; color: #374151; }
|
|
|
|
/* 问答区 */
|
|
.qa-section { background: linear-gradient(135deg, #ecfdf5, #dbeafe); border-radius: 14px; padding: 20px 24px; margin-bottom: 18px; }
|
|
.qa-section .qa-title { font-size: 14px; font-weight: 700; margin-bottom: 12px; }
|
|
.qa-item { margin-bottom: 10px; }
|
|
.qa-item .q { font-size: 13px; font-weight: 600; color: var(--text); }
|
|
.qa-item .a { font-size: 12px; color: var(--text-soft); margin-top: 3px; padding-left: 16px; border-left: 2px solid var(--primary); }
|
|
|
|
.footer { text-align: center; padding: 20px; font-size: 11px; color: #bbb; border-top: 1px solid #f3e8d8; }
|
|
|
|
@media (max-width: 700px) { .form-line { flex-direction: column; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="welcome-bar"><span class="heart">❤️</span> 每一个选择，都是全家人共同的期待 — 我们陪你一起，认真对待这份人生答卷</div>
|
|
<div class="header">
|
|
<div class="icon-row">📘🎓✨</div>
|
|
<h1>天恒的高考志愿规划</h1>
|
|
<p>不追热门，只找最适合的。你的兴趣（RPG游戏设计 · 剧本杀 · 调酒 · 散打 · 摄影）和你的分数（预估591），我们已经准备好了专业方案。</p>
|
|
<div class="trust-cards">
|
|
<div class="trust-card">📊 智联招聘 · 2026就业报告</div>
|
|
<div class="trust-card">💼 BOSS直聘 · 实时薪资</div>
|
|
<div class="trust-card">🏛️ 浙江省教育考试院 · 官方数据</div>
|
|
<div class="trust-card">🧑🏫 峰哥 · 10年志愿规划经验</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main">
|
|
<!-- 画像 -->
|
|
<div class="profile-banner">
|
|
<div class="avatar">👦</div>
|
|
<div class="info">
|
|
<div class="name">天恒 · 2026届浙江高考</div>
|
|
<div class="tags">选科：物化生 · 生物97分✓ · 目标：数媒/电子信息</div>
|
|
</div>
|
|
<div class="quick-stat"><div class="v">591</div><div class="l">预估总分</div></div>
|
|
<div class="quick-stat"><div class="v">94.9%</div><div class="l">数媒就业率</div></div>
|
|
<div class="quick-stat"><div class="v">8.6</div><div class="l">综合匹配度</div></div>
|
|
</div>
|
|
|
|
<!-- 输入 -->
|
|
<div class="card">
|
|
<div class="title"><span class="emoji">🎯</span> 调整参数，精准匹配</div>
|
|
<div class="form-line">
|
|
<div class="field"><label>预估总分</label><input type="number" value="591"></div>
|
|
<div class="field"><label>省排名（如已知）</label><input type="number" placeholder="约72,000"></div>
|
|
<div class="field"><label>最看重什么？</label><select><option>兴趣匹配度优先</option><option>就业薪资优先</option><option>城市位置优先</option><option>综合平衡</option></select></div>
|
|
<button class="btn-go">重新匹配</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 结果 -->
|
|
<div class="card">
|
|
<div class="title"><span class="emoji">🏆</span> 为你定制的冲·稳·保方案</div>
|
|
|
|
<div class="sch-card recommend">
|
|
<div class="tier-dot dot-green"></div>
|
|
<div class="content">
|
|
<div class="school-name">浙江科技大学</div>
|
|
<div class="major-name">数字媒体技术（游戏开发方向）🥇 核心推荐</div>
|
|
<div class="details">📍 杭州 · 🏫 省属公办 · 👥 项目制+小班教学 · 🎮 网易/腾讯/米哈游校招 · 2025最低分573</div>
|
|
</div>
|
|
<div class="action"><div class="score-big">573</div><span class="tag tag-rec">🎯 稳妥 · 位次84385</span></div>
|
|
</div>
|
|
|
|
<div class="sch-card recommend">
|
|
<div class="tier-dot dot-green"></div>
|
|
<div class="content">
|
|
<div class="school-name">桂林电子科技大学（中外合作）</div>
|
|
<div class="major-name">数字媒体技术 · 4+0双学位 🥈 第二推荐</div>
|
|
<div class="details">📍 桂林 · 🏫 电子信息强校 · 👥 84%班级<20人 · 🎮 金山西山居实习 · 💰 4.5万/年</div>
|
|
</div>
|
|
<div class="action"><div class="score-big">560~585</div><span class="tag tag-rec">🎯 2026预估</span></div>
|
|
</div>
|
|
|
|
<div class="sch-card">
|
|
<div class="tier-dot dot-red"></div>
|
|
<div class="content">
|
|
<div class="school-name">浙江理工大学</div>
|
|
<div class="major-name">数字媒体技术</div>
|
|
<div class="details">📍 杭州 · 🏫 省属重点 · 2025最低分609 · 位次≈55000</div>
|
|
</div>
|
|
<div class="action"><div class="score-big">609</div><span class="tag tag-sec">冲刺档</span></div>
|
|
</div>
|
|
|
|
<div class="sch-card">
|
|
<div class="tier-dot dot-amber"></div>
|
|
<div class="content">
|
|
<div class="school-name">中国计量大学</div>
|
|
<div class="major-name">电子信息工程 · 保底方向</div>
|
|
<div class="details">📍 杭州 · 🏫 省属重点 · 🔧 通信/芯片/光互联 · 就业率95%+ · 2025最低分597</div>
|
|
</div>
|
|
<div class="action"><div class="score-big">597</div><span class="tag tag-sec">保底档</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 问答 -->
|
|
<div class="qa-section">
|
|
<div class="qa-title">💬 常见问题 — 家长最关心的</div>
|
|
<div class="qa-item">
|
|
<div class="q">❓ 数学不好，学电子信息会不会很吃力？</div>
|
|
<div class="a">电子信息确实需要数学基础（高数、线代、信号处理），但大部分院校的课程难度是渐进的。数字媒体技术方向对数学的要求低于纯电子信息——这也是我们把数媒作为主推荐的原因之一。如果走数媒的游戏开发/UI设计方向，核心能力是"技术+创意"，数学压力小得多。</div>
|
|
</div>
|
|
<div class="qa-item">
|
|
<div class="q">❓ 数字媒体技术毕业后好找工作吗？薪资怎么样？</div>
|
|
<div class="a">2025年数字媒体岗位招聘量同比增长31%，就业率94.9%。应届起薪8K-15K/月，3-5年经验可达15K-30K+。游戏行业（腾讯/网易/米哈游）对数媒人才需求尤其旺盛。同时这个专业也有互联网UI/UX、影视后期等多元出口。</div>
|
|
</div>
|
|
<div class="qa-item">
|
|
<div class="q">❓ 中外合作办学值不值？4.5万/年的学费划算吗？</div>
|
|
<div class="a">桂电中外合作4+0模式（不出国拿双学位），4.5万/年，4年总费用约18万。相比直接出国节省40-80万。如果天恒有读研计划，双学位+小班制对后续发展有明显优势。但前提是天恒自己对这个项目感兴趣。</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">我们相信：最好的志愿，是孩子自己选的志愿。我们的角色，是提供最好的信息和选项。© 2026 天恒高考志愿规划</div>
|
|
</body>
|
|
</html> |