diff --git a/index.html b/index.html
index 83b8e628f..4fbc7ece0 100644
--- a/index.html
+++ b/index.html
@@ -1,737 +1,245 @@
 <!DOCTYPE html>
-<html lang="en">
-
+<html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Green Network - Protect Earth</title>
+    <title>EcoGuard - 守护生态平衡</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-        }
-
+        * {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
         :root {
-            --primary: #2e7d32;
-            --secondary: #4caf50;
-            --accent: #8bc34a;
+            --primary: #1b5e20;
+            --secondary: #2e7d32;
+            --accent: #66bb6a;
             --light: #e8f5e9;
-            --dark: #1b5e20;
-            --text: #333333;
+            --dark: #0d2e10;
+            --text: #2d3748;
             --white: #ffffff;
         }
-
-        body {
-            background-color: var(--light);
-            color: var(--text);
-            line-height: 1.6;
-        }
-
-        header {
-            background: linear-gradient(to right, var(--primary), var(--secondary));
-            color: var(--white);
-            padding: 1rem 0;
-            position: sticky;
-            top: 0;
-            z-index: 100;
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-        }
-
-        .container {
-            width: 90%;
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-
-        .nav-container {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .logo {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            font-size: 1.8rem;
-            font-weight: 700;
-        }
-
-        .logo i {
-            font-size: 2rem;
-        }
-
-        nav ul {
-            display: flex;
-            list-style: none;
-        }
-
-        nav ul li {
-            margin-left: 2rem;
-        }
-
-        nav ul li a {
-            color: var(--white);
-            text-decoration: none;
-            font-weight: 500;
-            transition: all 0.3s ease;
-            padding: 0.5rem 0;
-            position: relative;
-        }
-
-        nav ul li a:hover {
-            color: var(--accent);
-        }
-
-        nav ul li a::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 0;
-            height: 2px;
-            background-color: var(--accent);
-            transition: width 0.3s ease;
-        }
-
-        nav ul li a:hover::after {
-            width: 100%;
-        }
-
-        .hero {
-            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2073&q=80');
-            background-size: cover;
-            background-position: center;
-            height: 80vh;
-            display: flex;
-            align-items: center;
-            text-align: center;
-            color: var(--white);
-        }
-
-        .hero-content {
-            max-width: 800px;
-            margin: 0 auto;
-        }
-
-        .hero h1 {
-            font-size: 3.5rem;
-            margin-bottom: 1rem;
-            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-        }
-
-        .hero p {
-            font-size: 1.3rem;
-            margin-bottom: 2rem;
-        }
-
-        .btn {
-            display: inline-block;
-            background-color: var(--accent);
-            color: var(--white);
-            padding: 0.8rem 2rem;
-            border-radius: 50px;
-            text-decoration: none;
-            font-weight: 600;
-            transition: all 0.3s ease;
-            border: none;
-            cursor: pointer;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        }
-
-        .btn:hover {
-            background-color: var(--primary);
-            transform: translateY(-3px);
-            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
-        }
-
-        section {
-            padding: 5rem 0;
-        }
-
-        .section-title {
-            text-align: center;
-            margin-bottom: 3rem;
-        }
-
-        .section-title h2 {
-            font-size: 2.5rem;
-            color: var(--primary);
-            margin-bottom: 1rem;
-            position: relative;
-            display: inline-block;
-        }
-
-        .section-title h2::after {
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 80px;
-            height: 4px;
-            background-color: var(--accent);
-            border-radius: 2px;
-        }
-
-        .section-title p {
-            color: var(--text);
-            max-width: 700px;
-            margin: 0 auto;
-        }
-
-        .about-content {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 3rem;
-            align-items: center;
-        }
-
-        .about-img {
-            border-radius: 10px;
-            overflow: hidden;
-            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-        }
-
-        .about-img img {
-            width: 100%;
-            height: auto;
-            display: block;
-            transition: transform 0.5s ease;
-        }
-
-        .about-img:hover img {
-            transform: scale(1.05);
-        }
-
-        .about-text h3 {
-            font-size: 1.8rem;
-            margin-bottom: 1.5rem;
-            color: var(--dark);
-        }
-
-        .about-text p {
-            margin-bottom: 1.5rem;
-        }
-
-        .stats {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 2rem;
-            margin-top: 3rem;
-        }
-
-        .stat-item {
-            text-align: center;
-            padding: 2rem 1rem;
-            background-color: var(--white);
-            border-radius: 10px;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s ease;
-        }
-
-        .stat-item:hover {
-            transform: translateY(-10px);
-        }
-
-        .stat-item i {
-            font-size: 2.5rem;
-            color: var(--primary);
-            margin-bottom: 1rem;
-        }
-
-        .stat-item h3 {
-            font-size: 2.5rem;
-            color: var(--dark);
-            margin-bottom: 0.5rem;
-        }
-
-        .stat-item p {
-            color: var(--text);
-        }
-
-        .initiatives {
-            background-color: var(--white);
-        }
-
-        .initiatives-grid {
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 2rem;
-        }
-
-        .initiative-card {
-            background-color: var(--light);
-            border-radius: 10px;
-            overflow: hidden;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-            transition: transform 0.3s ease;
-        }
-
-        .initiative-card:hover {
-            transform: translateY(-10px);
-        }
-
-        .initiative-img {
-            height: 200px;
-            overflow: hidden;
-        }
-
-        .initiative-img img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-            transition: transform 0.5s ease;
-        }
-
-        .initiative-card:hover .initiative-img img {
-            transform: scale(1.1);
-        }
-
-        .initiative-content {
-            padding: 1.5rem;
-        }
-
-        .initiative-content h3 {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
-            color: var(--dark);
-        }
-
-        .initiative-content p {
-            margin-bottom: 1.5rem;
-        }
-
-        .cta {
-            background: linear-gradient(to right, var(--primary), var(--secondary));
-            color: var(--white);
-            text-align: center;
-            padding: 5rem 0;
-        }
-
-        .cta h2 {
-            font-size: 2.5rem;
-            margin-bottom: 1.5rem;
-        }
-
-        .cta p {
-            font-size: 1.2rem;
-            margin-bottom: 2rem;
-            max-width: 700px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-
-        .cta .btn {
-            background-color: var(--white);
-            color: var(--primary);
-        }
-
-        .cta .btn:hover {
-            background-color: var(--accent);
-            color: var(--white);
-        }
-
-        footer {
-            background-color: var(--dark);
-            color: var(--white);
-            padding: 3rem 0 1rem;
-        }
-
-        .footer-content {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 2rem;
-            margin-bottom: 2rem;
-        }
-
-        .footer-column h3 {
-            font-size: 1.3rem;
-            margin-bottom: 1.5rem;
-            position: relative;
-            padding-bottom: 10px;
-        }
-
-        .footer-column h3::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 40px;
-            height: 2px;
-            background-color: var(--accent);
-        }
-
-        .footer-column p {
-            margin-bottom: 1rem;
-        }
-
-        .footer-links {
-            list-style: none;
-        }
-
-        .footer-links li {
-            margin-bottom: 0.8rem;
-        }
-
-        .footer-links li a {
-            color: var(--light);
-            text-decoration: none;
-            transition: all 0.3s ease;
-        }
-
-        .footer-links li a:hover {
-            color: var(--accent);
-            padding-left: 5px;
-        }
-
-        .social-links {
-            display: flex;
-            gap: 1rem;
-        }
-
-        .social-links a {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            width: 40px;
-            height: 40px;
-            background-color: rgba(255, 255, 255, 0.1);
-            border-radius: 50%;
-            color: var(--white);
-            text-decoration: none;
-            transition: all 0.3s ease;
-        }
-
-        .social-links a:hover {
-            background-color: var(--accent);
-            transform: translateY(-5px);
-        }
-
-        .copyright {
-            text-align: center;
-            padding-top: 2rem;
-            border-top: 1px solid rgba(255, 255, 255, 0.1);
-        }
-
-        .mobile-menu {
-            display: none;
-            font-size: 1.5rem;
-            cursor: pointer;
-        }
-
-        @media (max-width: 992px) {
-            .about-content {
-                grid-template-columns: 1fr;
-            }
-
-            .initiatives-grid {
-                grid-template-columns: repeat(2, 1fr);
-            }
-
-            .footer-content {
-                grid-template-columns: repeat(2, 1fr);
-            }
-
-            .stats {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 768px) {
-            .hero h1 {
-                font-size: 2.5rem;
-            }
-
-            .hero p {
-                font-size: 1.1rem;
-            }
-
-            nav ul {
-                display: none;
-                position: absolute;
-                top: 100%;
-                left: 0;
-                width: 100%;
-                background-color: var(--primary);
-                flex-direction: column;
-                padding: 1rem 0;
-                text-align: center;
-                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-            }
-
-            nav ul.active {
-                display: flex;
-            }
-
-            nav ul li {
-                margin: 0;
-                padding: 0.8rem 0;
-            }
-
-            .mobile-menu {
-                display: block;
-            }
-
-            .initiatives-grid {
-                grid-template-columns: 1fr;
-            }
-
-            .footer-content {
-                grid-template-columns: 1fr;
-            }
-
-            .stats {
-                grid-template-columns: 1fr;
-            }
-        }
-
-        /* Animation for stats counter */
-        .counter {
-            transition: all 0.5s ease;
-        }
+        body {background-color: var(--light);color: var(--text);line-height: 1.6;}
+        header {background: linear-gradient(to right, var(--primary), var(--secondary));color: var(--white);padding: 1rem 0;position: sticky;top: 0;z-index: 100;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
+        .container {width: 90%;max-width: 1200px;margin: 0 auto;}
+        .nav-container {display: flex;justify-content: space-between;align-items: center;}
+        .logo {display: flex;align-items: center;gap: 10px;font-size: 1.8rem;font-weight: 700;}
+        .logo i {font-size: 2rem;}
+        nav ul {display: flex;list-style: none;}
+        nav ul li {margin-left: 2rem;}
+        nav ul li a {color: var(--white);text-decoration: none;font-weight: 500;transition: all 0.3s ease;padding: 0.5rem 0;position: relative;}
+        nav ul li a:hover {color: var(--accent);}
+        nav ul li a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--accent);transition: width 0.3s ease;}
+        nav ul li a:hover::after {width: 100%;}
+        .hero {background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1501854140801-50d01698950b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');background-size: cover;background-position: center;height: 80vh;display: flex;align-items: center;text-align: center;color: var(--white);}
+        .hero-content {max-width: 800px;margin: 0 auto;}
+        .hero h1 {font-size: 3.5rem;margin-bottom: 1rem;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
+        .hero p {font-size: 1.3rem;margin-bottom: 2rem;}
+        .btn {display: inline-block;background-color: var(--accent);color: var(--white);padding: 0.8rem 2rem;border-radius: 50px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;border: none;cursor: pointer;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
+        .btn:hover {background-color: var(--primary);transform: translateY(-3px);box-shadow: 0 6px 8px rgba(0,0,0,0.15);}
+        section {padding: 5rem 0;}
+        .section-title {text-align: center;margin-bottom: 3rem;}
+        .section-title h2 {font-size: 2.5rem;color: var(--primary);margin-bottom: 1rem;position: relative;display: inline-block;}
+        .section-title h2::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background-color: var(--accent);border-radius: 2px;}
+        .section-title p {color: var(--text);max-width: 700px;margin: 0 auto;}
+        .about-content {display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;}
+        .about-img {border-radius: 10px;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
+        .about-img img {width: 100%;height: auto;display: block;transition: transform 0.5s ease;loading: lazy;}
+        .about-img:hover img {transform: scale(1.05);}
+        .about-text h3 {font-size: 1.8rem;margin-bottom: 1.5rem;color: var(--dark);}
+        .about-text p {margin-bottom: 1.5rem;}
+        .stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;margin-top: 3rem;}
+        .stat-item {text-align: center;padding: 2rem 1rem;background-color: var(--white);border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);transition: transform 0.3s ease;}
+        .stat-item:hover {transform: translateY(-10px);}
+        .stat-item i {font-size: 2.5rem;color: var(--primary);margin-bottom: 1rem;}
+        .stat-item h3 {font-size: 2.5rem;color: var(--dark);margin-bottom: 0.5rem;}
+        .stat-item p {color: var(--text);}
+        .initiatives {background-color: var(--white);}
+        .initiatives-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
+        .initiative-card {background-color: var(--light);border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.05);transition: transform 0.3s ease;}
+        .initiative-card:hover {transform: translateY(-10px);}
+        .initiative-img {height: 200px;overflow: hidden;}
+        .initiative-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;loading: lazy;}
+        .initiative-card:hover .initiative-img img {transform: scale(1.1);}
+        .initiative-content {padding: 1.5rem;}
+        .initiative-content h3 {font-size: 1.5rem;margin-bottom: 1rem;color: var(--dark);}
+        .initiative-content p {margin-bottom: 1.5rem;}
+        .ecovideo {background-color: var(--light);}
+        .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;background: #000;margin: 2rem 0;border-radius: 10px;}
+        .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
+        .video-loading {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--white);font-size: 1.2rem;}
+        .cta {background: linear-gradient(to right, var(--primary), var(--secondary));color: var(--white);text-align: center;padding: 5rem 0;}
+        .cta h2 {font-size: 2.5rem;margin-bottom: 1.5rem;}
+        .cta p {font-size: 1.2rem;margin-bottom: 2rem;max-width: 700px;margin-left: auto;margin-right: auto;}
+        .cta .btn {background-color: var(--white);color: var(--primary);}
+        .cta .btn:hover {background-color: var(--accent);color: var(--white);}
+        footer {background-color: var(--dark);color: var(--white);padding: 3rem 0 1rem;}
+        .footer-content {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2rem;margin-bottom: 2rem;}
+        .footer-column h3 {font-size: 1.3rem;margin-bottom: 1.5rem;position: relative;padding-bottom: 10px;}
+        .footer-column h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: var(--accent);}
+        .footer-column p {margin-bottom: 1rem;}
+        .footer-links {list-style: none;}
+        .footer-links li {margin-bottom: 0.8rem;}
+        .footer-links li a {color: var(--light);text-decoration: none;transition: all 0.3s ease;}
+        .footer-links li a:hover {color: var(--accent);padding-left: 5px;}
+        .social-links {display: flex;gap: 1.5rem;margin-top: 1rem;}
+        .social-links a {display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: rgba(255,255,255,0.1);border-radius: 50%;color: var(--white);text-decoration: none;transition: all 0.3s ease;font-size: 1.5rem;}
+        .social-links a:hover {background-color: var(--accent);transform: translateY(-5px);}
+        .copyright {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255,255,255,0.1);}
+        .mobile-menu {display: none;font-size: 1.5rem;cursor: pointer;}
+        @media (max-width: 992px) {.about-content {grid-template-columns: 1fr;}.initiatives-grid {grid-template-columns: repeat(2, 1fr);}.footer-content {grid-template-columns: repeat(2, 1fr);}.stats {grid-template-columns: repeat(2, 1fr);}}
+        @media (max-width: 768px) {.hero h1 {font-size: 2.5rem;}.hero p {font-size: 1.1rem;} nav ul {display: none;position: absolute;top: 100%;left: 0;width: 100%;background-color: var(--primary);flex-direction: column;padding: 1rem 0;text-align: center;box-shadow: 0 5px 10px rgba(0,0,0,0.1);} nav ul.active {display: flex;} nav ul li {margin: 0;padding: 0.8rem 0;} .mobile-menu {display: block;} .initiatives-grid {grid-template-columns: 1fr;} .footer-content {grid-template-columns: 1fr;} .stats {grid-template-columns: 1fr;}}
+        .counter {transition: all 0.5s ease;}
     </style>
 </head>
-
 <body>
-    <!-- Header -->
     <header>
         <div class="container nav-container">
-            <div class="logo">
-                <i class="fas fa-seedling"></i>
-                <span>Green Network</span>
-            </div>
+            <div class="logo"><i class="fas fa-shield-alt"></i><span>EcoGuard</span></div>
             <nav>
-                <div class="mobile-menu">
-                    <i class="fas fa-bars"></i>
-                </div>
+                <div class="mobile-menu"><i class="fas fa-bars"></i></div>
                 <ul>
-                    <li><a href="#home">Home</a></li>
-                    <li><a href="#about">About</a></li>
-                    <li><a href="#initiatives">Initiatives</a></li>
-                    <li><a href="#get-involved">Get Involved</a></li>
-                    <li><a href="#contact">Contact</a></li>
+                    <li><a href="#home">首页</a></li><li><a href="#about">关于我们</a></li><li><a href="#initiatives">生态项目</a></li><li><a href="#ecovideo">生态影像</a></li><li><a href="#get-involved">参与行动</a></li><li><a href="#contact">联系我们</a></li>
                 </ul>
             </nav>
         </div>
     </header>
-
-    <!-- Hero Section -->
     <section class="hero" id="home">
         <div class="container hero-content">
-            <h1>Protect Our Planet, Preserve Our Future</h1>
-            <p>Join the global movement to create a sustainable world through conservation, education, and community
-                action.</p>
-            <a href="#get-involved" class="btn">Join Our Network</a>
+            <h1>守护生态平衡，共建生命家园</h1>
+            <p>加入生态保护网络，用科学方法保护生物多样性，修复受损生态系统，共同守护地球生态屏障。</p>
+            <a href="#get-involved" class="btn">加入守护计划</a>
         </div>
     </section>
-
-    <!-- About Section -->
     <section id="about">
         <div class="container">
-            <div class="section-title">
-                <h2>About Green Network</h2>
-                <p>We are a global community dedicated to environmental protection and sustainable development.</p>
-            </div>
+            <div class="section-title"><h2>关于 EcoGuard</h2><p>我们是专注于生态保护的非营利组织，致力于生物多样性保护、生态修复与可持续发展教育。</p></div>
             <div class="about-content">
-                <div class="about-img">
-                    <img src="https://images.unsplash.com/photo-1507591064344-4c6ce005b128?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
-                        alt="Team planting trees">
-                </div>
+                <div class="about-img"><img src="https://images.unsplash.com/photo-1536599524532-82240a517384?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="生态保护团队"></div>
                 <div class="about-text">
-                    <h3>Our Mission</h3>
-                    <p>Green Network is committed to creating a sustainable future by protecting natural ecosystems,
-                        promoting renewable energy, and empowering communities to take environmental action.</p>
-                    <p>Founded in 2010, we've grown from a small grassroots organization to an international network
-                        with over 50,000 members across 120 countries.</p>
-                    <p>Our approach combines scientific research, community engagement, and policy advocacy to address
-                        the most pressing environmental challenges of our time.</p>
-                    <a href="#" class="btn">Learn More</a>
+                    <h3>我们的使命</h3>
+                    <p>EcoGuard 致力于通过科学研究、社区参与和政策倡导，保护全球生态系统，防止生物多样性丧失，推动人与自然和谐共生。</p>
+                    <p>自2015年成立以来，我们已在全球20多个国家开展生态保护项目，联合超过10万名志愿者参与生态修复行动。</p>
+                    <p>我们的核心工作包括：濒危物种保护、森林生态修复、湿地保护、海洋污染治理和生态保护教育推广。</p>
+                    <a href="#" class="btn">了解更多</a>
                 </div>
             </div>
             <div class="stats">
-                <div class="stat-item">
-                    <i class="fas fa-tree"></i>
-                    <h3 class="counter" data-target="2500000">0</h3>
-                    <p>Trees Planted</p>
-                </div>
-                <div class="stat-item">
-                    <i class="fas fa-users"></i>
-                    <h3 class="counter" data-target="50000">0</h3>
-                    <p>Active Members</p>
-                </div>
-                <div class="stat-item">
-                    <i class="fas fa-globe-americas"></i>
-                    <h3 class="counter" data-target="120">0</h3>
-                    <p>Countries Reached</p>
-                </div>
-                <div class="stat-item">
-                    <i class="fas fa-recycle"></i>
-                    <h3 class="counter" data-target="1500">0</h3>
-                    <p>Cleanup Projects</p>
-                </div>
+                <div class="stat-item"><i class="fas fa-paw"></i><h3 class="counter" data-target="120">0</h3><p>濒危物种保护</p></div>
+                <div class="stat-item"><i class="fas fa-tree"></i><h3 class="counter" data-target="3200000">0</h3><p>恢复森林面积 (㎡)</p></div>
+                <div class="stat-item"><i class="fas fa-users"></i><h3 class="counter" data-target="100000">0</h3><p>注册志愿者</p></div>
+                <div class="stat-item"><i class="fas fa-water"></i><h3 class="counter" data-target="58">0</h3><p>湿地修复项目</p></div>
             </div>
         </div>
     </section>
-
-    <!-- Initiatives Section -->
     <section class="initiatives" id="initiatives">
         <div class="container">
-            <div class="section-title">
-                <h2>Our Initiatives</h2>
-                <p>Discover the key programs and projects we're implementing to protect our planet.</p>
-            </div>
+            <div class="section-title"><h2>核心生态项目</h2><p>我们专注于三大核心领域，用实际行动守护地球生态。</p></div>
             <div class="initiatives-grid">
                 <div class="initiative-card">
-                    <div class="initiative-img">
-                        <img src="https://dialogue.earth/content/uploads/2021/04/lessons-from-the-rush-to-reforest-china-dialogue-2400x1599.jpg"
-                            alt="Reforestation">
-                    </div>
-                    <div class="initiative-content">
-                        <h3>Global Reforestation</h3>
-                        <p>Planting millions of trees worldwide to restore ecosystems, combat climate change, and
-                            protect biodiversity.</p>
-                        <a href="#" class="btn">Learn More</a>
-                    </div>
+                    <div class="initiative-img"><img src="https://images.unsplash.com/photo-1551244072-0995b7185205?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="生物多样性保护"></div>
+                    <div class="initiative-content"><h3>生物多样性保护</h3><p>建立野生动物监测网络，保护濒危物种栖息地，开展物种保护繁育计划，防止生物多样性丧失。</p><a href="#" class="btn">了解详情</a></div>
                 </div>
                 <div class="initiative-card">
-                    <div class="initiative-img">
-                        <img src="https://images.unsplash.com/photo-1621451537084-482c73073a0f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80"
-                            alt="Ocean Conservation">
-                    </div>
-                    <div class="initiative-content">
-                        <h3>Ocean Conservation</h3>
-                        <p>Protecting marine ecosystems, reducing plastic pollution, and promoting sustainable fishing
-                            practices.</p>
-                        <a href="#" class="btn">Learn More</a>
-                    </div>
+                    <div class="initiative-img"><img src="https://images.unsplash.com/photo-1530587191328-098a054282ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="森林生态修复"></div>
+                    <div class="initiative-content"><h3>森林生态修复</h3><p>通过天然林保护、退化林地修复和森林可持续经营，恢复森林生态功能，提升碳汇能力。</p><a href="#" class="btn">了解详情</a></div>
                 </div>
                 <div class="initiative-card">
-                    <div class="initiative-img">
-                        <img src="https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2072&q=80"
-                            alt="Renewable Energy">
-                    </div>
-                    <div class="initiative-content">
-                        <h3>Renewable Energy</h3>
-                        <p>Promoting solar, wind, and other clean energy sources to reduce dependence on fossil fuels.
-                        </p>
-                        <a href="#" class="btn">Learn More</a>
-                    </div>
+                    <div class="initiative-img"><img src="https://images.unsplash.com/photo-1573883430747-2fc150c13998?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="海洋污染治理"></div>
+                    <div class="initiative-content"><h3>海洋污染治理</h3><p>开展海洋垃圾清理行动，推动减少塑料使用，建立海洋保护区，保护海洋生态系统健康。</p><a href="#" class="btn">了解详情</a></div>
                 </div>
             </div>
         </div>
     </section>
-
-    <!-- CTA Section -->
+    <section class="ecovideo" id="ecovideo">
+        <div class="container">
+            <div class="section-title"><h2>生态影像</h2><p>通过影像记录生态之美，传播保护理念，唤醒公众环保意识。</p></div>
+            <!-- 替换为国内可访问的生态保护视频 - 森林生态主题 -->
+            <div class="video-container">
+                <div class="video-loading"><i class="fas fa-spinner fa-spin mr-2"></i> 视频加载中...</div>
+                <iframe src="https://player.mixkit.co/videos/play/12541/" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="森林生态修复纪录片"></iframe>
+            </div>
+            <!-- 替换为国内可访问的生态保护视频 - 生物多样性主题 -->
+            <div class="video-container">
+                <div class="video-loading"><i class="fas fa-spinner fa-spin mr-2"></i> 视频加载中...</div>
+                <iframe src="https://player.mixkit.co/videos/play/12355/" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="生物多样性记录"></iframe>
+            </div>
+        </div>
+    </section>
     <section class="cta" id="get-involved">
         <div class="container">
-            <h2>Join Our Global Movement</h2>
-            <p>Together, we can create a sustainable future for generations to come. Every action counts, no matter how
-                small.</p>
-            <a href="#" class="btn">Become a Member</a>
+            <h2>加入生态守护行动</h2>
+            <p>每个人都可以为生态保护贡献力量，无论是成为志愿者、捐赠支持还是日常践行环保生活方式。</p>
+            <a href="#" class="btn">成为志愿者</a>
         </div>
     </section>
-
-    <!-- Footer -->
     <footer id="contact">
         <div class="container">
             <div class="footer-content">
                 <div class="footer-column">
-                    <h3>Green Network</h3>
-                    <p>We are dedicated to protecting our planet through collaborative action, education, and
-                        sustainable solutions.</p>
+                    <h3>EcoGuard</h3>
+                    <p>我们致力于通过科学保护、社区参与和教育推广，守护地球生态系统，促进生物多样性保护。</p>
                     <div class="social-links">
-                        <a href="#"><i class="fab fa-facebook-f"></i></a>
-                        <a href="#"><i class="fab fa-twitter"></i></a>
-                        <a href="#"><i class="fab fa-instagram"></i></a>
-                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
+                        <a href="https://weixin.qq.com/" target="_blank" title="微信"><i class="fab fa-weixin"></i></a>
+                        <a href="https://weibo.com/" target="_blank" title="微博"><i class="fab fa-weibo"></i></a>
+                        <a href="https://www.douyin.com/" target="_blank" title="抖音"><i class="fab fa-tiktok"></i></a>
+                        <a href="https://www.xiaohongshu.com/" target="_blank" title="小红书"><i class="fas fa-book-open"></i></a>
                     </div>
                 </div>
                 <div class="footer-column">
-                    <h3>Quick Links</h3>
+                    <h3>快速链接</h3>
                     <ul class="footer-links">
-                        <li><a href="#home">Home</a></li>
-                        <li><a href="#about">About Us</a></li>
-                        <li><a href="#initiatives">Initiatives</a></li>
-                        <li><a href="#get-involved">Get Involved</a></li>
-                        <li><a href="#contact">Contact</a></li>
+                        <li><a href="#home">首页</a></li>
+                        <li><a href="#about">关于我们</a></li>
+                        <li><a href="#initiatives">生态项目</a></li>
+                        <li><a href="#ecovideo">生态影像</a></li>
+                        <li><a href="#get-involved">参与行动</a></li>
                     </ul>
                 </div>
                 <div class="footer-column">
-                    <h3>Our Programs</h3>
+                    <h3>保护项目</h3>
                     <ul class="footer-links">
-                        <li><a href="#">Reforestation</a></li>
-                        <li><a href="#">Ocean Cleanup</a></li>
-                        <li><a href="#">Wildlife Protection</a></li>
-                        <li><a href="#">Climate Education</a></li>
-                        <li><a href="#">Sustainable Agriculture</a></li>
+                        <li><a href="#">濒危物种保护</a></li>
+                        <li><a href="#">森林生态修复</a></li>
+                        <li><a href="#">湿地保护</a></li>
+                        <li><a href="#">海洋垃圾清理</a></li>
+                        <li><a href="#">生态教育</a></li>
                     </ul>
                 </div>
                 <div class="footer-column">
-                    <h3>Contact Us</h3>
-                    <p><i class="fas fa-map-marker-alt"></i> Copper Creek Drive, New York</p>
-                    <p><i class="fas fa-phone"></i> +1 (312) 171-0771</p>
-                    <p><i class="fas fa-envelope"></i> support@greennetwork.org</p>
+                    <h3>联系我们</h3>
+                    <p>关注以下社交账号，获取最新生态保护动态</p>
+                    <p>第一时间了解项目进展与志愿活动</p>
                 </div>
             </div>
-            <div class="copyright">
-                <p>&copy; 2025 Green Network. All rights reserved.</p>
-            </div>
+            <div class="copyright"><p>&copy; 2025 EcoGuard 生态守护网络. 保留所有权利.</p></div>
         </div>
     </footer>
-
     <script>
-        // Mobile Menu Toggle
-        document.querySelector('.mobile-menu').addEventListener('click', function () {
-            document.querySelector('nav ul').classList.toggle('active');
-        });
-
-        // Counter Animation
+        document.querySelector('.mobile-menu').addEventListener('click', function () {document.querySelector('nav ul').classList.toggle('active');});
         function animateCounters() {
-            const counters = document.querySelectorAll('.counter');
-            const speed = 200; // The lower the slower
-
+            const counters = document.querySelectorAll('.counter');const speed = 200;
             counters.forEach(counter => {
-                const target = +counter.getAttribute('data-target');
-                const count = +counter.innerText;
-
+                const target = +counter.getAttribute('data-target');const count = +counter.innerText;
                 const inc = target / speed;
-
-                if (count < target) {
-                    counter.innerText = Math.ceil(count + inc);
-                    setTimeout(animateCounters, 1);
-                } else {
-                    counter.innerText = target;
-                }
+                if (count < target) {counter.innerText = Math.ceil(count + inc);setTimeout(animateCounters, 1);} else {counter.innerText = target;}
             });
         }
-
-        // Initialize counters when page loads
-        window.addEventListener('load', animateCounters);
-
-        // Smooth scrolling for navigation links
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {if (entry.isIntersecting) {animateCounters();observer.unobserve(entry.target);}});
+        }, { threshold: 0.5 });
+        observer.observe(document.querySelector('.stats'));
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {
-                e.preventDefault();
-
-                const targetId = this.getAttribute('href');
-                if (targetId === '#') return;
-
+                e.preventDefault();const targetId = this.getAttribute('href');if (targetId === '#') return;
                 const targetElement = document.querySelector(targetId);
-                if (targetElement) {
-                    window.scrollTo({
-                        top: targetElement.offsetTop - 80,
-                        behavior: 'smooth'
-                    });
-
-                    document.querySelector('nav ul').classList.remove('active');
-                }
+                if (targetElement) {window.scrollTo({top: targetElement.offsetTop - 80,behavior: 'smooth'});document.querySelector('nav ul').classList.remove('active');}
             });
         });
+        // 视频加载完成隐藏加载提示
+        document.querySelectorAll('iframe').forEach(iframe => {
+            iframe.onload = function() {
+                this.previousElementSibling.style.display = 'none';
+            }
+        });
     </script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 </body>
-
 </html>
