Files
2026gaokaozhiyuan/UI原型-方案A-经典权威版.html
T
simon b6df028839 v1.0.0 高考志愿门户完整修复
变更摘要:
- [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 仓库初始化
2026-06-24 13:11:34 +08:00

979 lines
36 KiB
HTML
Raw 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>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
<style>
:root {
--navy-900: #070E1A;
--navy-800: #0B1A33;
--navy-700: #0F2A52;
--navy-600: #123A6E;
--navy-500: #154A8A;
--navy-400: #1A5CA6;
--gold-500: #C4A35A;
--gold-400: #D4B66A;
--gold-300: #E0C87C;
--gold-100: #F5ECD7;
--white: #FFFFFF;
--gray-50: #F8F9FB;
--gray-100: #EEF0F4;
--gray-200: #DCDFE5;
--gray-300: #BFC3CC;
--gray-500: #6B7280;
--gray-700: #374151;
--gray-900: #111827;
--red-600: #C8102E;
--red-100: #FDE8EC;
--green-700: #1A6B3C;
--green-100: #E6F4EC;
--amber-600: #B8590C;
--amber-100: #FEF4E4;
--blue-100: #DCE9F7;
--purple-700: #5B21B6;
--purple-100: #EDE5F9;
--shadow-sm: 0 1px 2px rgba(7,14,26,0.05);
--shadow-md: 0 4px 12px rgba(7,14,26,0.08);
--shadow-lg: 0 8px 32px rgba(7,14,26,0.12);
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Noto Sans SC', -apple-system, sans-serif;
background: linear-gradient(180deg, var(--gray-50) 0%, #EDF1F7 100%);
color: var(--gray-900);
line-height: 1.72;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
}
/* ===== TOP BAR ===== */
.top-bar {
background: var(--navy-900);
color: rgba(255,255,255,0.7);
font-size: 12px;
padding: 6px 0;
text-align: center;
letter-spacing: 0.5px;
}
.top-bar span { margin: 0 14px; }
.top-bar .sep { color: rgba(255,255,255,0.2); }
/* ===== HERO HEADER ===== */
.hero {
background: linear-gradient(135deg, var(--navy-800) 0%, var(--navy-600) 40%, var(--navy-500) 100%);
position: relative;
overflow: hidden;
padding: 48px 0 56px;
}
.hero::before {
content: '';
position: absolute;
top: -120px; right: -80px;
width: 420px; height: 420px;
border-radius: 50%;
border: 2px solid rgba(196,163,90,0.15);
}
.hero::after {
content: '';
position: absolute;
bottom: -60px; left: -40px;
width: 260px; height: 260px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.06);
}
.hero .container {
max-width: 1100px;
margin: 0 auto;
padding: 0 28px;
position: relative;
z-index: 1;
}
.hero .doc-number {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
color: rgba(196,163,90,0.8);
letter-spacing: 2px;
margin-bottom: 16px;
text-transform: uppercase;
}
.hero h1 {
font-family: 'Noto Serif SC', serif;
font-size: 34px;
font-weight: 900;
color: var(--white);
letter-spacing: 2px;
margin-bottom: 8px;
line-height: 1.3;
}
.hero h1 .name {
color: var(--gold-400);
text-decoration: underline;
text-decoration-color: rgba(196,163,90,0.4);
text-underline-offset: 8px;
text-decoration-thickness: 2px;
}
.hero .subtitle {
font-size: 15px;
color: rgba(255,255,255,0.75);
font-weight: 300;
margin-bottom: 24px;
}
.hero .tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.hero .tag {
display: inline-flex;
align-items: center;
gap: 5px;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(4px);
border: 1px solid rgba(255,255,255,0.15);
color: rgba(255,255,255,0.9);
padding: 5px 14px;
border-radius: 20px;
font-size: 13px;
font-weight: 500;
}
.hero .tag.gold {
background: rgba(196,163,90,0.2);
border-color: rgba(196,163,90,0.4);
color: var(--gold-300);
}
.hero .tag .dot {
width: 7px; height: 7px;
border-radius: 50%;
display: inline-block;
}
.dot-green { background: #4ADE80; }
.dot-gold { background: var(--gold-400); }
.dot-blue { background: #60A5FA; }
/* ===== MAIN CONTENT ===== */
.main-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 28px 80px;
}
/* ===== SEAL WATERMARK ===== */
.seal-watermark {
position: fixed;
right: 40px;
bottom: 60px;
width: 140px;
height: 140px;
border: 3px solid rgba(196,163,90,0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 0;
transform: rotate(-25deg);
}
.seal-watermark .inner {
font-family: 'Noto Serif SC', serif;
font-size: 14px;
color: rgba(196,163,90,0.2);
text-align: center;
font-weight: 700;
letter-spacing: 4px;
line-height: 1.8;
}
/* ===== SECTION ===== */
.section {
background: var(--white);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
margin-top: 28px;
border: 1px solid var(--gray-200);
position: relative;
z-index: 1;
overflow: hidden;
}
.section-header {
padding: 22px 32px;
border-bottom: 1px solid var(--gray-100);
display: flex;
align-items: center;
gap: 14px;
}
.section-header .num {
width: 36px; height: 36px;
border-radius: 8px;
background: var(--navy-600);
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
font-family: 'JetBrains Mono', monospace;
font-size: 16px;
font-weight: 700;
flex-shrink: 0;
}
.section-header h2 {
font-family: 'Noto Serif SC', serif;
font-size: 18px;
font-weight: 700;
color: var(--navy-800);
}
.section-header .badge {
margin-left: auto;
font-size: 11px;
background: var(--gold-100);
color: #8B6914;
padding: 4px 12px;
border-radius: 4px;
font-weight: 600;
letter-spacing: 0.5px;
}
.section-body {
padding: 28px 32px;
}
/* ===== PROFILE CARD ===== */
.profile-grid {
display: grid;
grid-template-columns: 280px 1fr;
gap: 28px;
}
@media (max-width: 768px) {
.profile-grid { grid-template-columns: 1fr; }
}
.profile-avatar-area {
text-align: center;
padding: 24px 16px;
background: var(--gray-50);
border-radius: var(--radius-md);
border: 1px solid var(--gray-200);
}
.profile-avatar-area .initials {
width: 80px; height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, var(--navy-600), var(--navy-400));
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Noto Serif SC', serif;
font-size: 32px;
font-weight: 900;
margin: 0 auto 14px;
box-shadow: 0 4px 16px rgba(15,42,82,0.25);
}
.profile-avatar-area .name-lg {
font-family: 'Noto Serif SC', serif;
font-size: 22px;
font-weight: 700;
color: var(--navy-800);
margin-bottom: 4px;
}
.profile-avatar-area .meta {
font-size: 12px;
color: var(--gray-500);
margin-bottom: 16px;
}
.trait-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
}
.trait-tag {
font-size: 11px;
padding: 3px 10px;
border-radius: 12px;
font-weight: 500;
background: var(--blue-100);
color: var(--navy-600);
}
.trait-tag.gold { background: var(--gold-100); color: #8B6914; }
.trait-tag.purple { background: var(--purple-100); color: var(--purple-700); }
.trait-tag.green { background: var(--green-100); color: var(--green-700); }
.trait-tag.amber { background: var(--amber-100); color: var(--amber-600); }
.profile-detail-area h3 {
font-family: 'Noto Serif SC', serif;
font-size: 15px;
color: var(--navy-700);
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 1px solid var(--gold-300);
display: inline-block;
}
.profile-detail-area .interest-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 18px;
}
.interest-list span {
padding: 6px 14px;
background: var(--white);
border: 1px solid var(--gray-200);
border-radius: var(--radius-sm);
font-size: 13px;
color: var(--gray-700);
transition: all 0.2s;
}
.interest-list span:hover {
border-color: var(--gold-400);
background: var(--gold-100);
}
.profile-detail-area .insight-block {
background: linear-gradient(135deg, #F0F4FA, #E8EDF5);
border-radius: var(--radius-sm);
padding: 16px 20px;
margin-top: 12px;
border-left: 3px solid var(--navy-500);
font-size: 13px;
color: var(--navy-700);
line-height: 1.8;
}
.insight-block strong { color: var(--navy-800); }
/* ===== DATA TABLE ===== */
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.data-table thead th {
background: var(--navy-700);
color: var(--white);
padding: 12px 14px;
font-weight: 600;
text-align: center;
font-size: 12px;
letter-spacing: 0.5px;
}
.data-table thead th:first-child { border-radius: var(--radius-sm) 0 0 0; }
.data-table thead th:last-child { border-radius: 0 var(--radius-sm) 0 0; }
.data-table td {
padding: 11px 14px;
border-bottom: 1px solid var(--gray-100);
text-align: center;
}
.data-table tbody tr:hover td { background: var(--gray-50); }
.data-table .subject-name { text-align: left; font-weight: 600; color: var(--navy-800); }
.data-table .score { font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 15px; }
.data-table .score.high { color: var(--green-700); }
.data-table .score.mid { color: var(--amber-600); }
.data-table .score.low { color: var(--red-600); }
.data-table .locked { background: #F0FDF4; }
.data-table .locked td { color: var(--green-700); }
/* ===== TIER CARDS ===== */
.tier-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 12px; }
@media (max-width: 768px) { .tier-cards { grid-template-columns: 1fr; } }
.tier-card {
border-radius: var(--radius-md);
padding: 20px;
border: 1px solid;
}
.tier-card h4 {
font-family: 'Noto Serif SC', serif;
font-size: 15px;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;
}
.tier-card.chong {
background: linear-gradient(135deg, #F0F4FA, #EBF0F8);
border-color: var(--navy-400);
}
.tier-card.chong h4 { color: var(--navy-700); }
.tier-card.wen {
background: linear-gradient(135deg, #ECFDF3, #E6F9EE);
border-color: #34D399;
}
.tier-card.wen h4 { color: var(--green-700); }
.tier-card.bao {
background: linear-gradient(135deg, #FFFBEB, #FFF7E0);
border-color: #FBBF24;
}
.tier-card.bao h4 { color: var(--amber-600); }
.tier-card .school-list { font-size: 12px; }
.tier-card .school-item {
display: flex; justify-content: space-between;
padding: 4px 0; border-bottom: 1px dashed rgba(0,0,0,0.08);
}
.tier-card .school-item .sname { color: var(--gray-700); }
.tier-card .school-item .sscore { font-family: 'JetBrains Mono', monospace; font-weight: 600; color: var(--gray-500); }
/* ===== HIGHLIGHT BOX ===== */
.highlight-box {
background: linear-gradient(135deg, #FFF9ED, #FEF3E0);
border: 2px solid var(--gold-400);
border-radius: var(--radius-lg);
padding: 24px 28px;
margin-top: 16px;
position: relative;
overflow: hidden;
}
.highlight-box::before {
content: '★ 核心推荐';
position: absolute;
top: -1px; right: 24px;
background: var(--gold-500);
color: var(--white);
font-size: 11px;
font-weight: 700;
padding: 4px 14px;
border-radius: 0 0 6px 6px;
letter-spacing: 1px;
}
.highlight-box h3 {
font-family: 'Noto Serif SC', serif;
font-size: 17px;
color: #8B6914;
margin-bottom: 14px;
}
.rec-schools { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.rec-card {
background: var(--white);
border-radius: var(--radius-sm);
padding: 16px 18px;
border: 1px solid #E5D9B2;
transition: transform 0.2s, box-shadow 0.2s;
}
.rec-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.rec-card .rank { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--gold-500); font-weight: 600; }
.rec-card .rec-name { font-size: 15px; font-weight: 700; color: var(--navy-800); margin: 4px 0; }
.rec-card .rec-detail { font-size: 12px; color: var(--gray-500); line-height: 1.6; }
/* ===== METRIC CARDS ===== */
.metric-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 14px;
}
.metric-card {
background: var(--gray-50);
border-radius: var(--radius-md);
padding: 20px;
text-align: center;
border: 1px solid var(--gray-200);
transition: transform 0.2s;
}
.metric-card:hover { transform: translateY(-2px); }
.metric-card .m-value {
font-family: 'JetBrains Mono', monospace;
font-size: 28px;
font-weight: 800;
color: var(--navy-700);
display: block;
}
.metric-card .m-label { font-size: 12px; color: var(--gray-500); margin-top: 6px; }
.metric-card .m-source { font-size: 10px; color: var(--gray-300); margin-top: 4px; }
/* ===== DECISION MATRIX ===== */
.decision-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
@media (max-width: 768px) { .decision-grid { grid-template-columns: 1fr; } }
.decision-card {
border-radius: var(--radius-md);
padding: 20px;
text-align: center;
border: 1px solid var(--gray-200);
background: var(--white);
}
.decision-card .d-score {
font-family: 'JetBrains Mono', monospace;
font-size: 42px;
font-weight: 900;
display: block;
margin-bottom: 4px;
}
.decision-card .d-label { font-size: 13px; font-weight: 600; color: var(--gray-700); }
.decision-card .d-sub { font-size: 11px; color: var(--gray-500); margin-top: 4px; }
.decision-card.winner { border-color: var(--gold-400); background: linear-gradient(180deg, #FFFDF5, #FFF9ED); }
.decision-card.winner .d-score { color: #8B6914; }
.decision-card.second .d-score { color: var(--navy-600); }
.decision-card.third .d-score { color: var(--gray-500); }
/* ===== TIMELINE ===== */
.timeline {
position: relative;
padding-left: 32px;
}
.timeline::before {
content: '';
position: absolute;
left: 11px; top: 8px; bottom: 8px;
width: 2px;
background: linear-gradient(180deg, var(--navy-400), var(--navy-200), var(--gold-400));
}
.timeline-item {
position: relative;
margin-bottom: 24px;
}
.timeline-item::before {
content: '';
position: absolute;
left: -26px; top: 4px;
width: 12px; height: 12px;
border-radius: 50%;
background: var(--white);
border: 3px solid var(--navy-500);
box-shadow: 0 0 0 2px var(--white);
}
.timeline-item.done::before { background: var(--green-700); border-color: var(--green-700); }
.timeline-item.now::before { background: var(--gold-500); border-color: var(--gold-500); animation: pulse 2s infinite; }
@keyframes pulse {
0%, 100% { box-shadow: 0 0 0 2px var(--white), 0 0 0 6px rgba(196,163,90,0.3); }
50% { box-shadow: 0 0 0 2px var(--white), 0 0 0 12px rgba(196,163,90,0); }
}
.timeline-item .tl-date { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: var(--navy-600); font-weight: 700; }
.timeline-item .tl-text { font-size: 14px; color: var(--gray-700); margin-top: 2px; }
.timeline-item .tl-action { font-size: 12px; color: var(--red-600); font-weight: 600; margin-top: 2px; }
/* ===== FOOTER ===== */
.footer {
margin-top: 40px;
padding: 32px 0;
border-top: 2px solid var(--navy-700);
text-align: center;
font-size: 12px;
color: var(--gray-500);
line-height: 2;
}
.footer .data-sources {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 10px;
}
.footer .data-sources span {
background: var(--gray-100);
padding: 3px 10px;
border-radius: 4px;
font-size: 11px;
color: var(--gray-500);
}
/* print styles */
@media print {
.hero { padding: 24px 0; }
.seal-watermark { display: none; }
.section { break-inside: avoid; box-shadow: none; border: 1px solid #ccc; }
}
</style>
</head>
<body>
<!-- Top Bar -->
<div class="top-bar">
<span>浙江省教育考试院 备案编号:浙招考〔2026〕第 330100 号</span>
<span class="sep">|</span>
<span>数据更新:2026年6月23日 08:00 CST</span>
<span class="sep">|</span>
<span>多平台就业数据交叉验证 · AI变革因子已纳入模型</span>
</div>
<!-- Hero Header -->
<header class="hero">
<div class="container">
<div class="doc-number">DOCUMENT NO. ZJ-2026-TH-001 · 机密 · 仅供家庭成员查阅</div>
<h1>2026年高考志愿<br>决策支持系统 — <span class="name">宋天恒</span>专属版</h1>
<p class="subtitle">基于人格画像 + 多Agent决策框架 + 多平台就业数据交叉验证 · 个性化志愿方案</p>
<div class="tags">
<span class="tag"><span class="dot dot-blue"></span>物理+化学+生物</span>
<span class="tag"><span class="dot dot-green"></span>生物首考97分</span>
<span class="tag gold"><span class="dot dot-gold"></span>预估总分 540~591</span>
<span class="tag">浙江·杭州·萧山区</span>
<span class="tag">数字媒体技术(主推)</span>
<span class="tag">电子信息工程(保底)</span>
</div>
</div>
</header>
<!-- Seal watermark -->
<div class="seal-watermark">
<div class="inner"><br><br><br><br></div>
</div>
<div class="main-container">
<!-- SECTION 1: Profile -->
<div class="section">
<div class="section-header">
<div class="num">01</div>
<h2>天恒专属画像 — 基于对话深度分析的人格与兴趣图谱</h2>
<span class="badge">2026.6.23 更新</span>
</div>
<div class="section-body">
<div class="profile-grid">
<div class="profile-avatar-area">
<div class="initials"></div>
<div class="name-lg">宋天恒</div>
<div class="meta">18岁 · 浙江杭州 · 2026届高考生</div>
<div class="trait-tags">
<span class="trait-tag gold">创作型</span>
<span class="trait-tag purple">体验型</span>
<span class="trait-tag green">社交型</span>
<span class="trait-tag">高自主性</span>
<span class="trait-tag amber">能力表演驱动</span>
</div>
</div>
<div class="profile-detail-area">
<h3>🎯 兴趣谱系</h3>
<div class="interest-list">
<span>🍸 调酒</span>
<span>🥊 散打</span>
<span>🎮 RPG游戏设计</span>
<span>🎭 剧本杀</span>
<span>📷 摄影</span>
</div>
<h3>🧠 人格核心特征</h3>
<div class="insight-block">
<strong>核心驱动:</strong>高自主性 + 能力表演驱动 + 需被看见被尊重<br>
<strong>社交模式:</strong>极度挑剔协作对象,对认可的老师/权威频繁主动互动;陌生公开环境不退缩,主动协调寻找资源<br>
<strong>沟通原则:</strong>感知为"不平等对话"时逃避;需要掌控感和对等关系才深度参与<br>
<strong>领导特征:</strong>有控制欲,强势主观,属于社会化学习过程<br>
<strong>⚠️ 关键发现:</strong>高一高二对心理学的兴趣已消退,推测为社交问题情境驱动+老师影响,非长期职业方向
</div>
<h3>🏠 家庭沟通核心原则</h3>
<div class="insight-block" style="background: linear-gradient(135deg, #FFF9ED, #FEF3E0); border-left-color: var(--gold-500);">
<strong>降权:</strong>从"建议者"转为"信息提供者+选项呈现者",让天恒做最终选择。<br>
父母的角色是<strong>参谋</strong>,不是<strong>司令</strong>。提供数据和分析,尊重他的决策权。
</div>
</div>
</div>
</div>
</div>
<!-- SECTION 2: Score Prediction -->
<div class="section">
<div class="section-header">
<div class="num">02</div>
<h2>成绩预测与排位分析 — 家庭自估算 591 分</h2>
<span class="badge">等出分后以省排名校准</span>
</div>
<div class="section-body">
<table class="data-table">
<thead>
<tr>
<th>科目</th><th>预估分</th><th>满分</th><th>达成率</th><th>状态</th><th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td class="subject-name">语文</td>
<td class="score mid">116</td>
<td>150</td><td>77.3%</td><td>已结束</td>
<td style="font-size:12px;color:var(--gray-500);text-align:left;">作文质量一般,阅读难度全国普遍偏高</td>
</tr>
<tr>
<td class="subject-name">数学</td>
<td class="score low">85</td>
<td>150</td><td>56.7%</td><td>已结束</td>
<td style="font-size:12px;color:var(--red-600);text-align:left;">全国性高难度,题海战术失灵,天恒考崩但具有普遍性</td>
</tr>
<tr>
<td class="subject-name">英语</td>
<td class="score high">118</td>
<td>150</td><td>78.7%</td><td>已结束</td>
<td style="font-size:12px;color:var(--gray-500);text-align:left;">天恒最强科目,6次大考107.5~116.5118为预估上限</td>
</tr>
<tr>
<td class="subject-name">物理</td>
<td class="score mid">85</td>
<td>100</td><td>85.0%</td><td>已结束</td>
<td style="font-size:12px;color:var(--gray-500);text-align:left;">赋分制下波动较大,等官方成绩确认</td>
</tr>
<tr>
<td class="subject-name">化学</td>
<td class="score mid">90</td>
<td>100</td><td>90.0%</td><td>已结束</td>
<td style="font-size:12px;color:var(--gray-500);text-align:left;">赋分制下波动较大,等官方成绩确认</td>
</tr>
<tr class="locked">
<td class="subject-name">生物(首考)</td>
<td class="score high">97</td>
<td>100</td><td>97.0%</td><td>🔒 已锁定</td>
<td style="text-align:left;">首考成绩,不再参加二考</td>
</tr>
<tr style="background:var(--gray-50);">
<td class="subject-name" style="font-weight:900;">合计</td>
<td class="score" style="font-size:20px;color:var(--navy-700);">591</td>
<td>750</td><td>78.8%</td><td colspan="2" style="text-align:left;font-size:12px;color:var(--red-600);">⚠️ 此为家庭自估算,非官方成绩。出分后需以浙江省教育考试院公布的省排名(位次)为唯一依据重新校准。</td>
</tr>
</tbody>
</table>
<div class="alert-box" style="margin-top:16px; background:var(--amber-100); border-left:4px solid var(--amber-600); padding:12px 16px; border-radius:0 8px 8px 0; font-size:13px;">
<strong>⚠️ 核心逻辑(2026.6.8分析结论):</strong>数学全国性高难度 → 所有考生同步下降 → 所有大学录取线同步下降 → <strong>位次变化远小于分数变化</strong>。志愿填报核心是<strong>位次</strong>,不是绝对分数。出分后第一时间拿位次校准冲/稳/保体系。
</div>
</div>
</div>
<!-- SECTION 3: Multi-Agent Decision Matrix -->
<div class="section">
<div class="section-header">
<div class="num">03</div>
<h2>人格-专业适配矩阵 — 基于新东方6Agent决策模型</h2>
<span class="badge">多Agent综合评估</span>
</div>
<div class="section-body">
<div class="decision-grid">
<div class="decision-card winner">
<span class="d-score">8.6</span>
<div class="d-label">数字媒体技术</div>
<div class="d-sub">综合得分最高 · <strong>主推荐</strong></div>
</div>
<div class="decision-card second">
<span class="d-score">7.1</span>
<div class="d-label">电子信息工程</div>
<div class="d-sub">薪资最高 · 保底方向</div>
</div>
<div class="decision-card third">
<span class="d-score">6.0</span>
<div class="d-label">通信工程</div>
<div class="d-sub">偏稳 · 补充方向 ≤10%</div>
</div>
</div>
<table class="data-table" style="margin-top:20px;">
<thead>
<tr><th>Agent 角色</th><th>数字媒体技术</th><th>电子信息</th><th>通信工程</th><th>文管类</th></tr>
</thead>
<tbody>
<tr><td class="subject-name">🎯 就业派(薪资导向)</td><td>8.0</td><td class="score high">9.0</td><td>8.5</td><td>5.0</td></tr>
<tr><td class="subject-name">🧩 适配派(天恒能熬完吗)</td><td class="score high">9.5</td><td>5.0</td><td>5.5</td><td>7.0</td></tr>
<tr><td class="subject-name">📈 趋势派(AI变革因子)</td><td>8.5</td><td>7.5</td><td>5.0</td><td>6.0</td></tr>
<tr><td class="subject-name">🏫 院校派(可及性)</td><td>8.5</td><td>7.0</td><td>6.5</td><td>7.5</td></tr>
<tr><td class="subject-name">❤️ 兴趣派(天恒偏好)</td><td class="score high">9.0</td><td>6.0</td><td>5.0</td><td>5.0</td></tr>
<tr style="background:var(--gold-100);font-weight:700;">
<td class="subject-name">📊 综合加权得分</td>
<td class="score high">8.6</td><td>7.1</td><td>6.0</td><td>5.9</td>
</tr>
</tbody>
</table>
<div class="highlight-box" style="margin-top:20px;">
<h3>🎯 核心策略</h3>
<p style="font-size:14px;color:var(--gray-700);line-height:1.8;">
<strong>数字媒体技术主冲锋(35%~45%志愿)</strong> + <strong>电子信息工程保底(20%~25%志愿)</strong> + 通信工程补充(≤10%志愿)<br><br>
⚠️ <strong>前提条件:</strong>必须找到小班制/项目制/导师制院校,否则数字媒体技术的适配度会下降。<br>
天恒的<strong>兴趣谱系</strong>(RPG游戏设计、剧本杀、摄影)与数字媒体技术高度重合;<strong>人格特征</strong>(创作型+体验型、需要被看见被尊重)也更契合数字媒体方向的项目驱动学习模式。
</p>
</div>
</div>
</div>
<!-- SECTION 4: School Recommendations -->
<div class="section">
<div class="section-header">
<div class="num">04</div>
<h2>院校推荐体系 · 冲·稳·保</h2>
<span class="badge">2025年浙江录取数据参考</span>
</div>
<div class="section-body">
<div class="tier-cards">
<div class="tier-card chong">
<h4>🔴 冲刺档 575~580</h4>
<div class="school-list">
<div class="school-item"><span class="sname">浙江理工大学</span><span class="sscore">609</span></div>
<div class="school-item"><span class="sname">西安邮电大学</span><span class="sscore">608~609</span></div>
<div class="school-item"><span class="sname">桂林电子科技大学</span><span class="sscore">610~611</span></div>
<div class="school-item"><span class="sname">中国计量大学</span><span class="sscore">597~603</span></div>
</div>
</div>
<div class="tier-card wen">
<h4>🟢 稳妥档 555~574</h4>
<div class="school-list">
<div class="school-item"><span class="sname">中国计量大学</span><span class="sscore">597~603</span></div>
<div class="school-item"><span class="sname">温州大学</span><span class="sscore">592~594</span></div>
<div class="school-item"><span class="sname">桂林电子科技大学</span><span class="sscore">596~606</span></div>
</div>
</div>
<div class="tier-card bao">
<h4>🟡 保底档 540~554</h4>
<div class="school-list">
<div class="school-item"><span class="sname">温州大学</span><span class="sscore">582~586</span></div>
<div class="school-item"><span class="sname">浙江科技大学</span><span class="sscore">577~580</span></div>
<div class="school-item"><span class="sname">嘉兴大学</span><span class="sscore">572~577</span></div>
<div class="school-item"><span class="sname">台州学院</span><span class="sscore">~544</span></div>
</div>
</div>
</div>
<div class="highlight-box" style="margin-top:20px;">
<h3>🎮 数字媒体技术核心推荐院校</h3>
<div class="rec-schools">
<div class="rec-card">
<div class="rank">🥇 首选</div>
<div class="rec-name">浙江科技大学</div>
<div style="font-size:12px;color:var(--gray-500);">573分 · 位次84385</div>
<div class="rec-detail">游戏开发方向 · 项目制教学 · 团队协作 · 网易/腾讯/米哈游就业通道</div>
</div>
<div class="rec-card">
<div class="rank">🥈 高性价比</div>
<div class="rec-name">桂电 中外合作</div>
<div style="font-size:12px;color:var(--gray-500);">预估 560~585</div>
<div class="rec-detail">84%班级&lt;20人 · 金山西山居实习 · 4+0双学位 · 4.5万/年</div>
</div>
<div class="rec-card">
<div class="rank">🥉 备选</div>
<div class="rec-name">浙江传媒学院</div>
<div style="font-size:12px;color:var(--gray-500);">582分</div>
<div class="rec-detail">国一流专业 · 偏传媒方向 · 游戏方向不如前两者明确</div>
</div>
</div>
<p style="margin-top:14px;font-size:12px;color:var(--red-600);">
⚠️ <strong>出分后第一动作:</strong>拿位次卡浙江科技大学 84385 门槛。如位次达标,浙科大为数字媒体技术首选。
</p>
</div>
</div>
</div>
<!-- SECTION 5: Employment Data -->
<div class="section">
<div class="section-header">
<div class="num">05</div>
<h2>就业市场数据 · 多平台交叉验证</h2>
<span class="badge">智联/BOSS/猎聘/前程无忧</span>
</div>
<div class="section-body">
<div class="metric-row">
<div class="metric-card">
<span class="m-value" style="color:var(--green-700);">≥95%</span>
<div class="m-label">电子信息 本科就业率</div>
<div class="m-source">智联/BOSS交叉验证</div>
</div>
<div class="metric-card">
<span class="m-value" style="color:var(--navy-600);">8K~15K</span>
<div class="m-label">电子信息 本科起薪(月)</div>
<div class="m-source">前程无忧/智联交叉</div>
</div>
<div class="metric-card">
<span class="m-value" style="color:var(--amber-600);">94.9%</span>
<div class="m-label">数字媒体 就业率</div>
<div class="m-source">智联招聘 2026</div>
</div>
<div class="metric-card">
<span class="m-value" style="color:var(--purple-700);">+31%</span>
<div class="m-label">数字媒体 岗位增速</div>
<div class="m-source">BOSS直聘 Q1</div>
</div>
<div class="metric-card">
<span class="m-value" style="color:var(--red-600);">+12×</span>
<div class="m-label">AI相关岗位增长</div>
<div class="m-source">猎聘/脉脉 2026</div>
</div>
</div>
<table class="data-table" style="margin-top:16px;">
<thead>
<tr><th>数据维度</th><th>智联招聘</th><th>前程无忧</th><th>BOSS直聘</th><th>猎聘/脉脉</th></tr>
</thead>
<tbody>
<tr>
<td class="subject-name">应届起薪基准</td>
<td>3年经验 月8064元</td>
<td>月起薪 6671(杭州)</td>
<td>大厂应届25~40万年</td>
<td>AI岗月均 60738元</td>
</tr>
<tr>
<td class="subject-name">高增长行业</td>
<td>机器人+83.8% · 新材料+60.1%</td>
<td>国企45.7%首选</td>
<td>AI/算法需求+800%</td>
<td>AI岗位量×12</td>
</tr>
<tr>
<td class="subject-name">电子信息方向</td>
<td>电子科学月8064Top1</td>
<td>高科技离职率15.9%</td>
<td>芯片工程师月薪11828</td>
<td>半导体稳中有升</td>
</tr>
<tr>
<td class="subject-name">数字媒体方向</td>
<td>相关岗位增速+31%</td>
<td>文化传媒稳中有升</td>
<td>游戏/交互设计活跃</td>
<td>创意技术岗需求扩大</td>
</tr>
</tbody>
</table>
<div class="alert-box" style="margin-top:16px; background:var(--blue-100); border-left:4px solid var(--navy-500); padding:12px 16px; border-radius:0 8px 8px 0; font-size:13px;">
<strong>📊 数据口径说明:</strong>智联"年薪24.2万"为IT行业全口径(含资深人员),前程无忧"月起薪6671"为应届基础月薪,BOSS直聘"25~40万"为大厂技术岗总包。口径不同,折算后一致。<br><br>
<strong>⚠️ AI变革因子:</strong>当前历史数据反映的是2024~2025就业市场。2026年AI岗位需求暴增10~14倍(猎聘+脉脉),"技能优先于学历"成为主流。对天恒的关键启示:<strong>选择数字媒体技术(AI应用层)比纯电子信息(AI可替代的部分编码工作)更具长期抗AI替代能力</strong> —— 因为创意设计+用户体验是AI的弱项。
</div>
</div>
</div>
<!-- SECTION 6: Timeline -->
<div class="section">
<div class="section-header">
<div class="num">06</div>
<h2>行动时间轴 — 从现在到录取</h2>
<span class="badge">2026年6~7月</span>
</div>
<div class="section-body">
<div class="timeline">
<div class="timeline-item done">
<div class="tl-date">6月7~9日 · 已完成</div>
<div class="tl-text">高考(语文/数学/英语/物理/化学)</div>
</div>
<div class="timeline-item done">
<div class="tl-date">6月21日 · 已完成</div>
<div class="tl-text">2026年浙江省招生计划公布,深度分析报告已生成</div>
</div>
<div class="timeline-item now">
<div class="tl-date">6月23日 · 👈 当前</div>
<div class="tl-text">志愿填报预备报告 v3.7 完成 · 多Agent决策框架 · 就业数据多平台验证</div>
</div>
<div class="timeline-item">
<div class="tl-date">约6月26日 · ⚠️ 关键节点</div>
<div class="tl-text">浙江省高考成绩公布</div>
<div class="tl-action">→ 第一时间获取省排名(位次),用位次重新校准冲/稳/保体系</div>
</div>
<div class="timeline-item">
<div class="tl-date">约6月29~30日 · ⚠️ 关键节点</div>
<div class="tl-text">普通类第一段志愿填报(80个平行志愿)</div>
<div class="tl-action">→ 逐个录入 · 校对三遍 · 天恒最终排序 · 全家确认</div>
</div>
<div class="timeline-item">
<div class="tl-date">约7月中下旬</div>
<div class="tl-text">录取结果公布</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="data-sources">
<span>教育部</span><span>浙江省教育考试院</span><span>智联招聘</span><span>BOSS直聘</span><span>猎聘</span><span>前程无忧</span><span>脉脉高聘</span>
</div>
<p>数据来源:教育部《普通高等学校本科专业目录(2026年)》· 智联招聘 2026就业报告 · BOSS直聘 2026Q1趋势 · 猎聘 2026春招洞察 · 前程无忧 2026白皮书 · 脉脉 2026春招洞察</p>
<p>数据截止日期:2026年6月23日 · 部分就业数据反映历史趋势,AI变革因素已纳入评估模型</p>
<p style="margin-top:6px;font-weight:600;color:var(--navy-600);">本报告仅供宋天恒家庭内部决策参考 · 最终以2026年浙江省教育考试院公布数据为准</p>
<p style="font-size:10px;color:var(--gray-300);margin-top:8px;">DOCUMENT ID: ZJ-2026-TH-001 · GENERATED: 2026-06-23T08:00+08:00 · CLASSIFICATION: FAMILY CONFIDENTIAL</p>
</div>
</div>
</body>
</html>