<?php
// 数据库配置
$dbHost = '127.0.0.1';
$dbName = 'v1668_demo';
$dbUser = 'v1668_demo';
$dbPass = 'demo123456';

try {
    $pdo = new PDO("mysql:host=$dbHost;dbname=$dbName;charset=utf8mb4", $dbUser, $dbPass);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    
    $stmt = $pdo->query("SELECT config_key, config_value FROM site_config");
    $configs = [];
    while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
        $configs[$row['config_key']] = $row['config_value'];
    }
} catch (PDOException $e) {
    $configs = [];
}

$telegram = isset($configs['telegram']) ? $configs['telegram'] : '@xinghui18';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>166 信用盘出租 - 环球系统出租-IDC 系统出租</title>
    <meta name="description" content="专业提供 166 信用盘出租、环球系统出租、IDC 系统出租、新中源系统出租等服务">
    <meta name="keywords" content="166 信用盘，环球系统，IDC 系统，新中源系统，信用盘出租">
    <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; }
        body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; line-height: 1.6; color: #333; background: #fff; }
        a { text-decoration: none; color: inherit; }
        img { max-width: 100%; height: auto; }
        
        /* 导航 */
        .navbar { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 15px 0; }
        .nav-container { max-width: 1200px; margin: 0 auto; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 24px; font-weight: bold; color: #667eea; }
        .nav-menu { display: flex; gap: 30px; list-style: none; }
        .nav-menu a { color: #333; font-size: 15px; font-weight: 500; transition: color 0.3s; }
        .nav-menu a:hover { color: #667eea; }
        
        /* Hero */
        .hero { margin-top: 70px; padding: 60px 30px; background: #fff; text-align: center; }
        .hero h1 { font-size: 36px; margin-bottom: 20px; color: #333; }
        .hero p { font-size: 16px; color: #666; max-width: 800px; margin: 0 auto; line-height: 1.8; }
        
        /* 服务 */
        .services { padding: 60px 30px; max-width: 1200px; margin: 0 auto; }
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 32px; margin-bottom: 15px; color: #333; }
        .section-title p { font-size: 16px; color: #666; }
        .service-list { display: flex; flex-direction: column; gap: 60px; }
        .service-item { display: flex; flex-direction: column; align-items: center; text-align: center; }
        .service-item img { width: 100%; max-width: 500px; border-radius: 10px; margin-bottom: 25px; }
        .service-item h3 { font-size: 24px; margin-bottom: 15px; color: #333; }
        .service-item p { color: #666; font-size: 16px; line-height: 1.8; max-width: 700px; }
        
        /* 关于我们 */
        .about { padding: 60px 30px; background: #f8f9fa; }
        .about-container { max-width: 1200px; margin: 0 auto; text-align: center; }
        .about-content { max-width: 800px; margin: 0 auto; }
        .about-content h2 { font-size: 32px; margin-bottom: 25px; color: #333; }
        .about-content p { color: #666; font-size: 16px; line-height: 2; margin-bottom: 20px; }
        
        /* 联系我们 */
        .contact { padding: 60px 30px; max-width: 800px; margin: 0 auto; text-align: center; }
        .contact h2 { font-size: 32px; margin-bottom: 20px; color: #333; }
        .contact p { font-size: 16px; color: #666; margin-bottom: 30px; }
        .contact-info { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 40px; border-radius: 10px; }
        .contact-info h3 { font-size: 24px; margin-bottom: 20px; }
        .contact-info .telegram { font-size: 20px; font-weight: bold; margin: 20px 0; }
        .contact-info a { color: #fff; text-decoration: underline; }
        
        /* 底部 */
        .footer { background: #2c3e50; color: #fff; padding: 30px; text-align: center; }
        .footer p { opacity: 0.8; font-size: 14px; }
        
        /* 响应式 */
        @media (max-width: 768px) {
            .nav-container { flex-direction: column; gap: 15px; }
            .nav-menu { flex-wrap: wrap; justify-content: center; gap: 15px; }
            .hero h1 { font-size: 28px; }
            .hero p { font-size: 15px; }
            .section-title h2 { font-size: 24px; }
            .service-item h3 { font-size: 20px; }
            .service-item p { font-size: 15px; }
        }
    </style>
</head>
<body>
    <!-- 导航 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="logo">166 信用盘出租</div>
            <ul class="nav-menu">
                <li><a href="#home">首页</a></li>
                <li><a href="#services">服务</a></li>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </div>
    </nav>
    
    <!-- Hero -->
    <section class="hero" id="home">
        <h1>166 信用盘出租</h1>
        <p>我们提供 166 信用盘出租、环球系统出租、IDC 系统出租、新中源系统出租等多种系统服务，确保您的业务高效运转。</p>
    </section>
    
    <!-- 服务 -->
    <section class="services" id="services">
        <div class="section-title">
            <h2>我们的服务</h2>
            <p>专业的系统服务提供商</p>
        </div>
        <div class="service-list">
            <div class="service-item">
                <img src="https://166jx.com/images/166-credit-service.jpg" alt="166 信用盘出租">
                <h3>166 信用盘出租</h3>
                <p>提供高效、安全的 166 信用盘出租服务，满足各种业务需求。</p>
            </div>
            <div class="service-item">
                <img src="https://166jx.com/images/global-system.jpg" alt="166 系统后台">
                <h3>166 系统后台</h3>
                <p>166 系统团队精通 ASP.NET、JSP、PHP、JAVA 等编程语言及加密数据库，开发出强大功能安全稳定的系统平台</p>
            </div>
            <div class="service-item">
                <img src="https://166jx.com/images/idc-system.jpg" alt="166 系统代理">
                <h3>166 系统代理</h3>
                <p>功能丰富全面，简单易懂，操作便携让您毫无担忧</p>
            </div>
            <div class="service-item">
                <img src="https://166jx.com/images/new-zhongyuan.jpg" alt="166 系统会员">
                <h3>166 系统会员</h3>
                <p>无比精湛的设计语言让客户无忧，享受最高端极致服务</p>
            </div>
            <div class="service-item">
                <img src="https://166jx.com/images/crown-credit.jpg" alt="166 系统手机端">
                <h3>166 系统手机端</h3>
                <p>操作人性化、科技化、简便化，手机亦管理操作，掌控全局！</p>
            </div>
        </div>
    </section>
    
    <!-- 关于我们 -->
    <section class="about" id="about">
        <div class="about-container">
            <div class="about-content">
                <h2>关于我们</h2>
                <p>我们是专业的系统服务提供商，致力于为客户提供最优质的信用盘出租、环球系统出租等服务。</p>
                <p>我们的技术团队确保每一项服务的稳定性与安全性，竭力满足您的各种需求。</p>
            </div>
        </div>
    </section>
    
    <!-- 联系我们 -->
    <section class="contact" id="contact">
        <h2>联系我们</h2>
        <p>如有任何问题，欢迎通过以下方式联系我们：</p>
        <div class="contact-info">
            <h3>联系方式</h3>
            <div class="telegram">
                <p style="color:#fff;"><i class="fab fa-telegram" style="font-size:24px;margin-right:8px;color:#fff;"></i> Telegram: <a href="https://t.me/sg13899" target="_blank" style="color:#fff;text-decoration:none;">@sg13899</a></p>
                <p style="color:#fff;"><i class="fab fa-qq" style="font-size:24px;margin-right:8px;color:#fff;"></i> QQ: 3011612599</p>
            </div>
            <p style="color:#fff;">24 小时在线咨询</p>
        </div>
    </section>
    
    <!-- 底部 -->
    <footer class="footer">
        <p>&copy; 2025 166 信用盘出租。All rights reserved.</p>
    </footer>
</body>
</html>
