|
|
@@ -0,0 +1,565 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN">
|
|
|
+<head>
|
|
|
+<meta charset="UTF-8">
|
|
|
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+<meta name="description" content="DAN专业心智测评——发展性神经认知评估，覆盖认知、心理、行为、学习、智力、青春期、职业7大报告包，科学评估孩子成长阶段，AI分析天赋倾向与发展潜力，纳入五维成长档案。">
|
|
|
+<meta property="og:title" content="DAN专业心智测评 · 产品介绍 — 浠艾福">
|
|
|
+<meta property="og:description" content="发展性神经认知评估，7大报告包按年龄精准匹配，从认知到职业规划全维度评估，AI生成个性化成长方案。">
|
|
|
+<meta property="og:type" content="article">
|
|
|
+<title>DAN专业心智测评 · 产品介绍 — 浠艾福</title>
|
|
|
+<style>
|
|
|
+ :root{--bg-card:#FFF;--bg-alt:#f0fdfa;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent:#0d9488;--accent-light:#ccfbf1;--blue:#1a5276;--blue-light:#eaf4fb;--green:#27ae60;--green-light:#f0fff4;--orange:#d35400;--orange-light:#fff4e6;--purple:#7c3aed;--purple-light:#f3e8ff;--teal:#0d9488;--teal-light:#ccfbf1;--rose:#e11d48;--rose-light:#fff1f2;--font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--max-width:900px;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,0.08);}
|
|
|
+ *{margin:0;padding:0;box-sizing:border-box}
|
|
|
+ body{font-family:var(--font);background:#f8fafc;color:var(--text-primary);line-height:1.8;font-size:16px}
|
|
|
+ .container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}
|
|
|
+ .hero{background:linear-gradient(135deg,#0a0e27 0%,#2a1a4e 40%,#7c3aed 100%);color:#fff;padding:5rem 1.5rem 3.5rem;text-align:center;position:relative;overflow:hidden;min-height:45vh;display:flex;align-items:center;justify-content:center}
|
|
|
+ .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(124,58,237,0.15) 0%,transparent 50%)}
|
|
|
+ .hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}
|
|
|
+ .hero-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:999px;padding:0.5rem 1.5rem;font-size:0.85rem;font-weight:500;margin-bottom:1.2rem;color:white}
|
|
|
+ .hero h1{font-size:2.2rem;font-weight:700;margin-bottom:0.8rem;line-height:1.3;color:white}
|
|
|
+ .hero p{font-size:1rem;opacity:0.85;max-width:600px;margin:0 auto;line-height:1.7;color:white}
|
|
|
+ .hero-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
|
|
|
+ .hero-stat{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:0.8rem 1.2rem;text-align:center;min-width:120px}
|
|
|
+ .hero-stat .num{font-size:1.6rem;font-weight:700;display:block;color:white}
|
|
|
+ .hero-stat .label{font-size:0.72rem;opacity:0.8;color:white}
|
|
|
+ section{padding:2rem 0}
|
|
|
+ section:nth-child(even){background:var(--bg-alt)}
|
|
|
+ h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}
|
|
|
+ h3{font-size:1.1rem;font-weight:600;margin:1.2rem 0 0.6rem;color:var(--text-primary)}
|
|
|
+ p{margin-bottom:0.8rem;color:var(--text-secondary);line-height:1.9;font-size:0.95rem}
|
|
|
+ strong{color:var(--text-primary)}
|
|
|
+ .card{background:white;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow);border-left:4px solid var(--accent)}
|
|
|
+ .card.blue{border-left-color:var(--blue)}.card.green{border-left-color:var(--green)}.card.orange{border-left-color:var(--orange)}.card.purple{border-left-color:var(--purple)}.card.teal{border-left-color:var(--teal)}
|
|
|
+ .card h3{margin-top:0}.card p:last-child{margin-bottom:0}
|
|
|
+ .highlight-box{background:var(--accent-light);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.2rem 0;border-left:4px solid var(--accent)}
|
|
|
+ .highlight-box p{margin-bottom:0.5rem}.highlight-box p:last-child{margin-bottom:0}
|
|
|
+ .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
|
|
|
+ .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0}
|
|
|
+ .feature-card{background:white;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid #e2e8f0;text-align:center}
|
|
|
+ .feature-card .icon{font-size:2rem;margin-bottom:0.5rem;display:block}
|
|
|
+ .feature-card h4{font-size:1rem;font-weight:700;margin-bottom:0.4rem}
|
|
|
+ .feature-card p{font-size:0.85rem;color:var(--text-muted);margin-bottom:0;line-height:1.5}
|
|
|
+ .step-list{list-style:none;counter-reset:step}
|
|
|
+ .step-list li{counter-increment:step;padding:0.8rem 0 0.8rem 2.5rem;position:relative;border-bottom:1px solid #e2e8f0;font-size:0.95rem;color:var(--text-secondary)}
|
|
|
+ .step-list li:last-child{border-bottom:none}
|
|
|
+ .step-list li::before{content:counter(step);position:absolute;left:0;top:0.8rem;width:1.8rem;height:1.8rem;background:var(--accent);color:#fff;border-radius:50%;font-size:0.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
|
|
|
+ .faq-item{padding:1rem 0;border-bottom:1px solid #e2e8f0}
|
|
|
+ .faq-item:last-child{border-bottom:none}
|
|
|
+ .faq-q{font-weight:600;color:var(--text-primary);margin-bottom:0.4rem;font-size:0.95rem}
|
|
|
+ .faq-a{font-size:0.9rem;color:var(--text-secondary);line-height:1.7}
|
|
|
+ .cta-box{text-align:center;background:linear-gradient(135deg,#0a0e27,#2a1a4e);border-radius:var(--radius);padding:2.5rem;margin:2rem 0;color:#fff}
|
|
|
+ .cta-box h3{color:#fff;font-size:1.3rem;margin-bottom:0.5rem}
|
|
|
+ .cta-box p{color:rgba(255,255,255,0.6);margin-bottom:1.5rem;font-size:0.95rem}
|
|
|
+ .cta-btn{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:0.8rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s}
|
|
|
+ .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(124,58,237,0.3)}
|
|
|
+ .cta-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,0.3);margin-left:1rem}
|
|
|
+ .cta-btn.secondary:hover{background:rgba(255,255,255,0.1);box-shadow:none}
|
|
|
+ .section-tag{display:inline-block;font-size:0.8rem;font-weight:600;letter-spacing:0.05em;margin-bottom:0.5rem;color:var(--accent)}
|
|
|
+ .site-footer{background:#1a1a3e;color:#fff;padding:2rem 0 0;margin-top:2rem}
|
|
|
+ .footer-inner{max-width:900px;margin:0 auto;padding:0 1.5rem 1.5rem;text-align:center}
|
|
|
+ .footer-inner p{color:rgba(255,255,255,0.5);font-size:0.8rem}
|
|
|
+
|
|
|
+ /* 报告包卡片 */
|
|
|
+ .pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}
|
|
|
+ .pkg-card{background:white;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid #e2e8f0;border-top:4px solid var(--accent)}
|
|
|
+ .pkg-card.purple{border-top-color:var(--purple)}.pkg-card.blue{border-top-color:var(--blue)}.pkg-card.green{border-top-color:var(--green)}.pkg-card.orange{border-top-color:var(--orange)}.pkg-card.teal{border-top-color:var(--teal)}
|
|
|
+ .pkg-card .pkg-tag{display:inline-block;background:var(--accent-light);color:#0f766e;font-size:0.72rem;font-weight:700;padding:0.15rem 0.6rem;border-radius:999px;margin-bottom:0.4rem}
|
|
|
+ .pkg-card.purple .pkg-tag{background:var(--purple-light);color:var(--purple)}
|
|
|
+ .pkg-card.blue .pkg-tag{background:var(--blue-light);color:var(--blue)}
|
|
|
+ .pkg-card.green .pkg-tag{background:var(--green-light);color:var(--green)}
|
|
|
+ .pkg-card.orange .pkg-tag{background:var(--orange-light);color:var(--orange)}
|
|
|
+ .pkg-card .pkg-age{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.4rem}
|
|
|
+ .pkg-card h4{font-size:1rem;font-weight:700;margin-bottom:0.4rem}
|
|
|
+ .pkg-card p{font-size:0.85rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6}
|
|
|
+
|
|
|
+ /* 套餐价格卡片 */
|
|
|
+ .plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}
|
|
|
+ .plan-card{background:white;border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;box-shadow:var(--shadow);border:2px solid #e2e8f0;position:relative;cursor:pointer;transition:all .2s}
|
|
|
+ .plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}
|
|
|
+ .plan-card.hot{border-color:var(--purple)}
|
|
|
+ .plan-card.hot::before{content:'最受欢迎';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:0.7rem;font-weight:600;padding:0.2rem 0.8rem;border-radius:999px;white-space:nowrap}
|
|
|
+ .plan-card .plan-name{font-size:0.95rem;font-weight:700;color:var(--text-primary);margin-bottom:0.2rem}
|
|
|
+ .plan-card .plan-sub{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.8rem}
|
|
|
+ .plan-card .plan-price{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:0.6rem}
|
|
|
+ .plan-card.purple-card .plan-price{color:var(--purple)}
|
|
|
+ .plan-card .plan-price small{font-size:0.85rem;font-weight:400;color:var(--text-muted)}
|
|
|
+ .plan-card .plan-feats{list-style:none;text-align:left;font-size:0.8rem;color:var(--text-secondary);line-height:1.9}
|
|
|
+ .plan-card .plan-feats li{padding-left:1.2rem;position:relative}
|
|
|
+ .plan-card .plan-feats li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700}
|
|
|
+ .plan-card.purple-card .plan-feats li::before{color:var(--purple)}
|
|
|
+ .plan-btn{display:block;width:100%;margin-top:1rem;padding:0.55rem;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all .2s}
|
|
|
+ .plan-card.purple-card .plan-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
|
|
|
+ .plan-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,184,166,0.3)}
|
|
|
+ .plan-card.purple-card .plan-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,0.3)}
|
|
|
+
|
|
|
+ /* 组合说明 */
|
|
|
+ .combo-box{background:white;border:1px dashed var(--accent);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.2rem 0;font-size:0.9rem;color:var(--text-secondary)}
|
|
|
+ .combo-box strong{color:var(--accent)}
|
|
|
+ .combo-box .combo-row{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.4rem}
|
|
|
+ .combo-chip{display:inline-block;background:var(--accent-light);color:#0f766e;border-radius:6px;padding:0.2rem 0.7rem;font-size:0.8rem;font-weight:600}
|
|
|
+ .combo-chip.purple{background:var(--purple-light);color:var(--purple)}
|
|
|
+ .combo-arrow{color:var(--text-muted);font-weight:700}
|
|
|
+
|
|
|
+ /* 底部固定支付栏 */
|
|
|
+ .sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-top:1px solid #e2e8f0;padding:0.8rem 1.5rem;z-index:999;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px rgba(0,0,0,0.06)}
|
|
|
+ .sticky-bar .price{font-size:1.5rem;font-weight:800;color:var(--purple)}
|
|
|
+ .sticky-bar .orig{font-size:0.85rem;color:var(--text-muted);text-decoration:line-through;margin-left:0.5rem}
|
|
|
+ .sticky-bar .label{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.1rem}
|
|
|
+ .sticky-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;padding:0.7rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
|
|
|
+ .sticky-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,0.3)}
|
|
|
+ body{padding-bottom:70px}
|
|
|
+
|
|
|
+ @media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.pkg-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}.hero-stats{flex-direction:column;align-items:center}}
|
|
|
+ @media(max-width:480px){.plan-grid{grid-template-columns:1fr}}
|
|
|
+</style>
|
|
|
+<link rel="stylesheet" href="../css/mobile.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<div class="hero">
|
|
|
+ <div class="hero-content">
|
|
|
+ <div class="hero-badge">🧠 专业心智测评 · 科学认识孩子</div>
|
|
|
+ <h1>DAN 专业心智测评</h1>
|
|
|
+ <p>发展性神经认知评估（Developmental Assessment of Neurocognition）——<br>科学评估孩子的认知、心理、行为与成长潜力，从根源读懂孩子</p>
|
|
|
+ <div class="hero-stats">
|
|
|
+ <div class="hero-stat"><span class="num">7大</span><span class="label">报告包类型</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">2个</span><span class="label">年龄段精准匹配</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">4档</span><span class="label">灵活套餐组合</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>什么是 DAN 专业心智测评？</h2>
|
|
|
+ <p>DAN（Developmental Assessment of Neurocognition，发展性神经认知评估）是一项面向儿童与青少年的专业心智测评体系，通过标准化评估工具，系统测量孩子的<b>认知能力、心理状态、行为模式、学习品质、智力结构、青春期挑战与职业倾向</b>，帮助家长科学认识孩子的成长阶段与发展潜力。</p>
|
|
|
+ <p>测评结果由专业测评师解读，结合 AI 智能分析，生成个性化成长报告，并自动纳入孩子的<b>五维成长档案</b>，为家庭教育与成长规划提供数据支撑。</p>
|
|
|
+
|
|
|
+ <div class="highlight-box">
|
|
|
+ <p><strong>核心价值：</strong>不是"贴标签"，而是"找方向"。DAN 测评用科学数据回答三个关键问题——孩子现在处于什么发展阶段？优势与短板在哪里？接下来应该如何规划？</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>7 大报告包 · 按年龄精准匹配</h2>
|
|
|
+ <p>DAN 测评提供 7 类面向家庭的报告包，覆盖 4-18 岁全成长阶段。每个报告包针对该年龄段的核心发展议题，评估内容各有侧重：</p>
|
|
|
+
|
|
|
+ <h3>🧒 10 岁前 · 认知与行为奠基期</h3>
|
|
|
+ <div class="pkg-grid">
|
|
|
+ <div class="pkg-card blue">
|
|
|
+ <span class="pkg-tag">A1 · 认知</span>
|
|
|
+ <div class="pkg-age">适用：10 岁前 | 儿童核心认知发展</div>
|
|
|
+ <h4>核心认知能力评估</h4>
|
|
|
+ <p>6 大认知维度：感知觉、注意力、记忆力、推理能力、空间能力、加工速度，全面评估儿童认知发展水平。</p>
|
|
|
+ </div>
|
|
|
+ <div class="pkg-card teal">
|
|
|
+ <span class="pkg-tag">B2 · 行为</span>
|
|
|
+ <div class="pkg-age">适用：10 岁前 | 儿童自我与家庭教养</div>
|
|
|
+ <h4>自我概念与行为评估</h4>
|
|
|
+ <p>自我概念 6 维（行为表现、能力与学校、躯体外貌、情绪状态、合群、幸福与满足）+ 儿童行为 8 维（品行、情绪、学习、社交、生活习惯、多动、刻板、拖延）。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3>🧑 10-18 岁 · 心理与能力发展期</h3>
|
|
|
+ <div class="pkg-grid">
|
|
|
+ <div class="pkg-card purple">
|
|
|
+ <span class="pkg-tag">A2 · 心</span>
|
|
|
+ <div class="pkg-age">适用：10-18 岁 | 心理健康评估</div>
|
|
|
+ <h4>心理与人格评估</h4>
|
|
|
+ <p>大五人格、社会关系、情绪状态、综合能力四大维度，深入理解孩子的心理特质与情绪管理能力。</p>
|
|
|
+ </div>
|
|
|
+ <div class="pkg-card orange">
|
|
|
+ <span class="pkg-tag">B4 · 智</span>
|
|
|
+ <div class="pkg-age">适用：10-18 岁 | 智力与自驱力</div>
|
|
|
+ <h4>自我概念与成长型思维</h4>
|
|
|
+ <p>自我概念、成长型思维、自驱力三大维度，评估孩子的内在动力系统与自主学习潜能。</p>
|
|
|
+ </div>
|
|
|
+ <div class="pkg-card green">
|
|
|
+ <span class="pkg-tag">B3 · 学习</span>
|
|
|
+ <div class="pkg-age">适用：10-18 岁 | 核心学习能力</div>
|
|
|
+ <h4>学习能力诊断</h4>
|
|
|
+ <p>执行功能 3 维（抑制控制、工作记忆、认知灵活性）+ 学习动机 3 维 + 学习策略 3 维，精准定位学习问题根源。</p>
|
|
|
+ </div>
|
|
|
+ <div class="pkg-card blue">
|
|
|
+ <span class="pkg-tag">B5 · 青春期</span>
|
|
|
+ <div class="pkg-age">适用：10-18 岁 | 青春期挑战</div>
|
|
|
+ <h4>青春期情绪与人际评估</h4>
|
|
|
+ <p>情绪调节策略（认知重评、表达抑制）+ 人际关系指南针 19 个子维度，帮助孩子平稳度过青春期。</p>
|
|
|
+ </div>
|
|
|
+ <div class="pkg-card purple">
|
|
|
+ <span class="pkg-tag">B6 · 职业</span>
|
|
|
+ <div class="pkg-age">适用：10-18 岁 | 职业发展探索</div>
|
|
|
+ <h4>职业兴趣与价值观评估</h4>
|
|
|
+ <p>Holland 职业兴趣 6 型 + 职业价值观评估，提前发现孩子的职业倾向，为选科与专业规划提供参考。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <p style="font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem;">* 另有 C1 校园标准版报告（含核心认知、大五人格、自驱力、自我概念综合评估），面向学校等机构，不面向家庭零售。</p>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>套餐选择 · 按需组合</h2>
|
|
|
+ <p>DAN 测评采用"报告包自由组合"模式，根据孩子所处阶段与关注重点，选择不同的包数组合：</p>
|
|
|
+
|
|
|
+ <div class="combo-box">
|
|
|
+ <div style="font-weight:700;margin-bottom:0.6rem;color:var(--text-primary)">🧩 组合规则</div>
|
|
|
+ <div class="combo-row"><span class="combo-chip">A1 认知</span><span class="combo-chip">B2 行为</span><span style="font-size:0.8rem;color:var(--text-muted)">→ 面向 <strong>10 岁前</strong>孩子的发展问题</span></div>
|
|
|
+ <div class="combo-row"><span class="combo-chip purple">A2 心</span><span class="combo-chip purple">B4 智</span><span class="combo-arrow">→</span><span class="combo-chip">B3 学习</span><span class="combo-chip">B5 青春期</span><span class="combo-chip">B6 职业</span><span style="font-size:0.8rem;color:var(--text-muted)">→ 面向 <strong>10-18 岁</strong>孩子</span></div>
|
|
|
+ <div style="font-size:0.8rem;color:var(--text-muted)">💡 两包组合以 <strong>A2 心 + B4 智</strong> 为黄金组合；三包可在两包基础上加选 B3 学习 / B5 青春期 / B6 职业；不同包类型面向不同阶段孩子的不同问题。</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="plan-grid">
|
|
|
+ <div class="plan-card" onclick="openPlan('单包套餐','699',69900,'1 个报告包','A1 认知 或 B2 行为（10 岁前）','A2 心 或 B4 智（10-18 岁）')">
|
|
|
+ <div class="plan-name">单包套餐</div>
|
|
|
+ <div class="plan-sub">1 个报告包</div>
|
|
|
+ <div class="plan-price">¥699</div>
|
|
|
+ <ul class="plan-feats">
|
|
|
+ <li>任选 1 个报告包</li>
|
|
|
+ <li>10 岁前：A1 认知 / B2 行为</li>
|
|
|
+ <li>10-18 岁：A2 心 / B4 智</li>
|
|
|
+ <li>专业报告 + AI 分析</li>
|
|
|
+ <li>纳入成长档案</li>
|
|
|
+ </ul>
|
|
|
+ <button class="plan-btn">选择此套餐</button>
|
|
|
+ </div>
|
|
|
+ <div class="plan-card hot purple-card" onclick="openPlan('双包组合','1280',128000,'2 个报告包','A2 心 + B4 智（黄金组合）','10 岁前可选 A1 + B2')">
|
|
|
+ <div class="plan-name">双包组合</div>
|
|
|
+ <div class="plan-sub">2 个报告包</div>
|
|
|
+ <div class="plan-price">¥1,280</div>
|
|
|
+ <ul class="plan-feats">
|
|
|
+ <li>A2 心 + B4 智 黄金组合</li>
|
|
|
+ <li>10 岁前：A1 + B2 组合</li>
|
|
|
+ <li>心理 × 智力 双维度交叉</li>
|
|
|
+ <li>专业报告 + AI 分析</li>
|
|
|
+ <li>规划师初步解读</li>
|
|
|
+ </ul>
|
|
|
+ <button class="plan-btn">选择此套餐</button>
|
|
|
+ </div>
|
|
|
+ <div class="plan-card purple-card" onclick="openPlan('三包进阶','1860',186000,'3 个报告包','A2 心 + B4 智 + 加选 1 包','可加选：B3 学习 / B5 青春期 / B6 职业')">
|
|
|
+ <div class="plan-name">三包进阶</div>
|
|
|
+ <div class="plan-sub">3 个报告包</div>
|
|
|
+ <div class="plan-price">¥1,860</div>
|
|
|
+ <ul class="plan-feats">
|
|
|
+ <li>A2 心 + B4 智 基础</li>
|
|
|
+ <li>加选 B3 学习 / B5 青春期 / B6 职业</li>
|
|
|
+ <li>覆盖学习问题或成长议题</li>
|
|
|
+ <li>专业报告 + AI 分析</li>
|
|
|
+ <li>规划师深度解读</li>
|
|
|
+ </ul>
|
|
|
+ <button class="plan-btn">选择此套餐</button>
|
|
|
+ </div>
|
|
|
+ <div class="plan-card" onclick="openPlan('四包旗舰','2390',239000,'4 个报告包','A2 心 + B4 智 + 加选 2 包','全面评估孩子成长状态')">
|
|
|
+ <div class="plan-name">四包旗舰</div>
|
|
|
+ <div class="plan-sub">4 个报告包</div>
|
|
|
+ <div class="plan-price">¥2,390</div>
|
|
|
+ <ul class="plan-feats">
|
|
|
+ <li>A2 心 + B4 智 基础</li>
|
|
|
+ <li>加选 2 个报告包</li>
|
|
|
+ <li>全面覆盖成长关键议题</li>
|
|
|
+ <li>专业报告 + AI 分析</li>
|
|
|
+ <li>规划师 1 对 1 深度解读</li>
|
|
|
+ </ul>
|
|
|
+ <button class="plan-btn">选择此套餐</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>测评流程</h2>
|
|
|
+ <ol class="step-list">
|
|
|
+ <li><strong>选择套餐</strong> — 根据孩子年龄与关注重点，选择适合的报告包组合套餐</li>
|
|
|
+ <li><strong>在线下单</strong> — 填写孩子信息完成支付，专业规划师将在 24 小时内与您联系</li>
|
|
|
+ <li><strong>预约测评</strong> — 规划师根据孩子情况安排测评时间与方式（线下 / 线上）</li>
|
|
|
+ <li><strong>完成测评</strong> — 由专业测评师执行标准化评估，记录测评数据与孩子快照</li>
|
|
|
+ <li><strong>获取报告</strong> — 生成专业测评报告，AI 分析 + 规划师解读，明确优势与成长建议</li>
|
|
|
+ <li><strong>纳入档案</strong> — 测评结果自动纳入五维成长档案，持续追踪成长变化</li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>谁需要做 DAN 测评？</h2>
|
|
|
+ <div class="grid-2">
|
|
|
+ <div class="card purple">
|
|
|
+ <h3>👶 10 岁前的孩子</h3>
|
|
|
+ <p>注意力不集中、坐不住、语言发展慢、社交退缩？A1 认知 + B2 行为双包评估，及早发现认知与行为发展问题，抓住干预黄金期。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card teal">
|
|
|
+ <h3>🧑 10-18 岁的青少年</h3>
|
|
|
+ <p>学习动力不足、情绪波动大、青春期叛逆、对未来迷茫？A2 心 + B4 智黄金组合，读懂心理状态与内在动力，科学引导成长。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card green">
|
|
|
+ <h3>📚 学习困难的孩子</h3>
|
|
|
+ <p>成绩不理想、偏科、作业拖拉？B3 学习包精准诊断执行功能与学习策略问题，找到"学不进去"的真正原因。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card blue">
|
|
|
+ <h3>🎯 即将选科/升学的孩子</h3>
|
|
|
+ <p>面临新高考选科、职业方向选择？B6 职业包通过 Holland 职业兴趣测评，提前发现天赋倾向，规划更从容。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>产品优势</h2>
|
|
|
+ <div class="grid-3">
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🎯</span>
|
|
|
+ <h4>科学评估体系</h4>
|
|
|
+ <p>标准化神经认知评估工具，覆盖认知、心理、行为、学习、智力、青春期、职业 7 大领域。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🤖</span>
|
|
|
+ <h4>AI 智能分析</h4>
|
|
|
+ <p>测评数据由 AI 自动分析，识别发展轨迹与潜在问题，生成个性化成长建议。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">👨🏫</span>
|
|
|
+ <h4>规划师解读</h4>
|
|
|
+ <p>专业成长规划师 1 对 1 解读报告，把数据翻译成可执行的养育方案。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">📊</span>
|
|
|
+ <h4>成长档案联动</h4>
|
|
|
+ <p>测评结果自动纳入五维成长档案，多期测评数据对比，成长轨迹一目了然。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🧩</span>
|
|
|
+ <h4>灵活组合</h4>
|
|
|
+ <p>4 档套餐自由组合报告包，按需选择，不花冤枉钱。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🔒</span>
|
|
|
+ <h4>隐私保护</h4>
|
|
|
+ <p>测评数据严格加密存储，仅用于成长评估与规划服务，保障家庭隐私安全。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>常见问题</h2>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">不同年龄段怎么选套餐？</div>
|
|
|
+ <div class="faq-a">10 岁前建议选择 A1 认知 + B2 行为（单包或双包组合）；10-18 岁以 A2 心 + B4 智为黄金组合，可按需加选 B3 学习、B5 青春期、B6 职业，最多 4 包。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">测评在哪里做？</div>
|
|
|
+ <div class="faq-a">由专业测评师执行，支持线下到店测评与线上测评两种方式。下单后规划师会根据孩子情况与您协商安排。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">报告多久能出？</div>
|
|
|
+ <div class="faq-a">测评完成后约 3-5 个工作日出具专业报告，含 AI 分析与规划师解读，电子版在线查看。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">测评结果会进成长档案吗？</div>
|
|
|
+ <div class="faq-a">会的。DAN 测评结果自动纳入孩子的五维成长档案，后续复测可对比成长变化，形成持续追踪。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">可以只测一个维度吗？</div>
|
|
|
+ <div class="faq-a">可以。699 元单包套餐即可选择任一报告包（10 岁前 A1/B2，10-18 岁 A2/B4）。如需更全面评估，建议选择双包及以上组合。</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<div class="container">
|
|
|
+ <div class="cta-box">
|
|
|
+ <h3>科学认识孩子，从 DAN 开始</h3>
|
|
|
+ <p>选择适合的套餐，让专业测评告诉你孩子真正的成长状态</p>
|
|
|
+ <a class="cta-btn" href="#plans" onclick="event.preventDefault();document.querySelector('.plan-grid').scrollIntoView({behavior:'smooth'})">查看套餐</a>
|
|
|
+ <a class="cta-btn secondary" href="#contact">扫码咨询</a>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 底部固定购买栏 -->
|
|
|
+<div class="sticky-bar">
|
|
|
+ <div>
|
|
|
+ <div class="label">DAN 专业心智测评</div>
|
|
|
+ <div><span class="price">¥699</span><span class="orig">起</span></div>
|
|
|
+ </div>
|
|
|
+ <button class="sticky-btn" onclick="document.querySelector('.plan-grid').scrollIntoView({behavior:'smooth'})">立即选购</button>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- Order Form Modal -->
|
|
|
+<div id="orderForm" style="position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity 0.2s;" onclick="if(event.target===this){this.style.visibility='hidden';this.style.opacity='0'}">
|
|
|
+ <div style="background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:90%;position:relative;">
|
|
|
+ <button style="position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#999" onclick="var f=document.getElementById('orderForm');f.style.visibility='hidden';f.style.opacity='0'">×</button>
|
|
|
+ <h3 id="orderTitle" style="margin-bottom:1.2rem;font-size:1.2rem;">DAN 专业心智测评 · 下单</h3>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">家长姓名</label>
|
|
|
+ <input id="orderName" type="text" placeholder="请输入您的姓名" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box">
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">手机号</label>
|
|
|
+ <input id="orderPhone" type="tel" placeholder="请输入手机号" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box">
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">孩子年龄</label>
|
|
|
+ <select id="orderChildAge" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box;background:#fff">
|
|
|
+ <option value="">请选择孩子年龄段</option>
|
|
|
+ <option value="0-10">10 岁前</option>
|
|
|
+ <option value="10-18">10-18 岁</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem;padding:0.8rem;background:#f0fdfa;border-radius:8px;display:flex;justify-content:space-between;align-items:center">
|
|
|
+ <span style="font-size:0.9rem;color:var(--text-secondary)">已选套餐</span>
|
|
|
+ <span id="orderPlanName" style="font-size:0.9rem;font-weight:600;color:var(--text-primary)">单包套餐</span>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1.2rem;padding:0.8rem;background:#f0fdfa;border-radius:8px;display:flex;justify-content:space-between;align-items:center">
|
|
|
+ <span style="font-size:0.9rem;color:var(--text-secondary)">合计</span>
|
|
|
+ <span id="orderAmount" style="font-size:1.5rem;font-weight:800;color:#7c3aed">¥699</span>
|
|
|
+ </div>
|
|
|
+ <button id="payBtn" onclick="submitOrder()" style="width:100%;padding:0.8rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer">微信支付</button>
|
|
|
+ <p style="font-size:0.75rem;color:var(--text-muted);margin-top:0.8rem;text-align:center">支付由微信支付安全处理 · 支付后规划师将在 24 小时内联系您确认测评安排</p>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 扫码咨询 -->
|
|
|
+<div id="contact" class="container" style="text-align:center;padding-top:0">
|
|
|
+ <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:0.8rem">扫码咨询，了解更多</p>
|
|
|
+ <img src="../img/yan.png" alt="咨询二维码" style="width:160px;height:160px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);">
|
|
|
+</div>
|
|
|
+
|
|
|
+<footer class="site-footer">
|
|
|
+ <div class="footer-inner">
|
|
|
+ <p>本测评仅用于成长评估与教育参考，不构成医疗诊断。如有健康问题，请咨询专业医生。</p>
|
|
|
+ <p style="margin-top:4px;font-size:0.75rem;color:rgba(255,255,255,0.3)">© 2026 浠艾福 CareFamily</p>
|
|
|
+ </div>
|
|
|
+</footer>
|
|
|
+
|
|
|
+<script>
|
|
|
+var _selectedPlan = { name: '单包套餐', priceLabel: '¥699', amount: 69900 };
|
|
|
+
|
|
|
+function openPlan(name, priceLabel, amount) {
|
|
|
+ _selectedPlan = { name: name, priceLabel: priceLabel, amount: amount };
|
|
|
+ document.getElementById('orderTitle').textContent = 'DAN 专业心智测评 · 下单';
|
|
|
+ document.getElementById('orderPlanName').textContent = name + '（' + priceLabel + '）';
|
|
|
+ document.getElementById('orderAmount').textContent = priceLabel;
|
|
|
+ var f = document.getElementById('orderForm');
|
|
|
+ f.style.visibility = 'visible';
|
|
|
+ f.style.opacity = '1';
|
|
|
+}
|
|
|
+
|
|
|
+function submitOrder() {
|
|
|
+ var name = document.getElementById('orderName').value.trim();
|
|
|
+ var phone = document.getElementById('orderPhone').value.trim();
|
|
|
+ var age = document.getElementById('orderChildAge').value;
|
|
|
+ if (!name) { alert('请输入家长姓名'); return; }
|
|
|
+ if (!phone || !/^1\d{10}$/.test(phone)) { alert('请输入正确的手机号'); return; }
|
|
|
+ if (!age) { alert('请选择孩子年龄段'); return; }
|
|
|
+
|
|
|
+ var btn = document.getElementById('payBtn');
|
|
|
+ btn.disabled = true;
|
|
|
+ btn.textContent = '提交中...';
|
|
|
+
|
|
|
+ var orderNo = 'DAN' + Date.now() + Math.random().toString(36).substr(2,4).toUpperCase();
|
|
|
+ window._orderContact = { name: name, phone: phone, age: age };
|
|
|
+ window._plan = _selectedPlan;
|
|
|
+
|
|
|
+ fetch('/api/payment/wechat/native', {
|
|
|
+ method: 'POST',
|
|
|
+ headers: { 'Content-Type': 'application/json' },
|
|
|
+ body: JSON.stringify({
|
|
|
+ orderNo: orderNo,
|
|
|
+ description: 'DAN专业心智测评-' + _selectedPlan.name,
|
|
|
+ amount: _selectedPlan.amount,
|
|
|
+ contactName: name,
|
|
|
+ contactPhone: phone,
|
|
|
+ contactAddress: '孩子年龄段:' + age
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .then(function(r) { return r.json(); })
|
|
|
+ .then(function(data) {
|
|
|
+ if (data.code === 200 && data.data && data.data.codeUrl) {
|
|
|
+ document.getElementById('orderForm').style.visibility = 'hidden';
|
|
|
+ document.getElementById('orderForm').style.opacity = '0';
|
|
|
+ showQrCode(data.data.codeUrl, orderNo);
|
|
|
+ } else {
|
|
|
+ alert('下单失败: ' + (data.message || ''));
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(function() {
|
|
|
+ alert('网络请求失败');
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function isWechatBrowser() {
|
|
|
+ return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
|
|
|
+}
|
|
|
+
|
|
|
+function showQrCode(codeUrl, orderNo) {
|
|
|
+ var c = window._orderContact || {};
|
|
|
+ var p = window._plan || { name: 'DAN专业心智测评', priceLabel: '¥699' };
|
|
|
+ var div = document.createElement('div');
|
|
|
+ div.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center';
|
|
|
+ div.onclick = function(e) { if (e.target === this) this.remove(); };
|
|
|
+ div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:340px">' +
|
|
|
+ '<h3 style="margin-bottom:0.8rem;font-size:1.1rem;">请使用微信扫码支付</h3>' +
|
|
|
+ '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:0.8rem;text-align:left">' +
|
|
|
+ '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">DAN 专业心智测评 · ' + p.name + '</div>' +
|
|
|
+ '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.3rem">' +
|
|
|
+ '<span style="font-size:0.8rem;color:var(--text-muted)">' + (c.age === '0-10' ? '10 岁前' : '10-18 岁') + '</span>' +
|
|
|
+ '<span style="font-size:1.1rem;font-weight:700;color:#7c3aed">' + p.priceLabel + '</span>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div style="border-top:1px dashed #e2e8f0;margin:0.5rem 0;padding-top:0.5rem;font-size:0.8rem;color:var(--text-muted)">' +
|
|
|
+ '<div>联系人: ' + (c.name || '') + '</div>' +
|
|
|
+ '<div>手机号: ' + (c.phone || '') + '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div style="width:200px;height:200px;margin:0 auto 0.8rem;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden">' +
|
|
|
+ '<img src="/api/payment/qrcode?text=' + encodeURIComponent(codeUrl) + '" alt="支付二维码" style="width:200px;height:200px">' +
|
|
|
+ '</div>' +
|
|
|
+ '<p style="font-size:0.8rem;color:#999">' + (isWechatBrowser() ? '请截图保存二维码 → 打开微信扫一扫 → 从相册选择' : '打开微信「扫一扫」完成支付') + '</p>' +
|
|
|
+ '<button onclick="this.closest(\'div[style]\').remove()" style="margin-top:0.8rem;padding:0.5rem 2rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer">取消支付</button>' +
|
|
|
+ '</div>';
|
|
|
+ document.body.appendChild(div);
|
|
|
+
|
|
|
+ var pollTimer = setInterval(function() {
|
|
|
+ fetch('/api/payment/wechat/status', {
|
|
|
+ method: 'POST',
|
|
|
+ headers: { 'Content-Type': 'application/json' },
|
|
|
+ body: JSON.stringify({ orderNo: orderNo })
|
|
|
+ })
|
|
|
+ .then(function(r) { return r.json(); })
|
|
|
+ .then(function(data) {
|
|
|
+ if (data.code === 200 && data.data === true) {
|
|
|
+ clearInterval(pollTimer);
|
|
|
+ div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:320px">' +
|
|
|
+ '<div style="font-size:3rem;margin-bottom:0.5rem">✅</div>' +
|
|
|
+ '<h3 style="color:#7c3aed;font-size:1.2rem;margin-bottom:0.5rem">支付成功！</h3>' +
|
|
|
+ '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:1rem;text-align:left">' +
|
|
|
+ '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">DAN 专业心智测评 · ' + p.name + '</div>' +
|
|
|
+ '<div style="display:flex;justify-content:space-between;align-items:center">' +
|
|
|
+ '<span style="font-size:0.8rem;color:var(--text-muted)">已付款</span>' +
|
|
|
+ '<span style="font-size:1.1rem;font-weight:700;color:#7c3aed">' + p.priceLabel + '</span>' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<p style="font-size:0.85rem;color:#999;margin-bottom:0.5rem">专业规划师将在 24 小时内与您联系</p>' +
|
|
|
+ '<p style="font-size:0.75rem;color:#bbb">窗口将在 3 秒后自动关闭</p>' +
|
|
|
+ '</div>';
|
|
|
+ setTimeout(function() { div.remove(); }, 3000);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(function() {});
|
|
|
+ }, 3000);
|
|
|
+
|
|
|
+ setTimeout(function() { clearInterval(pollTimer); }, 120000);
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
