commit 1f5ac5d98169d185e5ea7346fead35a20c74daed Author: caozh Date: Tue Mar 31 21:10:16 2026 +0800 feat: 提交第一版代码 diff --git a/about.html b/about.html new file mode 100644 index 0000000..36f2640 --- /dev/null +++ b/about.html @@ -0,0 +1,96 @@ + + + + + + 关于我们 | 智花 · 五道题在线教育 + + + + +
+
+
+ + +
智花|五道题在线教育
+ + +
简体中文
+ +
+
+ 首页 + 教学理念 + 课程体系 + 师资团队 + 关于我们 +
+
+ +
+
+
+

关于我们

+

智花（五道题北京科技有限公司）专注于国际中文教育创新，依托国际中文教学资源与研究力量，结合人工智能技术，为全球学习者提供智能化、个性化的中文学习体验。

+
+
+ +
+
+
+

企业愿景

+

智慧教育，连接未来。

+

以科技赋能教育创新，推动全球学习方式的智能化变革。我们致力于让每一位学习者，都能通过智能技术获得更高效、更个性化、更有温度的学习体验。

+
+
+
企业愿景视觉展示
+
品牌与合作展示
+
+
+
+ +
+
+

我们的使命

+
+

以科技创新驱动中文教育发展，通过智能出题、语料检索与个性化教学，构建面向未来的智慧学习体系。

+
+
+
+ +
+
+
+

品牌故事

+

“智花”寓意智慧与文化的绽放。

+

它源于我们在国际中文教育领域多年的研究与实践，融合语言学、教育学与人工智能，致力于让中文学习更加智能、有趣、高效。

+
+
+

团队与合作

+

我们拥有跨学科的专业团队，汇聚语言学、教育技术、人工智能等领域的研究者与教师，并与多家教育机构、高校及技术公司建立合作关系。

+
+
+
+
+ + +
+ + + diff --git a/assets/css/site.css b/assets/css/site.css new file mode 100644 index 0000000..c760834 --- /dev/null +++ b/assets/css/site.css @@ -0,0 +1,874 @@ +:root { + --bg: #fffdfb; + --surface: #ffffff; + --surface-soft: #f8f9fd; + --surface-accent: #f4f7ff; + --line: #ece7e2; + --line-strong: #d8dde8; + --text: #2d2a28; + --muted: #8e8a87; + --muted-strong: #686461; + --accent: #f28877; + --brand: #7aa0ff; + --brand-strong: #4b76eb; + --brand-soft: #eef3ff; + --footer: #313238; + --footer-muted: #b8bcc6; + --shadow-soft: 0 22px 70px rgba(38, 52, 90, 0.08); + --shadow-card: 0 14px 48px rgba(43, 53, 84, 0.08); + --radius-xl: 36px; + --radius-lg: 24px; + --radius-md: 18px; + --content: 1320px; + --nav-h: 104px; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; + min-width: 320px; + background: var(--bg); + color: var(--text); + font-family: Manrope, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; + text-rendering: optimizeLegibility; +} + +img { + display: block; + max-width: 100%; +} + +a { + color: inherit; + text-decoration: none; +} + +button { + font: inherit; +} + +.page-shell { + position: relative; + overflow-x: clip; +} + +.container { + width: min(calc(100% - 48px), var(--content)); + margin: 0 auto; +} + +.site-header { + position: sticky; + top: 0; + z-index: 100; + background: rgba(255, 253, 251, 0.9); + backdrop-filter: blur(16px); +} + +.site-header::after { + content: ""; + position: absolute; + inset: auto 0 0; + height: 1px; + background: rgba(26, 29, 38, 0.08); +} + +.site-nav { + display: flex; + align-items: center; + justify-content: space-between; + gap: 24px; + min-height: var(--nav-h); +} + +.brand { + display: inline-flex; + align-items: center; + gap: 14px; + min-width: 0; +} + +.brand-mark { + width: 34px; + height: 34px; + flex: none; +} + +.brand-copy { + display: flex; + align-items: center; + gap: 8px; + white-space: nowrap; + font-size: 16px; + font-weight: 700; + letter-spacing: 0.01em; +} + +.brand-copy strong { + color: var(--brand-strong); +} + +.brand-copy span { + color: #1f2430; +} + +.nav-links { + display: inline-flex; + align-items: center; + gap: 34px; + flex-wrap: wrap; +} + +.nav-link { + position: relative; + padding: 8px 0; + font-size: 13px; + font-weight: 700; + color: #44423f; + letter-spacing: 0.04em; +} + +.nav-link.current { + color: var(--brand); +} + +.nav-link.current::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: -10px; + margin: auto; + width: 18px; + height: 2px; + border-radius: 999px; + background: currentColor; +} + +.locale-pill { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + border: 1px solid var(--line); + border-radius: 999px; + background: var(--surface); + color: var(--muted); + font-size: 12px; + font-weight: 700; +} + +.locale-pill svg { + width: 10px; + height: 10px; +} + +.menu-toggle { + display: none; + align-items: center; + justify-content: center; + width: 46px; + height: 46px; + border: 0; + border-radius: 14px; + background: var(--surface); + box-shadow: 0 8px 24px rgba(49, 50, 56, 0.08); + color: var(--text); +} + +.mobile-menu { + display: none; + padding: 0 0 24px; +} + +.mobile-menu.is-open { + display: block; +} + +.mobile-menu a { + display: block; + padding: 14px 18px; + border-radius: 16px; + font-size: 15px; + font-weight: 700; +} + +.mobile-menu a.current { + background: var(--brand-soft); + color: var(--brand-strong); +} + +.hero { + padding: 92px 0 60px; +} + +.hero.centered { + text-align: center; +} + +.hero-copy { + max-width: 920px; + margin: 0 auto; +} + +.eyebrow { + margin: 0 0 28px; + color: var(--accent); + font-size: 17px; + font-weight: 800; + letter-spacing: 0.08em; +} + +.hero-title { + margin: 0; + font-size: clamp(40px, 5vw, 72px); + line-height: 1.15; + font-weight: 800; + letter-spacing: -0.03em; +} + +.hero-subtitle { + max-width: 640px; + margin: 18px auto 0; + color: #a7a29e; + font-size: 14px; + line-height: 1.9; + letter-spacing: 0.04em; +} + +.hero-actions { + display: flex; + justify-content: center; + gap: 18px; + margin-top: 44px; + flex-wrap: wrap; +} + +.btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + min-height: 48px; + padding: 0 24px; + border-radius: 999px; + border: 1px solid transparent; + font-size: 13px; + font-weight: 800; + letter-spacing: 0.06em; + transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; +} + +.btn:hover { + transform: translateY(-1px); +} + +.btn-outline { + border-color: rgba(122, 160, 255, 0.4); + color: var(--brand); + background: rgba(255, 255, 255, 0.72); +} + +.btn-primary { + background: linear-gradient(135deg, #7aa0ff, #5f84ef); + color: #fff; + box-shadow: 0 14px 34px rgba(95, 132, 239, 0.28); +} + +.btn-ghost { + background: var(--surface); + border-color: var(--line); + color: var(--muted-strong); +} + +.section { + padding: 122px 0; +} + +.section.compact { + padding-top: 88px; + padding-bottom: 88px; +} + +.section-head { + margin: 0 auto 58px; + text-align: center; +} + +.section-title { + margin: 0; + font-size: clamp(26px, 3.3vw, 48px); + line-height: 1.18; + letter-spacing: -0.02em; +} + +.section-copy { + max-width: 780px; + margin: 22px auto 0; + color: var(--muted-strong); + font-size: 15px; + line-height: 1.95; +} + +.split-hero, +.split-section { + display: grid; + grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); + gap: 56px; + align-items: center; +} + +.stacked-copy { + max-width: 560px; +} + +.statement { + font-size: clamp(34px, 4.5vw, 56px); + line-height: 1.2; + letter-spacing: -0.03em; + margin: 0; +} + +.lead { + margin: 20px 0 0; + color: var(--muted-strong); + font-size: 16px; + line-height: 1.95; +} + +.art-panel { + position: relative; + border-radius: var(--radius-xl); + background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 247, 255, 0.96)); + border: 1px solid rgba(216, 221, 232, 0.7); + box-shadow: var(--shadow-soft); + overflow: hidden; +} + +.art-panel::before, +.art-panel::after { + content: ""; + position: absolute; + border-radius: 999px; +} + +.art-panel::before { + width: 240px; + height: 240px; + top: -80px; + right: -60px; + background: radial-gradient(circle, rgba(122, 160, 255, 0.26), rgba(122, 160, 255, 0)); +} + +.art-panel::after { + width: 180px; + height: 180px; + left: -50px; + bottom: -40px; + background: radial-gradient(circle, rgba(242, 136, 119, 0.18), rgba(242, 136, 119, 0)); +} + +.art-panel img { + width: 100%; + height: auto; +} + +.art-panel.photo img { + height: 100%; + min-height: 100%; + object-fit: cover; +} + +.intro-ribbon { + display: inline-flex; + align-items: center; + gap: 10px; + margin-bottom: 22px; + padding: 10px 16px; + border-radius: 999px; + background: var(--surface); + border: 1px solid var(--line); + color: var(--muted); + font-size: 12px; + font-weight: 800; + letter-spacing: 0.08em; +} + +.grid-two { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 30px; +} + +.grid-three { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 30px; +} + +.feature-card, +.info-card, +.teacher-card, +.timeline-card, +.value-card, +.download-card { + position: relative; + min-height: 100%; + border-radius: var(--radius-lg); + background: var(--surface); + border: 1px solid rgba(216, 221, 232, 0.85); + box-shadow: var(--shadow-card); +} + +.feature-card, +.info-card, +.timeline-card, +.value-card { + padding: 34px; +} + +.feature-card.soft { + background: linear-gradient(180deg, #ffffff, #fafbff); +} + +.feature-card h3, +.info-card h3, +.timeline-card h3, +.value-card h3, +.download-card h3 { + margin: 0 0 16px; + font-size: 28px; + line-height: 1.22; + letter-spacing: -0.02em; +} + +.feature-card p, +.info-card p, +.timeline-card p, +.value-card p, +.download-card p { + margin: 0; + color: var(--muted-strong); + font-size: 15px; + line-height: 1.9; +} + +.feature-card .mini-link, +.download-card .mini-link { + display: inline-flex; + margin-top: 26px; + color: var(--brand); + font-size: 13px; + font-weight: 800; + letter-spacing: 0.06em; +} + +.icon-wrap { + display: inline-flex; + align-items: center; + justify-content: center; + width: 68px; + height: 68px; + margin-bottom: 24px; + border-radius: 20px; + background: linear-gradient(180deg, rgba(122, 160, 255, 0.15), rgba(122, 160, 255, 0.05)); +} + +.icon-wrap img { + width: 34px; + height: 34px; +} + +.headline-card { + padding: 44px; +} + +.headline-card .statement { + font-size: clamp(28px, 4vw, 50px); +} + +.headline-card .lead { + max-width: 540px; +} + +.quote-card { + padding: 48px; + text-align: center; +} + +.quote-card .statement { + font-size: clamp(30px, 4vw, 52px); +} + +.quote-card .lead { + max-width: 700px; + margin-left: auto; + margin-right: auto; +} + +.visual-stack { + display: grid; + gap: 24px; +} + +.visual-stack.dual { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.visual-stack .art-panel { + padding: 24px; +} + +.visual-stack .art-panel.photo { + padding: 0; +} + +.art-caption { + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + margin-top: 22px; + padding-top: 18px; + border-top: 1px solid rgba(216, 221, 232, 0.7); +} + +.art-caption strong { + font-size: 18px; + letter-spacing: -0.01em; +} + +.art-caption span { + color: var(--muted); + font-size: 13px; + letter-spacing: 0.05em; +} + +.timeline { + display: grid; + gap: 28px; +} + +.timeline-card { + display: grid; + grid-template-columns: 200px minmax(0, 1fr); + gap: 28px; + align-items: center; +} + +.timeline-tag { + color: var(--accent); + font-size: 18px; + font-weight: 800; + letter-spacing: 0.08em; +} + +.timeline-card .statement { + font-size: clamp(24px, 3vw, 42px); +} + +.teacher-grid { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 24px; +} + +.teacher-card { + padding: 22px; +} + +.teacher-card .portrait { + margin-bottom: 18px; + border-radius: 22px; + overflow: hidden; + border: 1px solid rgba(216, 221, 232, 0.75); + background: linear-gradient(160deg, #eef3ff, #fff6f1); +} + +.teacher-card .portrait img { + width: 100%; + aspect-ratio: 0.86; + object-fit: cover; +} + +.teacher-card h3 { + margin: 0; + font-size: 24px; +} + +.teacher-meta { + margin-top: 6px; + color: var(--brand-strong); + font-size: 13px; + font-weight: 800; + letter-spacing: 0.08em; +} + +.teacher-bio { + margin-top: 16px; + color: var(--muted-strong); + font-size: 14px; + line-height: 1.85; +} + +.teacher-note { + margin: 0 auto 34px; + max-width: 840px; + color: var(--muted); + text-align: center; + font-size: 14px; + line-height: 1.9; +} + +.pill-list, +.value-list { + display: flex; + flex-wrap: wrap; + gap: 14px; + margin-top: 28px; +} + +.pill-list span, +.value-list span { + display: inline-flex; + align-items: center; + min-height: 42px; + padding: 0 18px; + border-radius: 999px; + background: var(--surface); + border: 1px solid var(--line); + color: var(--muted-strong); + font-size: 13px; + font-weight: 800; + letter-spacing: 0.05em; +} + +.cta-band { + padding: 42px; + text-align: center; +} + +.cta-band h3 { + margin: 0; + font-size: clamp(28px, 4vw, 42px); + line-height: 1.25; +} + +.cta-band p { + max-width: 760px; + margin: 18px auto 0; + color: var(--muted-strong); + font-size: 15px; + line-height: 1.95; +} + +.cta-band .hero-actions { + margin-top: 30px; +} + +.download-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 24px; +} + +.download-card { + padding: 32px; +} + +.download-meta { + display: flex; + align-items: center; + gap: 16px; + margin-bottom: 22px; +} + +.download-icon { + width: 56px; + height: 56px; + border-radius: 18px; + background: linear-gradient(135deg, rgba(122, 160, 255, 0.16), rgba(122, 160, 255, 0.03)); + display: flex; + align-items: center; + justify-content: center; +} + +.download-icon img { + width: 30px; + height: 30px; +} + +.site-footer { + margin-top: 120px; + background: var(--footer); + color: #fff; +} + +.footer-main { + display: grid; + grid-template-columns: 1.35fr 0.8fr 0.8fr; + gap: 48px; + padding: 60px 0 40px; +} + +.site-footer h3 { + margin: 0 0 18px; + font-size: 18px; + letter-spacing: -0.01em; +} + +.site-footer p, +.site-footer a { + color: var(--footer-muted); + font-size: 14px; + line-height: 2; +} + +.footer-links { + display: grid; + gap: 6px; +} + +.social-row { + display: flex; + gap: 12px; + margin-top: 24px; +} + +.social-row a { + display: inline-flex; + align-items: center; + justify-content: center; + width: 38px; + height: 38px; + border-radius: 50%; + border: 1px solid rgba(255, 255, 255, 0.22); +} + +.social-row svg { + width: 16px; + height: 16px; + fill: currentColor; +} + +.footer-bottom { + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding: 22px 0 30px; + color: rgba(255, 255, 255, 0.46); + font-size: 12px; + text-align: center; +} + +.bg-wash { + position: relative; +} + +.bg-wash::before { + content: ""; + position: absolute; + inset: 0; + background: + radial-gradient(circle at 12% 12%, rgba(122, 160, 255, 0.08), transparent 24%), + radial-gradient(circle at 88% 18%, rgba(242, 136, 119, 0.08), transparent 22%), + radial-gradient(circle at 78% 86%, rgba(122, 160, 255, 0.05), transparent 24%); + pointer-events: none; +} + +.bg-wash > * { + position: relative; +} + +@media (max-width: 1180px) { + .site-nav { + min-height: 88px; + } + + .nav-links, + .locale-pill { + display: none; + } + + .menu-toggle { + display: inline-flex; + } + + .split-hero, + .split-section, + .grid-three, + .teacher-grid, + .download-grid, + .footer-main, + .timeline-card { + grid-template-columns: 1fr; + } + + .grid-two, + .visual-stack.dual { + grid-template-columns: 1fr; + } + + .timeline-card { + gap: 18px; + } + + .timeline-tag { + font-size: 15px; + } +} + +@media (max-width: 760px) { + :root { + --nav-h: 84px; + } + + .container { + width: min(calc(100% - 32px), var(--content)); + } + + .hero { + padding: 64px 0 32px; + } + + .section { + padding: 82px 0; + } + + .feature-card, + .info-card, + .timeline-card, + .value-card, + .download-card, + .teacher-card, + .headline-card, + .quote-card, + .cta-band { + padding: 26px; + } + + .brand-copy { + gap: 6px; + font-size: 14px; + } + + .hero-actions { + flex-direction: column; + align-items: stretch; + } + + .btn { + width: 100%; + } + + .site-footer { + margin-top: 82px; + } +} diff --git a/assets/images/logo-mark.svg b/assets/images/logo-mark.svg new file mode 100644 index 0000000..10af584 --- /dev/null +++ b/assets/images/logo-mark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/images/sketch/0c94065a7e790aea48c302d1f437e6a09cfe0573.png b/assets/images/sketch/0c94065a7e790aea48c302d1f437e6a09cfe0573.png new file mode 100644 index 0000000..d01e89b Binary files /dev/null and b/assets/images/sketch/0c94065a7e790aea48c302d1f437e6a09cfe0573.png differ diff --git a/assets/images/sketch/165dc7c938317262993013e2bf7108b0d8429d1e.png b/assets/images/sketch/165dc7c938317262993013e2bf7108b0d8429d1e.png new file mode 100644 index 0000000..d1f68b8 Binary files /dev/null and b/assets/images/sketch/165dc7c938317262993013e2bf7108b0d8429d1e.png differ diff --git a/assets/images/sketch/1abbe19f0bf338ca5914e4918c80e2a0166fb3c6.png b/assets/images/sketch/1abbe19f0bf338ca5914e4918c80e2a0166fb3c6.png new file mode 100644 index 0000000..2266a19 Binary files /dev/null and b/assets/images/sketch/1abbe19f0bf338ca5914e4918c80e2a0166fb3c6.png differ diff --git a/assets/images/sketch/1efc835a38063c92536bf13de59691bb55426c59.png b/assets/images/sketch/1efc835a38063c92536bf13de59691bb55426c59.png new file mode 100644 index 0000000..a25e2ec Binary files /dev/null and b/assets/images/sketch/1efc835a38063c92536bf13de59691bb55426c59.png differ diff --git a/assets/images/sketch/2468a7414061f8fe2d173271cca906677b2e190d.png b/assets/images/sketch/2468a7414061f8fe2d173271cca906677b2e190d.png new file mode 100644 index 0000000..e1652d0 Binary files /dev/null and b/assets/images/sketch/2468a7414061f8fe2d173271cca906677b2e190d.png differ diff --git a/assets/images/sketch/29f4f341ce881e60945dfb6b948c94e96cb42111.png b/assets/images/sketch/29f4f341ce881e60945dfb6b948c94e96cb42111.png new file mode 100644 index 0000000..77cd804 Binary files /dev/null and b/assets/images/sketch/29f4f341ce881e60945dfb6b948c94e96cb42111.png differ diff --git a/assets/images/sketch/2be43b200b8951b4d2dfe7d7c6370d80413872e1.png b/assets/images/sketch/2be43b200b8951b4d2dfe7d7c6370d80413872e1.png new file mode 100644 index 0000000..ed93265 Binary files /dev/null and b/assets/images/sketch/2be43b200b8951b4d2dfe7d7c6370d80413872e1.png differ diff --git a/assets/images/sketch/3cfbe88194be43bcc0ab7a8e987c4d7eaad93ef5.png b/assets/images/sketch/3cfbe88194be43bcc0ab7a8e987c4d7eaad93ef5.png new file mode 100644 index 0000000..db3c77d Binary files /dev/null and b/assets/images/sketch/3cfbe88194be43bcc0ab7a8e987c4d7eaad93ef5.png differ diff --git a/assets/images/sketch/3fb13b6b14a9c9c38c19f57b131e9dbb84e9d2a8.png b/assets/images/sketch/3fb13b6b14a9c9c38c19f57b131e9dbb84e9d2a8.png new file mode 100644 index 0000000..00051e7 Binary files /dev/null and b/assets/images/sketch/3fb13b6b14a9c9c38c19f57b131e9dbb84e9d2a8.png differ diff --git a/assets/images/sketch/4f0c158d4abd3ded7bc18fb50aedeedc77691076.png b/assets/images/sketch/4f0c158d4abd3ded7bc18fb50aedeedc77691076.png new file mode 100644 index 0000000..3993be4 Binary files /dev/null and b/assets/images/sketch/4f0c158d4abd3ded7bc18fb50aedeedc77691076.png differ diff --git a/assets/images/sketch/5342ef5816d982f0f3ad46f61bd74b68e383213e.png b/assets/images/sketch/5342ef5816d982f0f3ad46f61bd74b68e383213e.png new file mode 100644 index 0000000..11d20ee Binary files /dev/null and b/assets/images/sketch/5342ef5816d982f0f3ad46f61bd74b68e383213e.png differ diff --git a/assets/images/sketch/53f5e9c4751757b91531fd260cf01f6eff8e1278.png b/assets/images/sketch/53f5e9c4751757b91531fd260cf01f6eff8e1278.png new file mode 100644 index 0000000..225bb4c Binary files /dev/null and b/assets/images/sketch/53f5e9c4751757b91531fd260cf01f6eff8e1278.png differ diff --git a/assets/images/sketch/57f1afffbfd0bb7f0ebe0072c4ceb2cbd6d20ae4.png b/assets/images/sketch/57f1afffbfd0bb7f0ebe0072c4ceb2cbd6d20ae4.png new file mode 100644 index 0000000..c8791a0 Binary files /dev/null and b/assets/images/sketch/57f1afffbfd0bb7f0ebe0072c4ceb2cbd6d20ae4.png differ diff --git a/assets/images/sketch/67a807fec1b784684e1a026f0ee01f5072a571c7.png b/assets/images/sketch/67a807fec1b784684e1a026f0ee01f5072a571c7.png new file mode 100644 index 0000000..f072a09 Binary files /dev/null and b/assets/images/sketch/67a807fec1b784684e1a026f0ee01f5072a571c7.png differ diff --git a/assets/images/sketch/6de9aa9e5d23da3009d3776b55c3b84c02a5aaa2.png b/assets/images/sketch/6de9aa9e5d23da3009d3776b55c3b84c02a5aaa2.png new file mode 100644 index 0000000..41db5d3 Binary files /dev/null and b/assets/images/sketch/6de9aa9e5d23da3009d3776b55c3b84c02a5aaa2.png differ diff --git a/assets/images/sketch/707985b319ec1b2f40990110a1589b97e9328463.png b/assets/images/sketch/707985b319ec1b2f40990110a1589b97e9328463.png new file mode 100644 index 0000000..30f16ad Binary files /dev/null and b/assets/images/sketch/707985b319ec1b2f40990110a1589b97e9328463.png differ diff --git a/assets/images/sketch/7cdc25ddd57dfe8b8394e8b3ed7ffc28225b6471.png b/assets/images/sketch/7cdc25ddd57dfe8b8394e8b3ed7ffc28225b6471.png new file mode 100644 index 0000000..ef4e03e Binary files /dev/null and b/assets/images/sketch/7cdc25ddd57dfe8b8394e8b3ed7ffc28225b6471.png differ diff --git a/assets/images/sketch/8ccfd197e95883a5800485bd794446260668decb.png b/assets/images/sketch/8ccfd197e95883a5800485bd794446260668decb.png new file mode 100644 index 0000000..03456f3 Binary files /dev/null and b/assets/images/sketch/8ccfd197e95883a5800485bd794446260668decb.png differ diff --git a/assets/images/sketch/8f23517eccd3e10f8cdc63887d23cd0aaaa75181.png b/assets/images/sketch/8f23517eccd3e10f8cdc63887d23cd0aaaa75181.png new file mode 100644 index 0000000..5922d6f Binary files /dev/null and b/assets/images/sketch/8f23517eccd3e10f8cdc63887d23cd0aaaa75181.png differ diff --git a/assets/images/sketch/8f779ada0b5230fcdb67527986ae4a7a63d694b4.png b/assets/images/sketch/8f779ada0b5230fcdb67527986ae4a7a63d694b4.png new file mode 100644 index 0000000..800ef09 Binary files /dev/null and b/assets/images/sketch/8f779ada0b5230fcdb67527986ae4a7a63d694b4.png differ diff --git a/assets/images/sketch/9286e6b5a91d38938547ebf3909e5d6886e79899.png b/assets/images/sketch/9286e6b5a91d38938547ebf3909e5d6886e79899.png new file mode 100644 index 0000000..a184f6f Binary files /dev/null and b/assets/images/sketch/9286e6b5a91d38938547ebf3909e5d6886e79899.png differ diff --git a/assets/images/sketch/96160d0c2ec385f93e20c2798a0398a85ee806b8.png b/assets/images/sketch/96160d0c2ec385f93e20c2798a0398a85ee806b8.png new file mode 100644 index 0000000..2b16c81 Binary files /dev/null and b/assets/images/sketch/96160d0c2ec385f93e20c2798a0398a85ee806b8.png differ diff --git a/assets/images/sketch/abfcce4aed0c6b426ced3e4a00ca599ddb0bc080.png b/assets/images/sketch/abfcce4aed0c6b426ced3e4a00ca599ddb0bc080.png new file mode 100644 index 0000000..3c09b4b Binary files /dev/null and b/assets/images/sketch/abfcce4aed0c6b426ced3e4a00ca599ddb0bc080.png differ diff --git a/assets/images/sketch/b9d0d9f11f269b89ff4d1b63e02b9d4f96443f92.png b/assets/images/sketch/b9d0d9f11f269b89ff4d1b63e02b9d4f96443f92.png new file mode 100644 index 0000000..f00e8b0 Binary files /dev/null and b/assets/images/sketch/b9d0d9f11f269b89ff4d1b63e02b9d4f96443f92.png differ diff --git a/assets/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.png b/assets/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.png new file mode 100644 index 0000000..88b6fc1 Binary files /dev/null and b/assets/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.png differ diff --git a/assets/images/sketch/be0ec601a8ebd6f6605d07b574089da59e93a5e7.png b/assets/images/sketch/be0ec601a8ebd6f6605d07b574089da59e93a5e7.png new file mode 100644 index 0000000..be94b11 Binary files /dev/null and b/assets/images/sketch/be0ec601a8ebd6f6605d07b574089da59e93a5e7.png differ diff --git a/assets/images/sketch/c2372a471e5be3eb7d87bf2c5a30fa458b5c897a.png b/assets/images/sketch/c2372a471e5be3eb7d87bf2c5a30fa458b5c897a.png new file mode 100644 index 0000000..b1f7a7b Binary files /dev/null and b/assets/images/sketch/c2372a471e5be3eb7d87bf2c5a30fa458b5c897a.png differ diff --git a/assets/images/sketch/d47cf2285609fda9339d16a5dae947ac4f22416e.png b/assets/images/sketch/d47cf2285609fda9339d16a5dae947ac4f22416e.png new file mode 100644 index 0000000..36cf886 Binary files /dev/null and b/assets/images/sketch/d47cf2285609fda9339d16a5dae947ac4f22416e.png differ diff --git a/assets/images/sketch/d5c638f4b093f233101f28a2872f10f3172a3ac4.png b/assets/images/sketch/d5c638f4b093f233101f28a2872f10f3172a3ac4.png new file mode 100644 index 0000000..53ca689 Binary files /dev/null and b/assets/images/sketch/d5c638f4b093f233101f28a2872f10f3172a3ac4.png differ diff --git a/assets/images/sketch/e008645eb4e8bd0b78d8a748abedf9702a1944c0.png b/assets/images/sketch/e008645eb4e8bd0b78d8a748abedf9702a1944c0.png new file mode 100644 index 0000000..110d2d0 Binary files /dev/null and b/assets/images/sketch/e008645eb4e8bd0b78d8a748abedf9702a1944c0.png differ diff --git a/assets/images/sketch/e23d8731822a88f20e294e92f8d496727e54ec7e.png b/assets/images/sketch/e23d8731822a88f20e294e92f8d496727e54ec7e.png new file mode 100644 index 0000000..a96e984 Binary files /dev/null and b/assets/images/sketch/e23d8731822a88f20e294e92f8d496727e54ec7e.png differ diff --git a/assets/images/sketch/ead4c466c86cafe8f76435d59c15ac159aed5cc3.png b/assets/images/sketch/ead4c466c86cafe8f76435d59c15ac159aed5cc3.png new file mode 100644 index 0000000..f14fee6 Binary files /dev/null and b/assets/images/sketch/ead4c466c86cafe8f76435d59c15ac159aed5cc3.png differ diff --git a/assets/images/sketch/eb55da7436f1cf69f9ce2a44234033426361d80d.png b/assets/images/sketch/eb55da7436f1cf69f9ce2a44234033426361d80d.png new file mode 100644 index 0000000..cb0f80c Binary files /dev/null and b/assets/images/sketch/eb55da7436f1cf69f9ce2a44234033426361d80d.png differ diff --git a/assets/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.png b/assets/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.png new file mode 100644 index 0000000..da825cc Binary files /dev/null and b/assets/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.png differ diff --git a/assets/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.png b/assets/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.png new file mode 100644 index 0000000..4d92653 Binary files /dev/null and b/assets/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.png differ diff --git a/assets/js/site.js b/assets/js/site.js new file mode 100644 index 0000000..2f8e96a --- /dev/null +++ b/assets/js/site.js @@ -0,0 +1,9 @@ +const toggle = document.querySelector("[data-menu-toggle]"); +const menu = document.querySelector("[data-mobile-menu]"); + +if (toggle && menu) { + toggle.addEventListener("click", () => { + const isOpen = menu.classList.toggle("is-open"); + toggle.setAttribute("aria-expanded", String(isOpen)); + }); +} diff --git a/curriculum.html b/curriculum.html new file mode 100644 index 0000000..21d9d24 --- /dev/null +++ b/curriculum.html @@ -0,0 +1,86 @@ + + + + + + 课程体系 | 智花 · 五道题在线教育 + + + + +
+
+
+ + +
智花|五道题在线教育
+ + +
简体中文
+ +
+
+ 首页 + 教学理念 + 课程体系 + 师资团队 + 关于我们 +
+
+ +
+
+
+

课程体系

+

智花课程体系按照 HSK 等级科学设计，覆盖听说读写各项技能，同时提供情境化练习与个性化提高班，让每位中文学习者都能高效成长。

+
+
+ +
+
+
+

HSK 等级课程

+

按照 HSK 等级划分，循序渐进掌握中文能力

+
+
HSK 课程结构视觉展示
+
+
+ +
+
+
+
技能训练
+

专注听、说、读、写四大核心技能，提升综合语言能力

以模块化练习组织不同难度和目标的内容，配合即时反馈，让知识点巩固与技能迁移并行推进。

+
+
+
情境化学习
+

通过真实情境和生活场景模拟，让学习更主动、更实用

不只是记忆词汇与语法，更围绕表达、理解和沟通建立语境，让学习结果自然过渡到真实交流场景。

+
+
+
进阶课程
+

根据学员水平和学习意愿组织，提高语言能力和实习竞争力

围绕专项需求提供更具针对性的内容编排，帮助学习者在已有基础上完成进一步突破。

+
+
+
+
+ + +
+ + + diff --git a/faculty.html b/faculty.html new file mode 100644 index 0000000..1a2b0c8 --- /dev/null +++ b/faculty.html @@ -0,0 +1,118 @@ + + + + + + 师资团队 | 智花 · 五道题在线教育 + + + + +
+
+
+ + +
智花|五道题在线教育
+ + +
简体中文
+ +
+
+ 首页 + 教学理念 + 课程体系 + 师资团队 + 关于我们 +
+
+ +
+
+
+

教师团队

+

智花教师团队由国内外知名院校的专家与一线教师组成，致力于将专业教学与智能技术融合，为学习者提供高质量的国际中文教育。

+
+
+ +
+
+

团队理念

+
+

我们相信语言学习不仅是知识的积累，更是文化与交流的桥梁。

+

智花教师团队以专业、创新与温度为核心理念，让中文教学更生动、更智能、更具全球视野。

+
+
+
+ +
+
+

名师风采

+

展示 3-6 位代表教师（头像 + 姓名 + 职称 + 专长）。当前页面按设计稿中的占位信息组织为静态展示卡片，后续可直接替换为真实师资内容。

+
+
+
张无忌教师形象
+

张无忌

+
香港中文大学 · 语法 / 文化
+

长期从事国际中文教育研究，擅长课程设计与语言结构讲解，注重知识体系完整性与课堂互动。

+
+
+
白眉大侠教师形象
+

白眉大侠

+
北京外国语大学 · 口语 / 听力
+

强调真实语境中的表达能力训练，擅长把课堂任务拆解成可执行的高频语言动作。

+
+
+
路飞教师形象
+

路飞

+
北京外国语大学 · 阅读 / 写作
+

关注阅读理解与书面表达的协同训练，帮助学习者在结构化输入中建立更稳定的输出能力。

+
+
+
扫地僧教师形象
+

扫地僧

+
国际中文教育 · 综合提升
+

结合 AI 学习支持与长期教学经验，为不同学习阶段的学生制定更精细的成长建议与目标路径。

+
+
+
+
+ +
+
+
+

教学优势

+

教学经验与智能支持并行

+

结合丰富教学经验与 AI 智能支持，教师团队能够精准评估学习水平，提供个性化指导，帮助学习者高效提升。

+
+
+

诚邀加盟

+

我们正在不断壮大，欢迎更多国际中文教育人才加入。

+

共同建设开放、创新的智慧教学生态，让更多学习者在稳定高质量的环境中持续成长。

+
加入我们
+
+
+
+
+ + +
+ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..8644a77 --- /dev/null +++ b/index.html @@ -0,0 +1,223 @@ + + + + + + 首页 | 智花 · 五道题在线教育 + + + + +
+
+
+ + +
智花|五道题在线教育
+ + +
+ 简体中文 + +
+ +
+
+ 首页 + 教学理念 + 课程体系 + 师资团队 + 关于我们 +
+
+ +
+
+
+

理念大题

+

用中文连接世界

+

智花，让学习更智能。

+
+ 开始学习 +
+
+
+ +
+
+
+
首页内容总览
+

权威课程与师资，搭配智能学习体验

+

+ 以国际中文教育为核心，围绕课程体系、名师团队、AI 个性化学习和多终端学习体验，建立一套清晰、稳定、可持续升级的静态展示站点。 +

+
+ 查看完整课程体系 + 查看完整师资体系 +
+
+
+ 课程与学习体验可视化展示 +
+
+
+ +
+
+
+

我们的优势（Why SmartBloom）

+
+
+
+
+

权威课程与师资

+

名师团队，打造科学系统的国际中文课程，覆盖 HSK 分级、技能训练和进阶路径，兼顾学习效率与文化深度。

+
+
+
+

AI 智能学习技术

+

AI 驱动个性化学习，让每一次练习都更高效。围绕学习记录、推荐路径和即时反馈，形成稳定的练习闭环。

+
+
+
+

个性化学习体验

+

根据学习水平动态调整，让不同阶段的学习者都能找到适合自己的节奏，减少无效重复，提升成长速度。

+
+
+
+

国际化学习社区

+

全球中文学习者互动平台，跨文化交流无障碍。课程之外，也为真实沟通、协作和表达提供持续场景。

+
+
+
+
+ +
+
+
+

课程概览

+
+
+
+

HSK 等级课程

+

按照 HSK 等级精心设计，循序渐进，系统掌握中文语言能力。

+
+
+

技能训练与情境化学习

+

围绕听、说、读、写四项技能构建练习路径，并结合真实情境，让中文学习更主动、更有效。

+
+
+

个性化提高班

+

根据学员水平与学习意愿，量身组织提高班，强化短板，帮助学习者持续跃升。

+
+
+
+ 查看完整课程体系 +
+
+
+ +
+
+
+

师资亮点

+

国际中文教育名师团队倾力打造，经验丰富，专业权威。

+

课程教学设计覆盖全领域，结合 AI 技术提供更稳定的学习反馈与更灵活的课堂支持。

+ 查看完整师资体系 +
+
+

学习体验

+
+ 学习 App 界面与使用场景展示 +
+
+ 学习 App 使用场景 + 练习界面 · AI 推荐路径 · 进度追踪 +
+ 开始学习 +
+
+
+ +
+
+
+

下载应用

+

随时开始你的中文学习

+

保留设计稿中的下载入口位置，桌面端三列展开，移动端自动改为单列，便于静态部署后的直接访问与跳转替换。

+
+
+
+
+
+

App Store

iPhone / iPad

+
+

适合 iOS 端学习者，保留与设计稿一致的下载入口位置，可直接替换为真实商店链接。

+
+
+
+
+

Google Play

Android 商店安装

+
+

面向全球 Android 用户，支持静态页面先行交付，后续只需替换按钮地址即可上线使用。

+
+
+
+
+

Download Android

直链包下载

+
+

预留 APK 直链下载入口，与设计稿页脚下载区保持一致，方便不同渠道同步发布。

+
+
+
+
+
+ + +
+ + + + diff --git a/teaching-philosophy.html b/teaching-philosophy.html new file mode 100644 index 0000000..e2c6579 --- /dev/null +++ b/teaching-philosophy.html @@ -0,0 +1,111 @@ + + + + + + 教学理念 | 智花 · 五道题在线教育 + + + + +
+
+
+ + +
智花|五道题在线教育
+ + +
简体中文
+ +
+
+ 首页 + 教学理念 + 课程体系 + 师资团队 + 关于我们 +
+
+ +
+
+
+

教学理念

+

用中文连接世界，开启智慧学习新时代

+
+
+ +
+
+

教育目标

+
+

帮助学习者掌握语言能力
理解中华文化

+
+
+
+ +
+
+
+

教学方法

+
+ HSK 分级课程 + 听说读写技能训练 + 情境化学习 + AI 个性化推荐 +
+
+
+
个性化互动学习场景
+
+
在线课堂教学场景
+
协作学习与讨论场景
+
+
+
+
+ +
+
+

教学特色

+
+

互动与沉浸

体现学习过程的互动性和沉浸感，通过多轮反馈与真实任务场景建立更自然的表达习惯。

+

强调个性化

围绕学习差异调整节奏、内容和任务强度，让不同学习者都能在适合的路径上持续推进。

+

高效可追踪

提供高效、有趣、可追踪的学习体验，让学习状态可见、学习成果可感知、学习反馈可持续。

+
+
+
+ +
+
+

教育价值观

+
+
+ 专业权威智能科技国际化视野以学习者为中心 +
+
+
+
+
+ + +
+ + + diff --git a/设计稿/about.png b/设计稿/about.png new file mode 100644 index 0000000..7af0e87 Binary files /dev/null and b/设计稿/about.png differ diff --git a/设计稿/curriculum.png b/设计稿/curriculum.png new file mode 100644 index 0000000..a88c6e8 Binary files /dev/null and b/设计稿/curriculum.png differ diff --git a/设计稿/faculty.png b/设计稿/faculty.png new file mode 100644 index 0000000..05f8d88 Binary files /dev/null and b/设计稿/faculty.png differ diff --git a/设计稿/index.png b/设计稿/index.png new file mode 100644 index 0000000..0021fbe Binary files /dev/null and b/设计稿/index.png differ diff --git a/设计稿/teaching-philosophy.png b/设计稿/teaching-philosophy.png new file mode 100644 index 0000000..d3858c4 Binary files /dev/null and b/设计稿/teaching-philosophy.png differ