<?php
require_once '../includes/init.php';
require_once '../includes/auth.php';

if (function_exists('ggai_user_require_login')) {
    ggai_user_require_login();
}

// 简单多语言辅助函数：使用在线翻译+缓存（translation_cache）
if (!function_exists('ng_t')) {
    function ng_t(string $text): string {
        // 空字符串或未启用翻译函数时，直接返回
        if (trim($text) === '' || !function_exists('translate_content')) {
            return $text;
        }
        try {
            global $pdo;
            return translate_content($text, defined('CURRENT_LANG') ? CURRENT_LANG : 'zh_cn', $pdo);
        } catch (Throwable $e) {
            // 翻译失败时不影响页面显示，直接回退原文
            return $text;
        }
    }
}

$user_id = (int)$_SESSION['user_id'];

// 合伙人信息与下载地址（与 user/index.php 保持一致）
$partnerInfo = $GLOBALS['partnerInfo'] ?? null;
if (!$partnerInfo) {
    $partnerInfo = [
        'site_name'   => '狗狗AI量化',
        'logo_url'    => '/assets/logo.png',
        'promo_url'   => 'https://ggai365.com/',
        'download_url'=> 'http://down.ggai365.com',
    ];
}
$download_url = trim($partnerInfo['download_url'] ?? '');
if (!$download_url) {
    $download_url = 'http://down.ggai365.com';
}

// 读取交易所推广码与注册链接（与 user/index.php 逻辑保持一致）
$host = $_SERVER['HTTP_HOST'] ?? '';
$binance_referral_code = '';
$okx_referral_code = '';
// 默认推广码来自 exchanges 表
$default_binance_code = '';
$default_okx_code = '';
$stmt = $pdo->prepare("SELECT name, referral_code FROM exchanges WHERE name IN ('binance','okx')");
$stmt->execute();
$exchange_codes = $stmt->fetchAll(PDO::FETCH_KEY_PAIR);
$default_binance_code = $exchange_codes['binance'] ?? '';
$default_okx_code = $exchange_codes['okx'] ?? '';
if ($host) {
    $host_no_www = preg_replace('/^www\./i', '', $host);
    $stmt2 = $pdo->prepare('SELECT * FROM partners WHERE domain=? LIMIT 1');
    $stmt2->execute([$host_no_www]);
    $partnerInfoTmp = $stmt2->fetch(PDO::FETCH_ASSOC);
    if ($partnerInfoTmp) {
        $binance_referral_code = $partnerInfoTmp['binance_referral_code'] ?: $default_binance_code;
        $okx_referral_code = $partnerInfoTmp['okx_referral_code'] ?: $default_okx_code;
    } else {
        $binance_referral_code = $default_binance_code;
        $okx_referral_code = $default_okx_code;
    }
}

$binance_register_url = '';
$okx_register_url = '';
$stmt = $pdo->prepare("SELECT name, display_name, register_url, referral_code FROM exchanges WHERE name IN ('binance','okx')");
$stmt->execute();
$exchange_rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
foreach ($exchange_rows as $row) {
    $name = strtolower($row['name']);
    if ($name === 'binance') {
        $binance_register_url = $row['register_url'] ?: '';
        // 以 exchanges 中配置为默认推广码（若有合伙人专属则已在上面覆盖）
        if (!$binance_referral_code) {
            $binance_referral_code = $row['referral_code'] ?: $binance_referral_code;
        }
    } elseif ($name === 'okx') {
        $okx_register_url = $row['register_url'] ?: '';
        if (!$okx_referral_code) {
            $okx_referral_code = $row['referral_code'] ?: $okx_referral_code;
        }
    }
}

ob_start();
?>
<div class="container mt-2 mt-md-4 px-2 px-md-3">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-10 col-lg-11">
            <div class="card shadow-lg border-0" style="background: rgba(24,28,42,0.98); border-radius: 18px; border: 1px solid #00eaff44;">
                <div class="card-body p-3 p-md-4 p-lg-5">
                    <h3 class="mb-3" style="color:#00eaff;text-shadow:0 0 8px #00eaff88;">
                        <?= ng_t('新手导航向导'); ?>
                    </h3>
                    <p class="text-muted mb-4">
                        <?= ng_t('请先回答下面几个简单问题，我们会根据您的实际情况，生成一条专属操作路线，并给出对应的页面入口和视频教程下载入口。'); ?>
                    </p>

                    <!-- Step 1: 基本情况 -->
                    <div class="mb-4">
                        <h5 class="mb-2" style="color:#00eaff;"><?= ng_t('Step 1：您当前的基础情况'); ?></h5>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('1. 您对币圈的熟悉程度？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="exp_level" id="exp_newbie" value="newbie" checked>
                                    <label class="form-check-label" for="exp_newbie"><?= ng_t('完全新手（从未接触过数字货币）'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="exp_level" id="exp_some" value="some">
                                    <label class="form-check-label" for="exp_some"><?= ng_t('有一点了解，但没实际交易'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="exp_level" id="exp_pro" value="pro">
                                    <label class="form-check-label" for="exp_pro"><?= ng_t('币圈老手（有长期交易经验）'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('2. 您是否已经有币AN（Binance）账号？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_binance" id="has_binance_yes" value="yes">
                                    <label class="form-check-label" for="has_binance_yes"><?= ng_t('有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_binance" id="has_binance_no" value="no" checked>
                                    <label class="form-check-label" for="has_binance_no"><?= ng_t('没有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_binance" id="has_binance_unknown" value="unknown">
                                    <label class="form-check-label" for="has_binance_unknown"><?= ng_t('不确定'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('3. 您是否已经有欧E（OKX）账号？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_okx" id="has_okx_yes" value="yes">
                                    <label class="form-check-label" for="has_okx_yes"><?= ng_t('有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_okx" id="has_okx_no" value="no" checked>
                                    <label class="form-check-label" for="has_okx_no"><?= ng_t('没有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_okx" id="has_okx_unknown" value="unknown">
                                    <label class="form-check-label" for="has_okx_unknown"><?= ng_t('不确定'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('4. 在币AN或欧E账号里，当前是否已经有 ≥ 100 USDT？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_usdt_main" id="has_usdt_main_yes" value="yes">
                                    <label class="form-check-label" for="has_usdt_main_yes"><?= ng_t('有，至少一个交易所里 ≥100U'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_usdt_main" id="has_usdt_main_no" value="no" checked>
                                    <label class="form-check-label" for="has_usdt_main_no"><?= ng_t('没有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_usdt_main" id="has_usdt_main_unknown" value="unknown">
                                    <label class="form-check-label" for="has_usdt_main_unknown"><?= ng_t('不清楚，需要教程教我如何查看'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('5. 如果暂时没有币AN/欧E账号：您是否有其他钱包地址且里面有 USDT？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_other_wallet" id="has_other_wallet_yes" value="yes">
                                    <label class="form-check-label" for="has_other_wallet_yes"><?= ng_t('有（例如链上钱包或其他交易所）'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_other_wallet" id="has_other_wallet_no" value="no" checked>
                                    <label class="form-check-label" for="has_other_wallet_no"><?= ng_t('没有'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_other_wallet" id="has_other_wallet_unknown" value="unknown">
                                    <label class="form-check-label" for="has_other_wallet_unknown"><?= ng_t('不清楚'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('6. 如果您现在要新开户，优先选择哪个交易所？（默认推荐欧E，更适合做合约）'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="target_exchange" id="target_okx" value="okx" checked>
                                    <label class="form-check-label" for="target_okx"><?= ng_t('优先使用欧E（OKX）开户'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="target_exchange" id="target_binance" value="binance">
                                    <label class="form-check-label" for="target_binance"><?= ng_t('优先使用币AN开户'); ?></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr class="my-4" style="border-color:#00eaff44;">

                    <!-- Step 2: 设备环境 -->
                    <div class="mb-4">
                        <h5 class="mb-2" style="color:#00eaff;"><?= ng_t('Step 2：您当前使用的设备环境'); ?></h5>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('7. 您当前主要使用的设备？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="device_type" id="device_android" value="android">
                                    <label class="form-check-label" for="device_android"><?= ng_t('安卓手机（推荐）'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="device_type" id="device_ios" value="ios">
                                    <label class="form-check-label" for="device_ios"><?= ng_t('苹果 iOS（请准备一台安卓手机来操作）'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="device_type" id="device_pc" value="pc">
                                    <label class="form-check-label" for="device_pc"><?= ng_t('电脑为主，手机偶尔用'); ?></label>
                                </div>
                            </div>
                            <small class="text-warning">
                                <?= ng_t('有电脑则建议用电脑浏览器为主，手机则建议用安卓手机与QQ浏览器，后续下载交易所APP、身份验证器等更方便。'); ?>
                            </small>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('8. 您的手机是否已经安装过“身份验证器”（例如谷歌验证器等）？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_auth_app" id="has_auth_app_yes" value="yes">
                                    <label class="form-check-label" for="has_auth_app_yes"><?= ng_t('已安装'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_auth_app" id="has_auth_app_no" value="no" checked>
                                    <label class="form-check-label" for="has_auth_app_no"><?= ng_t('未安装'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_auth_app" id="has_auth_app_unknown" value="unknown">
                                    <label class="form-check-label" for="has_auth_app_unknown"><?= ng_t('不确定'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('9. 是否已经安装过币AN APP？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_binance_app" id="has_binance_app_yes" value="yes">
                                    <label class="form-check-label" for="has_binance_app_yes"><?= ng_t('已安装'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_binance_app" id="has_binance_app_no" value="no" checked>
                                    <label class="form-check-label" for="has_binance_app_no"><?= ng_t('未安装'); ?></label>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold"><?= ng_t('10. 是否已经安装过欧E APP？'); ?></label>
                            <div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_okx_app" id="has_okx_app_yes" value="yes">
                                    <label class="form-check-label" for="has_okx_app_yes"><?= ng_t('已安装'); ?></label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="has_okx_app" id="has_okx_app_no" value="no" checked>
                                    <label class="form-check-label" for="has_okx_app_no"><?= ng_t('未安装'); ?></label>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="text-center mb-3">
                        <button type="button" class="btn btn-primary btn-lg px-5" onclick="generateGuide();">
                            <?= ng_t('生成我的专属操作路线'); ?>
                        </button>
                    </div>

                    <div id="guideResult" class="mt-4" style="display:none;">
                        <h5 class="mb-3" style="color:#00eaff;"><?= ng_t('为您生成的专属操作路线'); ?></h5>
                        <p class="text-muted" id="guideSummary"></p>
                        <ol id="guideSteps" class="ps-3"></ol>
                        <div class="mt-3">
                            <small class="text-secondary">
                                <?= ng_t('实际操作时请以各页面中的详细图文教程与视频为准。'); ?>
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/all.min.css">
<script src="/assets/js/jquery-3.7.1.min.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<style>
body {
    background: #181c2a;
    color: #e3e8ee;
}
.card {
    color: #e3e8ee;
}
.form-label {
    color: #00eaff;
}
.btn-primary {
    background: linear-gradient(90deg,#00eaff 0%,#0051ff 100%);
    border: none;
}
.btn-primary:hover {
    background: linear-gradient(90deg,#0051ff 0%,#00eaff 100%);
}
#guideSteps li {
    margin-bottom: 0.8rem;
}
.guide-step-title {
    font-weight: 600;
    color: #00eaff;
}
.guide-links a {
    margin-right: 8px;
    margin-top: 4px;
}

/* 移动端响应式优化 */
@media (max-width: 767.98px) {
    /* 标题字体大小 */
    h3 {
        font-size: 1.3rem;
    }
    h5 {
        font-size: 1.1rem;
    }
    
    /* 表单选项在小屏幕上垂直显示 */
    .form-check-inline {
        display: block;
        margin-bottom: 0.5rem;
    }
    .form-check-inline .form-check-input {
        margin-right: 0.5rem;
    }
    
    /* 按钮全宽显示 */
    .btn-lg {
        width: 100%;
        padding: 0.75rem 1rem;
        font-size: 1rem;
    }
    
    /* 链接按钮换行显示 */
    .guide-links {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
    .guide-links a {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    
    /* 文字大小调整 */
    .form-label {
        font-size: 0.95rem;
    }
    .form-check-label {
        font-size: 0.9rem;
    }
    small.text-warning, small.text-secondary {
        font-size: 0.85rem;
        display: block;
        margin-top: 0.5rem;
    }
    
    /* 步骤列表优化 */
    #guideSteps {
        padding-left: 1.2rem;
    }
    #guideSteps li {
        margin-bottom: 1.2rem;
    }
    .guide-step-title {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
}

/* 超小屏幕（小于576px）进一步优化 */
@media (max-width: 575.98px) {
    .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .card-body {
        padding: 1rem !important;
    }
    h3 {
        font-size: 1.2rem;
    }
    p {
        font-size: 0.9rem;
    }
}
</style>

<script>
// 与会员首页保持一致的下载/注册链接和推广码配置
var GUIDE_CFG = {
    baseDownloadUrl: '<?= htmlspecialchars(rtrim($download_url, '/'), ENT_QUOTES) ?>',
    // 身份验证器
    sfApkUrl: '<?= htmlspecialchars(rtrim($download_url, '/') . '/down/sf.apk', ENT_QUOTES) ?>',
    // 币AN
    baApkUrl: '<?= htmlspecialchars(rtrim($download_url, '/') . '/down/ba.apk', ENT_QUOTES) ?>',
    baApkUrl2: 'https://down.ggai365.com/down/ba.apk',
    baRechargeVideo: '<?= htmlspecialchars(rtrim($download_url, '/') . '/video_download.php?file=BACZ.mp4', ENT_QUOTES) ?>',
    baApiVideo: '<?= htmlspecialchars(rtrim($download_url, '/') . '/video_download.php?file=BAHELP.mp4', ENT_QUOTES) ?>',
    baRegisterUrl: '<?= htmlspecialchars($binance_register_url ?? '', ENT_QUOTES) ?>',
    baReferralCode: '<?= htmlspecialchars($binance_referral_code ?? '', ENT_QUOTES) ?>',
    // 欧E（OKX）
    oeApkUrl: '<?= htmlspecialchars(rtrim($download_url, '/') . '/down/oe.apk', ENT_QUOTES) ?>',
    oeApkUrl2: 'https://down.ggai365.com/down/oe.apk',
    oeRechargeVideo: '<?= htmlspecialchars(rtrim($download_url, '/') . '/video_download.php?file=OECZ.mp4', ENT_QUOTES) ?>',
    oeApiVideo: '<?= htmlspecialchars(rtrim($download_url, '/') . '/video_download.php?file=OEHELP.mp4', ENT_QUOTES) ?>',
    oeRegisterUrl: '<?= htmlspecialchars($okx_register_url ?? '', ENT_QUOTES) ?>',
    oeReferralCode: '<?= htmlspecialchars($okx_referral_code ?? '', ENT_QUOTES) ?>',
    // 站内功能页
    depositPage: '/user/deposit.php',
    apiBindPage: '/user/api-bind.php',
    indexPage: '/user/index.php'
};

// 自动识别大致设备类型，设置默认选项
function detectDevice() {
    var ua = navigator.userAgent || '';
    var isAndroid = /Android/i.test(ua);
    var isIOS = /iPhone|iPad|iPod/i.test(ua);
    if (isAndroid) {
        document.getElementById('device_android').checked = true;
    } else if (isIOS) {
        document.getElementById('device_ios').checked = true;
    } else {
        document.getElementById('device_pc').checked = true;
    }
}

function getRadioValue(name) {
    var nodes = document.getElementsByName(name);
    for (var i = 0; i < nodes.length; i++) {
        if (nodes[i].checked) return nodes[i].value;
    }
    return '';
}

function addStep(steps, title, desc, links) {
    steps.push({
        title: title,
        desc: desc || '',
        links: links || []
    });
}

function generateGuide() {
    var exp = getRadioValue('exp_level');          // newbie / some / pro
    var hasBinance = getRadioValue('has_binance'); // yes / no / unknown
    var hasOkx = getRadioValue('has_okx');         // yes / no / unknown
    var hasUsdtMain = getRadioValue('has_usdt_main'); // yes / no / unknown
    var hasOtherWallet = getRadioValue('has_other_wallet'); // yes / no / unknown
    var targetExchange = getRadioValue('target_exchange') || 'okx'; // okx / binance，默认欧E
    var device = getRadioValue('device_type');     // android / ios / pc
    var hasAuth = getRadioValue('has_auth_app');   // yes / no / unknown
    var hasBinanceApp = getRadioValue('has_binance_app'); // yes / no
    var hasOkxApp = getRadioValue('has_okx_app');        // yes / no

    var steps = [];

    // 1）开户引导：币AN / 欧E
    var noMainExchange = (hasBinance === 'no' && hasOkx === 'no');
    if (noMainExchange) {
        var regDesc = '当前检测到您还没有币AN或欧E账号。只需要选择其中“一个”交易所完成注册与实名认证即可开始本平台使用。' +
            '系统已根据您的选择优先推荐 '
            + (targetExchange === 'okx' ? '欧E（OKX）' : '币AN') + '，后续步骤也会优先使用该交易所。';
        var regLinks = [];
        if (targetExchange === 'okx') {
            regLinks.push({
                text: GUIDE_CFG.oeRegisterUrl
                    ? ('使用欧E（OKX）开户（推荐），推广码：' + (GUIDE_CFG.oeReferralCode || ''))
                    : '使用欧E（OKX）开户（推荐）',
                href: GUIDE_CFG.oeRegisterUrl || GUIDE_CFG.indexPage,
                target: '_blank'
            });
        } else {
            regLinks.push({
                text: GUIDE_CFG.baRegisterUrl
                    ? ('使用币AN开户，推广码：' + (GUIDE_CFG.baReferralCode || ''))
                    : '使用币AN开户',
                href: GUIDE_CFG.baRegisterUrl || GUIDE_CFG.indexPage,
                target: '_blank'
            });
        }
        addStep(steps,
            '注册交易所账号（优先推荐欧E，合约更友好）',
            regDesc,
            regLinks
        );
    } else {
        // 已有欧E账号的额外提示（手续费优惠）
        if (hasOkx === 'yes') {
            addStep(steps,
                '关于已有欧E账号的手续费优惠提示',
                '如果希望长期享受 4~6 折手续费，建议找家人/亲戚/朋友重新开户一个欧E账号，并通过本网站上的欧E推广码注册，后续交易都用新账号。',
                [
                    {
                        text: GUIDE_CFG.oeRegisterUrl
                            ? ('欧E优惠注册链接（推广码：' + (GUIDE_CFG.oeReferralCode || '') + '）')
                            : '查看欧E优惠开户说明（在首页中部/底部）',
                        href: GUIDE_CFG.oeRegisterUrl || GUIDE_CFG.indexPage,
                        target: '_blank'
                    }
                ]
            );
        }
    }

    // 3）身份验证器
    if (hasAuth === 'no' || hasAuth === 'unknown') {
        addStep(steps,
            '安装并启用身份验证器（谷歌验证器等）',
            '身份验证器是交易所和平台常用的安全验证工具，强烈建议先安装并在交易所中开启双重验证，再进行充值与API绑定操作。',
            [
                {text: '直接下载身份验证器APK', href: GUIDE_CFG.sfApkUrl, target: '_blank'}
            ]
        );
    }

    // 4）下载交易所 APP（安卓优先）
    var needApp = (hasBinanceApp === 'no' || hasOkxApp === 'no');
    if (needApp) {
        var appDesc = '建议在手机上安装币AN与欧E APP，后续做 KYC、提币、划转和风控操作会更方便。';
        if (device === 'android') {
            appDesc += ' 当前检测到您使用的是安卓，适配性最好。';
        } else if (device === 'ios') {
            appDesc += ' 当前为 iOS 设备，可在 App Store 中搜索对应官方 APP 安装。';
        }
        var appLinks = [];
        if (targetExchange === 'okx') {
            appLinks.push(
                {text: '下载欧E安卓APP', href: GUIDE_CFG.oeApkUrl, target: '_blank'},
                {text: '欧E备用下载地址', href: GUIDE_CFG.oeApkUrl2, target: '_blank'}
            );
        } else {
            appLinks.push(
                {text: '下载币AN安卓APP', href: GUIDE_CFG.baApkUrl, target: '_blank'},
                {text: '币AN备用下载地址', href: GUIDE_CFG.baApkUrl2, target: '_blank'}
            );
        }
        addStep(steps,
            '安装交易所官方 APP（优先使用您选择的交易所）',
            appDesc,
            appLinks
        );
    }

    // 5）资金准备：USDT 是否充足
    if (hasUsdtMain === 'no') {
        if (hasOtherWallet === 'yes') {
            addStep(steps,
                '将其它钱包或交易所中的 USDT 转入币AN/欧E',
                '您已有其它钱包/交易所里有 USDT，建议先通过链上转账或内部划转，将资金转入您打算用于量化交易的币AN/欧E账户中，再继续后续操作。',
                [
                    {text: '币AN充值视频教程', href: GUIDE_CFG.baRechargeVideo, target: '_blank'},
                    {text: '欧E充值视频教程', href: GUIDE_CFG.oeRechargeVideo, target: '_blank'},
                    {text: '平台充值与算力说明', href: GUIDE_CFG.depositPage, target: '_blank'}
                ]
            );
        } else {
            addStep(steps,
                '购买或充值 USDT（建议 ≥100U 起步）',
                '目前检测到您在币AN/欧E里尚未准备好 ≥100U。建议先在交易所内通过法币买币或从其它地方获取 USDT，并确保账户内有足够余额。',
                [
                    {text: '币AN充值视频教程', href: GUIDE_CFG.baRechargeVideo, target: '_blank'},
                    {text: '欧E充值视频教程', href: GUIDE_CFG.oeRechargeVideo, target: '_blank'},
                    {text: '平台充值与算力说明', href: GUIDE_CFG.depositPage, target: '_blank'}
                ]
            );
        }
    } else if (hasUsdtMain === 'unknown') {
        addStep(steps,
            '先确认交易所账户内的 USDT 余额',
            '建议先在币AN/欧E APP 或网页中查看资产页面，确认是否已有 ≥100U 的 USDT，再根据结果选择是否需要先充值或划转。',
            [
                {text: '在会员首页找到资产查看相关视频', href: GUIDE_CFG.indexPage, target: '_blank'}
            ]
        );
    }

    // 6）平台充值（如业务需要用户先在本站充值算力）
    addStep(steps,
        '在本平台进行充值，获取算力额度',
        '进入会员中心的充值页面，根据视频教程完成钱包转账或交易所划转，本平台会自动认领并折算为算力。',
        [
            {text: '去充值页面（含视频教程）', href: GUIDE_CFG.depositPage, target: '_blank'}
        ]
    );

    // 7）绑定 API
    addStep(steps,
        '绑定交易所 API（量化运行必备）',
        '根据页面中的图文/视频教程，在币AN/欧E 中创建只读 API 与交易 API，按要求设置 IP 白名单，然后在本页面中填写并提交，完成绑定。',
        (targetExchange === 'okx'
            ? [
                {text: '前往绑定API页面（欧E为主）', href: GUIDE_CFG.apiBindPage, target: '_blank'},
                {text: '查看欧E-API视频教程', href: GUIDE_CFG.oeApiVideo, target: '_blank'}
              ]
            : [
                {text: '前往绑定API页面（币AN为主）', href: GUIDE_CFG.apiBindPage, target: '_blank'},
                {text: '查看币AN-API视频教程', href: GUIDE_CFG.baApiVideo, target: '_blank'}
              ])
    );

    // 8）选择并启动策略
    addStep(steps,
        '选择合适的量化策略并启动',
        '根据自己的风险承受能力选择“稳定型 / 增强型 / 激进型”等不同策略，注意红色风险提示内容，建议新手优先从稳定型开始，逐步熟悉后再考虑加大风险。',
        [
            {text: '在绑定API页或策略说明区选择策略', href: GUIDE_CFG.apiBindPage, target: '_blank'}
        ]
    );

    // ==== 渲染结果 ====
    var guideResult = document.getElementById('guideResult');
    var guideSteps = document.getElementById('guideSteps');
    var guideSummary = document.getElementById('guideSummary');

    guideSteps.innerHTML = '';

    for (var i = 0; i < steps.length; i++) {
        var s = steps[i];
        var li = document.createElement('li');

        var html = '<div class="guide-step-title">' + (i + 1) + '）' + s.title + '</div>';
        if (s.desc) {
            html += '<div class="small text-muted mt-1">' + s.desc + '</div>';
        }
        if (s.links && s.links.length > 0) {
            html += '<div class="guide-links mt-2">';
            for (var j = 0; j < s.links.length; j++) {
                var link = s.links[j];
                var target = link.target ? ' target="' + link.target + '"' : '';
                html += '<a class="btn btn-sm btn-outline-info" href="' + link.href + '"' + target + '>' +
                    link.text + '</a>';
            }
            html += '</div>';
        }

        li.innerHTML = html;
        guideSteps.appendChild(li);
    }

    var summaryText = '根据您当前的基础情况、是否已有交易所账号与USDT余额、以及设备环境，我们为您推荐了 '
        + steps.length + ' 个关键步骤，建议按顺序依次完成。';
    guideSummary.textContent = summaryText;

    guideResult.style.display = 'block';
    guideResult.scrollIntoView({behavior: 'smooth', block: 'start'});
}

document.addEventListener('DOMContentLoaded', function () {
    detectDevice();
});
</script>

<?php
$pageContent = ob_get_clean();
require_once 'includes/layout.php';

