<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jrebel授权服务器激活</title>
    <style>
        :root {
            --primary-color: #3f51b5;
            --success-color: #4caf50;
            --warning-color: #ff9800;
            --danger-color: #f44336;
            --light-gray: #f5f5f5;
            --dark-gray: #333;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #f9f9f9;
            color: var(--dark-gray);
            line-height: 1.6;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        header {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 15px 0;
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            display: flex;
            align-items: center;
        }

        .logo img {
            height: 40px;
            margin-right: 10px;
        }

        .logo h1 {
            font-size: 24px;
            color: var(--primary-color);
        }

        nav ul {
            display: flex;
            list-style: none;
        }

        nav li {
            margin-left: 20px;
        }

        nav a {
            text-decoration: none;
            color: var(--dark-gray);
            font-weight: 500;
            transition: color 0.3s;
        }

        nav a:hover {
            color: var(--primary-color);
        }

        .hero {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            padding: 30px;
            margin-bottom: 15px;
        }

        .hero h2 {
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .status-container {
            display: flex;
            gap: 20px;
            margin-bottom: 15px;
        }

        .status-card {
            flex: 1;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            padding: 20px;
            text-align: center;
        }

        .status-card h3 {
            margin-bottom: 15px;
            color: var(--primary-color);
        }

        .status-indicator {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin-right: 8px;
        }

        .status-online {
            background-color: var(--success-color);
        }

        .status-offline {
            background-color: var(--danger-color);
        }

        .activation-section {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            padding: 30px;
            margin-bottom: 15px;
        }

        .activation-section h2 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
        }

        .form-group input {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            color: var(--primary-color);
        }

        .btn {
            display: inline-block;
            background-color: var(--primary-color);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            transition: background-color 0.3s;
        }

        .btn:hover {
            background-color: #303f9f;
        }

        .btn-link {
            display: inline-block;
            margin-top: 12px;
            background-color: var(--success-color);
            color: white;
            text-decoration: none;
            padding: 12px 24px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            transition: background-color 0.3s;
        }

        .btn-link:hover {
            background-color: #3f9243;
        }

        .info-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }

        .info-card {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            padding: 20px;
        }

        .info-card h3 {
            color: var(--primary-color);
            margin-bottom: 15px;
        }

        .info-card li {
            margin-bottom: 15px;
        }

        .info-item {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
        }

        .info-label {
            font-weight: 500;
        }

        footer {
            text-align: center;
            padding: 20px 0;
            color: #777;
            border-top: 1px solid #eee;
            margin-top: 30px;
        }

        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                text-align: center;
            }

            nav ul {
                margin-top: 15px;
                justify-content: center;
            }

            .status-container {
                flex-direction: column;
            }
        }
    </style>
</head>
<body>
<header>
    <div class="container">
        <div class="header-content">
            <div class="logo">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAALVBMVEX6/P4pdOgxWO45O/MzUO8lgOUvYew2R/EmaeoXR+3h5/yitPV2jvHH0vhWeO+znRvvAAAA+0lEQVQokWXSW5bEIAgEUHy0Qnzsf7mDBWp3ho/k454iKKHPqfAJq5i5oGKkf6ZaGHbRjEM5uYueQxC576TT6si9C4KZ3h+UTkQtXgw7xzwfNXpkmeM5xFixBszAm2tKo2hjxbww7ENwR8cmwAzcc050VH/mxkresnkK7x/kTlZTpAzHWoHMtEvHET3NRT259cKzRRuoOjLaDv+eyFCsQLZq1A37uj/DRLYkllnkQX69Du4FFiTtCUwLTXWB0saUTI5J0WNYrugJfCs11Y0gLGKvLJ0kDFedqy07ocj/pZjBGLL3tDG6IWeaftAIUjGK41fsbQvzniW/LP0BRYMOMCDoDiQAAAAASUVORK5CYII=" style="border-radius: 50%">
                <h1>Jrebel激活服务器</h1>
            </div>
            <nav>
                <ul>
<!--                    <li><a href="#">首页</a></li>-->
                    <li><a href="https://blog.damobao.top/archives/59174629" target="_blank">文档</a></li>
                    <li><a href="https://pay.ldxp.cn/item/xsw85j" target="_blank">赞助</a></li>
                    <li><a href="https://blog.damobao.top/1762247950765" target="_blank">留言</a></li>
                    <li><a href="https://search.damobao.top/" target="_blank">短剧</a></li>
                    <li><a href="https://blog.damobao.top/archives/08rDUlK2aSPt96KQ" target="_blank">流量卡</a></li>
                    <li><a href="https://blog.damobao.top/archives/H19G6mZuBbMA8Xaz" target="_blank">永久流量机场</a></li>
<!--                    <li><a href="#">关于</a></li>-->
                </ul>
            </nav>
        </div>
    </div>
</header>

<main class="container">
    <section class="hero">
        <h2>Jrebel & XRebel 授权服务器</h2>
        <p>本服务器提供Jrebel和XRebel的激活服务，支持团队开发环境使用。请确保您的使用符合许可协议。</p>
    </section>

    <div class="status-container">
        <div class="status-card">
            <h3>服务器状态</h3>
            <p><span class="status-indicator status-online"></span> 在线运行</p>
<!--            <p>最后检查: <span id="last-check">刚刚</span></p>-->
        </div>
        <div class="status-card">
            <h3>版本信息</h3>
<!--            <p>今日激活: <strong>24</strong></p>-->
            <p><strong>v3.3.1</strong></p>
        </div>
        <div class="status-card">
            <h3>服务信息</h3>
<!--            <p>版本: <strong>v2.3.1</strong></p>-->
            <p>运行时间：<strong>1047天20小时</strong></p>
        </div>
    </div>

    <section class="activation-section">
        <h2>激活Jrebel</h2>
        <div class="form-group">
            <label for="server-url">服务器URL</label>
            <input type="text" id="server-url" value="https://jrebel.damobao.top" readonly>
            <p style="margin-top: 8px; font-size: 14px; color: #666;">复制此URL到Jrebel激活设置中</p>
        </div>
        <div class="form-group">
            <label for="activation-code" style="color: #E6A23C">激活地址试用（每天0点刷新，不能用再来复制）</label>
            <input type="text" id="activation-code" readonly value="https://jrebel.damobao.top/3011842c-b4ee-43cd-9dbe-196087f9c71d" style="color: #909399">
        </div>
        <div class="form-group">
            <span style="color: #e33fcd">阿里云服务器贵的要命，无法免费请见谅，免费的也坚持不了多久，</span>
            <a href="https://pay.ldxp.cn/item/xsw85j" target="_blank" style="color: #dd2222; border: 1px solid; padding: 2px 8px; border-radius: 4px; cursor: pointer; text-decoration: none">点击购买长期激活码</a>
            <span style="color: #e33fcd">，感谢你的支持，我们会走的更长久</span>
        </div>
<!--        <button class="btn" id="activate-btn">激活</button>-->
    </section>

    <div class="info-section">
        <div class="info-card">
            <h3>联系方式</h3>
            <div class="info-item" style="display: flex; justify-content: center; align-items: center">
                <img width="180px" src="https://blog.damobao.top//upload/contact/%E5%BE%AE%E4%BF%A12.png">
<!--                <span class="info-label">激活状态:</span>-->
<!--                <span id="activation-status">未激活</span>-->
            </div>
<!--            <div class="info-item">-->
<!--                <span class="info-label">有效期至:</span>-->
<!--                <span id="expiry-date">-</span>-->
<!--            </div>-->
<!--            <div class="info-item">-->
<!--                <span class="info-label">许可证类型:</span>-->
<!--                <span id="license-type">-</span>-->
<!--            </div>-->
<!--            <div class="info-item">-->
<!--                <span class="info-label">最大用户数:</span>-->
<!--                <span id="max-users">-</span>-->
<!--            </div>-->
        </div>

        <div class="info-card">
            <h3>使用指南</h3>
            <ol style="padding-left: 20px;">
                <li>打开IDEA “Help -> JRebel -> Activation”</li>
                <li>复制购买得到的激活URL填入“Team URL”</li>
                <li>勾选最下面一行方框：“I agree with the ...”</li>
                <li>点击“Change license”</li>
                <li>完成</li>
            </ol>
        </div>

        <div class="info-card">
            <h3>常见问题</h3>
            <ul style="padding-left: 20px;">
                <li style="color: red">支持哪些版本？</li>
                <li style="color: green">支持到最新版本2025.x</li>
                <li style="color: red">激活后剩余天数显示1800天？</li>
                <li style="color: green">激活成功后剩余天数为1800天，到期自动续</li>
                <li style="color: red">设置离线模式后剩余天数显示180天？</li>
                <li style="color: green">离线模式下最多只能180天，到期后改为在线模式重新激活即可</li>
<!--                <li><a href="#">激活失败怎么办?</a></li>-->
<!--                <li><a href="#">如何检查服务器状态?</a></li>-->
<!--                <li><a href="#">许可证过期如何处理?</a></li>-->
<!--                <li><a href="#">支持哪些IDE版本?</a></li>-->
            </ul>
        </div>
    </div>
</main>

<footer class="container">
    <p>Jrebel激活服务器 &copy; 2023 - 本服务仅供内部开发使用</p>
</footer>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 模拟激活过程
        document.getElementById('activate-btn').addEventListener('click', function() {
            const activationCode = document.getElementById('activation-code').value;

            if (activationCode && activationCode.trim() !== '') {
                // 模拟激活请求
                document.getElementById('activation-status').textContent = '已激活';
                document.getElementById('expiry-date').textContent = '2024-12-31';
                document.getElementById('license-type').textContent = '团队版';
                document.getElementById('max-users').textContent = '50';

                alert('激活成功！');
            } else {
                document.getElementById('activation-status').textContent = '已激活 (试用)';
                document.getElementById('expiry-date').textContent = '2023-12-31';
                document.getElementById('license-type').textContent = '试用版';
                document.getElementById('max-users').textContent = '10';

                alert('试用版激活成功！');
            }
        });

        // 更新最后检查时间
        function updateLastCheck() {
            const now = new Date();
            document.getElementById('last-check').textContent =
                `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}`;
        }

        updateLastCheck();
        setInterval(updateLastCheck, 30000); // 每30秒更新一次
    });
</script>
</body>
</html>
