<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>枢机信用储备银行</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.gvsds.com/font-awesome/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Tailwind 配置 -->
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        primary: '#3b82f6',
                        secondary: '#8b5cf6',
                        accent: '#10b981',
                        danger: '#ef4444',
                        warning: '#f59e0b',
                        info: '#06b6d4',
                        dark: {
                            100: '#1e293b',
                            200: '#0f172a',
                            300: '#020617'
                        },
                        light: {
                            100: '#f8fafc',
                            200: '#f1f5f9',
                            300: '#e2e8f0'
                        },
                        minecraft: {
                            gold: '#FFD700',
                            iron: '#C0C0C0',
                            diamond: '#B9F2FF',
                            emerald: '#50C878',
                            redstone: '#FF0000',
                            lapis: '#2E5894',
                            netherite: '#443A49'
                        }
                    },
                    fontFamily: {
                        inter: ['Inter', 'sans-serif'],
                        minecraft: ['"Minecraft"', 'Inter', 'sans-serif']
                    },
                    boxShadow: {
                        'glow': '0 0 15px rgba(59, 130, 246, 0.5)',
                        'glow-dark': '0 0 15px rgba(139, 92, 246, 0.5)',
                        'glow-accent': '0 0 15px rgba(16, 185, 129, 0.5)'
                    },
                    animation: {
                        'float': 'float 3s ease-in-out infinite',
                        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite'
                    },
                    keyframes: {
                        float: {
                            '0%, 100%': { transform: 'translateY(0)' },
                            '50%': { transform: 'translateY(-10px)' }
                        }
                    }
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            }
            .text-shadow-glow {
                text-shadow: 0 0 10px rgba(59, 130, 246, 0.7);
            }
            .text-shadow-dark {
                text-shadow: 0 0 10px rgba(139, 92, 246, 0.7);
            }
            .bg-blur {
                backdrop-filter: blur(8px);
            }
            .transition-transform-slow {
                transition: transform 0.5s ease;
            }
            .hover-scale {
                transition: transform 0.3s ease;
            }
            .hover-scale:hover {
                transform: scale(1.03);
            }
            .card-gradient {
                background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
            }
            .dark .card-gradient {
                background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
        }
    </style>
</head>
<body class="font-inter bg-light-200 dark:bg-dark-200 text-dark-300 dark:text-light-100 transition-colors duration-300 min-h-screen flex flex-col">
    <!-- 导航栏 -->
    <header class="sticky top-0 z-50 bg-light-100/80 dark:bg-dark-100/80 bg-blur border-b border-light-300/30 dark:border-dark-300/30 shadow-md">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <div class="text-primary dark:text-secondary text-3xl">
                    <i class="fa fa-bank"></i>
                </div>
                <div>
                    <h1 class="text-xl md:text-2xl font-bold text-primary dark:text-secondary">枢机信用储备银行</h1>
                    <p class="text-xs md:text-sm text-gray-600 dark:text-gray-400">银河锋锐软件开发工作室</p>
                </div>
            </div>
            
            <div class="flex items-center space-x-4">
                <nav class="hidden md:flex items-center space-x-6">
                    <a href="#services" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">服务项目</a>
                    <a href="#savings" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">储值计划</a>
                    <a href="#loans" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">贷款计划</a>
                    <a href="#calculator" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">计算器</a>
                    <a href="/wallet.html" target="_blank" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">钱包</a>
                    <a href="/PriceList.html" target="_blank" class="text-sm font-medium hover:text-primary dark:hover:text-secondary transition-colors">物资价格表</a>
                </nav>
                
                <button id="theme-toggle" class="p-2 rounded-full bg-light-300 dark:bg-dark-300 hover:bg-light-200 dark:hover:bg-dark-100 transition-colors">
                    <i class="fa fa-moon dark:hidden text-dark-300"></i>
                    <i class="fa fa-sun hidden dark:inline text-light-100"></i>
                </button>
                
                <button class="md:hidden p-2 rounded-full bg-light-300 dark:bg-dark-300 hover:bg-light-200 dark:hover:bg-dark-100 transition-colors" id="mobile-menu-button">
                    <i class="fa fa-bars text-dark-300 dark:text-light-100"></i>
                </button>
            </div>
        </div>
        
        <!-- 移动端菜单 -->
        <div id="mobile-menu" class="hidden md:hidden bg-light-100 dark:bg-dark-100 border-b border-light-300/30 dark:border-dark-300">
            <div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
                <a href="#services" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">服务项目</a>
                <a href="#savings" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">储值计划</a>
                <a href="#loans" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">贷款计划</a>
                <a href="#calculator" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">计算器</a>
                <a href="/wallet.html" target="_blank" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">钱包</a>
                <a href="/PriceList.html" target="_blank" class="text-sm font-medium py-2 hover:text-primary dark:hover:text-secondary transition-colors">物资价格表</a>
            </div>
        </div>
    </header>

    <main class="flex-grow">
        <!-- 英雄区域 -->
        <section class="relative bg-gradient-to-br from-primary/10 to-secondary/10 dark:from-primary/20 dark:to-secondary/20 py-16 md:py-24 overflow-hidden">
            <div class="absolute inset-0 opacity-10">
                <div class="absolute w-full h-full bg-[url('/BANK.jpg')] bg-cover bg-center"></div>
            </div>
            <div class="container mx-auto px-4 relative z-10">
                <div class="max-w-3xl mx-auto text-center">
                    <h3 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-8 text-dark-300 dark:text-light-100 text-shadow">
                        Minecraft Server 枢机协律 CreateE=mc² 枢机信用储备银行
                    </h3>
                    <p class="text-lg md:text-xl mb-8 text-gray-700 dark:text-gray-300">
                        CreateE Cardinal Credit Reserve Bank ( 3CRB )
                    </p>
                    <div class="flex flex-wrap justify-center gap-4">
                        <a href="#savings" class="px-6 py-3 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg shadow-lg hover:shadow-glow transition-all transform hover:-translate-y-1">
                            探索储值计划
                        </a>
                        <a href="#calculator" class="px-6 py-3 bg-light-100 hover:bg-light-200 dark:bg-dark-100 dark:hover:bg-dark-300 text-dark-300 dark:text-light-100 border border-light-300 dark:border-dark-300 rounded-lg shadow-md hover:shadow-lg transition-all transform hover:-translate-y-1">
                            使用计算器
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- 账户数据保险 -->
        <section id="services" class="py-16 bg-light-100 dark:bg-dark-100">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl mx-auto text-center mb-12">
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 text-dark-300 dark:text-light-100">账户数据保险</h2>
                    <p class="text-lg text-gray-600 dark:text-gray-400">为您的游戏数据提供安全保障，让您的游戏体验更加安心</p>
                </div>
                
                <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="flex items-start space-x-4">
                            <div class="bg-primary/10 dark:bg-primary/20 p-3 rounded-lg text-primary dark:text-secondary">
                                <i class="fa fa-shield text-xl"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-semibold mb-3 text-dark-300 dark:text-light-100">数据保护服务</h3>
                                <p class="text-gray-600 dark:text-gray-400 mb-4">
                                    无需支付任何 GC，我们将为您的账户数据提供保护和自动备份服务，有效期永久。
                                </p>
                                <div class="flex items-center text-sm text-gray-500 dark:text-gray-500">
                                    <i class="fa fa-clock mr-2"></i>
                                    <span>1游戏日 = 20分钟</span>
                                </div>
                                <div class="flex items-center text-sm text-gray-500 dark:text-gray-500">
                                    <i class="fa fa-calendar mr-2"></i>
                                    <span>1现实日 = 72游戏日</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="flex items-start space-x-4">
                            <div class="bg-secondary/10 dark:bg-secondary/20 p-3 rounded-lg text-secondary dark:text-primary">
                                <i class="fa fa-database text-xl"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-semibold mb-3 text-dark-300 dark:text-light-100">自动备份系统</h3>
                                <p class="text-gray-600 dark:text-gray-400 mb-4">
                                    我们的系统会定期自动备份您的账户数据，确保在意外情况下您的数据可以恢复。
                                </p>
                                <div class="flex items-center text-sm text-gray-500 dark:text-gray-500">
                                    <i class="fa fa-refresh mr-2"></i>
                                    <span>每游戏日自动备份</span>
                                </div>
                                <div class="flex items-center text-sm text-gray-500 dark:text-gray-500">
                                    <i class="fa fa-history mr-2"></i>
                                    <span>保存最近30天的备份记录</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 储值计划 -->
        <section id="savings" class="py-16 bg-gradient-to-br from-primary/5 to-secondary/5 dark:from-primary/10 dark:to-secondary/10">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl mx-auto text-center mb-12">
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 text-dark-300 dark:text-light-100">储值计划</h2>
                    <p class="text-lg text-gray-600 dark:text-gray-400">选择最适合您的储值计划，让您的 GC 获得更多收益</p>
                </div>
                
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
                    <!-- 活期储值 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">活期储值</h3>
                                <span class="bg-info/10 text-info dark:bg-info/20 px-3 py-1 rounded-full text-sm font-medium">灵活</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">0.05%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏日</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">随存随取，灵活度高</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">无锁定期，随时取用</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">按天计息，收益稳定</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">两个现实日后自动停止利息计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                适合短期闲置 GC，随时可能取用（如临时买道具、交易）的玩家。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                    
                    <!-- 定期储值 3个月 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">定期储值</h3>
                                <span class="bg-accent/10 text-accent dark:bg-accent/20 px-3 py-1 rounded-full text-sm font-medium">3个月</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">0.25%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏日</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">至少存储3游戏月（约1现实天）</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">固定利率，收益更高</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">到期自动停止利息计算</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">可提前支取，但利息按活期计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                适合有一定闲置资金，希望获得更高收益的玩家。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                    
                    <!-- 定期储值 1年 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">定期储值</h3>
                                <span class="bg-warning/10 text-warning dark:bg-warning/20 px-3 py-1 rounded-full text-sm font-medium">1年</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">5%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏年</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">至少存储1游戏年（约5现实天）</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">年利率5%，收益稳定</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">存储金额最多10w GC</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">到期自动停止利息计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                适合长期闲置资金，追求稳定高收益的玩家。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                    
                    <!-- 定额储值 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">定额储值</h3>
                                <span class="bg-emerald-500/10 text-emerald-500 dark:bg-emerald-500/20 px-3 py-1 rounded-full text-sm font-medium">高收益</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">6%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏年</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">至少存储10,000 GC 1游戏年</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">年利率6%，收益丰厚</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-gift text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">即刻送金苹果、木头、红石等若干</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">到期自动停止利息计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                适合有一定资金量，希望获得更高收益和额外奖励的玩家。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                    
                    <!-- 超值储值 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">超值储值</h3>
                                <span class="bg-diamond/10 text-diamond dark:bg-diamond/20 px-3 py-1 rounded-full text-sm font-medium">钻石级</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">10%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏年</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">至少存储1,000,000 GC 1游戏年</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">年利率10%，超高收益</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-gift text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">即刻送全套下界合金装备</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">到期自动停止利息计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                适合高净值玩家，追求最高收益和豪华奖励的选择。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                    
                    <!-- 无敌储值 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30 relative">
                        <div class="absolute top-0 right-0 bg-danger text-white px-3 py-1 text-sm font-bold rounded-bl-lg">
                            顶级计划
                        </div>
                        <div class="p-6">
                            <div class="flex justify-between items-start mb-4">
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">无敌储值</h3>
                                <span class="bg-netherite/10 text-netherite dark:bg-netherite/20 px-3 py-1 rounded-full text-sm font-medium">至尊级</span>
                            </div>
                            <div class="mb-6">
                                <span class="text-3xl font-bold text-primary dark:text-secondary">10%</span>
                                <span class="text-gray-500 dark:text-gray-500">/ 游戏年</span>
                            </div>
                            <ul class="space-y-3 mb-6">
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">至少存储10,000,000 GC 1游戏年</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">年利率10%，收益最大化</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-gift text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">即刻送全套附魔下界合金装备</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-home text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">赠送10,000,000 BLOCK 房产证</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                    <span class="text-gray-600 dark:text-gray-400">到期自动停止利息计算</span>
                                </li>
                            </ul>
                            <p class="text-sm text-gray-500 dark:text-gray-500 mb-4">
                                为顶级玩家提供的专属计划，尊享最高收益和顶级奖励。
                            </p>
                        </div>
                        <div class="bg-light-200 dark:bg-dark-300 p-4">
                            <a href="#calculator" class="block text-center py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算收益
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 贷款计划 -->
        <section id="loans" class="py-16 bg-light-100 dark:bg-dark-100">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl mx-auto text-center mb-12">
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 text-dark-300 dark:text-light-100">贷款计划</h2>
                    <p class="text-lg text-gray-600 dark:text-gray-400">灵活的贷款方案，满足您的游戏需求</p>
                </div>
                
                <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
                    <!-- 小额贷款 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="flex justify-between items-start mb-4">
                            <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">小额贷款</h3>
                            <span class="bg-accent/10 text-accent dark:bg-accent/20 px-3 py-1 rounded-full text-sm font-medium">≤1w GC</span>
                        </div>
                        <div class="text-3xl font-bold text-primary dark:text-secondary mb-4">
                            0%
                        </div>
                        <ul class="space-y-3 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">无需利息</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">1游戏年内必须还清</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若逾期未还，强行扣款</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若款项不足则持续扣款并派遣杀手和奴隶主直到偿还</span>
                            </li>
                        </ul>
                        <a href="#calculator" class="block text-center py-2 px-4 bg-light-200 hover:bg-light-300 dark:bg-dark-300 dark:hover:bg-dark-100 text-dark-300 dark:text-light-100 rounded-lg transition-colors">
                            了解详情
                        </a>
                    </div>
                    
                    <!-- 中等贷款 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale p-6 card-gradient border border-light-300/30 dark:border-dark-300/30 relative">
                        <div class="absolute -top-3 -right-3 bg-warning text-white px-3 py-1 text-sm font-bold rounded-full">
                            热门
                        </div>
                        <div class="flex justify-between items-start mb-4">
                            <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">中等贷款</h3>
                            <span class="bg-warning/10 text-warning dark:bg-warning/20 px-3 py-1 rounded-full text-sm font-medium">1w-10w GC</span>
                        </div>
                        <div class="text-3xl font-bold text-primary dark:text-secondary mb-4">
                            2%
                        </div>
                        <div class="text-sm text-gray-500 dark:text-gray-500 mb-2">
                            现实日利率
                        </div>
                        <ul class="space-y-3 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">现实日利率2%</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">1游戏年内必须还清</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若逾期未还，加收罚金</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若款项不足则持续扣款并派遣杀手和奴隶主直到偿还</span>
                            </li>
                        </ul>
                        <a href="#calculator" class="block text-center py-2 px-4 bg-light-200 hover:bg-light-300 dark:bg-dark-300 dark:hover:bg-dark-100 text-dark-300 dark:text-light-100 rounded-lg transition-colors">
                            了解详情
                        </a>
                    </div>
                    
                    <!-- 大额贷款 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg hover-scale p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <div class="flex justify-between items-start mb-4">
                            <h3 class="text-xl font-bold text-dark-300 dark:text-light-100">大额贷款</h3>
                            <span class="bg-danger/10 text-danger dark:bg-danger/20 px-3 py-1 rounded-full text-sm font-medium">10w-100w GC</span>
                        </div>
                        <div class="text-3xl font-bold text-primary dark:text-secondary mb-4">
                            5%
                        </div>
                        <div class="text-sm text-gray-500 dark:text-gray-500 mb-2">
                            现实日利率
                        </div>
                        <ul class="space-y-3 mb-6">
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">现实日利率5%</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-check text-accent mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">1游戏年内必须还清</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若逾期未还，加收高额罚金</span>
                            </li>
                            <li class="flex items-start">
                                <i class="fa fa-exclamation-triangle text-warning mt-1 mr-2"></i>
                                <span class="text-gray-600 dark:text-gray-400">若款项不足则持续扣款并派遣杀手和奴隶主直到偿还</span>
                            </li>
                        </ul>
                        <a href="#calculator" class="block text-center py-2 px-4 bg-light-200 hover:bg-light-300 dark:bg-dark-300 dark:hover:bg-dark-100 text-dark-300 dark:text-light-100 rounded-lg transition-colors">
                            了解详情
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- 商店外带 -->
        <section class="py-16 bg-gradient-to-br from-primary/5 to-secondary/5 dark:from-primary/10 dark:to-secondary/10">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl mx-auto text-center mb-12">
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 text-dark-300 dark:text-light-100">商店外带服务</h2>
                    <p class="text-lg text-gray-600 dark:text-gray-400">便捷的配送服务，让您的购物更加轻松</p>
                </div>
                
                <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg overflow-hidden card-gradient border border-light-300/30 dark:border-dark-300/30 max-w-4xl mx-auto">
                    <div class="md:flex">
                        <div class="md:w-1/3 bg-primary/10 dark:bg-primary/20 p-6 flex items-center justify-center">
                            <div class="text-center">
                                <div class="text-5xl text-primary dark:text-secondary mb-4">
                                    <i class="fa fa-truck"></i>
                                </div>
                                <h3 class="text-xl font-bold text-dark-300 dark:text-light-100 mb-2">外带配送</h3>
                                <p class="text-gray-600 dark:text-gray-400">多加 5 GC，货物送到家</p>
                            </div>
                        </div>
                        <div class="md:w-2/3 p-6">
                            <div class="mb-4">
                                <h4 class="text-lg font-semibold text-dark-300 dark:text-light-100 mb-2">服务详情</h4>
                                <p class="text-gray-600 dark:text-gray-400 mb-3">
                                    多加 5 GC，可将货物送至指定位置（0, 0, 0坐标点方圆1w格内，包括全部维度（主世界、下界、末地、新世界），不包括下层基岩层下方，不包括高度大于1000处，不包括政府机关处，不包括封锁处，不包括被剥夺行为能力责任人处）
                                </p>
                            </div>
                            
                            <div class="mb-4">
                                <h4 class="text-lg font-semibold text-dark-300 dark:text-light-100 mb-2">配送范围</h4>
                                <ul class="space-y-2">
                                    <li class="flex items-start">
                                        <i class="fa fa-map-marker text-primary dark:text-secondary mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">0, 0, 0坐标点方圆1w格内</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-map-marker text-primary dark:text-secondary mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">全部维度（主世界、下界、末地、新世界）</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-ban text-danger mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">不包括下层基岩层下方</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-ban text-danger mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">不包括高度大于1000处</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-ban text-danger mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">不包括政府机关处</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-ban text-danger mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">不包括封锁处</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-ban text-danger mt-1 mr-2"></i>
                                        <span class="text-gray-600 dark:text-gray-400">不包括被剥夺行为能力责任人处</span>
                                    </li>
                                </ul>
                            </div>
                            
                            <div>
                                <h4 class="text-lg font-semibold text-dark-300 dark:text-light-100 mb-2">配送时间</h4>
                                <p class="text-gray-600 dark:text-gray-400">
                                    配送通常需要1-3游戏日，具体时间取决于目的地和货物数量。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 计算器 -->
        <section id="calculator" class="py-16 bg-light-100 dark:bg-dark-100">
            <div class="container mx-auto px-4">
                <div class="max-w-3xl mx-auto text-center mb-12">
                    <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 text-dark-300 dark:text-light-100">金融计算器</h2>
                    <p class="text-lg text-gray-600 dark:text-gray-400">计算您的收益和日期转换</p>
                </div>
                
                <div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
                    <!-- 利息计算器 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <h3 class="text-xl font-bold text-dark-300 dark:text-light-100 mb-4">利息计算器</h3>
                        <form id="interest-calculator" class="space-y-4">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" for="principal">
                                    本金 (GC)
                                </label>
                                <input type="number" id="principal" min="0" step="1" value="10000" 
                                    class="w-full px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-200 dark:bg-dark-300 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                            </div>
                            
                            <div>
                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" for="time">
                                    存储时间
                                </label>
                                <div class="flex items-center space-x-2">
                                    <input type="number" id="time" min="0" step="1" value="30" 
                                        class="w-full px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-200 dark:bg-dark-300 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                                    <select id="time-unit" class="px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-200 dark:bg-dark-300 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                                        <option value="days">游戏日</option>
                                        <option value="months">游戏月</option>
                                        <option value="years">游戏年</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div>
                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" for="plan">
                                    储值计划
                                </label>
                                <select id="plan" class="w-full px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-200 dark:bg-dark-300 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                                    <option value="current">活期储值 (0.05%/游戏日)</option>
                                    <option value="fixed3">定期储值 (3个月, 0.25%/游戏日)</option>
                                    <option value="fixed1">定期储值 (1年, 5%/游戏年)</option>
                                    <option value="quota">定额储值 (6%/游戏年)</option>
                                    <option value="super">超值储值 (10%/游戏年)</option>
                                    <option value="ultra">无敌储值 (10%/游戏年)</option>
                                </select>
                            </div>
                            
                            <button type="button" id="calculate-interest" class="w-full py-2 px-4 bg-primary hover:bg-primary/90 dark:bg-secondary dark:hover:bg-secondary/90 text-white rounded-lg transition-colors">
                                计算利息
                            </button>
                        </form>
                        
                        <div id="interest-result" class="mt-6 p-4 bg-light-200 dark:bg-dark-300 rounded-lg hidden">
                            <h4 class="text-lg font-semibold text-dark-300 dark:text-light-100 mb-2">计算结果</h4>
                            <div class="space-y-2">
                                <div class="flex justify-between">
                                    <span class="text-gray-600 dark:text-gray-400">本金:</span>
                                    <span class="font-medium text-dark-300 dark:text-light-100" id="result-principal">0 GC</span>
                                </div>
                                <div class="flex justify-between">
                                    <span class="text-gray-600 dark:text-gray-400">年利率:</span>
                                    <span class="font-medium text-dark-300 dark:text-light-100" id="result-rate">0%</span>
                                </div>
                                <div class="flex justify-between">
                                    <span class="text-gray-600 dark:text-gray-400">存储时间:</span>
                                    <span class="font-medium text-dark-300 dark:text-light-100" id="result-time">0 游戏日</span>
                                </div>
                                <div class="flex justify-between">
                                    <span class="text-gray-600 dark:text-gray-400">利息:</span>
                                    <span class="font-medium text-accent" id="result-interest">0 GC</span>
                                </div>
                                <div class="flex justify-between">
                                    <span class="text-gray-600 dark:text-gray-400">到期总额:</span>
                                    <span class="font-bold text-primary dark:text-secondary text-xl" id="result-total">0 GC</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 日期转换器 -->
                    <div class="bg-white dark:bg-dark-200 rounded-xl shadow-lg p-6 card-gradient border border-light-300/30 dark:border-dark-300/30">
                        <h3 class="text-xl font-bold text-dark-300 dark:text-light-100 mb-4">日期转换器</h3>
                        <div class="space-y-4">
                            <div class="bg-light-200 dark:bg-dark-300 p-4 rounded-lg">
                                <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">游戏日转现实日</h4>
                                <div class="flex items-center space-x-2">
                                    <input type="number" id="game-days" min="0" step="1" value="72" 
                                        class="w-full px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-100 dark:bg-dark-200 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                                    <span class="text-gray-600 dark:text-gray-400">游戏日 =</span>
                                    <span id="real-days" class="font-medium text-dark-300 dark:text-light-100 w-20 text-right">1</span>
                                    <span class="text-gray-600 dark:text-gray-400">现实日</span>
                                </div>
                            </div>
                            
                            <div class="bg-light-200 dark:bg-dark-300 p-4 rounded-lg">
                                <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">现实日转游戏日</h4>
                                <div class="flex items-center space-x-2">
                                    <input type="number" id="real-days-input" min="0" step="1" value="1" 
                                        class="w-full px-4 py-2 border border-light-300 dark:border-dark-300 rounded-lg bg-light-100 dark:bg-dark-200 focus:outline-none focus:ring-2 focus:ring-primary dark:focus:ring-secondary transition-colors">
                                    <span class="text-gray-600 dark:text-gray-400">现实日 =</span>
                                    <span id="game-days-output" class="font-medium text-dark-300 dark:text-light-100 w-20 text-right">72</span>
                                    <span class="text-gray-600 dark:text-gray-400">游戏日</span>
                                </div>
                            </div>
                            
                            <div class="bg-light-200 dark:bg-dark-300 p-4 rounded-lg">
                                <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">时间单位换算</h4>
                                <div class="space-y-2">
                                    <div class="flex justify-between">
                                        <span class="text-gray-600 dark:text-gray-400">1 游戏日 =</span>
                                        <span class="font-medium text-dark-300 dark:text-light-100">20 分钟</span>
                                    </div>
                                    <div class="flex justify-between">
                                        <span class="text-gray-600 dark:text-gray-400">1 游戏月 =</span>
                                        <span class="font-medium text-dark-300 dark:text-light-100">30 游戏日</span>
                                    </div>
                                    <div class="flex justify-between">
                                        <span class="text-gray-600 dark:text-gray-400">1 游戏年 =</span>
                                        <span class="font-medium text-dark-300 dark:text-light-100">360 游戏日</span>
                                    </div>
                                    <div class="flex justify-between">
                                        <span class="text-gray-600 dark:text-gray-400">1 现实日 =</span>
                                        <span class="font-medium text-dark-300 dark:text-light-100">72 游戏日</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer class="bg-dark-200 dark:bg-dark-300 text-light-100 py-12 border-t border-dark-300/30">
        <div class="container mx-auto px-4">
            <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
                <div>
                    <div class="flex items-center space-x-2 mb-4">
                        <div class="text-secondary text-2xl">
                            <i class="fa fa-bank"></i>
                        </div>
                        <h3 class="text-xl font-bold text-secondary">枢机信用储备银行</h3>
                    </div>
                    <p class="text-gray-400 mb-4">
                        银河锋锐软件开发工作室旗下专业游戏金融服务机构，为 MC.GVSDS.COM 服务器玩家提供安全、高效的金融服务。
                    </p>
                    <p class="text-gray-400 mb-4">
                        请注意本页面及其附属均属于游戏内机构，但银河锋锐软件开发工作室本身真实存在，请勿混淆。
                    </p>
                </div>
                
                <div>
                    <h4 class="text-lg font-semibold mb-4">快速链接</h4>
                    <ul class="space-y-2">
                        <li><a href="#services" class="text-gray-400 hover:text-secondary transition-colors">服务项目</a></li>
                        <li><a href="#savings" class="text-gray-400 hover:text-secondary transition-colors">储值计划</a></li>
                        <li><a href="#loans" class="text-gray-400 hover:text-secondary transition-colors">贷款计划</a></li>
                        <li><a href="#calculator" class="text-gray-400 hover:text-secondary transition-colors">金融计算器</a></li>
                        <li><a href="https://doc.gvsds.com/1f07d3b8cec43a2ab9892a15b150bdd6" target="_blank" class="text-gray-400 hover:text-secondary transition-colors">服务条款</a></li>
                        <li><a href="https://doc.gvsds.com/fc084ab20a283208adb19033ca4de173" target="_blank" class="text-gray-400 hover:text-secondary transition-colors">隐私政策</a></li>
                        <li><a href="/wallet.html" target="_blank" class="text-gray-400 hover:text-secondary transition-colors">钱包</a></li>
                        <li><a href="/PriceList.html" target="_blank" class="text-gray-400 hover:text-secondary transition-colors">物资价格表</a></li>
                    </ul>
                </div>
                
                <div>
                    <h4 class="text-lg font-semibold mb-4">联系我们</h4>
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <i class="fa fa-map-marker text-secondary mt-1 mr-2"></i>
                            <span class="text-gray-400">服务器地址: MC.GVSDS.COM</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-envelope text-secondary mt-1 mr-2"></i>
                            <span class="text-gray-400">邮箱: support@gvsds.com</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-clock-o text-secondary mt-1 mr-2"></i>
                            <span class="text-gray-400">服务时间: 全天24小时</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-dark-300/30 mt-8 pt-8 text-center text-gray-500">
                <p>&copy; 2025 银河锋锐软件开发工作室. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script>
        // 主题切换功能
        const themeToggle = document.getElementById('theme-toggle');
        const html = document.documentElement;
        
        // 检查本地存储中的主题偏好
        if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            html.classList.add('dark');
        } else {
            html.classList.remove('dark');
        }
        
        // 主题切换事件
        themeToggle.addEventListener('click', () => {
            html.classList.toggle('dark');
            localStorage.theme = html.classList.contains('dark') ? 'dark' : 'light';
        });
        
        // 移动端菜单
        const mobileMenuButton = document.getElementById('mobile-menu-button');
        const mobileMenu = document.getElementById('mobile-menu');
        
        mobileMenuButton.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
        });
        
        // 平滑滚动
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                
                const targetId = this.getAttribute('href');
                const targetElement = document.querySelector(targetId);
                
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                    
                    // 关闭移动菜单
                    if (!mobileMenu.classList.contains('hidden')) {
                        mobileMenu.classList.add('hidden');
                    }
                }
            });
        });
        
        // 利息计算器
        const interestCalculator = document.getElementById('interest-calculator');
        const calculateButton = document.getElementById('calculate-interest');
        const interestResult = document.getElementById('interest-result');
        
        calculateButton.addEventListener('click', () => {
            const principal = parseFloat(document.getElementById('principal').value) || 0;
            const time = parseFloat(document.getElementById('time').value) || 0;
            const timeUnit = document.getElementById('time-unit').value;
            const plan = document.getElementById('plan').value;
            
            // 计算时间（转换为游戏日）
            let days = time;
            if (timeUnit === 'months') {
                days = time * 30; // 1个月 = 30天
            } else if (timeUnit === 'years') {
                days = time * 360; // 1年 = 360天
            }
            
            // 计算利率
            let ratePerDay = 0;
            let ratePerYear = 0;
            let rateText = '';
            
            switch (plan) {
                case 'current':
                    ratePerDay = 0.0005; // 0.05%
                    ratePerYear = ratePerDay * 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
                case 'fixed3':
                    ratePerDay = 0.0025; // 0.25%
                    ratePerYear = ratePerDay * 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
                case 'fixed1':
                    ratePerYear = 0.05; // 5%
                    ratePerDay = ratePerYear / 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
                case 'quota':
                    ratePerYear = 0.06; // 6%
                    ratePerDay = ratePerYear / 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
                case 'super':
                    ratePerYear = 0.1; // 10%
                    ratePerDay = ratePerYear / 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
                case 'ultra':
                    ratePerYear = 0.1; // 10%
                    ratePerDay = ratePerYear / 360;
                    rateText = (ratePerYear * 100).toFixed(2) + '%';
                    break;
            }
            
            // 计算利息
            let interest = principal * ratePerDay * days;
            
            // 显示结果
            document.getElementById('result-principal').textContent = principal.toLocaleString() + ' GC';
            document.getElementById('result-rate').textContent = rateText;
            document.getElementById('result-time').textContent = days.toLocaleString() + ' 游戏日';
            document.getElementById('result-interest').textContent = interest.toLocaleString() + ' GC';
            document.getElementById('result-total').textContent = (principal + interest).toLocaleString() + ' GC';
            
            interestResult.classList.remove('hidden');
            
            // 平滑滚动到结果
            interestResult.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
        });
        
        // 日期转换器
        const gameDaysInput = document.getElementById('game-days');
        const realDaysOutput = document.getElementById('real-days');
        const realDaysInput = document.getElementById('real-days-input');
        const gameDaysOutput = document.getElementById('game-days-output');
        
        // 1现实日 = 72游戏日
        const GAME_DAYS_PER_REAL_DAY = 72;
        
        // 游戏日转现实日
        gameDaysInput.addEventListener('input', () => {
            const gameDays = parseFloat(gameDaysInput.value) || 0;
            const realDays = gameDays / GAME_DAYS_PER_REAL_DAY;
            realDaysOutput.textContent = realDays.toFixed(2);
        });
        
        // 现实日转游戏日
        realDaysInput.addEventListener('input', () => {
            const realDays = parseFloat(realDaysInput.value) || 0;
            const gameDays = realDays * GAME_DAYS_PER_REAL_DAY;
            gameDaysOutput.textContent = gameDays.toFixed(0);
        });
    </script>
</body>
</html>