* {margin:0;padding:0;box-sizing:border-box;font-family:'Arial','Microsoft YaHei',sans-serif;}
        body {background-color:#000;color:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden;}
        .container {max-width:1400px;margin:0 auto;padding:0 20px;}
        /* 导航栏 */        .navbar {background-color:rgba(17,17,17,0.95);padding:20px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 5px 15px rgba(0,0,0,0.3);}
        .nav-container {display:flex;justify-content:space-between;align-items:center;}
        .logo {font-size:32px;font-weight:bold;color:#4CAF50;text-shadow:0 2px 4px rgba(76,175,80,0.3);display:flex;align-items:center;gap:10px;}
        .logo i {font-size:36px;}
        .nav-links {display:flex;gap:30px;align-items:center;}
        .nav-link {color:#ddd;text-decoration:none;font-size:18px;padding:8px 16px;border-radius:25px;transition:all 0.3s ease;}
        .nav-link:hover {color:#4CAF50;background-color:rgba(76,175,80,0.1);}
        .nav-link.active {color:#4CAF50;background-color:rgba(76,175,80,0.15);font-weight:bold;}
        .btn-nav {background:linear-gradient(135deg,#4CAF50,#45a049);color:white;border:none;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 8px rgba(76,175,80,0.3);}
        .btn-nav:hover {transform:translateY(-2px);box-shadow:0 6px 12px rgba(76,175,80,0.4);background:linear-gradient(135deg,#45a049,#3d8b40);}
        /* 英雄区域 */        .hero {padding:180px 0 100px;background:radial-gradient(circle at 30% 30%,rgba(76,175,80,0.15),transparent 50%),radial-gradient(circle at 70% 70%,rgba(33,150,243,0.1),transparent 50%),linear-gradient(to bottom,#000,#111);position:relative;overflow:hidden;}
        .hero::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><path d="M0,50 Q25,25 50,50 T100,50" stroke="rgba(76,175,80,0.05)" stroke-width="1" fill="none"/><path d="M0,30 Q25,5 50,30 T100,30" stroke="rgba(33,150,243,0.05)" stroke-width="1" fill="none"/></svg>');z-index:0;}
        .hero-content {position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;}
        .hero-title {font-size:48px;font-weight:bold;margin-bottom:20px;background:linear-gradient(135deg,#4CAF50,#2196F3);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;}
        .hero-subtitle {font-size:22px;color:#ccc;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;}
        .hero-stats {display:flex;justify-content:center;gap:40px;margin-top:60px;flex-wrap:wrap;}
        .stat-item {text-align:center;background-color:rgba(42,42,42,0.7);padding:20px 30px;border-radius:15px;min-width:180px;box-shadow:0 6px 12px rgba(0,0,0,0.2);}
        .stat-number {font-size:36px;font-weight:bold;color:#4CAF50;margin-bottom:5px;}
        .stat-label {font-size:16px;color:#aaa;}
        /* 特色区域 */        .features {padding:100px 0;background-color:#111;}
        .section-title {font-size:36px;text-align:center;margin-bottom:60px;color:#fff;position:relative;}
        .section-title::after {content:'';position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#4CAF50,#2196F3);bottom:-15px;left:50%;transform:translateX(-50%);border-radius:2px;}
        .features-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;}
        .feature-card {background-color:#1a1a1a;border-radius:15px;padding:40px 30px;text-align:center;transition:all 0.3s ease;border:2px solid transparent;box-shadow:0 8px 16px rgba(0,0,0,0.2);}
        .feature-card:hover {transform:translateY(-10px);border-color:#4CAF50;box-shadow:0 15px 30px rgba(76,175,80,0.2);}
        .feature-icon {font-size:50px;margin-bottom:25px;color:#4CAF50;}
        .feature-title {font-size:24px;margin-bottom:15px;color:#fff;}
        .feature-desc {color:#aaa;font-size:16px;line-height:1.6;}
        /* 会员计划区域 */        .plans {padding:100px 0;background-color:#0a0a0a;}
        .plans-subtitle {text-align:center;font-size:20px;color:#ccc;max-width:700px;margin:0 auto 60px;}
        .plans-grid {display:flex;gap:30px;margin-top:50px;}
        .plan-card {flex:1;background-color:#1a1a1a;border-radius:15px;padding:40px 30px;text-align:center;border:2px solid transparent;box-shadow:0 8px 16px rgba(0,0,0,0.2);transition:all 0.3s ease;display:flex;flex-direction:column;}
        .plan-card:hover {transform:translateY(-10px);}
        .plan-card.featured {border-color:#FFC107;transform:scale(1.05);box-shadow:0 15px 30px rgba(255,193,7,0.2);}
        .plan-card.featured:hover {transform:scale(1.05) translateY(-10px);}
        .plan-name {font-size:28px;margin-bottom:20px;font-weight:bold;}
        .plan-price {font-size:42px;font-weight:bold;margin-bottom:25px;color:#FFC107;}
        .plan-price span {font-size:18px;color:#aaa;}
        .plan-features {list-style:none;margin-bottom:30px;flex-grow:1;}
        .plan-features li {padding:12px 0;font-size:16px;border-bottom:1px dashed #333;color:#ddd;}
        .plan-features li:last-child {border-bottom:none;}
        .plan-features li i {color:#4CAF50;margin-right:10px;}
        .btn-plan {display:block;padding:16px 30px;background:linear-gradient(135deg,#4CAF50,#45a049);color:white;border:none;border-radius:8px;font-size:18px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;width:100%;box-shadow:0 4px 8px rgba(76,175,80,0.3);}
        .btn-plan:hover {transform:translateY(-3px);box-shadow:0 8px 16px rgba(76,175,80,0.4);background:linear-gradient(135deg,#45a049,#3d8b40);}
        .btn-plan.featured {background:linear-gradient(135deg,#FFC107,#FF9800);color:#333;box-shadow:0 4px 8px rgba(255,193,7,0.3);}
        .btn-plan.featured:hover {background:linear-gradient(135deg,#FF9800,#F57C00);box-shadow:0 8px 16px rgba(255,193,7,0.4);}
        .btn-plan.vip {background:linear-gradient(135deg,#9C27B0,#7B1FA2);box-shadow:0 4px 8px rgba(156,39,176,0.3);}
        .btn-plan.vip:hover {background:linear-gradient(135deg,#7B1FA2,#6A1B9A);box-shadow:0 8px 16px rgba(156,39,176,0.4);}
        /* 成功案例区域 */        .testimonials {padding:100px 0;background-color:#111;}
        .testimonial-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px;}
        .testimonial-card {background-color:#1a1a1a;border-radius:15px;padding:30px;box-shadow:0 8px 16px rgba(0,0,0,0.2);}
        .testimonial-content {font-size:18px;color:#ddd;line-height:1.6;margin-bottom:25px;font-style:italic;}
        .testimonial-author {display:flex;align-items:center;gap:15px;}
        .author-avatar {width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4CAF50,#2196F3);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;}
        .author-info h4 {font-size:20px;margin-bottom:5px;}
        .author-info p {color:#aaa;font-size:14px;}
        /* 行动号召区域 */        .cta {padding:120px 0;background:linear-gradient(to right,rgba(17,17,17,0.9),rgba(10,10,10,0.9)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><path d="M0,100 Q50,50 100,100 T200,100" stroke="rgba(76,175,80,0.1)" stroke-width="2" fill="none"/><path d="M0,150 Q50,100 100,150 T200,150" stroke="rgba(33,150,243,0.1)" stroke-width="2" fill="none"/></svg>');text-align:center;}
        .cta-title {font-size:42px;margin-bottom:20px;color:#fff;}
        .cta-subtitle {font-size:22px;color:#ccc;max-width:700px;margin:0 auto 50px;}
        .btn-cta {display:inline-block;padding:20px 50px;background:linear-gradient(135deg,#4CAF50,#2196F3);color:white;border:none;border-radius:10px;font-size:22px;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 16px rgba(76,175,80,0.3);}
        .btn-cta:hover {transform:translateY(-5px);box-shadow:0 15px 30px rgba(76,175,80,0.4);background:linear-gradient(135deg,#2196F3,#4CAF50);}
        /* 页脚 */        .footer {background-color:#0a0a0a;padding:60px 0 30px;border-top:1px solid #333;}
        .footer-content {display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:40px;}
        .footer-section {flex:1;min-width:250px;}
        .footer-logo {font-size:28px;font-weight:bold;color:#4CAF50;margin-bottom:20px;}
        .footer-desc {color:#aaa;line-height:1.6;margin-bottom:20px;max-width:300px;}
        .footer-heading {font-size:20px;margin-bottom:20px;color:#fff;}
        .footer-links {list-style:none;}
        .footer-links li {margin-bottom:12px;}
        .footer-links a {color:#aaa;text-decoration:none;transition:color 0.3s ease;}
        .footer-links a:hover {color:#4CAF50;}
        .copyright {text-align:center;padding-top:30px;border-top:1px solid #333;color:#777;font-size:14px;}
        /* 响应式设计 */        @media (max-width:1200px) {.plans-grid {flex-direction:column;max-width:600px;margin-left:auto;margin-right:auto;}
        .plan-card.featured {transform:none;}
        .plan-card.featured:hover {transform:translateY(-10px);}
        }
        @media (max-width:992px) {.features-grid {grid-template-columns:repeat(2,1fr);}
        .testimonial-grid {grid-template-columns:1fr;}
        .hero-title {font-size:40px;}
        .section-title {font-size:32px;}
        }
        @media (max-width:768px) {.nav-links {display:none;}
        .features-grid {grid-template-columns:1fr;}
        .hero {padding:150px 0 80px;}
        .hero-title {font-size:36px;}
        .hero-subtitle {font-size:18px;}
        .hero-stats {gap:20px;}
        .stat-item {min-width:140px;padding:15px 20px;}
        .stat-number {font-size:28px;}
        }
        @media (max-width:480px) {.hero-title {font-size:32px;}
        .section-title {font-size:28px;}
        .cta-title {font-size:32px;}
        .cta-subtitle {font-size:18px;}
        .btn-cta {padding:16px 30px;font-size:18px;}
        }