<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Digital Forensic Password Cracker</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #1a2a6c, #2c3e50);
            color: #333;
            height: 100vh;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        
        .container {
            width: 100%;
            max-width: 1000px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 85vh;
        }
        
        .header {
            background: #0056b3;
            color: white;
            padding: 15px 25px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .logo-icon {
            font-size: 24px;
        }
        
        .app-title {
            font-size: 22px;
            font-weight: 600;
        }
        
        .app-version {
            font-size: 14px;
            opacity: 0.8;
        }
        
        .splash-screen {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 40px;
            gap: 30px;
            align-items: center;
            justify-content: center;
            overflow-y: auto;
        }
        
        .disclaimer-box {
            background: #f8f9fa;
            border-radius: 10px;
            border: 1px solid #e0e0e0;
            padding: 30px;
            max-width: 700px;
            text-align: center;
        }
        
        .disclaimer-title {
            font-size: 24px;
            font-weight: 600;
            color: #d9534f;
            margin-bottom: 20px;
        }
        
        .disclaimer-text {
            font-size: 16px;
            line-height: 1.6;
            color: #555;
            margin-bottom: 25px;
        }
        
        .disclaimer-highlight {
            background: #fff3cd;
            padding: 15px;
            border-radius: 5px;
            border-left: 4px solid #ffc107;
            margin: 20px 0;
            font-weight: 500;
        }
        
        .config-panel {
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 100%;
            max-width: 500px;
            background: #f8f9fa;
            border-radius: 10px;
            border: 1px solid #e0e0e0;
            padding: 25px;
        }
        
        .panel-title {
            font-size: 18px;
            font-weight: 600;
            color: #0056b3;
            padding-bottom: 10px;
            border-bottom: 1px solid #e0e0e0;
            text-align: center;
        }
        
        .config-item {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        label {
            font-size: 14px;
            font-weight: 500;
            color: #444;
            text-align: left;
        }
        
        input, select {
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 16px;
            background: white;
        }
        
        input:focus, select:focus {
            outline: none;
            border-color: #0056b3;
            box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
        }
        
        button {
            background: #0056b3;
            color: white;
            border: none;
            padding: 12px 25px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            border-radius: 4px;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }
        
        button:hover {
            background: #004494;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }
        
        .main-content {
            display: flex;
            flex: 1;
            overflow: hidden;
            display: none;
        }
        
        .cracking-screen {
            flex: 1;
            display: flex;
            padding: 20px;
            gap: 20px;
            overflow: hidden;
        }
        
        /* 左侧状态栏 */
        .status-sidebar {
            width: 300px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .device-info {
            padding: 15px;
            background: #e3f2fd;
            border-radius: 5px;
            border: 1px solid #bbdefb;
            font-size: 14px;
        }
        
        .status-container {
            background: #f8f9fa;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            padding: 15px;
        }
        
        .status-item {
            margin-bottom: 15px;
        }
        
        .status-title {
            font-size: 14px;
            color: #666;
            margin-bottom: 5px;
        }
        
        .status-value {
            font-size: 16px;
            color: #0056b3;
            font-weight: 600;
        }
        
        .resource-usage {
            background: #f8f9fa;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            padding: 15px;
        }
        
        .usage-item {
            margin-bottom: 15px;
        }
        
        .usage-title {
            font-size: 14px;
            color: #666;
            margin-bottom: 5px;
        }
        
        .usage-value {
            font-size: 16px;
            color: #0056b3;
            font-weight: 600;
        }
        
        .usage-bar {
            height: 8px;
            background: #e0e0e0;
            border-radius: 4px;
            margin-top: 8px;
            overflow: hidden;
        }
        
        .usage-progress {
            height: 100%;
            background: linear-gradient(90deg, #0056b3, #0083ff);
        }
        
        .progress-container {
            background: #f8f9fa;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            padding: 15px;
        }
        
        .progress-info {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 14px;
        }
        
        .progress-bar {
            height: 12px;
            background: #e0e0e0;
            border-radius: 6px;
            overflow: hidden;
        }
        
        .progress {
            height: 100%;
            background: linear-gradient(90deg, #0056b3, #0083ff);
            width: 0%;
            transition: width 0.5s;
        }
        
        /* 右侧主显示区 */
        .main-display {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .code-display-container {
            background: #f8f9fa;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            padding: 20px;
            text-align: center;
            height: 200px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .code-display-title {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
        }
        
        .code-display {
            font-size: 60px;
            font-family: 'Courier New', monospace;
            letter-spacing: 10px;
            color: #0056b3;
            font-weight: 700;
            padding: 15px;
            background: white;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
        }
        
        .log-container {
            flex: 1;
            background: #f8f9fa;
            border-radius: 5px;
            border: 1px solid #e0e0e0;
            padding: 15px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        
        .log-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 10px;
            border-bottom: 1px solid #e0e0e0;
            margin-bottom: 10px;
        }
        
        .log-title {
            font-size: 16px;
            font-weight: 600;
            color: #0056b3;
        }
        
        .log-content {
            flex: 1;
            overflow-y: auto;
            background: white;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
            padding: 10px;
            font-family: 'Courier New', monospace;
            font-size: 14px;
        }
        
        .log-entry {
            margin-bottom: 5px;
            color: #333;
            line-height: 1.5;
        }
        
        .log-entry.success {
            color: #28a745;
            font-weight: 600;
        }
        
        .log-entry.error {
            color: #dc3545;
        }
        
        .log-entry.warning {
            color: #ffc107;
        }
        
        .footer {
            background: #f8f9fa;
            padding: 12px 25px;
            border-top: 1px solid #e0e0e0;
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            color: #666;
        }
        
        .status-indicator {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #28a745;
        }
        
        .indicator.blink {
            animation: blink 1s infinite;
        }
        
        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0.3; }
            100% { opacity: 1; }
        }
        
        .tooltip {
            position: relative;
            cursor: help;
        }
        
        .tooltip::after {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            background: #333;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }
        
        .tooltip:hover::after {
            opacity: 1;
            visibility: visible;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="logo">
                <div class="logo-icon">🔒</div>
                <div>
                    <div class="app-title">Digital Forensic Password Cracker</div>
                    <div class="app-version">v2.8.4 | Advanced Mobile Security Suite</div>
                </div>
            </div>
            <div class="status-indicator">
                <div class="indicator blink"></div>
                <span>OPERATIONAL</span>
            </div>
        </div>
        
        <!-- Splash Screen with Disclaimer -->
        <div class="splash-screen" id="splash-screen">
            <div class="disclaimer-box">
                <div class="disclaimer-title">DISCLAIMER & WARNING</div>
                <div class="disclaimer-text">
                    This software is a simulation tool designed exclusively for educational purposes, 
                    forensic training, and authorized security research. Under no circumstances should 
                    this tool be used for illegal activities or unauthorized access to devices or systems.
                </div>
                
                <div class="disclaimer-highlight">
                    This is a simulation only. No actual device cracking occurs. 
                    All activities are virtual and do not interact with real systems.
                </div>
                
                <div class="disclaimer-text">
                    By proceeding, you acknowledge that you understand this tool is for educational 
                    purposes only and agree to use it responsibly and legally. Unauthorized access to 
                    computer systems is illegal and punishable by law.
                </div>
            </div>
            
            <div class="config-panel">
                <div class="panel-title">SIMULATION PARAMETERS</div>
                
                <div class="config-item">
                    <label for="device-name">DEVICE NAME</label>
                    <input type="text" id="device-name" value="Suspect iPhone 13 Pro" placeholder="Enter device name">
                </div>
                
                <div class="config-item">
                    <label for="ios-version">IOS VERSION</label>
                    <select id="ios-version">
                        <option value="16.4.1">iOS 16.4.1</option>
                        <option value="16.5" selected>iOS 16.5</option>
                        <option value="16.6">iOS 16.6</option>
                        <option value="17.0">iOS 17.0</option>
                        <option value="17.1">iOS 17.1</option>
                    </select>
                </div>
                
                <div class="config-item">
                    <label for="target-password">TARGET PASSWORD (6 digits)</label>
                    <input type="text" id="target-password" value="198406" placeholder="Enter 6-digit code" maxlength="6">
                </div>
                
                <div class="config-item">
                    <label for="speed-select">CRACKING SPEED</label>
                    <select id="speed-select">
                        <option value="slow">Low Intensity</option>
                        <option value="medium" selected>Standard</option>
                        <option value="fast">Aggressive</option>
                        <option value="ultra">Brute Force</option>
                    </select>
                </div>
                
                <button id="enter-btn">
                    ENTER SIMULATION
                </button>
            </div>
        </div>
        
        <!-- Main Cracking Interface (Initially Hidden) -->
        <div class="main-content" id="main-content">
            <div class="cracking-screen">
                <!-- 左侧状态栏 -->
                <div class="status-sidebar">
                    <div class="device-info">
                        <div>DEVICE: <span id="display-device-name">Suspect iPhone 13 Pro</span></div>
                        <div>IOS: <span id="display-ios-version">16.5</span></div>
                        <div>STATUS: <span id="global-status">SIMULATION ACTIVE</span></div>
                    </div>
                    
                    <div class="status-container">
                        <div class="status-item">
                            <div class="status-title">CRACKING STATUS</div>
                            <div class="status-value" id="cracking-status">IN PROGRESS</div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-title">PRIVILEGE ESCALATION</div>
                            <div class="status-value" id="privilege-status">PENDING</div>
                        </div>
                        
                        <div class="status-item">
                            <div class="status-title">ATTEMPTS</div>
                            <div class="status-value" id="attempt-count">0</div>
                        </div>
                    </div>
                    
                    <div class="resource-usage">
                        <div class="usage-item">
                            <div class="usage-title">MEMORY USAGE</div>
                            <div class="usage-value" id="memory-usage">58.2GB/64GB</div>
                            <div class="usage-bar">
                                <div class="usage-progress" id="memory-progress" style="width: 91%"></div>
                            </div>
                        </div>
                        <div class="usage-item">
                            <div class="usage-title">CPU USAGE</div>
                            <div class="usage-value" id="cpu-usage">78%</div>
                            <div class="usage-bar">
                                <div class="usage-progress" id="cpu-progress" style="width: 78%"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="progress-container">
                        <div class="progress-info">
                            <span>Progress: <span id="progress-text">0%</span></span>
                        </div>
                        <div class="progress-bar">
                            <div class="progress" id="progress-bar"></div>
                        </div>
                    </div>
                </div>
                
                <!-- 右侧主显示区 -->
                <div class="main-display">
                    <div class="code-display-container">
                        <div class="code-display-title">CURRENT ATTEMPT</div>
                        <div class="code-display" id="code-display">------</div>
                    </div>
                    
                    <div class="log-container">
                        <div class="log-header">
                            <div class="log-title">SIMULATION LOG</div>
                            <div class="tooltip" data-tooltip="Simulated cracking process">
                                <i>ⓘ</i>
                            </div>
                        </div>
                        <div class="log-content" id="log-container">
                            <div class="log-entry">[08:25:33] SYSTEM: Digital Forensic Password Cracker initialized</div>
                            <div class="log-entry">[08:25:35] SYSTEM: Simulation mode activated</div>
                            <div class="log-entry">[08:25:36] SECURITY: Virtual secure connection established</div>
                            <div class="log-entry">[08:25:38] TARGET: Device identified: Suspect iPhone 13 Pro</div>
                            <div class="log-entry">[08:25:40] SIMULATION: Ready for operation</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="footer">
            <div>© 2025 CyberForensics Inc. | DFPC v2.8.4</div>
            <div>Connection: Virtual | Session ID: #SIM-8832-21A9</div>
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const splashScreen = document.getElementById('splash-screen');
            const mainContent = document.getElementById('main-content');
            const enterBtn = document.getElementById('enter-btn');
            const deviceNameInput = document.getElementById('device-name');
            const iosVersionSelect = document.getElementById('ios-version');
            const targetPasswordInput = document.getElementById('target-password');
            const displayDeviceName = document.getElementById('display-device-name');
            const displayIosVersion = document.getElementById('display-ios-version');
            const codeDisplay = document.getElementById('code-display');
            const logContainer = document.getElementById('log-container');
            const crackingStatus = document.getElementById('cracking-status');
            const privilegeStatus = document.getElementById('privilege-status');
            const globalStatus = document.getElementById('global-status');
            const progressBar = document.getElementById('progress-bar');
            const progressText = document.getElementById('progress-text');
            const attemptCount = document.getElementById('attempt-count');
            const memoryUsage = document.getElementById('memory-usage');
            const cpuUsage = document.getElementById('cpu-usage');
            const memoryProgress = document.getElementById('memory-progress');
            const cpuProgress = document.getElementById('cpu-progress');
            
            let crackingInterval;
            let currentCode = 0;
            let totalAttempts = 0;
            let isCracking = false;
            let targetPassword = "198406";
            
            // Initialize logs
            const initialLogs = [
                "[08:25:33] SYSTEM: Digital Forensic Password Cracker initialized",
                "[08:25:35] SYSTEM: Simulation mode activated",
                "[08:25:36] SECURITY: Virtual secure connection established",
                "[08:25:38] TARGET: Device identified: Suspect iPhone 13 Pro",
                "[08:25:40] SIMULATION: Ready for operation"
            ];
            
            // Add log function
            function addLog(message, type) {
                const logEntry = document.createElement('div');
                logEntry.className = `log-entry ${type ? type : ''}`;
                logEntry.textContent = message;
                logContainer.appendChild(logEntry);
                logContainer.scrollTop = logContainer.scrollHeight;
            }
            
            // Generate random log entries
            function generateRandomLog() {
                const types = ["SECURITY", "SIMULATION", "SYSTEM", "TARGET", "ANALYSIS"];
                const actions = [
                    "Attempting passcode combination",
                    "Bypassing virtual security protocols",
                    "Analyzing simulated encryption",
                    "Cracking virtual security layer",
                    "Accessing simulated system files",
                    "Decrypting virtual security keys",
                    "Bypassing simulated biometric security",
                    "Simulating user behavior patterns",
                    "Injecting virtual crack module",
                    "Extracting simulated user data fragments"
                ];
                
                const prefixes = [
                    "Attempting",
                    "Successfully simulated",
                    "Failed to simulate",
                    "Warning:",
                    "Error:",
                    "Notice:",
                    "Processing simulation"
                ];
                
                const randomType = types[Math.floor(Math.random() * types.length)];
                const randomPrefix = prefixes[Math.floor(Math.random() * prefixes.length)];
                const randomAction = actions[Math.floor(Math.random() * actions.length)];
                
                // Generate timestamp
                const now = new Date();
                const timestamp = `[${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}]`;
                
                return `${timestamp} ${randomType}: ${randomPrefix} ${randomAction}`;
            }
            
            // Update resource usage
            function updateResourceUsage() {
                // Generate random but high resource usage
                const memoryUsed = 58 + Math.random() * 2; // 58-60GB
                const cpuUsed = 75 + Math.random() * 5; // 75-80%
                
                memoryUsage.textContent = `${memoryUsed.toFixed(1)}GB/64GB`;
                cpuUsage.textContent = `${Math.round(cpuUsed)}%`;
                
                memoryProgress.style.width = `${(memoryUsed / 64) * 100}%`;
                cpuProgress.style.width = `${cpuUsed}%`;
            }
            
            // Start cracking process
            function startCracking(speed) {
                if (isCracking) return;
                
                isCracking = true;
                currentCode = 0;
                totalAttempts = 0;
                crackingStatus.textContent = "IN PROGRESS";
                privilegeStatus.textContent = "ESCALATING";
                globalStatus.textContent = "SIMULATION ACTIVE";
                progressBar.style.width = '0%';
                progressText.textContent = '0%';
                attemptCount.textContent = '0';
                
                // Clear logs and add initial messages
                logContainer.innerHTML = '';
                addLog(`[${getTimeStamp()}] SYSTEM: Starting simulation process`);
                addLog(`[${getTimeStamp()}] TARGET: Device: ${displayDeviceName.textContent}`);
                addLog(`[${getTimeStamp()}] TARGET: iOS Version: ${displayIosVersion.textContent}`);
                addLog(`[${getTimeStamp()}] SIMULATION: Target password: ${targetPassword}`);
                addLog(`[${getTimeStamp()}] SIMULATION: Speed setting: ${document.getElementById('speed-select').options[document.getElementById('speed-select').selectedIndex].text}`);
                addLog(`[${getTimeStamp()}] SECURITY: Establishing virtual secure channel...`);
                
                // Start resource usage update
                const resourceInterval = setInterval(updateResourceUsage, 2000);
                updateResourceUsage(); // Initial update
                
                // Set speed parameters
                let intervalTime;
                switch(speed) {
                    case 'slow':
                        intervalTime = 300;
                        break;
                    case 'medium':
                        intervalTime = 150;
                        break;
                    case 'fast':
                        intervalTime = 70;
                        break;
                    case 'ultra':
                        intervalTime = 30;
                        break;
                    default:
                        intervalTime = 150;
                }
                
                // Start cracking animation
                crackingInterval = setInterval(() => {
                    currentCode++;
                    totalAttempts++;
                    
                    // Display current code
                    const displayCode = String(currentCode).padStart(6, '0');
                    codeDisplay.textContent = displayCode;
                    attemptCount.textContent = totalAttempts;
                    
                    // Update progress
                    const progress = Math.min(100, (currentCode / 1000000) * 100);
                    progressBar.style.width = `${progress}%`;
                    progressText.textContent = `${Math.round(progress)}%`;
                    
                    // Add random logs
                    if (Math.random() > 0.7) {
                        addLog(generateRandomLog());
                    }
                    
                    // Check if password is found
                    if (displayCode === targetPassword) {
                        clearInterval(crackingInterval);
                        clearInterval(resourceInterval);
                        crackingStatus.textContent = "SUCCESS";
                        privilegeStatus.textContent = "PRIVILEGE OBTAINED";
                        globalStatus.textContent = "SIMULATION COMPLETE";
                        addLog(`[${getTimeStamp()}] SIMULATION: SUCCESS! Password found: ${targetPassword}`, "success");
                        addLog(`[${getTimeStamp()}] SYSTEM: Virtual privilege escalation complete`, "success");
                        addLog(`[${getTimeStamp()}] SECURITY: Full virtual access obtained`, "success");
                        isCracking = false;
                        
                        // Add success effect
                        codeDisplay.style.color = '#28a745';
                        codeDisplay.style.fontWeight = '800';
                    }
                    
                    // Safety stop at 200000 attempts
                    if (currentCode >= 200000) {
                        clearInterval(crackingInterval);
                        clearInterval(resourceInterval);
                        crackingStatus.textContent = "TERMINATED";
                        privilegeStatus.textContent = "FAILED";
                        globalStatus.textContent = "SIMULATION HALTED";
                        addLog(`[${getTimeStamp()}] ERROR: Security threshold exceeded`, "error");
                        addLog(`[${getTimeStamp()}] SYSTEM: Simulation terminated`, "error");
                        isCracking = false;
                    }
                }, intervalTime);
            }
            
            // Get current timestamp
            function getTimeStamp() {
                const now = new Date();
                return `[${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}]`;
            }
            
            // Event listener for enter button
            enterBtn.addEventListener('click', function() {
                targetPassword = targetPasswordInput.value || "198406";
                
                // Validate target password
                if (!/^\d{6}$/.test(targetPassword)) {
                    alert("Please enter a valid 6-digit password");
                    return;
                }
                
                const deviceName = deviceNameInput.value || "Suspect Device";
                const iosVersion = iosVersionSelect.value || "16.5";
                const speed = document.getElementById('speed-select').value;
                
                // Set device info
                displayDeviceName.textContent = deviceName;
                displayIosVersion.textContent = iosVersion;
                
                // Switch to simulation view
                splashScreen.style.display = 'none';
                mainContent.style.display = 'flex';
                
                // Start simulation
                startCracking(speed);
            });
            
            // Initialize logs
            initialLogs.forEach(log => addLog(log));
        });
    </script>
</body>
</html>