src="https://cdn.tailwindcss.com"> > tailwind.config = { theme: { extend: { colors: { primary: '#DE2910', // 中国红 secondary: '#FFDE00', // 金黄色 dark: '#1A1A1A', light: '#F8F9FA' }, fontFamily: { sans: ['Inter', 'system-ui', 'sans-serif'], serif: ['"Noto Serif SC"', 'serif'] } } } }

我和我的祖国

一刻也不能分割,无论我走到哪里,都流出一首赞歌

历史足迹

见证祖国从站起来、富起来到强起来的伟大飞跃

1949年

中华人民共和国成立

毛泽东主席在天安门城楼上庄严宣告:"中华人民共和国中央人民政府今天成立了!"中国人民从此站起来了。

1978年

改革开放

党的十一届三中全会召开,中国开始实行改革开放政策,开启了中国特色社会主义道路的探索,经济社会发展进入新时期。

2001年

加入世界贸易组织

中国正式加入世界贸易组织,标志着中国对外开放进入一个新的阶段,加速了中国经济融入全球经济体系的进程。

新时代

民族复兴之路

中国特色社会主义进入新时代,脱贫攻坚战取得全面胜利,全面建成小康社会,正在向着全面建设社会主义现代化国家新征程迈进。

辉煌成就

新中国成立以来取得的举世瞩目的成就

中国高铁

高铁网络

中国高铁运营里程突破4万公里,居世界第一,形成了世界上最现代化的铁路网和最发达的高铁网。

航天成就

航天工程

从"神舟"飞天到"嫦娥"探月,从"天宫"组网到"天问"火星探测,中国航天事业实现跨越式发展。

脱贫攻坚

脱贫攻坚

历史性地解决了绝对贫困问题,近1亿农村贫困人口全部脱贫,创造了人类减贫史上的奇迹。

5G技术

5G技术

中国在5G技术研发和应用方面走在世界前列,建成全球规模最大的5G网络,推动数字经济发展。

港珠澳大桥

超级工程

港珠澳大桥、三峡工程、青藏铁路等一系列超级工程建成,展现了中国建造的实力和智慧。

抗疫胜利

抗疫斗争

有效控制新冠肺炎疫情,最大限度保护人民生命安全和身体健康,为全球抗疫贡献中国方案。

民族精神

激励中华儿女奋勇前进的强大精神力量

爱国主义精神

爱国主义是中华民族精神的核心,是中国人民和中华民族同心同德、自强不息的精神纽带。

团结奋斗精神

团结奋斗是中国人民在党的领导下在长期奋斗中形成的宝贵精神品质,是战胜一切艰难险阻的重要保证。

创新进取精神

创新是民族进步的灵魂,是国家兴旺发达的不竭动力,激励着中国人民不断探索、勇于突破。

自强不息精神

自强不息是中华民族的优良传统,激励着一代又一代中华儿女顽强拼搏、奋勇向前,创造了辉煌的中华文明。

民族精神

"我们都在努力奔跑,我们都是追梦人。"

爱国宣言

我骄傲,我是中国人!
我将以实际行动热爱祖国、建设祖国,
为实现中华民族伟大复兴的中国梦贡献力量!

> // 导航栏滚动效果 const navbar = document.getElementById('navbar'); window.addEventListener('scroll', () => { if (window.scrollY > 50) { navbar.classList.add('bg-primary/95', 'shadow-lg'); navbar.classList.remove('bg-transparent'); } else { navbar.classList.add('bg-transparent'); navbar.classList.remove('bg-primary/95', 'shadow-lg'); } }); // 平滑滚动 document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); }); // 音频播放处理(部分浏览器可能需要用户交互才能播放) document.addEventListener('click', function() { const audio = document.getElementById('patrioticSong'); if (audio.paused) { audio.play().catch(e => { console.log('音频播放需要用户交互:', e); }); } }, { once: true }); // 页面加载动画 window.addEventListener('load', () => { document.body.classList.add('loaded'); });