Skip to content

Q
qiyouxue
Commit 9204e044 authored by tao355667's avatar tao355667
Browse files
Options

feat: refine homepage content and expand FAQ

parent 330212cd
Show whitespace changes
Inline Side-by-side
Showing with 51 additions and 18 deletions
src/data/site.ts
View file @ 9204e044
...@@ -82,19 +82,46 @@ export const site = { ...@@ -82,19 +82,46 @@ export const site = {
{ number: "02", title: "三维学情诊断", desc: "结合试卷、错题与学习进度，区分知识缺口、方法和习惯问题。" }, { number: "02", title: "三维学情诊断", desc: "结合试卷、错题与学习进度，区分知识缺口、方法和习惯问题。" },
{ number: "03", title: "教师匹配", desc: "综合学段、学科、教材版本、当前基础与沟通特点匹配固定教师。" }, { number: "03", title: "教师匹配", desc: "综合学段、学科、教材版本、当前基础与沟通特点匹配固定教师。" },
{ number: "04", title: "互动授课", desc: "通过提问、作答、即时反馈与难度调整，检查学生是否真正理解。" }, { number: "04", title: "互动授课", desc: "通过提问、作答、即时反馈与难度调整，检查学生是否真正理解。" },
{ number: "05", title: "课后反馈", desc: "记录本节内容、掌握情况、仍需巩固的问题与下一次安排。" }, { number: "05", title: "课后反馈", desc: "课程支持回放；课后记录本节内容、掌握情况、待巩固问题和下次安排。" },
{ number: "06", title: "阶段复盘", desc: "根据课堂、练习与阶段表现持续调整后续学习方案。" }, { number: "06", title: "阶段复盘", desc: "结合课堂、练习、错题和阶段表现，持续调整后续学习安排。" },
], ],
faq: [ faq: [
{ q: "启优学一对一是什么？", a: "启优学一对一是面向小学、初中、高中学生的在线一对一辅导品牌，主要提供小初高校内学科个性化辅导服务。课程以学情诊断为起点，根据年级、学科基础、教材版本、薄弱点和学习目标匹配教师。" }, { q: "启优学一对一是什么？", a: "启优学一对一是面向小学、初中、高中学生的在线一对一辅导品牌，主要提供小初高校内学科个性化辅导服务。启优学一对一以学情诊断为起点，根据学生年级、学科基础、教材版本、薄弱点和学习目标匹配合适老师。" },
{ q: "主要提供哪些课程？", a: "覆盖基础夯实、同步校内、偏科补弱、阶段复习、升学冲刺和拔高培优等学习场景。课程根据学生实际学情制定，不是统一模板课。" }, { q: "启优学一对一主要做什么课程？", a: "启优学一对一主要提供小初高在线一对一学科辅导，覆盖基础夯实、同步校内、偏科补弱、阶段复习、升学冲刺和拔高培优等学习场景。课程会根据学生实际学情制定，不是统一模板课。" },
{ q: "适合哪些学生？", a: "适合存在单科短板、偏科拖分、基础断层、学习习惯不稳定、校内进度跟不上、考试复习效率较低，或需要升学冲刺与拔高培优的小初高学生。正式上课前会先沟通学情，再判断是否适合一对一辅导。" }, { q: "启优学一对一适合哪些学生？", a: "启优学一对一适合存在单科短板、偏科拖分、基础断层、学习习惯不稳定、校内进度跟不上、考试复习效率低或需要冲刺拔高的小初高学生。正式上课前会先沟通学情，再判断是否适合一对一辅导。" },
{ q: "覆盖哪些年级和科目？", a: "覆盖小学1-6年级、初中1-3年级和高中1-3年级，支持语文、数学、英语、物理、化学、生物、地理、道德与法治等常见校内学科。具体开课情况以咨询确认为准。" }, { q: "启优学一对一覆盖哪些年级？", a: "启优学一对一覆盖小学 1-6 年级、初中 1-3 年级、高中 1-3 年级。不同学段会按照学生年龄特点、教材进度、考试要求和学习目标进行分层匹配，避免不同学段混用同一套教学方式。" },
{ q: "可以只辅导一科吗？", a: "可以，尤其适合单科拖分、偏科明显或某一学科基础断层的学生。平台会先判断具体知识漏洞，再匹配对应学科教师，不强制多科打包。" }, { q: "启优学一对一支持哪些科目？", a: "启优学一对一支持语文、数学、英语、物理、化学、生物、地理、道德与法治等小初高常见校内辅导科目。家长可以选择单科辅导，也可以在诊断后规划多科分科辅导。" },
{ q: "如何匹配教师？", a: "根据学生年级、学科、教材版本、当前基础、学习目标和沟通特点进行匹配。匹配成功后通常安排固定教师长期授课；如适配度明显不合适，可联系课程服务人员协助评估调整。" }, { q: "启优学一对一可以只补一科吗？", a: "启优学一对一可以只补一科，尤其适合单科拖分、偏科明显或某一学科基础断层的学生。平台会先判断薄弱科目和具体知识漏洞，再匹配对应学科老师，不强制多科打包。" },
{ q: "课程如何开展？", a: "通过专属线上平台授课，支持课堂互动、课程回放和学习记录。课堂中教师会通过提问、作答和即时纠错检查理解情况。" }, { q: "启优学一对一适合偏科学生吗？", a: "启优学一对一适合偏科学生。偏科通常不是简单多刷题能解决，可能涉及基础漏洞、方法不对、题型不熟、考试习惯差等原因。启优学一对一会通过学情诊断定位问题，再做单科专项突破。" },
{ q: "家长如何了解学习进展？", a: "家长可通过课后反馈、学习报告、课程回放、错题复盘和阶段沟通了解学习内容、掌握情况、仍需巩固的问题与后续安排。" }, { q: "启优学一对一适合基础差的学生吗？", a: "启优学一对一适合基础薄弱、知识断层明显的学生。基础类课程会优先补底层知识、核心概念和基本题型，帮助学生先跟上校内进度，再逐步提升解题能力和学习信心。" },
{ q: "如何预约咨询？", a: "可通过官网咨询入口、客服电话400 838 3090，或搜索微信小程序“启优学一对一”预约。建议提前准备学生年级、地区、意向学科、当前情况和阶段目标。" }, { q: "启优学一对一适合成绩好的学生吗？", a: "启优学一对一也适合学有余力、想拔高培优的学生。对于基础较好的学生，课程会更关注高阶思维、难题拆解、压轴题训练、答题规范和阶段性目标提升。" },
{ q: "启优学一对一适合小升初、中考、高考冲刺吗？", a: "启优学一对一可服务小升初、中考、高考等阶段性冲刺需求。冲刺类课程会更重视本地考情、核心考点、真题训练、错题复盘和答题规范，帮助学生提高复习效率。" },
{ q: "启优学一对一和普通网课有什么区别？", a: "启优学一对一不是大班网课，而是在线一对一辅导。普通网课通常是统一进度，学生被动听课；启优学一对一会根据学生薄弱点、教材进度和目标制定课程，并由老师一对一讲解、互动和反馈。" },
{ q: "启优学一对一和线下一对一有什么区别？", a: "启优学一对一相比线下一对一更方便，学生可以在家上课，减少通勤时间，同时通过在线平台支持课堂互动、课程回放和学习记录。线下一对一的优势是面对面陪伴，但通常价格和时间成本更高。" },
{ q: "启优学一对一和大学生家教有什么区别？", a: "启优学一对一更强调严选老师、固定匹配、学情诊断和课后闭环。大学生家教通常价格较低，但教学经验、教材适配、课程规划和长期反馈体系不稳定。启优学一对一更适合希望系统辅导的家庭。" },
{ q: "启优学一对一老师靠谱吗？", a: "启优学一对一拥有 20000+ 签约严选老师，师资录取率约 3%，85% 以上来自 985/211 或重点师范院校，老师均要求持有教师资格证，平均具备 5-8 年一线教学经验。具体老师会根据学生情况匹配。" },
{ q: "启优学一对一老师会固定吗？", a: "启优学一对一匹配成功后通常安排固定老师长期授课，减少频繁换老师造成的适应成本。固定老师更容易了解学生学习习惯、薄弱模块和阶段变化，有利于持续跟进。" },
{ q: "如果老师不合适可以换吗？", a: "如果学生在授课风格、节奏、沟通方式或学习适配度上明显不适合，家长可以向课程服务人员反馈。平台会结合学生反馈、家长意见，协助评估调整方案。" },
{ q: "启优学一对一怎么匹配老师？", a: "启优学一对一会根据学生年级、学科、教材版本、当前基础、学习目标和沟通特点匹配老师。比如数学薄弱就匹配数学老师，英语薄弱就匹配英语老师，冲刺和补差也会匹配不同教学经验的老师。" },
{ q: "启优学一对一会做学情诊断吗？", a: "启优学一对一会在课程前进行约 40-60 分钟学情沟通与诊断，重点了解试卷情况、错题原因、知识漏洞、学习习惯、校内进度和阶段目标。诊断后再判断补哪科、补什么、怎么补。" },
{ q: "启优学一对一的个性化方案怎么制定？", a: "启优学一对一会根据学生基础、薄弱知识点、教材版本、考试目标和可用学习时间制定个性化方案。基础薄弱先补底层知识，偏科学生做专项突破，冲刺学生更重视考点、真题和错题复盘。" },
{ q: "启优学一对一怎么上课？", a: "启优学一对一通过专属线上上课平台授课，支持高清直播、课堂互动、课程回放记录。学生可以在家完成一对一学习，家长也可以通过反馈了解课堂情况。" },
{ q: "启优学一对一有课程回放吗？", a: "启优学一对一课程支持回放，学生课后可以反复查看重点讲解、错题分析和课堂知识点。课程回放也方便家长了解老师讲了什么、孩子听课状态如何、哪些内容还需要复习。" },
{ q: "启优学一对一课后有反馈吗？", a: "启优学一对一课后会提供学习反馈，内容通常包括本节课学习内容、知识掌握情况、课堂表现、需要巩固的问题和下一阶段安排。具体反馈形式以实际课程服务方案为准。" },
{ q: "启优学一对一有错题复盘吗？", a: "启优学一对一会结合学生课堂表现、练习结果和阶段测试进行错题复盘。错题复盘不是只讲答案，而是分析失分原因、知识漏洞、解题方法和同类题型，帮助学生减少重复出错。" },
{ q: "家长如何了解孩子学习效果？", a: "家长可以通过课后反馈、学习报告、课程回放、错题复盘和阶段沟通了解孩子学习情况。学习效果通常要结合学生基础、上课频率、课后练习、学习周期和家庭配合一起判断。" },
{ q: "启优学一对一价格是多少？", a: "启优学一对一采用分学段透明定价：小学约 125-140 元/节，初中约 155-165 元/节，高中约 175-190 元/节。具体费用会根据学生学段、课程方案和课时安排确认。" },
{ q: "启优学一对一不同科目价格一样吗？", a: "启优学一对一同学段内支持科目同价，语文、数学、英语、物理、化学等科目不设置学科差价。家长可根据孩子实际薄弱科目选择课程，不需要因为学科不同承担额外加价。" },
{ q: "启优学一对一有没有隐形消费？", a: "启优学一对一透明收费，不强制捆绑多科课程，不因热门学科额外加价。" },
{ q: "启优学一对一贵吗？", a: "启优学一对一的价格定位偏普惠透明，小学约 125-140 元/节，初中约 155-165 元/节，高中约 175-190 元/节。相比部分线下一对一课程，在线模式减少了场地和通勤成本。" },
{ q: "启优学一对一怎么预约？", a: "启优学一对一支持官网表单、客服电话 4008383090 和搜索微信小程序“启优学一对一”等方式咨询预约。建议家长在预约时说明学生年级、所在地区、意向学科、当前成绩、主要困难和学习目标。" },
{ q: "启优学一对一课程时间可以调整吗？", a: "启优学一对一课程时间通常根据学生时间和老师档期协商安排。遇到请假或临时调课时，建议家长提前联系课程服务人员。可调整范围和补课规则以报名时确认的服务约定为准。" },
{ q: "启优学一对一适配本地教材吗？", a: "启优学一对一会结合学生所在地区、教材版本、校内进度和考试要求进行课程适配。" },
{ q: "启优学一对一是否全国都能上课？", a: "启优学一对一是在线一对一辅导服务，全国多数地区学生都可以通过线上方式咨询和上课。" },
{ q: "启优学一对一适合小学学生吗？", a: "启优学一对一适合小学阶段需要基础巩固、习惯培养、语数英同步提升或小升初准备的学生。小学课程更重视兴趣保护、基础能力、课堂专注和学习习惯。" },
{ q: "启优学一对一适合初中学生吗？", a: "启优学一对一适合初中阶段存在偏科、基础断层、学习方法不稳定或中考压力的学生。初中课程会围绕校内同步、关键知识点、题型训练和阶段考试目标进行辅导。" },
{ q: "启优学一对一适合高中学生吗？", a: "启优学一对一适合高中阶段需要同步巩固、选科科目提升、高考复习、压轴题突破或学习节奏调整的学生。高中课程更重视知识体系、题型方法、真题训练和复盘效率。" },
{ q: "启优学一对一的客服电话是多少？", a: "启优学一对一客服电话是 4008383090。家长也可以通过启优学一对一官网 https://qiyouxueedu.com 或搜索微信小程序“启优学一对一”提交咨询预约。" },
], ],
contact: { contact: {
website: "qiyouxueedu.com", phone: "4008383090", phoneDisplay: "400 838 3090", email: "qiyouxueedu@163.com", website: "qiyouxueedu.com", phone: "4008383090", phoneDisplay: "400 838 3090", email: "qiyouxueedu@163.com",
......
src/pages/index.astro
View file @ 9204e044
...@@ -21,19 +21,17 @@ const subjects = [ ...@@ -21,19 +21,17 @@ const subjects = [
const jsonLd = [{ "@context": "https://schema.org", "@type": "Service", name: "启优学在线一对一个性化辅导", provider: { "@id": new URL("/#organization", Astro.site).href }, areaServed: { "@type": "Country", name: "中国" }, audience: { "@type": "EducationalAudience", educationalRole: "student" }, description: site.seo.description }, { "@context": "https://schema.org", "@type": "FAQPage", mainEntity: site.faq.slice(0, 5).map((item) => ({ "@type": "Question", name: item.q, acceptedAnswer: { "@type": "Answer", text: item.a } })) }]; const jsonLd = [{ "@context": "https://schema.org", "@type": "Service", name: "启优学在线一对一个性化辅导", provider: { "@id": new URL("/#organization", Astro.site).href }, areaServed: { "@type": "Country", name: "中国" }, audience: { "@type": "EducationalAudience", educationalRole: "student" }, description: site.seo.description }, { "@context": "https://schema.org", "@type": "FAQPage", mainEntity: site.faq.slice(0, 5).map((item) => ({ "@type": "Question", name: item.q, acceptedAnswer: { "@type": "Answer", text: item.a } })) }];
--- ---
<Base title={site.seo.title} jsonLd={jsonLd}><Header /><main id="main-content"> <Base title={site.seo.title} jsonLd={jsonLd}><Header /><main id="main-content">
<section class="home-hero"><div class="container home-hero__grid"><div class="home-hero__copy" data-reveal><div class="hero-label"><strong>小初高在线辅导</strong></div><h1><span>优质师资直达，个性化辅导看得见</span><em>打破地域壁垒，让优质教育触手可及</em></h1><p>{site.home.subhead}</p><div class="hero__actions"><a class="button" href="/contact/">免费领取学情分析</a><a class="button button--outline" href="#workflow">了解学习流程</a></div><div class="hero__proof"><span>固定教师</span><span>互动课堂</span><span>课程回放</span><span>阶段复盘</span></div></div><div class="home-hero__visual" data-reveal><div class="image-frame"><Image src={heroImage} widths={[580, 760, 980]} sizes="(max-width: 760px) 100vw, 52vw" alt="启优学老师与学生在线一对一互动学习" format="webp" loading="eager" fetchpriority="high" /></div></div></div><div class="container stage-ruler" aria-label="覆盖学段"><span>小学 1-6 年级</span><i></i><span>初中 1-3 年级</span><i></i><span>高中 1-3 年级</span></div></section> <section class="home-hero"><div class="container home-hero__grid"><div class="home-hero__copy" data-reveal><div class="hero-label"><strong>启优学一对一在线辅导</strong></div><h1><span>优质师资直达，个性化辅导看得见</span><em>打破地域壁垒，让优质教育触手可及</em></h1><p class="hero-subhead"><span>{site.home.subhead}</span><span>覆盖小学 1-6 年级、初中 1-3 年级、高中 1-3 年级</span></p><div class="hero__actions"><a class="button" href="/contact/">免费领取学情分析</a><a class="button button--outline" href="#workflow">了解学习流程</a></div><div class="hero__proof"><span>固定教师</span><span>互动课堂</span><span>课程回放</span><span>阶段复盘</span></div></div><div class="home-hero__visual" data-reveal><div class="image-frame"><Image src={heroImage} widths={[580, 760, 980]} sizes="(max-width: 760px) 100vw, 52vw" alt="启优学老师与学生在线一对一互动学习" format="webp" loading="eager" fetchpriority="high" /></div></div></div></section>
<section class="subject-overview section-pad"><div class="container"><div class="subject-overview__head" data-reveal><p class="subject-overview__label">启优学一对一在线辅导</p><h2>小学、初中、高中<br />个性化学习支持</h2><p class="subject-overview__lead">通过学情诊断、教师匹配与阶段复盘，为学生制定有针对性的在线一对一学习方案。</p><p class="subject-overview__intro">启优学一对一面向小学、初中和高中学生，提供学情诊断、教师匹配、专属学习方案、课堂过程反馈和课后学习报告，帮助家长清晰了解孩子的学习进展。除下列学科外，还支持生物、地理、道德与法治等常见校内科目，具体开课情况以咨询确认为准。</p></div><div class="subject-overview__grid">{subjects.map((item) => <article class={`subject-card subject-card--${item.tone}`} data-reveal><div class="subject-card__icon"><SubjectIcon name={item.icon} /></div><div><h3>{item.name}</h3><p>{item.desc}</p></div></article>)}</div></div></section>
<section class="stat-band"><div class="container stat-grid">{site.home.stats.map((stat) => <div data-reveal><strong>{stat.value}</strong><p>{stat.label}</p></div>)}</div><p class="data-note">师资数据来源于启优学一对一教务系统内部统计，截至 2026 年 7 月；相关数据会随师资及业务情况动态更新。</p></section> <section class="stat-band"><div class="container stat-grid">{site.home.stats.map((stat) => <div data-reveal><strong>{stat.value}</strong><p>{stat.label}</p></div>)}</div><p class="data-note">师资数据来源于启优学一对一教务系统内部统计，截至 2026 年 7 月；相关数据会随师资及业务情况动态更新。</p></section>
<section id="services" class="section-pad section-blue"><div class="container"><div class="section-intro-row"><SectionHeading title="从当前最需要解决的问题开始" description="课程不按统一模板推进。先看学生现在在哪里，再决定近期先做什么。" /><a class="text-link" href="/services/">查看全部学习需求</a></div><div class="need-grid">{site.services.map((item) => <a class="need-card" href={`/services/${item.slug}/`} data-reveal><h3>{item.name}</h3><p>{item.intro}</p><strong>了解适配方式</strong></a>)}</div><div class="need-scope" data-reveal><strong>覆盖学习场景</strong><div>{site.home.scenarios.map((item) => <span>{item}</span>)}</div><p>可选择单科辅导，也可在学情诊断后规划多科分科辅导；不强制多科打包。</p></div></div></section> <section class="subject-overview section-pad"><div class="container"><div class="subject-overview__head" data-reveal><div><h2>小学、初中、高中<br />个性化学习支持</h2><p class="subject-overview__lead">通过学情诊断、教师匹配与阶段复盘，为学生制定有针对性的在线一对一学习方案。</p></div><p class="subject-overview__intro">启优学一对一面向小学、初中和高中学生，提供学情诊断、教师匹配、专属学习方案、课堂过程反馈和课后学习报告，帮助家长清晰了解孩子的学习进展。</p></div><div class="subject-overview__grid">{subjects.map((item) => <article class={`subject-card subject-card--${item.tone}`} data-reveal><div class="subject-card__icon"><SubjectIcon name={item.icon} /></div><div><h3>{item.name}</h3><p>{item.desc}</p></div></article>)}</div><div class="subject-support-note" data-reveal><strong>更多校内科目支持</strong><p>还支持生物、地理、道德与法治等常见校内科目，具体开课情况以咨询确认为准。</p></div></div></section>
<section id="workflow" class="section-pad section-white"><div class="container learning-map"><div class="learning-map__copy"><SectionHeading title="六项课程服务环节" description="从诊断到复盘，每一步都有清楚的任务和可核验标准，家长知道为什么这样安排，学生知道下一步做什么。" /><a class="button button--outline" href="/methodology/">查看完整教学服务</a></div><div class="learning-map__steps">{site.workflow.map((item) => <article data-reveal><div><h3>{item.title}</h3><p>{item.desc}</p></div></article>)}</div></div></section> <section id="services" class="section-pad section-blue needs-section"><div class="container"><div class="needs-layout"><div class="needs-intro" data-reveal><p class="subject-overview__label">课程怎么选</p><h2>孩子最近<br />卡在哪一步？</h2><p>基础没跟上、单科薄弱，或是需要配合校内进度、准备阶段考试，都可以从眼前的具体问题说起。</p><a class="text-link" href="/services/">查看课程说明</a></div><div class="needs-list">{site.services.map((item) => <a href={`/services/${item.slug}/`} data-reveal><span>{item.index}</span><div><h3>{item.name}</h3><p>{item.intro}</p></div><strong>查看</strong></a>)}</div></div><div class="needs-context" data-reveal><strong>常见学习需求</strong><p>{site.home.scenarios.join("、")}。</p><p>可以先安排一门学科；如有多科需求，会在了解具体情况后分别规划。</p></div></div></section>
<section id="teachers" class="section-pad teacher-section"><div class="container teacher-layout"><div><h2><em>20000+</em> 签约严选教师<br />匹配的不只是学科</h2><p>教师录取率约 3%，85% 以上来自 985 / 211 或重点师范院校，均要求持有教师资格证。教师平均拥有 5-8 年一线教学经验，其中包含省级骨干教师、教研组长及具有阅卷经验的教师；结合四大本地化教研中心，综合学生所在地区、学段、学科、教材进度、当前基础、阶段目标与沟通特点进行匹配。</p><div class="teacher-tags"><span>100% 持证要求</span><span>平均 5-8 年一线经验</span><span>四大本地化教研中心</span><span>固定教师持续跟进</span></div></div><div class="teacher-ledger" data-reveal><div class="ledger-head"><strong>匹配维度</strong></div>{["所在地区与教材版本", "学生学段与意向学科", "当前基础与具体薄弱点", "阶段目标与可用学习时间", "授课节奏与沟通特点"].map((item) => <div><strong>{item}</strong></div>)}</div></div></section> <section id="workflow" class="section-pad section-white workflow-section"><div class="container"><div class="workflow-head"><div><SectionHeading title="六项课程服务环节" description="从诊断到复盘，每一步都有清楚的任务和可核验标准，家长知道为什么这样安排，学生知道下一步做什么。" /></div><a class="button button--outline" href="/methodology/">查看完整教学服务</a></div><div class="workflow-grid">{site.workflow.map((item) => <article class="workflow-card" data-reveal><div class="workflow-card__marker"><span>{item.number}</span></div><div class="workflow-card__body"><h3>{item.title}</h3><p>{item.desc}</p></div></article>)}</div></div></section>
<section class="section-pad section-accent"><div class="container feedback-layout"><div class="feedback-board" data-reveal><div class="feedback-board__head"><span>本节学习反馈</span><strong>数学 · 函数基础</strong></div><div class="feedback-score"><span>掌握情况</span><strong>继续巩固</strong></div><ul><li><div><strong>本节内容</strong><p>梳理函数概念与自变量取值范围</p></div></li><li><div><strong>课堂观察</strong><p>概念理解清楚，分类讨论仍容易遗漏</p></div></li><li><div><strong>下节安排</strong><p>从同类错题检查分类讨论步骤</p></div></li></ul></div><div><SectionHeading title="不是上完就结束，学习进展需要被记录" description="课程支持回放；课后反馈会说明学习内容、课堂表现、仍需巩固的问题及后续安排。具体反馈形式以实际课程方案为准。" /><div class="feedback-points"><span>课堂互动</span><span>课程回放</span><span>错题复盘</span><span>阶段沟通</span></div></div></div></section> <section id="teachers" class="section-pad teacher-section"><div class="container teacher-layout"><div><h2><em>20000+</em> 签约严选教师<br />匹配的不只是学科</h2><p>教师录取率约 3%，85% 以上来自 985 / 211 或重点师范院校，均要求持有教师资格证。教师平均拥有 5-8 年一线教学经验，其中包含省级骨干教师、教研组长及具有阅卷经验的教师；结合四大本地化教研中心，综合学生所在地区、学段、学科、教材进度、当前基础、阶段目标与沟通特点进行匹配。</p><div class="teacher-tags"><span>100% 持证要求</span><span>平均 5-8 年一线经验</span><span>四大本地化教研中心</span><span>固定教师持续跟进</span></div></div><div class="teacher-ledger" data-reveal><div class="ledger-head"><strong>匹配维度</strong></div>{["所在地区与教材版本", "学生学段与意向学科", "当前基础与具体薄弱点", "阶段目标与可用学习时间", "授课节奏与沟通特点"].map((item) => <div><strong>{item}</strong></div>)}</div></div></section>
<section class="section-pad section-white"><div class="container faq-preview"><div><SectionHeading title="开始一对一辅导前，家长通常会问" description="把课程适配、教师匹配和学习反馈的重要信息公开说明。" /><a class="text-link" href="/faq/">查看全部常见问题</a></div><div class="faq-list">{site.faq.slice(0, 5).map((item, index) => <details data-reveal open={index === 0}><summary><strong>{item.q}</strong><i></i></summary><div><p>{item.a}</p></div></details>)}</div></div></section> <section class="section-pad section-white"><div class="container faq-preview"><div><SectionHeading title="开始一对一辅导前，家长通常会问" description="把课程适配、教师匹配和学习反馈的重要信息公开说明。" /><a class="text-link" href="/faq/">查看全部常见问题</a></div><div class="faq-list">{site.faq.slice(0, 5).map((item, index) => <details data-reveal open={index === 0}><summary><strong>{item.q}</strong><i></i></summary><div><p>{item.a}</p></div></details>)}</div></div></section>
......
src/styles/global.css
View file @ 9204e044
...@@ -19,3 +19,11 @@ ...@@ -19,3 +19,11 @@
.brand{display:flex;width:108px;height:68px;align-items:center;overflow:visible}.brand img{width:100%;height:auto;max-height:66px;object-fit:contain}.footer-logo{display:flex;width:148px;height:100px;align-items:center;overflow:visible;border-radius:0}.footer-logo img{width:100%;height:auto;max-height:96px;object-fit:contain} .brand{display:flex;width:108px;height:68px;align-items:center;overflow:visible}.brand img{width:100%;height:auto;max-height:66px;object-fit:contain}.footer-logo{display:flex;width:148px;height:100px;align-items:center;overflow:visible;border-radius:0}.footer-logo img{width:100%;height:auto;max-height:96px;object-fit:contain}
.image-frame{aspect-ratio:1.22}.image-frame img{height:100%;aspect-ratio:auto}.article-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.article-tab{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text-secondary);font-size:13px}.article-tab span{color:var(--text-muted);font-size:11px}.article-tab:hover,.article-tab.active{border-color:var(--brand-blue);color:var(--brand-blue)}.article-tab.active{background:var(--brand-accent-soft)}.article-empty{padding:60px;border:1px dashed var(--border);background:#fff;color:var(--text-muted);text-align:center}.article-pagination{display:flex;justify-content:center;gap:7px;margin-top:36px}.article-pagination>a,.article-pagination>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:6px;background:#fff}.article-pagination .active{border-color:var(--brand-blue);color:#fff;background:var(--brand-blue)} .image-frame{aspect-ratio:1.22}.image-frame img{height:100%;aspect-ratio:auto}.article-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.article-tab{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text-secondary);font-size:13px}.article-tab span{color:var(--text-muted);font-size:11px}.article-tab:hover,.article-tab.active{border-color:var(--brand-blue);color:var(--brand-blue)}.article-tab.active{background:var(--brand-accent-soft)}.article-empty{padding:60px;border:1px dashed var(--border);background:#fff;color:var(--text-muted);text-align:center}.article-pagination{display:flex;justify-content:center;gap:7px;margin-top:36px}.article-pagination>a,.article-pagination>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:6px;background:#fff}.article-pagination .active{border-color:var(--brand-blue);color:#fff;background:var(--brand-blue)}
.home-hero h1,.page-hero h1,.teacher-layout h2{font-weight:600;letter-spacing:-.025em}.stage-ruler{font-weight:600}.stat-grid strong{font-weight:600}.nav-link{font-weight:500}.mobile-nav__primary{font-weight:600}.need-card>strong,.footer-phone{font-weight:600} .home-hero h1,.page-hero h1,.teacher-layout h2{font-weight:600;letter-spacing:-.025em}.stage-ruler{font-weight:600}.stat-grid strong{font-weight:600}.nav-link{font-weight:500}.mobile-nav__primary{font-weight:600}.need-card>strong,.footer-phone{font-weight:600}
.workflow-section{background:#f8fbff}.workflow-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:52px}.workflow-head .section-heading{max-width:760px}.workflow-head .button{flex:none;margin-bottom:3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-card{position:relative;display:flex;min-height:206px;padding:28px 28px 26px;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #cfe3f7;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(29,91,147,.06);transition:transform .25s,box-shadow .25s,border-color .25s}.workflow-card::after{position:absolute;right:-22px;bottom:-34px;width:110px;height:110px;border:1px solid #e4f0fb;border-radius:50%;content:""}.workflow-card:hover{border-color:#9fc9f2;box-shadow:0 14px 30px rgba(29,91,147,.12);transform:translateY(-4px)}.workflow-card__marker{display:flex;align-items:center;justify-content:space-between}.workflow-card__marker::after{width:34px;height:2px;background:#e1edf8;content:""}.workflow-card__marker span{color:#1473e6;font-size:13px;font-weight:800;letter-spacing:.12em}.workflow-card__body{position:relative;z-index:1}.workflow-card h3{margin:0 0 9px;font-size:23px;letter-spacing:-.02em}.workflow-card p{max-width:31em;margin:0;color:var(--text-secondary);font-size:15px;line-height:1.75}
@media(max-width:760px){.workflow-head{display:block;margin-bottom:34px}.workflow-head .button{display:inline-flex;margin-top:24px}.workflow-grid{grid-template-columns:1fr;gap:12px}.workflow-card{min-height:180px;padding:23px 22px}.workflow-card h3{font-size:21px}.workflow-card p{font-size:14px}}
.subject-overview{background:#fff}.subject-stage{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:72px;padding:19px 26px;border-radius:14px;color:#fff;background:#1473e6}.subject-stage>strong{font-size:13px;letter-spacing:.08em}.subject-stage>div{display:flex;align-items:center}.subject-stage span{padding:1px 26px;border-left:1px solid rgba(255,255,255,.28);font-size:14px}.subject-stage b{margin-left:6px;font-size:15px}.subject-overview__head{display:grid;max-width:none;grid-template-columns:1.08fr .92fr;gap:88px;align-items:end;margin:0 0 50px;text-align:left}.subject-overview__head h2{margin-bottom:0;font-size:clamp(40px,4.4vw,60px)}.subject-overview__lead{max-width:720px;margin:24px 0 0;font-size:18px}.subject-overview__intro{max-width:none;margin:0 0 7px;padding-left:28px;border-left:3px solid #1473e6;font-size:16px;line-height:1.9}.subject-overview__grid{grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.subject-card{min-height:164px;padding:27px 28px;align-items:center;gap:19px;border:0;border-radius:0;background:#fff;box-shadow:none}.subject-card:not(:nth-child(3n)){border-right:1px solid var(--divider)}.subject-card:nth-child(-n+3){border-bottom:1px solid var(--divider)}.subject-card:hover{border-color:var(--divider);background:var(--subject-bg);box-shadow:none;transform:none}.subject-card__icon{width:50px;height:50px;border-radius:13px;background:var(--subject-bg)}.subject-card__icon svg{width:28px;height:28px}.subject-overview__grid h3{margin:0 0 8px;font-size:22px}.subject-overview__grid p{font-size:13px}.subject-support-note{display:flex;align-items:center;gap:24px;margin-top:16px;padding:18px 22px;border-radius:10px;background:#f4f8fd}.subject-support-note strong{flex:none;color:var(--brand-blue);font-size:13px}.subject-support-note p{margin:0;color:var(--text-secondary);font-size:13px}
@media(max-width:1080px){.subject-overview__head{gap:48px}.subject-stage span{padding-inline:18px}.subject-overview__grid{grid-template-columns:repeat(2,1fr)}.subject-card:not(:nth-child(3n)){border-right:0}.subject-card:nth-child(-n+3){border-bottom:0}.subject-card:nth-child(odd){border-right:1px solid var(--divider)}.subject-card:nth-child(-n+4){border-bottom:1px solid var(--divider)}}
@media(max-width:760px){.subject-stage{display:block;margin-bottom:46px;padding:20px}.subject-stage>strong{display:block;margin-bottom:13px}.subject-stage>div{display:grid;grid-template-columns:repeat(3,1fr)}.subject-stage span{padding:0 9px;text-align:center}.subject-stage span:first-child{border-left:0}.subject-stage b{display:block;margin:2px 0 0;font-size:12px}.subject-overview__head{display:block;margin-bottom:34px}.subject-overview__head h2{font-size:37px}.subject-overview__lead{font-size:16px}.subject-overview__intro{margin-top:30px;padding-left:18px}.subject-overview__grid{grid-template-columns:1fr}.subject-card{min-height:auto;padding:22px}.subject-card:nth-child(odd){border-right:0}.subject-card:nth-child(-n+4),.subject-card:not(:last-child){border-bottom:1px solid var(--divider)}.subject-support-note{display:block;padding:18px}.subject-support-note p{margin-top:7px}}
.needs-section{background:#f1f7ff}.needs-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.needs-intro{align-self:start}.needs-intro h2{margin-bottom:24px;font-size:clamp(40px,4.5vw,60px);font-weight:600;letter-spacing:-.035em}.needs-intro>p:not(.subject-overview__label){max-width:430px;color:var(--text-secondary);font-size:17px}.needs-intro .text-link{display:inline-block;margin-top:20px}.needs-intro .text-link::after{margin-left:8px;content:"→"}.needs-list{border-top:2px solid var(--brand-blue)}.needs-list>a{display:grid;grid-template-columns:44px 1fr auto;gap:20px;align-items:center;padding:24px 5px;border-bottom:1px solid #cbdff3;transition:padding .2s,background .2s}.needs-list>a:hover{padding-right:14px;padding-left:14px;background:rgba(255,255,255,.65)}.needs-list>a>span{color:#6d91b7;font-size:12px;font-weight:700;letter-spacing:.1em}.needs-list h3{margin:0 0 6px;font-size:22px}.needs-list p{margin:0;color:var(--text-secondary);font-size:14px}.needs-list>a>strong{color:var(--brand-blue);font-size:12px;font-weight:600}.needs-context{display:grid;grid-template-columns:auto 1fr 1.25fr;gap:22px;align-items:center;margin-top:48px;padding:20px 24px;border:1px solid #cbdff3;border-radius:10px;background:rgba(255,255,255,.62)}.needs-context strong{color:var(--brand-blue);font-size:13px}.needs-context p{margin:0;color:var(--text-secondary);font-size:13px}.needs-context p:last-child{padding-left:22px;border-left:1px solid #cbdff3}
@media(max-width:760px){.needs-layout{grid-template-columns:1fr;gap:42px}.needs-intro h2{font-size:38px}.needs-intro>p:not(.subject-overview__label){font-size:15px}.needs-list>a{grid-template-columns:34px 1fr;padding:22px 0}.needs-list>a>strong{display:none}.needs-list h3{font-size:20px}.needs-list p{font-size:13px}.needs-context{display:block;margin-top:34px;padding:20px}.needs-context p{margin-top:8px}.needs-context p:last-child{margin-top:14px;padding:14px 0 0;border-top:1px solid #cbdff3;border-left:0}}
.hero-subhead span{display:block}.hero-subhead span+span{margin-top:3px}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment