<?php
// -----------------------------------------------------------------------------
// 0. 安全防护?(WAF-lite) - 环境初始化与基础注入防御
// -----------------------------------------------------------------------------
// 拦截常见的扫描器特征和注入尝?
if (preg_match('/(\.\.\/|etc\/passwd|\.php\?|\.bak|\.zip|\.git|\.env|union\s+select|select\s+count|group_concat|information_schema|javascript:|alert\(|<\?php)/i', $_SERVER['REQUEST_URI'])) {
    header('HTTP/1.1 403 Forbidden');
    exit('Security concern detected.');
}

// 屏蔽非法?User-Agent (简单扫描器屏蔽)
$ua = $_SERVER['HTTP_USER_AGENT'] ?? '';
if (preg_match('/(sqlmap|acunetix|nessus|nikto|havij|owasp|dirbuster|pangolin)/i', $ua)) {
    header('HTTP/1.1 403 Forbidden');
    exit('Forbidden');
}

// -----------------------------------------------------------------------------
// ─────────────────────────────────────────────────────────────────────────────
// 1. 核心配置与初始化
// ─────────────────────────────────────────────────────────────────────────────
ini_set('memory_limit', '512M');
if (!headers_sent()) { @header('Content-Type: text/html; charset=utf-8'); }

// 启动输出缓冲，用于捕获最?HTML 以实现静态化
ob_start();

// 引入数据?(假设 con.php 初始化了 MySQLi 连接 $conn)
// 引入主配?(?API Key, 联系方式, 黑名单等)
require_once 'seo/includes/settings_helper.php';
require_once 'con.php';
init_system_constants_from_db($conn);
require_once 'seo/config/system_settings.php';
require_once 'seo/includes/utility_functions.php';
require_once 'seo/includes/generation_functions.php';
require_once 'seo/includes/theme_functions.php';
$themeConfig = getDomainThemeConfig($_SERVER['HTTP_HOST'] ?? '');

// 引入数据�?(假设 con.php 初始化了 MySQLi 连接 $conn)
// 已在上方优先初始化数据库配置与常量
$siteConfig = get_all_system_settings($conn);
require_once 'indexnow_helper.php';

// 初始�?Redis (带环境检�?
$redis = null;
if (class_exists('Redis')) {
    $redis = new Redis();
    try {
        @$redis->connect('127.0.0.1', 6379);
    } catch (Throwable $e) {
        error_log("Redis connection failed: " . $e->getMessage());
        $redis = null;
    }
}

// ─────────────────────────────────────────────────────────────────────────────
// 国际访客 IP 检测（Redis 缓存 7 天，避免重复调用外部接口�?// 中国大陆 IP �?不加�?Google Translate，提升国内访问速度
// ─────────────────────────────────────────────────────────────────────────────
if (!function_exists('detectIsInternationalVisitor')) {
function detectIsInternationalVisitor(?Redis $redis): bool
{
    $acceptLang = $_SERVER['HTTP_ACCEPT_LANGUAGE'] ?? '';
    if (stripos($acceptLang, 'zh-CN') === 0 || stripos($acceptLang, 'zh-CN,') !== false) {
        return false;
    }

    $ip = '';
    foreach (['HTTP_X_REAL_IP', 'HTTP_CF_CONNECTING_IP', 'HTTP_X_FORWARDED_FOR', 'REMOTE_ADDR'] as $key) {
        if (!empty($_SERVER[$key])) {
            $ip = trim(explode(',', $_SERVER[$key])[0]);
            break;
        }
    }

    if (!filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_NO_PRIV_RANGE | FILTER_FLAG_NO_RES_RANGE)) {
        return false;
    }

    $cacheKey = 'geoip:' . md5($ip);
    if ($redis) {
        $cached = @$redis->get($cacheKey);
        if ($cached !== false && $cached !== null) {
            return $cached !== 'CN';
        }
    }

    $country = 'CN';
    $ctx = stream_context_create(['http' => ['timeout' => 2, 'ignore_errors' => true]]);
    $resp = @file_get_contents("http://ip-api.com/json/{$ip}?fields=countryCode", false, $ctx);
    if ($resp) {
        $data = json_decode($resp, true);
        $country = $data['countryCode'] ?? 'CN';
    }

    if ($redis) {
        @$redis->setex($cacheKey, 604800, $country);
    }

    return $country !== 'CN';
}
}
$isIntlVisitor = detectIsInternationalVisitor($redis);



// -----------------------------------------------------------------------------
// ─────────────────────────────────────────────────────────────────────────────
// 【修改函数】统一�?重定向至ホーム 逻辑 (�?404 终止)
// ─────────────────────────────────────────────────────────────────────────────
if (!function_exists('terminateWith404')) {
function terminateWith404($logMessage)
{
    // 强制跳转至ホーム，防止违规内容展示
    error_log("REDIRECT TO HOME (from blacklist): " . $logMessage);
    // 清空并关闭输出缓冲区
    if (ob_get_level() > 0) {
        ob_end_clean();
    }

    // 执行 302 重定向到ホーム
    header("Location: " . rtrim(SYSTEM_HOME_URL, '/') . "/", true, 302);
    exit(); // 终止脚本
}
}



// -----------------------------------------------------------------------------
// 【函�?3】动态TDK处理，替换年份占位符
// -----------------------------------------------------------------------------
if (!function_exists('applyDynamicYear')) {
function applyDynamicYear($text, $currentYear)
{
    $text = str_replace('[YEAR]', $currentYear, $text);
    $yearsToReplace = [(string)$currentYear, (string)((int)$currentYear + 1)];

    foreach ($yearsToReplace as $year) {
        $pattern = '/\b(' . preg_quote($year) . ')�?\b/u';
        $text = preg_replace($pattern, '[YEAR]', $text);
    }

    return str_replace('[YEAR]', $currentYear, $text);
}
}


// --- 问答与文章生成函数已移至 seo/includes/generation_functions.php ---



// ─────────────────────────────────────────────────────────────────────────────
// 【新方法�?getFilteredRelatedKeywords - 数据库筛选相关关键词
// ─────────────────────────────────────────────────────────────────────────────
/**
 * 从数据库中筛选出包含当前关键词的词汇（长尾词）�? * @param string $keyword 关键�? * @param mysqli $conn MySQLi 数据库连�? * @return array 关键词列�? ["kw1", "kw2", ...]
 */
if (!function_exists('getFilteredRelatedKeywords')) {
function getFilteredRelatedKeywords($keyword, $conn)
{
    if (!$conn) return [];

    // 【硬性黑名单检查�?    global $globalBlacklist;
    if (isInvalidKeyword($keyword, $globalBlacklist)) {
        return [];
    }

    // 使用 LIKE %关键�? 查找包含当前关键词的长尾�?    
$searchPattern = '%' . $keyword . '%';

    // 限制数量，只查询关键词字段，并排�?is_blacklisted = 0 的词
    try {
        $stmt = $conn->prepare("SELECT keyword FROM search_keywords WHERE keyword LIKE ? AND keyword != ? AND is_blacklisted = 1 LIMIT 15");
        $stmt->bind_param("ss", $searchPattern, $keyword);
        $stmt->execute();
        $res = $stmt->get_result();
        $keywords = [];
        while ($row = $res->fetch_assoc()) {
            // 【强化检查】对每个检索到的关键词都进行硬性黑名单验证
            if (!isInvalidKeyword($row['keyword'], $globalBlacklist)) {
                $keywords[] = $row['keyword'];
            }
        }
        $stmt->close();
    } catch (\Throwable $e) {
        error_log("DB error filtering related keywords for '{$keyword}': " . $e->getMessage());
        return [];
    }

    // 2. 移除重复�?    
$filteredKws = array_unique($keywords);

    return array_values($filteredKws);
}
}


// ─────────────────────────────────────────────────────────────────────────────
// 【函�?8】根据关键词生成动态内�?(Q&A 渲染)
// ─────────────────────────────────────────────────────────────────────────────
if (!function_exists('generateKeywordContent')) {
function generateKeywordContent($keyword, $currentYear)
{
    global $conn, $redis;

    if (empty($keyword)) {
        return '';
    }

    // ⚠️ 最终的 API 调用和内容生成在这里，必须确保路由逻辑已经执行了所有检查�?
    $html = '';

    // --- 1. Q&A Generation: 调用自动化函数获取问答数?---
    $qaData = fetchAndCacheQA($keyword, $conn, $redis);
    // ... [内容生成?HTML 渲染逻辑保持不变] ...

    $qaTitle = "「{$keyword}」旅行Q&A";

    if (!empty($qaData)) {
        // 渲染 Q&A 模块 (默认展开)
        $html .= '<div class="qa-module">';
        $html .= "<h2>{$qaTitle}</h2>";
        $html .= '<div class="qa-accordion">';
        foreach ($qaData as $index => $item) {
            if (is_array($item) && count($item) >= 2) {
                $question = htmlspecialchars($item[0]);
                $answer = nl2br(htmlspecialchars($item[1]));

                $html .= '<div class="qa-item">';

                // 【默认展开】：添加 checked 属�?                $html .= '<input type="checkbox" id="qa-toggle-' . $index . '" class="qa-toggle" hidden checked>';

                $html .= '<label for="qa-toggle-' . $index . '" class="qa-question">';
                $html .= '<span>' . $question . '</span>';
                $html .= '<span class="qa-icon"></span>';
                $html .= '</label>';
                $html .= '<div class="qa-answer-container">';
                $html .= '<p class="qa-answer">' . $answer . '</p>';
                $html .= '</div>';
                $html .= '</div>'; // close qa-item
            }
        }
        $html .= '</div>'; // close qa-accordion
        $html .= '</div>'; // close qa-module
    }

    return $html;
}
}




// --- 页面内容生成逻辑 ---

// ─────────────────────────────────────────────────────────────────────────────
// 【新增函数】获取并显示文章内容
// ─────────────────────────────────────────────────────────────────────────────
if (!function_exists('displayArticleContent')) {
function displayArticleContent($keyword, $pageTitle, $pageDescription, $qaData)
{
    global $conn, $redis;
    if (empty($keyword)) {
        return '';
    }

    $articleContent = generateArticleContent($keyword, $pageTitle, $pageDescription, $qaData, $conn, $redis);

    if (empty($articleContent)) {
        return '';
    }

    $html = '<div class="article-module">';
    $html .= '<div class="article-header">';
    $html .= '<h2>' . htmlspecialchars($pageTitle) . '</h2>';
    $html .= '</div>';
    $html .= '<div class="article-content">';
    $html .= $articleContent; // 注意：这里的内容已经是HTML格式，不需要再转义
    $html .= '</div>';
    $html .= '</div>';

    return $html;
}
}
// -----------------------------------------------------------------------------
// 通用变量初始�?// -----------------------------------------------------------------------------
$request_uri = $_SERVER['REQUEST_URI'];
$domain = $_SERVER['HTTP_HOST'];
$searchQuery = isset($_GET['search']) ? trim($_GET['search']) : '';

// 【修复逻辑】兼�?/search=关键�?格式�?URL
if (empty($searchQuery)) {
    // 检测是否包�?/search=
    if (preg_match('/\/search=([^&\?]+)/', $request_uri, $matches)) {
        $extracted = urldecode($matches[1]);
        // 简单清�?        
$extracted = trim($extracted, '/');
        if (!empty($extracted)) {
            $searchQuery = $extracted;
            // 为了让后续逻辑中依�?$_GET['search'] 的部分也能正常工作（如果有）
            $_GET['search'] = $searchQuery;
        }
    }
}
$currentYear = date("Y");

$domainParts = explode('.', $domain);
$subDomain = $domainParts[0];
global $systemDomainPrefixes;
if (empty($systemDomainPrefixes) || !is_array($systemDomainPrefixes)) {
    $systemDomainPrefixes = ['www', 'qhly', 'qhlxs', 'bj', 'cms', 'img', 'cdn', 'mulu', 'seo', 'oa', 'weixin'];
}
$isMainDomain = in_array($subDomain, $systemDomainPrefixes);

// ─────────────────────────────────────────────────────────────────────────────
// 2. 路由与重定向逻辑 (黑名单检查前�?
// ─────────────────────────────────────────────────────────────────────────────

// 2.1 ホーム重定�?
if (preg_match('/index\.php/i', $request_uri)) {
    header("Location: /", true, 301);
    exit();
}


// 2.2 [泛解析核心] 搜索词处�?
if ($searchQuery) {

    // 1. 【高优先级检�?A：硬性黑名单�?    global $globalBlacklist;
    if (isInvalidKeyword($searchQuery, $globalBlacklist)) {
        terminateWith404("Search query '{$searchQuery}' contains global blacklisted words.");
    }

    // 2. 前置关键词入�?更新时间�?(这一步必须在 DB 状态检查前，确保记录存�?
    $now = time();
    try {
        $stmt = $conn->prepare("
            INSERT INTO search_keywords (keyword, is_blacklisted, timestamp)
            VALUES (?, 1, ?)
            ON DUPLICATE KEY UPDATE timestamp = ?
        ");
        $stmt->bind_param("sis", $searchQuery, $now, $now);
        $stmt->execute();
        $stmt->close();
    } catch (\Throwable $e) {
        error_log("DB INSERT/UPDATE FAILED for '{$searchQuery}': " . $e->getMessage());
        // 数据库写入失败，为保险起见，继续执行，但记录错误
    }

    // 3. 【高优先级检�?B：数据库黑名单状态�?    
try {
        $stmt = $conn->prepare("SELECT is_blacklisted FROM search_keywords WHERE keyword = ? LIMIT 1");
        $stmt->bind_param("s", $searchQuery);
        $stmt->execute();
        $res = $stmt->get_result();
        $row = $res->fetch_assoc();
        $stmt->close();

        $keywordStatus = $row['is_blacklisted'] ?? 1; // 默认允许�?�?
        if ($keywordStatus === 0) {
            // is_blacklisted 值为 0 终止脚本，发�?404
            terminateWith404("Keyword '{$searchQuery}' is marked as blacklisted in DB (is_blacklisted = 0).");
        }
    } catch (\Throwable $e) {
        error_log("DB STATUS CHECK FAILED for '{$searchQuery}': " . $e->getMessage());
        // 数据库查询失败，为安全起见，继续执行（默认允许）
    }

    // --- 经过以上检查，关键词被认为是安全的 (is_blacklisted = 1) ---

    // 4. 获取拼音代码并执行重定向/静态化逻辑
    $pinyinCode = getUniquePinyinCode($conn, $searchQuery);

    // 只要不是在静态生成模式，才执行 301 重定向
    $isStaticGenerating = (defined('IS_STATIC_GENERATING') && IS_STATIC_GENERATING) || !empty($_GET['static_render']);

    if (!empty($pinyinCode) && !$isStaticGenerating) {
        $keywordLength = mb_strlen($searchQuery, "UTF-8");
        if ($keywordLength > KEYWORD_LENGTH_THRESHOLD) {
            $staticPath = STATIC_BASE_PATH . "/" . $pinyinCode . "/index.html";
            if (file_exists($staticPath)) {
                $targetPath = "/" . $pinyinCode . "/";
                if (strpos($request_uri, $targetPath) === false) {
                    header("HTTP/1.1 301 Moved Permanently");
                    header("Location: https://" . $domain . $targetPath);
                    exit();
                }
            } else {
                define("SHOULD_GENERATE_STATIC", true);
                define("STATIC_OUTPUT_PATH", $staticPath);
            }
        } elseif (ENABLE_SUBDOMAIN) {
            $hostParts = explode(".", $domain);
            $mainDomainSuffix = (count($hostParts) >= 2) ? $hostParts[count($hostParts)-2] . "." . $hostParts[count($hostParts)-1] : SYSTEM_MAIN_DOMAIN;
            $targetDomain = $pinyinCode . "." . $mainDomainSuffix;

            if ($domain !== $targetDomain) {
                header("HTTP/1.1 301 Moved Permanently");
                header("Location: https://" . $targetDomain);
                exit();
            }
        }
    }
} else {
    // 2.3 当没有 GET['search'] 时，从 URL 路径或二级域名反查关键词
    $pathPinyinCode = '';
    $path = trim(parse_url($request_uri, PHP_URL_PATH), '/');
    if (!empty($path)) {
        $segments = explode('/', $path);
        $firstSegment = $segments[0];
        $excludeDirs = ['style', 'js', 'css', 'images', 'uploads', 'pic', 'news_files', 'sitemap.xml', 'robots.txt', 'favicon.ico', 'assets', 'imgs', 'cht', 'en', 'ja', 'ko'];
        if (!in_array($firstSegment, $excludeDirs)) {
            $pathPinyinCode = $firstSegment;
        }
    }

    $subDomainToReverse = '';
    if (!$isMainDomain && !empty($subDomain) && !in_array($subDomain, ['www'])) {
        $subDomainToReverse = $subDomain;
    }

    $effectivePinyinCode = !empty($pathPinyinCode) ? $pathPinyinCode : $subDomainToReverse;

    if (!empty($effectivePinyinCode)) {
        $reverseKey = 'pinyin_reverse:' . $effectivePinyinCode;
        $matchedKeyword = $redis ? $redis->get($reverseKey) : false;

        if (!$matchedKeyword) {
            $sql = $conn->prepare("
                SELECT keyword FROM search_keywords WHERE pinyin_code = ? 
                UNION 
                SELECT keyword FROM articles WHERE pinyin_code = ? 
                LIMIT 1
            ");
            if ($sql) {
                $sql->bind_param("ss", $effectivePinyinCode, $effectivePinyinCode);
                $sql->execute();
                $res = $sql->get_result();
                $row = $res->fetch_assoc();
                $sql->close();

                if ($row) {
                    $matchedKeyword = $row["keyword"];
                    if ($redis) { $redis->setex($reverseKey, 7200, $matchedKeyword); }
                }
            }
        }

        if ($matchedKeyword) {
            global $globalBlacklist;
            if (!isInvalidKeyword($matchedKeyword, $globalBlacklist)) {
                $searchQuery = $matchedKeyword;
            } else {
                terminateWith404("Reverse resolved keyword '{$matchedKeyword}' is blacklisted.");
            }
        } else {
            if (!empty($pathPinyinCode)) {
                terminateWith404("No keyword matched for path '{$pathPinyinCode}'.");
            } elseif (!$isMainDomain) {
                terminateWith404("No keyword matched for subdomain '{$subDomain}'.");
            }
        }
    }
}

// ─────────────────────────────────────────────────────────────────────────────
// 3. 获取站点配置 & SEO TDK 
// ─────────────────────────────────────────────────────────────────────────────
$siteConfigKey = 'site_config:' . $domain;
$siteConfigJson = $redis ? $redis->get($siteConfigKey) : false;
if ($siteConfigJson) {
    $siteConfig = json_decode($siteConfigJson, true);
} else {
    $stmt = ($conn instanceof mysqli) ? $conn->prepare("SELECT * FROM site_config WHERE domain = ? LIMIT 1") : false;
    if ($stmt) {
        $stmt->bind_param("s", $domain);
        $stmt->execute();
        $res = $stmt->get_result();
        $siteConfig = $res->fetch_assoc();
        $stmt->close();
    } else {
        $siteConfig = false;
    }

    if (!$siteConfig) {
        $siteConfig = [
            'title' => defined('HOME_TITLE') ? HOME_TITLE : '2026青海旅行社官网-青海旅游公司-青海旅游团-青海旅行社', 
            'keywords' => defined('HOME_KEYWORDS') ? HOME_KEYWORDS : '青海旅行社,青海旅游,青海旅游公司,青海旅游团,青海旅游包车,青海旅游报团', 
            'description' => defined('HOME_DESCRIPTION') ? HOME_DESCRIPTION : '青海旅行社官网为您提供2026年最新青海旅游攻略、旅游团报价、包车定制游等一站式西北旅行服务。', 
            'theme_keywords' => '', 
            'link_text' => defined('HOME_LINK_TEXT') ? HOME_LINK_TEXT : '青海旅行社'
        ];
    } else {
    if ($redis) {
        $redis->setex($siteConfigKey, 3600, json_encode($siteConfig));
    }
    }
}

// 【新�?调整】确保系统常�?(system_settings.php) 的配置优先级最高，且跳过缓存限�?// 这样每次后台保存后，即便 Redis 没过期，前端也能立即看到变化
// 不再强制用 HOME_TITLE 覆盖数据库配置
// 不再强制用 HOME_KEYWORDS 覆盖数据库配置
// 不再强制用 HOME_DESCRIPTION 覆盖数据库配置
// 不再强制用 HOME_LINK_TEXT 覆盖数据库配置

// 动态合并数据库全局设置，确保企业信息与联系方式优先来自数据库
$dbAllCfg = get_all_system_settings($conn);
$siteConfig = array_merge(is_array($siteConfig) ? $siteConfig : [], $dbAllCfg, array_filter(is_array($siteConfig) ? $siteConfig : [], fn($v) => $v !== null && $v !== ''));
if (empty($siteConfig['title']) && !empty($siteConfig['home_title'])) $siteConfig['title'] = $siteConfig['home_title'];
if (empty($siteConfig['keywords']) && !empty($siteConfig['home_keywords'])) $siteConfig['keywords'] = $siteConfig['home_keywords'];
if (empty($siteConfig['description']) && !empty($siteConfig['home_description'])) $siteConfig['description'] = $siteConfig['home_description'];
if (empty($siteConfig['link_text']) && !empty($siteConfig['home_link_text'])) $siteConfig['link_text'] = $siteConfig['home_link_text'];
$siteConfig['company_name'] = $dbAllCfg['company_name'] ?? ($siteConfig['company_name'] ?? '青海中康国際旅行社');
$siteConfig['company_address'] = $dbAllCfg['company_address'] ?? ($siteConfig['company_address'] ?? '中国青海省西寧市城北区大美西北旅游集散中心');
$siteConfig['phone'] = $dbAllCfg['phone'] ?? ($siteConfig['phone'] ?? '18909713293');
$siteConfig['wechat'] = $dbAllCfg['wechat'] ?? ($siteConfig['wechat'] ?? 'ixn110');



$pageTitle = $siteConfig['title'];
$pageKeywords = $siteConfig['keywords'];
$pageDescription = $siteConfig['description'];

// ─────────────────────────────────────────────────────────────────────────────
// 4. 核心 SEO TDK 与文章内容绑定逻辑 (如果有搜索词)
// ─────────────────────────────────────────────────────────────────────────────
if ($searchQuery) {
    $hasCachedSeo = false;

    // 4.1 【最高优先级】：直接从 articles 表查询！8.7万篇已生成的真实文章是最高权威
    $artStmt = ($conn instanceof mysqli) ? $conn->prepare("SELECT title, content FROM articles WHERE keyword = ? LIMIT 1") : false;
    if ($artStmt) {
        $artStmt->bind_param("s", $searchQuery);
        $artStmt->execute();
        $artRes = $artStmt->get_result();
        $artRow = $artRes->fetch_assoc();
        $artStmt->close();

        if ($artRow && !empty($artRow['title'])) {
            $pageTitle = $artRow['title'];
            $hasCachedSeo = true;
        }
    }

    // 4.2 查 search_keywords 表补充 SEO Keywords 和 Description
    $checkStmt = ($conn instanceof mysqli) ? $conn->prepare("SELECT seo_title, seo_keywords, seo_description FROM search_keywords WHERE keyword = ? LIMIT 1") : false;
    if ($checkStmt) {
        $checkStmt->bind_param("s", $searchQuery);
        $checkStmt->execute();
        $checkRes = $checkStmt->get_result();
        $dbSeo = $checkRes->fetch_assoc();
        $checkStmt->close();

        if ($dbSeo) {
            if (!empty($dbSeo['seo_title'])) {
                if (empty($pageTitle) || $pageTitle === $siteConfig['title']) {
                    $pageTitle = $dbSeo['seo_title'];
                }
                $hasCachedSeo = true;
            }
            if (!empty($dbSeo['seo_keywords'])) {
                $pageKeywords = $dbSeo['seo_keywords'];
            }
            if (!empty($dbSeo['seo_description'])) {
                $pageDescription = $dbSeo['seo_description'];
            }
        }
    }

    // 4.3 兜底策略：如果既没有文章也没有库缓存，生成专属动态青海旅游 TDK（严禁使用甘肃旅行社文案）
    if (!$hasCachedSeo || empty($pageTitle) || $pageTitle === $siteConfig['title']) {
        $diverseSuffixes = [
            ' - 青海本地资深旅行社',
            ' - 专业西北旅游服务平台',
            ' - ショッピング強制なし・完全観光，品质保障',
            ' - 官方授权，在线咨询',
        ];
        $templateIndex = abs(crc32($searchQuery)) % 4;
        $uniqueSuffix = $diverseSuffixes[$templateIndex];

        $pageTitle = "[YEAR]{$searchQuery}旅游攻略_{$searchQuery}必去景点推荐" . $uniqueSuffix;
        $pageKeywords = "{$searchQuery},{$searchQuery}旅游,{$searchQuery}攻略,青海旅游,西北旅游";
        $pageDescription = "青海旅行社为您提供[YEAR]年最新的{$searchQuery}玩法大全与旅程計画，包含定番スポット及防坑避雷指南。";
    }

    $pageTitle = applyDynamicYear($pageTitle, $currentYear);
    $pageKeywords = applyDynamicYear($pageKeywords, $currentYear);
    $pageDescription = applyDynamicYear($pageDescription, $currentYear);
}
// ─────────────────────────────────────────────────────────────────────────────

// ─────────────────────────────────────────────────────────────────────────────
// 6. 数据库筛选相关关键词链接 & 友情链接获取
// ─────────────────────────────────────────────────────────────────────────────
$relatedLinksHtml = '';
$linksHtml = '';

if ($searchQuery) {
    // 【新方法调用】：直接从数据库中筛选相关关键词列表
    $relatedKeywordsList = getFilteredRelatedKeywords($searchQuery, $conn);

    if (!empty($relatedKeywordsList)) {

        $uniqueCodesCache = [];

        // 预先获取所有关键词�?pinyin_code，提高效�?        
$placeholders = str_repeat('?,', count($relatedKeywordsList) - 1) . '?';
        $pinyinStmt = $conn->prepare("SELECT keyword, pinyin_code FROM search_keywords WHERE keyword IN ({$placeholders})");
        $pinyinStmt->bind_param(str_repeat('s', count($relatedKeywordsList)), ...$relatedKeywordsList);
        $pinyinStmt->execute();
        $pinyinRes = $pinyinStmt->get_result();
        while ($row = $pinyinRes->fetch_assoc()) {
            $uniqueCodesCache[$row['keyword']] = $row['pinyin_code'];
        }
        $pinyinStmt->close();


        foreach ($relatedKeywordsList as $relatedKw) {
            $relatedKw = trim($relatedKw);

            // 检查是否为有效关键�?- 包含检�?            
if (isInvalidKeyword($relatedKw, $globalBlacklist)) {
                continue;
            }

            // 获取唯一拼音代码：如果缓存中没有，则调用函数生成
            if (!isset($uniqueCodesCache[$relatedKw]) || empty($uniqueCodesCache[$relatedKw])) {
                $pinyinCode = getUniquePinyinCode($conn, $relatedKw);
                $uniqueCodesCache[$relatedKw] = $pinyinCode;
            } else {
                $pinyinCode = $uniqueCodesCache[$relatedKw];
            }

            if (!empty($pinyinCode)) {
                // 【核心修改点：根据关键词长度确定链接类型�?                
$isLongKeyword = mb_strlen($relatedKw, 'UTF-8') > KEYWORD_LENGTH_THRESHOLD || !ENABLE_SUBDOMAIN;
                $baseStaticDomain = parse_url(SYSTEM_HOME_URL, PHP_URL_HOST); // 静态文�?二级目录的部署域�?
                if ($isLongKeyword) {
                    // 长关键词: 使用二级目录 URL (https://www.gslxs.com/pinyin_code/)
                    // 注意：URL末尾添加�?'/' 以匹配目录结�?                    
$url = 'https://' . $baseStaticDomain . '/' . $pinyinCode . '/';
                } else {
                    // 短关键词且启用了二级域名: 使用二级域名 URL (https://pinyin_code.gslxs.com)
                    $url = 'https://' . $pinyinCode . '.' . SYSTEM_MAIN_DOMAIN;
                }

                $relatedLinksHtml .= '<a href="' . $url . '">' . htmlspecialchars($relatedKw) . '</a> | ';
            }
        }
        $relatedLinksHtml = rtrim($relatedLinksHtml, ' | ');
    }
}



// ─────────────────────────────────────────────────────────────────────────────
// 7. Sitemap 内容数据准备 (用于 JSON-LD 图片提取及后续渲�?
// ─────────────────────────────────────────────────────────────────────────────
$records = [];
$recordsCacheKey = 'sitemap_records:' . md5($domain . '|' . ($searchQuery ?? ''));
$cachedRecords = $redis ? $redis->get($recordsCacheKey) : false;

if ($cachedRecords) {
    $records = json_decode($cachedRecords, true);
} else {
    $queryKeywords = [];
    if (!empty($searchQuery)) {
        $queryKeywords = [$searchQuery];
    } elseif (!empty($siteConfig['theme_keywords'])) {
        $queryKeywords = array_filter(array_map('trim', explode(',', $siteConfig['theme_keywords'])));
    }

    if (!empty($queryKeywords)) {
        if (!empty($searchQuery)) {
            $like = '%' . $searchQuery . '%';
            $stmt = $conn->prepare("
                SELECT s.loc, s.lastmod, s.title, s.image 
                FROM sitemap s
                JOIN search_keywords k ON s.title = k.keyword
                WHERE s.title LIKE ? AND k.is_blacklisted = 1 
                ORDER BY s.lastmod DESC 
                LIMIT 30
            ");
            $stmt->bind_param("s", $like);
            $stmt->execute();
            $res = $stmt->get_result();
            while ($row = $res->fetch_assoc()) {
                $records[] = $row;
            }
            $stmt->close();
        } else {
            $limitPerKeyword = ceil(30 / count($queryKeywords));
            $stmt = $conn->prepare("
                SELECT s.loc, s.lastmod, s.title, s.image 
                FROM sitemap s
                JOIN search_keywords k ON s.title = k.keyword
                WHERE s.title LIKE ? AND k.is_blacklisted = 1 
                ORDER BY s.lastmod DESC 
                LIMIT ?
            ");
            foreach ($queryKeywords as $k) {
                $like = '%' . $k . '%';
                $stmt->bind_param("si", $like, $limitPerKeyword);
                $stmt->execute();
                $res = $stmt->get_result();
                while ($row = $res->fetch_assoc()) {
                    $records[] = $row;
                }
            }
            $stmt->close();
        }
    }
    if ($redis && !empty($records)) {
        $redis->setex($recordsCacheKey, 3600, json_encode($records));
    }
}

// 提取当前内容的主要图�?(如果�?
$contentImage = '/default/images/placeholder.jpg';
if (!empty($records)) {
    foreach ($records as $r) {
        if (!empty($r['image'])) {
            $contentImage = '/' . $r['image'];
            break;
        }
    }
}

// 提前获取 FAQ 数据，用于头�?JSON-LD 生成
$qaData = [];
if (!empty($searchQuery)) {
    $qaData = fetchAndCacheQA($searchQuery, $conn, $redis);
}

// ─────────────────────────────────────────────────────────────────────────────
// 8. 构建结构化数�?(JSON-LD)
// ─────────────────────────────────────────────────────────────────────────────
$jsonLdData = [];

// 8.1 组织信息
$jsonLdData[] = [
    "@context" => "https://schema.org",
    "@type" => "Organization",
    "name" => ($siteConfig['company_name'] ?? "青海中康国際旅行社"),
    "url" => $canonicalUrl ?? rtrim(SYSTEM_HOME_URL, '/') . '/',
    "logo" => "/news_files/logo.png",
    "contactPoint" => [
        "@type" => "ContactPoint",
        "telephone" => "+86-" . ($siteConfig['phone'] ?? "18909713293"),
        "contactType" => "customer service",
        "areaServed" => "CN",
        "availableLanguage" => "Chinese"
    ],
    "sameAs" => [
        rtrim(SYSTEM_HOME_URL, '/') . '/'
    ]
];

// 8.2 文章信息 (仅在有搜索词�?
if (!empty($searchQuery)) {
    $datePub = !empty($records[0]['lastmod']) ? date('c', $records[0]['lastmod']) : date('c');
    $jsonLdData[] = [
        "@context" => "https://schema.org",
        "@type" => "NewsArticle",
        "mainEntityOfPage" => [
            "@type" => "WebPage",
            "@id" => $canonicalUrl
        ],
        "headline" => $pageTitle,
        "description" => $pageDescription,
        "image" => [
            "@type" => "ImageObject",
            "url" => $contentImage,
            "width" => 1200,
            "height" => 675
        ],
        "datePublished" => $datePub,
        "dateModified" => $datePub,
        "author" => [
            "@type" => "Organization",
            "name" => ($siteConfig['company_name'] ?? "青海中康国際旅行社"),
            "url" => rtrim(SYSTEM_HOME_URL, '/') . '/'
        ],
        "publisher" => [
            "@type" => "Organization",
            "name" => ($siteConfig['company_name'] ?? "青海中康国際旅行社"),
            "logo" => [
                "@type" => "ImageObject",
                "url" => "/news_files/logo.png",
                "width" => 600,
                "height" => 60
            ]
        ]
    ];

    // 8.3 产品评分信息 (用于显示星星)
    $jsonLdData[] = [
        "@context" => "https://schema.org",
        "@type" => "Product",
        "name" => $searchQuery,
        "image" => [
            "@type" => "ImageObject",
            "url" => $contentImage,
            "width" => 1000,
            "height" => 1000
        ],
        "description" => $pageDescription,
        "brand" => [
            "@type" => "Brand",
            "name" => "中康旅游"
        ],
        "aggregateRating" => [
            "@type" => "AggregateRating",
            "ratingValue" => "4.9",
            "bestRating" => "5",
            "worstRating" => "1",
            "ratingCount" => mt_rand(100, 500),
            "reviewCount" => mt_rand(80, 450)
        ],
        "offers" => [
            "@type" => "Offer",
            "url" => rtrim(SYSTEM_HOME_URL, '/') . '/',
            "priceCurrency" => "CNY",
            "price" => mt_rand(500, 2000),
            "priceValidUntil" => date('Y-12-31'),
            "availability" => "https://schema.org/InStock",
            "itemCondition" => "https://schema.org/NewCondition",
            "hasMerchantReturnPolicy" => [
                "@type" => "MerchantReturnPolicy",
                "applicableCountry" => "CN",
                "returnPolicyCategory" => "https://schema.org/MerchantReturnFiniteReturnPeriod",
                "merchantReturnDays" => 7,
                "returnMethod" => "https://schema.org/ReturnByMail",
                "returnFees" => "https://schema.org/FreeReturn"
            ],
            "shippingDetails" => [
                "@type" => "OfferShippingDetails",
                "shippingRate" => [
                    "@type" => "MonetaryAmount",
                    "value" => 0,
                    "currency" => "CNY"
                ],
                "shippingDestination" => [
                    "@type" => "DefinedRegion",
                    "addressCountry" => "CN"
                ],
                "deliveryTime" => [
                    "@type" => "ShippingDeliveryTime",
                    "handlingTime" => [
                        "@type" => "QuantitativeValue",
                        "minValue" => 0,
                        "maxValue" => 1,
                        "unitCode" => "DAY"
                    ],
                    "transitTime" => [
                        "@type" => "QuantitativeValue",
                        "minValue" => 1,
                        "maxValue" => 5,
                        "unitCode" => "DAY"
                    ]
                ]
            ]
        ]
    ];
}

// 8.4 FAQ 信息
if (!empty($qaData) && is_array($qaData)) {
    $faqItems = [];
    foreach ($qaData as $qa) {
        if (isset($qa[0], $qa[1])) {
            $faqItems[] = [
                "@type" => "Question",
                "name" => $qa[0],
                "acceptedAnswer" => [
                    "@type" => "Answer",
                    "text" => strip_tags($qa[1])
                ]
            ];
        }
    }
    if (!empty($faqItems)) {
        $jsonLdData[] = [
            "@context" => "https://schema.org",
            "@type" => "FAQPage",
            "mainEntity" => $faqItems
        ];
    }
}

// ─────────────────────────────────────────────────────────────────────────────
// 9. 开�?HTML 输出
// ─────────────────────────────────────────────────────────────────────────────
?>







<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($pageTitle); ?></title>
    <meta name="keywords" content="<?php echo htmlspecialchars($pageKeywords); ?>" />
    <meta name="description" content="<?php echo htmlspecialchars($pageDescription); ?>">
    <?php
    // 构建标准链接 (Canonical)
    $canonicalUrl = rtrim(SYSTEM_HOME_URL, '/') . '/';
    if (isset($searchQuery) && $searchQuery) {
        $pinyinCodeForCanonical = getUniquePinyinCode($conn, $searchQuery);
        if (mb_strlen($searchQuery, 'UTF-8') > KEYWORD_LENGTH_THRESHOLD || !ENABLE_SUBDOMAIN) {
            $canonicalUrl = rtrim(SYSTEM_HOME_URL, '/') . "/" . $pinyinCodeForCanonical . "/";
        } elseif (ENABLE_SUBDOMAIN) {
            $canonicalUrl = "https://" . $pinyinCodeForCanonical . "." . SYSTEM_MAIN_DOMAIN . "/";
        }
    }
    ?>
    <link rel="canonical" href="<?php echo $canonicalUrl; ?>" />

    <!-- 结构化数�?(Rich Snippets) -->
    <?php if (!empty($jsonLdData)): ?>
        <script type="application/ld+json">
            <?php echo json_encode($jsonLdData, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT); ?>
        </script>
    <?php endif; ?>
    <!-- 资源预加载优�?-->



    <link href="/assets/fonts/outfit/outfit.css" rel="stylesheet">
    <!-- Font Awesome 6.5.2 localized -->
    <link rel="stylesheet" href="/assets/fontawesome/css/all.min.css">

    <style>
        /* ========================================================== */
        /* 手机端深度美化及响应式适配 */
        /* ========================================================== */
        @media (max-width: 768px) {

            /* --- 1. 顶部 Hero Banner --- */
            .travel-hero {
                /* 极限压缩高度，让其变成一个美观的头部带背景区域，而不是占半屏 */

                min-height: auto !important;
            }

            /* 彻底去掉遮罩 */
            .hero-overlay {
                display: none !important;
            }

            .hero-content {
                padding: 0 10px;
            }

            /* 优化标题与Logo区域，变得超紧凑 */
            .hero-content .d-flex.mb-6 {
                flex-direction: column !important;
                align-items: center !important;
                margin-bottom: 15px !important;
                gap: 8px;
            }

            .hero-content img.shadow {
                width: 55px !important;
                height: 55px !important;
                border-width: 2px !important;
                margin-right: 0 !important;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
            }

            .hero-content h1 {
                font-size: 1.6rem !important;
                line-height: 1.2 !important;
                text-align: center;
                /* 去掉遮罩后，必须增强文字阴影保证可读�?*/
                text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8), 0px 0px 12px rgba(0, 0, 0, 0.6) !important;
            }

            .hero-content p {
                font-size: 1rem !important;
                margin-bottom: 20px !important;
                text-align: center;
                letter-spacing: 0.5px !important;
                line-height: 1.4 !important;
                /* 增强文字阴影 */
                text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.5) !important;
            }

            /* --- 2. 搜索框优�?--- */
            .search-box {
                padding: 4px !important;
                border-radius: 40px !important;
                /* 缩小圆角适应更小的宽 */
                width: 100% !important;
            }

            .search-box form {
                flex-wrap: nowrap;
            }

            /* 隐藏或缩小搜索框里的放大镜图�?*/
            .search-box .ki-magnifier {
                margin-left: 10px !important;
                margin-right: 5px !important;
                font-size: 1.4rem !important;
                /* fs-1 �?2rem，稍微改小点 */
            }

            /* 搜索输入框文字缩小，padding调整 */
            .search-box .form-control {
                font-size: 1rem !important;
                padding: 12px 5px !important;
                height: auto !important;
                /* 避免一些全局高度影响 */
            }

            /* 搜索按钮适应小尺�?*/
            .search-box button.btn {
                font-size: 0.95rem !important;
                padding: 10px 18px !important;
                min-width: max-content !important;
                /* 取消长宽�?*/
                white-space: nowrap;
                box-shadow: 0 2px 8px rgba(26, 115, 232, 0.3) !important;
            }

            /* --- 3. 正文区块结构优化 --- */
            #kt_content {
                margin-top: -30px !important;
            }

            /* 特色服务卡片 (深度定制游等) 图文围绕列表适配 */
            .row.g-6 {
                --bs-gutter-y: 1rem;
                --bs-gutter-x: 0.8rem;
            }

            .feature-card {
                padding: 1rem 1.25rem !important;
                border-radius: 16px !important;
            }

            /* 图标框的缩小 */
            .feature-card .feature-icon-box {
                width: 45px !important;
                height: 45px !important;
                border-radius: 12px !important;
                margin-right: 1.25rem !important;
            }

            .feature-card .feature-icon-box i {
                font-size: 1.25rem !important;
            }

            /* 标题大小和间�?*/
            .feature-card h3 {
                font-size: 1.1rem !important;
                margin-bottom: 4px !important;
            }

            .feature-card p {
                font-size: 0.85rem !important;
                line-height: 1.5 !important;
                margin: 0 !important;
                text-align: justify;
            }

            /* 卡片内容的通用内间距缩减，保留呼吸感但不过�?*/
            .card-body.p-10,
            .card-body.p-12,
            .card-body.p-lg-20,
            .p-12,
            .p-lg-20,
            .card-body.p-6,
            .recommendation-box {
                padding: 1.25rem !important;
            }

            /* 标题大小 */
            h2.fs-2x {
                font-size: 1.6rem !important;
            }

            h1.fs-3x {
                font-size: 1.8rem !important;
            }

            .fs-2 {
                font-size: 1.35rem !important;
            }

            /* 目的地卡片高度降�?*/
            .overflow-hidden.group[style*="height: 350px;"] {
                height: 220px !important;
                border-radius: 12px !important;
            }

            /* --- 4. 问答模块优化 --- */
            .qa-module {
                margin: 25px 0;
                border-radius: 12px;
            }

            .qa-module h2 {
                font-size: 1.5rem;
                padding-bottom: 12px;
                margin-bottom: 15px;
            }

            .qa-question {
                padding: 16px 18px;
                font-size: 1.15rem;
            }

            .qa-answer {
                padding: 16px 18px;
                font-size: 1.1rem;
            }

            /* --- 5. 页脚及头部导航条 --- */
            .main-header {
                padding: 10px 0 !important;
            }

            .header-logo-text {
                font-size: 1.15rem !important;
                /* Logo文字减小 */
            }

            .main-header img {
                width: 35px;
                height: 35px;
                border-radius: 6px;
            }

            /* --- 6. 文章内容优化 (Article Optimization) --- */
            .article-module {
                margin-top: 20px !important;
            }

            .article-content {
                font-size: 1.25rem !important;
                /* 继续增大正文字体，确保在手机端足够清�?*/
                line-height: 1.85 !important;
                /* 增加行高，减少阅读疲�?*/
                color: #333 !important;
            }

            .article-content h2 {
                font-size: 1.6rem !important;
                margin-top: 2rem !important;
                margin-bottom: 1.2rem !important;
                font-weight: 700 !important;
                color: #1a73e8 !important;
            }

            .article-content h3 {
                font-size: 1.4rem !important;
                margin-top: 1.8rem !important;
                font-weight: 600 !important;
            }

            .article-content p {
                margin-bottom: 1.3rem !important;
                text-align: justify;
            }

            .article-content ul,
            .article-content ol {
                padding-left: 1.2rem !important;
                margin-bottom: 1.3rem !important;
            }

            .article-content li {
                margin-bottom: 0.8rem !important;
            }

            .article-content strong {
                color: #000;
                font-weight: 700;
            }
        }
    </style>
<?php if (isset($themeConfig)): ?>
<style id="dynamic-theme">
/* 动态主题样式覆�?*/
:root {
    --bs-primary: <?php echo $themeConfig['primary']; ?> !important;
    --bs-primary-rgb: <?php echo $themeConfig['primary_rgb']; ?> !important;
    --bs-link-color: <?php echo $themeConfig['primary']; ?> !important;
    --bs-link-hover-color: <?php echo $themeConfig['primary_hover']; ?> !important;
    --global-font-family: <?php echo $themeConfig['font_family']; ?>;
}
body { font-family: var(--global-font-family), "Microsoft YaHei", sans-serif !important; }
.text-primary, .text-hover-primary:hover { color: <?php echo $themeConfig['primary']; ?> !important; }
.bg-primary, .bg-hover-primary:hover { background-color: <?php echo $themeConfig['primary']; ?> !important; }
.btn-primary { background-color: <?php echo $themeConfig['primary']; ?> !important; border-color: <?php echo $themeConfig['primary']; ?> !important; }
.btn-primary:hover { background-color: <?php echo $themeConfig['primary_hover']; ?> !important; border-color: <?php echo $themeConfig['primary_hover']; ?> !important; }
.bg-light-primary { background-color: <?php echo $themeConfig['bg_light']; ?> !important; }
.article-list-item:hover {
    border-color: <?php echo $themeConfig['primary']; ?> !important;
    box-shadow: 0 4px 12px <?php echo $themeConfig['shadow_color']; ?> !important;
}
.recommendation-box {
    background: <?php echo $themeConfig['bg_gradient']; ?> !important;
    border-left-color: <?php echo $themeConfig['primary']; ?> !important;
    border-radius: <?php echo $themeConfig['border_radius']; ?> !important;
}
.card.shadow-lg { border-radius: <?php echo $themeConfig['border_radius']; ?> !important; }
</style>
<?php endif; ?>
</head>

<script>
    (function() {
        var el = document.createElement("script");
        el.src = "/assets/js/push.js?57b92067845c84b8ffa5e73b5718229d9351f13706ff93281c39345e83caa54efd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a";
        el.id = "ttzz";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(el, s);
    })(window)
</script>




<style>
    /* ... (Style content remains unchanged) ... */
    :root {
        --primary-color: #1a73e8;
        --accent-color: #0d47a1;
        --bg-color: #f6f9fc;
        --card-bg: rgba(255, 255, 255, 0.98);
        --text-main: #2e3a4d;
        --text-muted: #64748b;
        --font-main: 'Outfit', sans-serif;
    }

    body {
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-main);
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    /* Global Card Style */
    .card {
        border: none !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .sitemap-item {
        margin-bottom: 20px;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 10px;
        overflow: hidden;
        width: 20%;
        float: left;
    }

    .title {
        font-size: 18px;
        margin-top: 10px;
    }

    .thumbnail {
        border-radius: 10px;
        margin-bottom: 10px;
    }


    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
    }

    @media (min-width: 768px) {

        .navbar-fixed-top,
        .navbar-fixed-bottom {
            border-radius: 0;
        }
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }



    .app-toolbar {
        background-color: #f4de6d;
    }

    @media (min-width: 992px) {
        .app-toolbar {
            height: var(--bs-app-toolbar-height);
        }
    }

    .app-toolbar {
        display: flex;
        align-items: stretch;
        background-color: var(--bs-app-toolbar-base-bg-color);
        box-shadow: var(--bs-app-toolbar-base-box-shadow);
        border-top: var(--bs-app-toolbar-base-border-top);
        border-bottom: var(--bs-app-toolbar-base-border-bottom);
    }

    .range-custom {
        background: linear-gradient(to right, #f8285a 0, #f8285a 100%);
        border-radius: 6px;
        height: 4px;
        outline: 0;
        transition: background 450ms ease-in;
        -webkit-appearance: none;
        appearance: none;
    }

    .w-100 {
        width: 100% !important;
    }

    @media (min-width: 992px) {
        input {
            height: 50px;
        }
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }


    .pagination {
        margin-top: 20px;
        display: flex;
        list-style: none;
        padding: 0;
    }

    .pagination a {
        text-decoration: none;
        padding: 8px 12px;
        margin: 0 4px;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #333;
    }

    .pagination a.active {
        background-color: #007bff;
        color: #fff;
    }

    /* 浮动二维码容器的初始样式 */
    .qr-code-container {
        position: fixed;
        top: 15%;
        right: 10%;
        transform: translateX(-50%);
        display: none;
        width: 200px;
        /* 初始大小�?300px */
        /* 添加其他你想要的样式 */
        z-index: 999;
    }


    .text-dark a {
        margin-right: 3px;
    }
</style>

<link rel="stylesheet" href="/news_files/swiper-bundle.min.css">
<link rel="stylesheet" href="/news_files/datatables.bundle.css" media="print" onload="this.media='all'">

<script>
    // 异步加载非关�?CSS 资源，减少首次渲染阻�?    (function() {
        const cssFiles = [
            '/news_files/plugins.bundle.css',
            '/news_files/style.bundle.css'
        ];

        function loadCSS() {
            cssFiles.forEach(function(url) {
                const link = document.createElement('link');
                link.rel = 'stylesheet';
                link.href = url;
                link.media = 'only x'; // 初始设置不阻�?                link.onload = function() {
                    this.media = 'all';
                };
                document.head.appendChild(link);
            });
        }

        if (document.readyState === 'loading') {
            window.addEventListener('load', loadCSS);
        } else {
            loadCSS();
        }
    })();
</script>
<noscript>
    <link href="/news_files/plugins.bundle.css" rel="stylesheet" type="text/css">
    <link href="/news_files/style.bundle.css" rel="stylesheet" type="text/css">
</noscript>
<style>
    /* Default styles for banner */
    .banner .swiper-slide img {
        width: 100%;
        /* Ensure images fill the width */
    }

    /* Adjust banner image height for PC screens */
    @media screen and (min-width: 801px) {
        .banner .swiper-slide img {
            height: 50%;
            /* Set image height to 50% of container's height */
            object-fit: cover;
            /* Ensure images cover the entire area */
        }
    }


    .swiper-container {
        width: 100%;
    }

    .swiper-slide img {
        width: 100%;
        height: auto;
    }


    .swiper-wrapper {
        display: flex;
        transition-duration: 0ms;
    }

    .swiper-slide {
        flex-shrink: 0;
    }

    .swiper-pagination {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    .zynr {
        width: 100%;
        max-width: 1200px;
        margin: 20px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .zynr ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* Center the items horizontally */
    }

    .zynr li {
        flex-grow: 1;
        flex-basis: calc(20% - 20px);
        margin: 10px;
        text-align: center;
    }

    .qrcode {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
    }

    /* Adjust for screens 800px to 300px */
    @media screen and (max-width: 800px) {
        .zynr li {
            flex-basis: calc(20% - 20px);
            /* Five items per row */
        }
    }

    /* Adjust for screens 300px and below */
    @media screen and (max-width: 300px) {
        .zynr li {
            flex-basis: calc(33.33% - 20px);
            /* Three items per row */
        }
    }

    /* Adjust for screens 800px and above */
    @media screen and (min-width: 801px) {
        .zynr li {
            flex-basis: auto;
            /* All items in a single row */
        }
    }




    .zynr li a {
        display: block;
        text-decoration: none;
        color: #333;
    }

    .zynr li a img {
        max-width: 100%;
        height: auto;
    }

    .zynr li p {
        margin-top: 10px;
    }

    .title-custom {
        font-weight: bolder;
        font-size: 2rem;
    }

    button {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 3px;
        margin-left: 10px;
    }

    button:hover {
        background-color: #45a049;
    }

    .popup {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20%;
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        z-index: 1000;
        /*text-align: center;*/
        padding: 20px;
    }

    @media screen and (max-width: 768px) {
        .popup {
            width: 80%;
        }
    }

    .popup-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .qrcode {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
    }

    .button-group {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
    }

    .popup button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        margin: 10px;
    }

    .popup button:hover {
        background-color: #45a049;
    }

    /* ---------------------------------------------------------------------- */
    /* 问答板块 (Q&A) 样式美化 V2.0 */
    /* ---------------------------------------------------------------------- */

    .qa-module {
        margin: 40px 0;

        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
    }

    .qa-module h2 {
        font-size: 1.5rem;
        font-weight: 800;
        color: #1e293b;
        text-align: left;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #f1f5f9;
        display: flex;
        align-items: center;
    }

    .qa-module h2::before {
        content: "\f059";
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 15px;
        color: #1a73e8;
    }

    .qa-accordion {
        /* 折叠面板容器 */
        display: flex;
        flex-direction: column;
        gap: 12px;
        /* 问答项之间的间距 */
    }

    /* 问答�?*/
    .qa-item {
        border: 1px solid #e0e6f0;
        border-radius: 8px;
        background-color: #ffffff;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    .qa-item:hover {
        /* 悬停效果：轻微抬升和边框高亮 */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        border-color: #a8c7fa;
    }

    /* 问句样式（可点击区域�?*/
    .qa-question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 25px;
        font-weight: 600;
        font-size: 16px;
        color: #333333;
        cursor: pointer;
        background-color: #ffffff;
        transition: background-color 0.2s, color 0.2s;
    }

    .qa-question span:first-child {
        /* 问题文本 */
        max-width: 98%;
    }

    /* 箭头图标 (更具识别�? */
    .qa-icon {
        display: block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #1a73e8;
        /* 强调�?*/
        border-bottom: 2px solid #1a73e8;
        transform: rotate(45deg);
        transition: transform 0.3s ease;
        flex-shrink: 0;
        /* 防止图标被挤�?*/
        margin-left: 15px;
    }

    /* 答案容器（初始隐藏） */
    .qa-answer-container {
        max-height: 0;
        transition: max-height 0.4s ease-out;
        overflow: hidden;
        background-color: #fcfdff;
        /* 答案的背景略微不同，增加区分�?*/
    }

    .qa-answer {
        /* 答案段落样式 */
        padding: 20px 25px;
        font-size: 16px;
        line-height: 1.8;
        color: #555555;
        margin: 0;
        border-top: 1px solid #eeeeee;
        /* 答案顶部分割�?*/
    }


    /* ---------------------------------------------------------------------- */
    /* �?CSS 折叠逻辑 */
    /* ---------------------------------------------------------------------- */

    /* �?checkbox 被选中�?(即问题被点击展开�? */
    .qa-toggle:checked+.qa-question {
        background-color: #e6f0ff;
        /* 展开时高亮问�?*/
        color: #004080;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    /* 展开答案 */
    .qa-toggle:checked+.qa-question+.qa-answer-container {
        max-height: 800px;
        /* 增大高度，以防内容过�?*/
        transition: max-height 0.5s ease-in-out;
        /* 稍慢的过渡，更平�?*/
    }

    /* 箭头旋转：展开时旋�?180 �?*/
    .qa-toggle:checked+.qa-question .qa-icon {
        transform: rotate(225deg);
        /* 指向上方 */
    }

    /* ---------------------------------------------------------------------- */
    /* 文章模块 (Article) 样式 */
    /* ---------------------------------------------------------------------- */
    .article-module {
        margin: 40px 0;
        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);
        padding: 5px;
    }

    .article-header h2 {
        font-size: 1.4rem;
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 35px;
        text-align: center;
        line-height: 1.4;
    }

    .article-content {
        font-size: 21px;
        line-height: 2.0;
        color: #334155;
    }

    .article-content h2 {
        font-size: 30px;
        color: #1a73e8;
        margin-top: 45px;
        margin-bottom: 25px;
        font-weight: 700;
        border-left: 6px solid #1a73e8;
        padding-left: 18px;
    }

    .article-content h3 {
        font-size: 26px;
        color: #1e293b;
        margin-top: 35px;
        margin-bottom: 18px;
        font-weight: 600;
    }

    .article-content p {
        margin-bottom: 25px;
    }

    .article-content ul,
    .article-content ol {
        margin-bottom: 25px;
        padding-left: 20px;
    }

    .article-content li {
        margin-bottom: 12px;
    }

    .article-content strong {
        color: #0f172a;
    }

    @keyframes scroll-bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translate(-50%, 0);
        }

        40% {
            transform: translate(-50%, -15px);
        }

        60% {
            transform: translate(-50%, -7px);
        }
    }

    .scroll-down-hint {
        position: absolute;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        text-align: center;
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        animation: scroll-bounce 2s infinite;
        pointer-events: none;
        transition: opacity 0.8s ease;
    }
</style>
<!-- Swiper JS will be lazy-loaded only when .swiper-container exists and enters viewport -->


<body id="kt_body" class="header-fixed header-tablet-and-mobile-fixed toolbar-enabled aside-enabled" data-kt-sticky-header="on" data-kt-header="on" data-kt-scrolltop="on">

    <!-- Premium Sticky Header -->
    <header class="main-header position-fixed w-100 fw-bold transition-all" style="top: 0; z-index: 1000; padding: 20px 0; background: transparent;" id="siteHeader">
        <div class="container-xxl d-flex align-items-center justify-content-between">
            <div class="d-flex align-items-center">
                <a href="/" class="d-flex align-items-center text-decoration-none">
                    <img src="/news_files/logo.png" width="45" height="45" class="me-3" alt="Logo" style="border-radius: 8px;">
                    <span class="text-white fs-3 fw-bolder tracking-widest header-logo-text" style="text-shadow: 0 2px 4px rgba(0,0,0,0.3);"><?php echo htmlspecialchars($pageTitle); ?></span>
                </a>
            </div>

            <nav class="d-none d-lg-flex align-items-center gap-8">
                <?php foreach($themeConfig['content']['top_nav'] ?? [
                    'ホーム' => '/',
                    '青海特集' => '/?search=青海',
                    '甘粛特集' => '/?search=甘肃',
                    '企業案内' => '/?search=会社概要',
                    'お問い合わせ' => '/?search=お問い合わせ'
                ] as $label => $link): ?>
                <a href="<?php echo htmlspecialchars($link); ?>" class="text-white text-hover-primary text-decoration-none py-2 px-1 border-bottom border-2 border-transparent"><?php echo htmlspecialchars($label); ?></a>
                <?php endforeach; ?>
                
                <!-- 语言切换 (Desktop) -->
                <div class="position-relative px-1 lang-wrap">
                    <div class="text-white d-flex align-items-center cursor-pointer header-lang-toggler" id="desk-lang-toggler" style="gap: 5px; opacity: 0.9; cursor:pointer;" title="切换语言 / Switch Language">
                        <i class="fas fa-globe fs-5"></i>
                        <span class="fs-6 fw-bold current-lang-name ignore">日</span>
                        <i class="fas fa-angle-down fs-8"></i>
                    </div>
                    <div class="position-absolute bg-white shadow rounded-3 py-2 d-none" id="desk-lang-menu" style="top: 130%; right: -10px; min-width: 140px; z-index: 9999; border: 1px solid #eee;">
<a href="/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="zh-CN"><span class="me-2">🇨🇳</span> 简体中文</a>
<a href="/cht/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="cht"><span class="me-2">🇹🇼</span> 繁體中文</a>
<a href="/en/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="en"><span class="me-2">🇺🇸</span> English</a>
<a href="/ja/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt active bg-light-primary fw-bold text-primary" data-lang="ja"><span class="me-2">🇯🇵</span> 日本語</a>
<a href="/ko/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="ko"><span class="me-2">🇰🇷</span> 한국어</a>
</div>
                </div>

                <a href="tel:<?php echo htmlspecialchars($siteConfig['phone'] ?? '18909713293'); ?>" class="btn btn-primary rounded-pill px-6 py-2 fs-6 shadow-sm border-0 d-flex align-items-center ignore" style="background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);">
                    <i class="fas fa-phone-alt me-2"></i> 相談窓口
                </a>
            </nav>

            <button class="d-lg-none btn text-white fs-1 p-0" id="mobileMenuBtn">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>

    <script>
        window.addEventListener('scroll', function() {
            const header = document.getElementById('siteHeader');
            const logoText = header.querySelector('.header-logo-text');
            const navLinks = header.querySelectorAll('nav a');
            const langToggler = header.querySelector('.header-lang-toggler');
            if (window.scrollY > 50) {
                header.style.background = 'white';
                header.style.padding = '12px 0';
                header.style.boxShadow = '0 2px 15px rgba(0,0,0,0.08)';
                if (logoText) {
                    logoText.classList.remove('text-white');
                    logoText.classList.add('text-dark');
                }
                if (langToggler) {
                    langToggler.classList.remove('text-white');
                    langToggler.classList.add('text-dark');
                }
                navLinks.forEach(link => {
                    if (!link.classList.contains('btn')) {
                        link.classList.remove('text-white');
                        link.classList.add('text-dark');
                    }
                });
            } else {
                header.style.background = 'transparent';
                header.style.padding = '20px 0';
                header.style.boxShadow = 'none';
                if (logoText) {
                    logoText.classList.remove('text-dark');
                    logoText.classList.add('text-white');
                }
                if (langToggler) {
                    langToggler.classList.remove('text-dark');
                    langToggler.classList.add('text-white');
                }
                navLinks.forEach(link => {
                    if (!link.classList.contains('btn')) {
                        link.classList.remove('text-dark');
                        link.classList.add('text-white');
                    }
                });
            }
        });
    </script>


    <script>
        document.addEventListener("DOMContentLoaded", function() {
            document.getElementById("copy-btn").addEventListener("click", copyWeChatID);
            document.getElementById("confirm-popup-btn").addEventListener("click", function() {
                closePopup();
                openWeChat();
            });
            document.getElementById("cancel-popup-btn").addEventListener("click", closePopup);
        });

        function copyWeChatID() {
            var wechatID = document.getElementById("wechat-id").textContent;
            var tempInput = document.createElement("textarea"); // 使用 textarea 以确保跨浏览器兼容�?            tempInput.value = wechatID;
            document.body.appendChild(tempInput);
            tempInput.select();
            tempInput.setSelectionRange(0, 99999); // For mobile devices

            try {
                var successful = document.execCommand('copy');
                if (successful) {
                    showPopup();
                } else {
                    alert("复制失败，请手动复制微信号");
                }
            } catch (err) {
                alert("复制失败，请手动复制微信号");
            }

            document.body.removeChild(tempInput);
        }

        function showPopup() {
            var popup = document.getElementById("copy-success-popup");
            popup.style.display = "block";
        }

        function closePopup() {
            var popup = document.getElementById("copy-success-popup");
            popup.style.display = "none";
        }

        function openWeChat() {
            window.location.href = "weixin://";
        }
    </script>








    <?php
    // 【核心修正】确定是否显示ホーム布局
    // 规则�?    // 1. 如果 search 参数为空，且没有命中反向解析�?keyword，则是首�?    // 2. 如果是主域名 (www �?gslxs) �?URL 路径为空，强制作为首�?    
    // ──────────────────────────────
    // 页面类型与虚拟路由判定
    // ──────────────────────────────
    $isHomepage = false;
    $activePage = 'default';

    if (empty($searchQuery)) {
        $isHomepage = true;
        $activePage = 'home';
    } else {
        if ($searchQuery === '会社概要' || $searchQuery === '企業案内') {
            $activePage = 'about';
        } elseif ($searchQuery === 'お問い合わせ' || $searchQuery === '联系方式') {
            $activePage = 'contact';
        } else {
            // 只要有具体的关键词，坚决作为内容页！绝不进入ホーム布局
            $activePage = 'default';
            $isHomepage = false;
        }
    }

    // 动态获取匹配的 Banner 图片列表 (顶部轮播)
    $bannerImages = [];

    // ホーム和通用栏目: 单独�?banner 文件夹获�?    
if (in_array($activePage, ['home', 'about', 'contact'])) {
        $bannerDir = __DIR__ . '/imgs/banner';
        if (is_dir($bannerDir)) {
            $allFiles = scandir($bannerDir);
            $files = [];
            $imgExts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
            foreach ($allFiles as $file) {
                $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
                if (in_array($ext, $imgExts)) {
                    $files[] = '/imgs/banner/' . rawurlencode($file);
                }
            }
            if (!empty($files)) {
                shuffle($files); // 打乱顺序
                $bannerImages = array_slice($files, 0, 5); // 最多取 5 �?            }
        }
    } else {
        // 关键词页�? 背景规则不变（按地域匹配�?        
$picDir = __DIR__ . '/pic';
        if (is_dir($picDir)) {
            // 扫描 pic 目录下的文件�?            
$folders = array_filter(scandir($picDir), function ($item) use ($picDir) {
                return !in_array($item, ['.', '..']) && is_dir($picDir . '/' . $item);
            });
            // 按照文件夹名字长短排序，优先匹配长的地名 (例如 "ココシリ" 优先�?"青海")
            usort($folders, function ($a, $b) {
                return mb_strlen($b) - mb_strlen($a);
            });

            $matchedFolder = '';
            foreach ($folders as $folder) {
                // 判断页面标题（或搜索词）是否包含该地名文件夹
                if (mb_strpos($pageTitle, $folder) !== false || (!empty($searchQuery) && mb_strpos($searchQuery, $folder) !== false)) {
                    $matchedFolder = $folder;
                    break;
                }
            }

            if ($matchedFolder) {
                // 扫描该文件夹下的图片 (替代 glob 以提�?Windows 兼容�?
                $folderPath = $picDir . '/' . $matchedFolder;
                $allFiles = scandir($folderPath);
                $files = [];
                $imgExts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
                foreach ($allFiles as $file) {
                    $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
                    if (in_array($ext, $imgExts)) {
                        $files[] = $folderPath . '/' . $file;
                    }
                }

                if (!empty($files)) {
                    // 根据搜索词（或标题）产生一个确定的随机种子，保证每个词的图片是固定�?                    
$seedStr = !empty($searchQuery) ? $searchQuery : $pageTitle;
                    $seed = crc32($seedStr);
                    mt_srand($seed);

                    // 固定排序以确保基础数组一�?                    sort($files);

                    // 如果图片大于5张，随机挑�?�?                    
$selectedFiles = [];
                    if (count($files) > 5) {
                        $keys = (array) array_rand($files, 5);
                        foreach ($keys as $k) {
                            $selectedFiles[] = $files[$k];
                        }
                    } else {
                        $selectedFiles = $files;
                    }

                    // 打乱最终展示顺�?                    shuffle($selectedFiles);
                    mt_srand();

                    foreach ($selectedFiles as $randomFile) {
                        $bannerImages[] = '/pic/' . rawurlencode($matchedFolder) . '/' . rawurlencode(basename($randomFile));
                    }
                }
            }
        }
    }
}

    // 如果没有匹配到任何图片，使用系统默认大背�?    
if (empty($bannerImages)) {
        $bannerImages[] = '/news_files/page-bg.jpg';
    }
    ?>

    <!-- Travel Hero Section (Dynamic Swiper Background) -->
    <div id="kt_app_toolbar" class="travel-hero d-flex flex-column justify-content-center align-items-center position-relative" style="text-align: center; overflow: hidden; height: <?php echo ($activePage === 'default') ? '50vh' : '100vh'; ?> !important; min-height: <?php echo ($activePage === 'default') ? '50vh' : '100vh'; ?> !important; width: 100% !important; display: flex !important;">

        <?php if (count($bannerImages) > 1): ?>
            <!-- 多张图片滑动背景 -->
            <div class="hero-swiper swiper w-100 h-100 position-absolute" style="top: 0; left: 0; z-index: 0;">
                <div class="swiper-wrapper">
                    <?php foreach ($bannerImages as $img): ?>
                        <div class="swiper-slide">
                            <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('<?php echo htmlspecialchars($img); ?>') center 30%/cover no-repeat; transform: scale(1.02); transition: transform 6s linear;"></div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
            <!-- 轮播配置已调�?-->
        <?php else: ?>
            <!-- 单图固定背景 -->
            <div class="position-absolute" style="top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: url('<?php echo htmlspecialchars($bannerImages[0]); ?>') center 30%/cover no-repeat;"></div>
        <?php endif; ?>



        <!-- <div class="hero-content position-relative" style="z-index: 2; width: 100%; max-width: 900px;">
            <div class="d-flex justify-content-center align-items-center mb-6 flex-wrap">
                <a href="/"><img src="/news_files/logo.png" width="<?php echo $isHomepage ? '100' : '80'; ?>" height="<?php echo $isHomepage ? '100' : '80'; ?>" class="me-4 shadow" alt="Logo" style="border-radius: 50%; border: 4px solid rgba(255,255,255,0.9); background: white;"></a>
                <h1 class="text-white fw-bolder mb-0" style="font-size: <?php echo $isHomepage ? '3.5rem' : '2.8rem'; ?>; text-shadow: 0px 4px 15px rgba(0,0,0,0.6); letter-spacing: 2px;">
                    <?php echo htmlspecialchars($pageTitle); ?>
                </h1>
            </div>

            <p class="text-white fw-semibold mb-10" style="font-size: 1.4rem; text-shadow: 0px 2px 8px rgba(0,0,0,0.8); opacity: 0.95; letter-spacing: 1px;">
                <?php echo $isHomepage ? '青海特集 · 甘粛特集 · 纯玩旅行 · 深度定制' : '探索大西北的绝美风光与无限魅力'; ?>
            </p>

            <div class="search-box bg-white p-2 shadow-lg d-flex align-items-center mx-auto" style="border-radius: 60px; max-width: 750px; transition: transform 0.3s ease, box-shadow 0.3s ease;">
                <form class="w-100 position-relative d-flex align-items-center m-0" action="/" method="GET" autocomplete="off">
                    <i class="ki-duotone ki-magnifier fs-1 text-primary ms-5 me-2"><span class="path1"></span><span class="path2"></span></i>
                    <input type="text" class="form-control border-0 bg-transparent py-4 fs-4 text-gray-800" name="search" value="<?php echo htmlspecialchars($searchQuery); ?>" placeholder="想去哪里？输入目的地、景点或攻略..." style="box-shadow: none !important; border-radius: 50px;">
                    <button type="submit" class="btn btn-primary rounded-pill px-8 py-4 fw-bolder fs-4 me-1 d-flex align-items-center" style="background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%); border: none; box-shadow: 0 4px 15px rgba(26, 115, 232, 0.4); min-width: 140px; justify-content: center;">立即探索</button>
                </form>
            </div>
        </div> -->
        <!-- 向上滑动提示(仅移动端) -->
        <div class="scroll-down-hint d-lg-none" id="heroScrollHint">
            <i class="fas fa-chevron-down fs-1 mb-2"></i>
            <div class="fs-6 fw-bold tracking-widest" style="font-size: 0.9rem !important;">向上滑动</div>
        </div>
    </div>

    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start  container-xxl ">








        <div class="content flex-row-fluid" id="kt_content" style="position: relative; z-index: 20; max-width: 1350px; margin: 0 auto; margin-top: -60px;">

            <?php
            // $activePage 的虚拟路由判定逻辑已经在头部提前处�?            
if ($activePage === 'home'):
            ?>
                <!-- ────────────────────────────── -->
                <!-- ホーム专用精美布局 (Rich Homepage) -->
                <!-- ────────────────────────────── -->

                <?php $homeBlocks = []; ob_start(); ?>
                <!-- 1. 服务亮点板块 -->
                <div class="row g-6 mb-12">
                    <?php
                    $features = [
                        ['icon' => 'fa-route', 'title' => '深度定制', 'desc' => '避开传统团，深度打卡青海、甘肃精品小众路线', 'color' => '#1a73e8'],
                        ['icon' => 'fa-car', 'title' => '正规包车', 'desc' => '正规运营车辆，老司机带路，让您的旅程安全无忧', 'color' => '#34a853'],
                        ['icon' => 'fa-hotel', 'title' => '高端住宿', 'desc' => '严选当地高品质酒店，保证您的休息品质', 'color' => '#fbbc05'],
                        ['icon' => 'fa-shield-alt', 'title' => '诚信保障', 'desc' => '签署正式旅游合同，拒绝一切隐形消费和强制购物', 'color' => '#ea4335']
                    ];
                    foreach ($features as $f):
                    ?>
                        <!-- 采用响应式网�? 移动端占满行成列表，桌面端排4�?-->
                        <div class="col-12 col-md-6 col-lg-3">
                            <div class="card h-100 shadow-sm border-0 transition-all p-4 feature-card" style="border-radius: 18px; background: white;">
                                <!-- 图文围绕排版 (Flexbox 左图右文) -->
                                <div class="d-flex align-items-center text-start h-100">
                                    <div class="flex-shrink-0 d-inline-flex align-items-center justify-content-center me-4 feature-icon-box" style="width: 60px; height: 60px; border-radius: 16px; background: <?php echo $f['color']; ?>15; color: <?php echo $f['color']; ?>;">
                                        <i class="fas <?php echo $f['icon']; ?> fs-2"></i>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h3 class="fw-bolder mb-1" style="font-size: 1.15rem; color: #1e293b;"><?php echo $f['title']; ?></h3>
                                        <p class="text-gray-600 mb-0" style="font-size: 0.9rem; line-height: 1.5;"><?php echo $f['desc']; ?></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>

                <?php $homeBlocks['features'] = ob_get_clean(); ob_start(); ?>
                <!-- 2. 热门目的地卡�?-->
                <div class="card shadow-lg mb-12" style="border-radius: 20px; border: none; background: white;">
                    <div class="card-body p-10">
                        <div class="d-flex align-items-center justify-content-between mb-10">
                            <div>
                                <h2 class="fw-bolder mb-2 fs-2x">热门目的地推�?/h2>
                                <p class="text-gray-500 fs-5 mb-0">发现大西北最令人动容的风景，开启您的梦幻之�?/p>
                            </div>
                            <a href="/?search=旅游攻略" class="btn btn-light-primary rounded-pill fw-bold">查看全部目的�?<i class="fas fa-arrow-right ms-2"></i></a>
                        </div>
                        <div class="row g-8">
                            <?php
                            $destinations_pool = [
                                ['name' => '青海湖', 'tag' => '青く広がる波', 'folder' => '青海湖', 'file' => '22 (70).jpg', 'link' => '/?search=青海湖'],
                                ['name' => '茶卡塩湖', 'tag' => '天空の鏡', 'folder' => '茶卡', 'file' => 'ck (1).jpg', 'link' => '/?search=茶卡塩湖'],
                                ['name' => '莫高窟', 'tag' => '千年の壁画', 'folder' => '敦煌', 'file' => 'dh (1).jpg', 'link' => '/?search=莫高窟'],
                                ['name' => '祁連山', 'tag' => '東洋のスイス', 'folder' => '祁连', 'file' => 'ql (1).jpg', 'link' => '/?search=祁連山'],
                                ['name' => '張掖丹霞', 'tag' => '色彩豊かな大地', 'folder' => '张掖', 'file' => 'zy (1).jpg', 'link' => '/?search=張掖丹霞'],
                                ['name' => '翡翠湖', 'tag' => '大自然のエメラルド', 'folder' => '翡翠湖', 'file' => '翡翠湖.jpg', 'link' => '/?search=翡翠湖'],
                                ['name' => '水上雅丹', 'tag' => 'ゴビ砂漠の奇観', 'folder' => '水上雅丹', 'file' => 'ssyd (1).jpg', 'link' => '/?search=水上雅丹'],
                                ['name' => 'タール寺', 'tag' => 'チベット仏教の聖地', 'folder' => 'タール寺', 'file' => 'tes (1).jpg', 'link' => '/?search=タール寺'],
                                ['name' => '鳴沙山', 'tag' => '雄大な砂漠の風景', 'folder' => '敦煌', 'file' => 'dh (2).jpg', 'link' => '/?search=鳴沙山'],
                                ['name' => 'ココシリ', 'tag' => '秘境探検', 'folder' => 'ココシリ', 'file' => 'bg-2.jpg', 'link' => '/?search=ココシリ'],
                                ['name' => '門源菜の花畑', 'tag' => '黄金の花畑', 'folder' => '青海', 'file' => 'bg-3.jpg', 'link' => '/?search=門源菜の花畑'],
                                ['name' => '黒馬河', 'tag' => '絶景の日の出', 'folder' => '青海', 'file' => 'bg-1.jpg', 'link' => '/?search=黒馬河']
                            ];
                            $tag_variants = ['必見スポット', '定番スポット', '達人のおすすめ', '人気ピックアップ', '撮影スポット', 'ファミリー旅行', 'SNS話題スポット'];

                            // 使用当前域名的专属哈希种子洗牌目的地顺序和展示名�?                            mt_srand($themeConfig['domain_seed'] ?? 0);
                            shuffle($destinations_pool);
                            $destinations = array_slice($destinations_pool, 0, 8);
                            foreach ($destinations as &$d) {
                                // 50% 几率换成通用随机 tag
                                if (mt_rand(1, 100) > 50) {
                                    $d['tag'] = $tag_variants[mt_rand(0, count($tag_variants) - 1)];
                                }
                            }
                            mt_srand();
                            
                            foreach ($destinations as $d):
                                // 构造可显示�?URL (带编�?
                                $imgUrl = '/pic/' . rawurlencode($d['folder']) . '/' . rawurlencode($d['file']);
                                // 检查物理文件路�?                                
$localPath = __DIR__ . '/pic/' . $d['folder'] . '/' . $d['file'];
                                $realImg = file_exists($localPath) ? $imgUrl : '/news_files/page-bg.jpg';
                            ?>
                                <div class="col-6 col-lg-3">
                                    <div class="position-relative overflow-hidden group cursor-pointer" style="border-radius: 16px; height: 350px;">
                                        <a href="<?php echo $d['link']; ?>" class="d-block h-100">
                                            <div class="position-absolute w-100 h-100 bg-dark" style="z-index: 1; opacity: 0.2;"></div>
                                            <div style="background: url('<?php echo htmlspecialchars($realImg); ?>?v=<?php echo isset($themeConfig['domain_seed']) ? $themeConfig['domain_seed'] : rand(100, 999); ?>') center/cover no-repeat; width: 100%; height: 100%; transition: transform 0.8s ease;" class="target-zoom"></div>
                                            <div class="position-absolute bottom-0 start-0 p-8 w-100" style="z-index: 2; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);">
                                                <span class="badge badge-primary rounded-pill mb-3 px-4 py-2" style="background: #1a73e8; border:none;"><?php echo $d['tag']; ?></span>
                                                <h4 class="text-white fw-bolder fs-1 mb-0"><?php echo $d['name']; ?></h4>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>

                <?php 
                $homeBlocks['destinations'] = ob_get_clean(); 
                ob_start(); 
                $currCompanyName = $siteConfig['company_name'] ?? '我们';
                $spintaxText = "{我们不仅是一家旅游机构|我们不仅仅是传统旅行社}，更是一群{热爱大西北|扎根西北}、热爱生活的{旅行规划专家|户外探险家}。{$currCompanyName}致力于为每一位踏上{这片纯净土地|雄大な砂漠の風景}的{游子|旅人}提供{最温馨|最高端}的服务。我们{拒绝|坚决摒弃}{流水线式的旅游产品|走马观花的形式}，主张{深度交互与人文体验|注重沉浸式的自然探索}，让您在领略自然奇观的同时，也能感知到高原文化的{厚重|博大精深}。";
                $spunText = function_exists('parseSpintax') ? parseSpintax($spintaxText, $themeConfig['domain_seed'] ?? mt_rand(1,1000)) : $spintaxText;
                ?>
                <!-- 3. 会社概要 / 企业简�?-->
                <div class="row mb-12 align-items-center">
                    <div class="col-lg-6 mb-8 mb-lg-0">
                        <div class="pe-lg-12">
                            <h4 class="text-primary fw-bold mb-4">关于青海中康国际旅行�?/h4>
                            <h2 class="fw-bolder fs-2x mb-6 lh-base">北西中国の旅を長年手がけるプロフェッショナル<br>致力于成为您最值得信赖的旅行伙�?/h2>
                            <p class="text-gray-700 fs-5 mb-8 line-height-2xl">
                                <?php echo htmlspecialchars($spunText); ?>
                            </p>
                            <div class="d-flex gap-8 mb-10">
                                <div class="text-center">
                                    <div class="fs-1 fw-bolder text-dark mb-1">15+</div>
                                    <div class="text-gray-500 fs-7">業界実績</div>
                                </div>
                                <div class="text-center">
                                    <div class="fs-1 fw-bolder text-dark mb-1">50k+</div>
                                    <div class="text-gray-500 fs-7">案内実績</div>
                                </div>
                                <div class="text-center">
                                    <div class="fs-1 fw-bolder text-dark mb-1">98%</div>
                                    <div class="text-gray-500 fs-7">高評価率</div>
                                </div>
                            </div>
                            <script>
                            document.write('<a href="javascript:void(0)" onclick="window.location.href=\'tel:\'+[\'189\',\'097\',\'13293\'].join(\'\');" class="btn btn-primary btn-lg rounded-pill px-10 fw-bolder">お問い合わせ的专�?/a>');
                            </script>
                            <noscript><a href="#" class="btn btn-primary btn-lg rounded-pill px-10 fw-bolder">お問い合わせ的专�?/a></noscript>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="position-relative">
                            <img src="/news_files/img-1.jpg?v=<?php echo isset($themeConfig['domain_seed']) ? $themeConfig['domain_seed'] : '1'; ?>" class="w-100 shadow-lg" style="border-radius: 20px;" alt="Travel Info">
                            <div class="position-absolute bg-white p-6 shadow-lg d-flex align-items-center" style="bottom: -30px; left: 30px; border-radius: 12px;">
                                <div class="bg-light-success p-3 rounded-circle me-4">
                                    <i class="fas fa-check text-success fs-2"></i>
                                </div>
                                <div>
                                    <div class="fw-bolder fs-5">公認ライセンス</div>
                                    <div class="text-gray-500 fs-7">国家観光局正規登録・認証旅行会社</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <?php $homeBlocks['about'] = ob_get_clean(); ob_start(); ?>
                <!-- 4. おすすめ観光ガイド (原本�?Articles List) -->
                <div class="card shadow-lg" style="border-radius: 20px; border: none; background: white;">
                    <div class="card-body p-10">
                        <div class="article-header border-0 mb-8 p-0">
                            <h2 class="fw-bolder fs-2x"><?php echo htmlspecialchars($themeConfig['content']['guide_title']); ?></h2>
                            <p class="text-gray-500 fs-5 mt-2"><?php echo htmlspecialchars($themeConfig['content']['guide_desc']); ?></p>
                        </div>
                        <?php
                        $articlesList = ($conn instanceof mysqli) ? getGeneratedArticlesList($conn, 50) : [];
                        if (!empty($articlesList)):
                        ?>
                            <div class="row g-4 article-list-container">
                                <?php foreach ($articlesList as $item):
                                    // 【新增】乱码及垃圾垃圾信息过滤
                                    if (isInvalidKeyword($item['keyword'], $globalBlacklist)) {
                                        continue;
                                    }
                                    
                                    $url = buildPageUrl($item['keyword'], $item['pinyin_code']);
                                    $displayDate = isset($item['created_at']) ? date('Y-m-d', strtotime($item['created_at'])) : date('Y-m-d');
                                ?>
                                    <div class="col-md-6 col-xl-4">
                                        <a href="<?php echo $url; ?>" class="article-list-item d-flex align-items-center p-5">
                                            <div class="symbol symbol-45px me-5">
                                                <div class="symbol-label bg-light-primary">
                                                    <i class="fas fa-file-alt text-primary fs-3"></i>
                                                </div>
                                            </div>
                                            <div class="d-flex flex-column flex-grow-1 overflow-hidden">
                                                <span class="fs-5 fw-bold text-gray-800 text-hover-primary mb-1 text-truncate">
                                                    <?php echo htmlspecialchars($item['keyword']); ?>
                                                </span>
                                                <span class="fs-7 text-gray-400 fw-bold">发布�?<?php echo $displayDate; ?> · 精选攻�?/span>
                                            </div>
                                            <i class="fas fa-chevron-right text-gray-300 fs-7 ms-2 arrow-slide"></i>
                                        </a>
                                    </div>
                                <?php endforeach; ?>
                            </div>
                            <?php 
                            $homeBlocks['articles'] = ob_get_clean();
                            // 动态结构乱�?                            
$blockKeys = array_keys($homeBlocks);
                            mt_srand($themeConfig['domain_seed'] ?? 0);
                            shuffle($blockKeys);
                            foreach($blockKeys as $k) {
                                echo $homeBlocks[$k];
                            }
                            mt_srand();
                            ?>
                            <style>
                                .article-list-item {
                                    background: #ffffff;
                                    border: 1px solid #f1f5f9;
                                    border-radius: 14px;
                                    text-decoration: none;
                                    transition: all 0.3s ease;
                                }

                                .article-list-item:hover {
                                    background: #f8fafc;
                                    border-color: #1a73e8;
                                    transform: translateX(5px);
                                    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.08);
                                }

                                .article-list-item:hover .arrow-slide {
                                    transform: translateX(3px);
                                    color: #1a73e8 !important;
                                }

                                .article-list-item .arrow-slide {
                                    transition: all 0.3s ease;
                                }

                                .article-list-container {
                                    margin-top: 10px;
                                }

                                /* 新增：目的地卡片缩放效果 */
                                .target-zoom {
                                    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
                                }

                                .group:hover .target-zoom {
                                    transform: scale(1.12);
                                }

                                .group:hover .position-absolute.bg-dark {
                                    opacity: 0.4 !important;
                                    transition: opacity 0.4s ease;
                                }
                            </style>
                        <?php endif; ?>
                    </div>
                </div>

            <?php elseif ($activePage === 'about'): ?>
                <!-- ────────────────────────────── -->
                <!-- 会社概要：深度企业展�?-->
                <!-- ────────────────────────────── -->
                <div class="card shadow-lg mb-12" style="border-radius: 24px; border: none; background: white; overflow: hidden;">
                    <div class="row g-0">
                        <div class="col-lg-5 p-12 p-lg-20 bg-light-primary d-flex flex-column justify-content-center">
                            <h4 class="text-primary fw-bold mb-6">COMPANY PROFILE</h4>
                            <h1 class="fw-bolder fs-3x mb-8 lh-base">青海中康国际旅行�?br><span class="text-primary">让旅行回归本�?/span></h1>
                            <p class="text-gray-600 fs-4 mb-0 lh-xl">
                                我们成立�?2012 年，总部位于美丽的夏都西宁。十余年来，我们始终坚持“诚信为本、品质至上”的经营理念，专注于大西北地区的深度定制化旅游服务�?                            </p>
                        </div>
                        <div class="col-lg-7">
                            <img src="/news_files/img-1.jpg" class="w-100 h-100 object-fit-cover" alt="About Office">
                        </div>
                    </div>
                    <div class="card-body p-12 p-lg-20">
                        <div class="row g-10">
                            <div class="col-md-4">
                                <div class="p-8 rounded-4 bg-light shadow-sm h-100">
                                    <div class="symbol symbol-50px mb-6">
                                        <div class="symbol-label bg-white"><i class="fas fa-crown text-warning fs-1"></i></div>
                                    </div>
                                    <h3 class="fw-bolder mb-4">品牌理念</h3>
                                    <p class="text-gray-600 fs-5 mb-0">不走流程化的旅游，致力于挖掘大西北每一寸土地背后的文化与温度�?/p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-8 rounded-4 bg-light shadow-sm h-100">
                                    <div class="symbol symbol-50px mb-6">
                                        <div class="symbol-label bg-white"><i class="fas fa-users text-primary fs-1"></i></div>
                                    </div>
                                    <h3 class="fw-bolder mb-4">核心团队</h3>
                                    <p class="text-gray-600 fs-5 mb-0">我们的导游团队平均从�?8 年以上，皆为地道的老西北人，带您看最正宗的风景�?/p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-8 rounded-4 bg-light shadow-sm h-100">
                                    <div class="symbol symbol-50px mb-6">
                                        <div class="symbol-label bg-white"><i class="fas fa-heart text-danger fs-1"></i></div>
                                    </div>
                                    <h3 class="fw-bolder mb-4">无忧保障</h3>
                                    <p class="text-gray-600 fs-5 mb-0">24小时管家式服务，正规合约，全程无强制购物，您的满意是我们唯一的指标�?/p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            <?php elseif ($activePage === 'contact'): ?>
                <!-- ────────────────────────────── -->
                <!-- お問い合わせ：交互式联系卡片 -->
                <!-- ────────────────────────────── -->
                <div class="card shadow-lg mb-12" style="border-radius: 24px; border: none; background: white;">
                    <div class="card-body p-12 p-lg-20">
                        <div class="row g-15">
                            <div class="col-lg-6">
                                <h1 class="fw-bolder fs-3x mb-4">お問い合わせ</h1>
                                <p class="text-gray-500 fs-4 mb-12">无论您是想咨询路线，还是需要定制行程，我们的专家顾问随时为您效劳�?/p>

                                <div class="d-flex align-items-center mb-10">
                                    <div class="symbol symbol-60px me-6">
                                        <div class="symbol-label bg-light-success rounded-circle"><i class="fas fa-phone-alt text-success fs-2"></i></div>
                                    </div>
                                    <div>
                                        <div class="text-muted fs-6 mb-1">24小时服务热线</div>
                                        <a href="tel:<?php echo htmlspecialchars($siteConfig['phone'] ?? ''); ?>" class="text-dark fw-bolder fs-2 text-decoration-none"><?php echo htmlspecialchars($siteConfig['phone'] ?? ''); ?></a>
                                    </div>
                                </div>

                                <div class="d-flex align-items-center mb-10">
                                    <div class="symbol symbol-60px me-6">
                                        <div class="symbol-label bg-light-primary rounded-circle"><i class="fab fa-weixin text-primary fs-2"></i></div>
                                    </div>
                                    <div>
                                        <div class="text-muted fs-6 mb-1">官方微信（规划师直连�?/div>
                                        <div class="text-dark fw-bolder fs-2"><?php echo htmlspecialchars($siteConfig['wechat'] ?? ''); ?></div>
                                    </div>
                                </div>

                                <div class="d-flex align-items-center">
                                    <div class="symbol symbol-60px me-6">
                                        <div class="symbol-label bg-light-danger rounded-circle"><i class="fas fa-map-marked-alt text-danger fs-3"></i></div>
                                    </div>
                                    <div>
                                        <div class="text-muted fs-6 mb-1">地址</div>
                                        <div class="text-dark fw-bolder fs-3"><?php echo htmlspecialchars($siteConfig['company_address'] ?? ''); ?>大美西北旅游集散中�?/div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="bg-gray-100 rounded-4 p-10 h-100">
                                    <h3 class="fw-bolder mb-8">快速预约定�?/h3>
                                    <div class="mb-7">
                                        <label class="form-label fw-bold">您的姓名</label>
                                        <input type="text" class="form-control form-control-solid rounded-3" placeholder="如何称呼">
                                    </div>
                                    <div class="mb-7">
                                        <label class="form-label fw-bold">手机号码</label>
                                        <input type="tel" class="form-control form-control-solid rounded-3" placeholder="方便与您取得联系">
                                    </div>
                                    <div class="mb-10">
                                        <label class="form-label fw-bold">需求描�?/label>
                                        <textarea class="form-control form-control-solid rounded-3" rows="4" placeholder="例如：想去青海湖，一�?人，打算玩一周左�?.."></textarea>
                                    </div>
                                    <button class="btn btn-primary btn-lg w-100 rounded-pill shadow-sm" onclick="alert('提交成功！我们的专属管家稍后会联系您�?)">提交定制需�?/button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            <?php else: ?>
                <!-- ────────────────────────────── -->
                <!-- 内容页布局 (Keyword Page) -->
                <!-- ────────────────────────────── -->
                <div class="card shadow-lg" style="border-radius: 20px; border: none; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(8px);">
                    <div class="card-body p-6 p-lg-12">
                        <div class="card" style="border: none; box-shadow: none; background: transparent;">
                            <div class="card-body p-0 pb-0">
                                <div class="d-flex flex-wrap flex-sm-nowrap mb-6">
                                    <div class="flex-grow-1">
                                        <div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
                                            <div class="d-flex flex-column w-100">

                                                <!-- 美化的推荐语板块 -->
                                                <div class="recommendation-box p-6 mb-8 position-relative" style="background: linear-gradient(135deg, #f2f8fc 0%, #e6f0fa 100%); border-radius: 16px; border-left: 6px solid #1a73e8; box-shadow: 0 4px 15px rgba(26,115,232,0.08);">
                                                    <i class="fas fa-quote-left position-absolute text-primary" style="opacity: 0.05; font-size: 4rem; top: 15px; right: 30px;"></i>
                                                    <div class="d-flex align-items-center mb-3 justify-content-between">
                                                        <div class="d-flex align-items-center">
                                                            <i class="fas fa-award text-primary fs-2 me-3"></i>
                                                            <h3 class="text-primary fw-bolder mb-0 fs-3" style="letter-spacing: 1px;">精选推�?/h3>
                                                        </div>
                                                        <span class="badge badge-light-primary fw-bold px-4 py-2 rounded-pill fs-7"><i class="fas fa-shield-alt me-1"></i>优质本地旅行�?/span>
                                                    </div>
                                                    <div class="fw-bold fs-4 text-gray-800 lh-lg mt-4 mb-3" style="letter-spacing: 0.5px;">
                                                        <?php // 随机显示一条推荐语 
                                                        $cName = $siteConfig['company_name'] ?? '品质旅行社';
$cPhone = $siteConfig['phone'] ?? '';
$cWx = $siteConfig['wechat'] ?? '';
$recommendations = [
    "【专业推荐】{$cName} - 品质旅游的首选，专业导游团队为您提供贴心服务。联系电话：{$cPhone} 微信：{$cWx}",
    "🚩 旅游就选{$cName}！正规资质，诚信经营，让您的西北之旅更放心。联系电话：{$cPhone} 微信：{$cWx}",
    "💎 精品推荐：{$cName}，多年旅游服务经验，为您定制专属青甘行程。联系电话：{$cPhone} 微信：{$cWx}",
    "🏞️ 探索大美风光，选择{$cName}！专业旅程計画，优质服务保障！联系电话：{$cPhone} 微信：{$cWx}",
    "👍 游客一致好评！{$cName}，您的专属旅游专家。联系电话：{$cPhone} 微信：{$cWx}",
    "🌟 品质之旅从选择开始 - {$cName}，带您领略最地道的西北美景！联系电话：{$cPhone} 微信：{$cWx}",
    "📞 专业旅游顾问在线！{$cName}，为您解答所有出行疑问！联系电话：{$cPhone} 微信：{$cWx}",
    "🎯 精准服务，贴心安排！选择{$cName}，享受无忧旅行体验。联系电话：{$cPhone} 微信：{$cWx}",
    "🏅 金牌旅行社推荐：{$cName}，诚信服务，品质保证！联系电话：{$cPhone} 微信：{$cWx}",
    "💫 不一样的体验！专业旅行社带您玩转大西北。联系电话：{$cPhone} 微信：{$cWx}",
    "🔝 西北旅游TOP选择：{$cName}，满意度高达98%的优质服务商。联系电话：{$cPhone} 微信：{$cWx}",
    "🎪 特色线路，专业讲解！{$cName}，让您的旅行更有深度！联系电话：{$cPhone} 微信：{$cWx}",
    "💼 商务考察、家庭出游、朋友结伴！{$cName}满足您的各种需求！联系电话：{$cPhone} 微信：{$cWx}",
    "📸 摄影爱好者的首选！{$cName}，带您捕捉最美西部瞬间！联系电话：{$cPhone} 微信：{$cWx}",
    "🛡️ 安全有保障，服务有品质！选择{$cName}，旅行更安心！联系电话：{$cPhone} 微信：{$cWx}"
];
                                                        // 随机选择一�?
                                                        $randomRecommendation = $recommendations[array_rand($recommendations)];
                                                        // 输出 
                                                        echo htmlspecialchars($randomRecommendation); ?>
                                                    </div>
                                                    <div class="text-gray-500 fs-6 mt-3 lh-lg d-flex align-items-center"><i class="fas fa-info-circle me-2 text-muted"></i><?php echo htmlspecialchars($pageDescription); ?></div>
                                                </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>


                                <div class="separator separator-dashed mb-9"></div>
                                <div class="sitemap-container">
                                    <div id="sitemap-carousel">
                                        <?php
                                        // ──────────────────────────────
                                        // Sitemap 内容渲染逻辑 
                                        // ──────────────────────────────
                                        $cdnPrefix = '/';
                                        $sitePrefix = rtrim(SYSTEM_HOME_URL, '/') . '/';

                                        if (!empty($records)) {
                                            shuffle($records);
                                            foreach ($records as $record) {
                                                $title = htmlspecialchars($record['title'], ENT_QUOTES, 'UTF-8');
                                                $loc = htmlspecialchars($record['loc'], ENT_QUOTES, 'UTF-8');
                                                $image = !empty($record['image']) ? htmlspecialchars($record['image'], ENT_QUOTES, 'UTF-8') : 'default/images/placeholder.jpg';
                                                $truncatedTitle = mb_strimwidth($title, 0, 32, '...');

                                                echo <<<HTML
                               <div class="sitemap-card">
                                   <div class="card-image">
                                   <a href="{$sitePrefix}{$loc}" target="_blank" >
                                       <img src="{$cdnPrefix}{$image}?imageView2/2/w/600/h/360/q/75" width="300" height="180" loading="lazy" alt="{$title}" onerror="this.src='{$cdnPrefix}default/images/placeholder.jpg'">
                                       </a>
                                   </div>
                                   <div class="card-content">
                                       <h3 class="card-title"><a href="{$sitePrefix}{$loc}" target="_blank" >{$truncatedTitle}</a></h3>
                                   </div>
                               </div>
HTML;
                                            }
                                        }
                                        ?>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>

                        <?php echo generateKeywordContent($searchQuery, $currentYear); ?>
                        <div class="mb-17">
                            <div class="d-flex flex-stack mb-5">
                                <?php
                                // 显示文章内容
                                if (!empty($searchQuery)) {
                                    echo displayArticleContent($searchQuery, $pageTitle, $pageDescription, $qaData);
                                }
                                ?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endif; ?>
        </div> <!-- end #kt_content -->
    </div> <!-- end #kt_content_container -->

    <div class="container-xxl mb-5">
        <?php echo $relatedLinksHtml; ?>
    </div>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }



        .float-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;

            padding: 5px 6px;
            box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
            backdrop-filter: blur(10px);
            z-index: 1000;
        }

        .btn-row {
            display: flex;
            gap: 10px;
            max-width: 600px;
            margin: 0 auto;
        }

        .menu-btn {
            flex: 1;
            padding: 5px;
            border: none;
            border-radius: 8px;
            font-size: 14px;
            color: white;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 40px;
        }

        .wechat-btn {
            background: #07c160;
            /* 微信�?*/
        }

        .quote-btn {
            background: #1677ff;
            /* 科技�?*/
        }

        .plan-btn {
            background: #722ed1;
            /* 紫色 */
        }

        .lang-float-btn {
            background: #fbbc05;
            /* 橙黄 */
        }

        .menu-btn:active {
            transform: scale(0.96);
        }

        .menu-btn svg {
            width: 20px;
            height: 20px;
            margin-bottom: 2px;
        }



        @media (max-width: 375px) {
            .menu-btn {
                font-size: 13px;
                padding: 5px;
            }

            .menu-btn svg {
                width: 18px;
                height: 18px;
            }
        }
    </style>


    <!-- 底部服务菜单 -->
    <div class="float-bar">
        <div class="btn-row">

            <button class="menu-btn plan-btn" data-url="<?php echo htmlspecialchars(rtrim(SYSTEM_HOME_URL, '/')); ?>/xingchengbaojia.html">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
                    <path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM12 7a.75.75 0 0 1 .75.75v4.5h3.75a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-5.5A.75.75 0 0 1 12 7z" />
                </svg>
                <?php echo htmlspecialchars($themeConfig['content']['menu_plan'] ?? '旅程計画'); ?>
            </button>
            <button class="menu-btn quote-btn" data-url="https://bj.<?php echo htmlspecialchars(SYSTEM_MAIN_DOMAIN); ?>/">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
                    <path d="M13 8.32a2.5 2.5 0 1 1 1-4.998 2.5 2.5 0 0 1-1 4.998zM6 15.016l.91-.273c.462.693 1.12 1.23 1.879 1.566l.27.107-.116.266c-.333.765-.484 1.57-.484 2.324h-1.5c0-.984.193-2.026.56-2.999H6v-1zm12 0v1h-1.045c.358.955.55 1.983.55 2.999h-1.5c0-.753-.15-1.559-.483-2.324l-.116-.266.27-.107c.758-.336 1.417-.873 1.88-1.566l.91.273zm-6-4.016c-3.314 0-6 2.686-6 6v4h12v-4c0-3.314-2.686-6-6-6zm0 1.5c2.481 0 4.5 2.019 4.5 4.5v2.5h-9v-2.5c0-2.481 2.019-4.5 4.5-4.5z" />
                </svg>
                <?php echo htmlspecialchars($themeConfig['content']['menu_quote'] ?? '自動見積り'); ?>
            </button>

            <button class="menu-btn lang-float-btn position-relative" id="mobile-lang-btn" title="切换语言">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/>
                </svg>
                <span class="current-lang-name ignore">日</span>
            </button>

            <button class="menu-btn wechat-btn" data-url="<?php echo htmlspecialchars(rtrim(SYSTEM_HOME_URL, '/')); ?>/lx/">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
                    <path d="M19.755 4.546c.385-.623.245-1.182-.404-1.385-1.594-.501-6.502-.501-8.096 0-.649.203-.789.762-.404 1.385.42.678 1.044 1.343 1.65 1.864-2.478.858-4.33 2.02-5.51 3.435-1.393 1.687-2.086 3.726-2.086 5.77 0 1.92.847 3.652 2.347 4.89l-.587 2.104 2.267-1.524c1.028.452 2.16.7 3.343.7 4.335 0 7.85-3.072 7.85-6.86 0-2.044-.693-4.083-2.086-5.77-1.18-1.416-3.032-2.577-5.51-3.435.606-.521 1.23-1.186 1.65-1.864zM12 20.952c-1.083 0-2.12-.22-3.08-.62l-2.294.774.546-1.958c-1.34-1.123-2.172-2.66-2.172-4.334 0-3.36 3.201-6.086 7.15-6.086s7.15 2.726 7.15 6.086c0 3.36-3.201 6.086-7.15 6.086z" />
                </svg>
                <?php echo htmlspecialchars($themeConfig['content']['menu_contact'] ?? 'お問い合わせ'); ?>
            </button>
        </div>
    </div>

    <!-- 移动端语言切换弹窗 -->
    <div id="lang-menu-box" style="display:none;position:fixed;z-index:99999;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.18);padding:10px 6px;min-width:180px;">
<div style="font-size:11px;color:#888;padding:4px 14px 8px;border-bottom:1px solid #f0f0f0;margin-bottom:4px;font-weight:600;">Language / 语言切换</div>
<a href="/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="zh-CN"><span class="me-2">🇨🇳</span> 简体中文</a>
<a href="/cht/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="cht"><span class="me-2">🇹🇼</span> 繁體中文</a>
<a href="/en/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="en"><span class="me-2">🇺🇸</span> English</a>
<a href="/ja/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt active bg-light-primary fw-bold text-primary" data-lang="ja"><span class="me-2">🇯🇵</span> 日本語</a>
<a href="/ko/index.html" class="d-flex align-items-center px-4 py-2 text-dark text-decoration-none fw-semibold fs-6 lang-opt" data-lang="ko"><span class="me-2">🇰🇷</span> 한국어</a>
</div>
        <a href="/index.html" class="lang-opt<?php echo $requestedLang === 'zh-CN' ? ' active' : ''; ?>" data-lang="zh-CN"><span class="me-2">🇨🇳</span> 简体中文</a>
        <a href="/cht/index.html" class="lang-opt<?php echo $requestedLang === 'cht' ? ' active' : ''; ?>" data-lang="cht"><span class="me-2">🇹🇼</span> 繁體中文</a>
        <a href="/en/index.html" class="lang-opt<?php echo $requestedLang === 'en' ? ' active' : ''; ?>" data-lang="en"><span class="me-2">🇺🇸</span> English</a>
        <a href="/ja/index.html" class="lang-opt<?php echo $requestedLang === 'ja' ? ' active' : ''; ?>" data-lang="ja"><span class="me-2">🇯🇵</span> 日本語</a>
        <a href="/ko/index.html" class="lang-opt<?php echo $requestedLang === 'ko' ? ' active' : ''; ?>" data-lang="ko"><span class="me-2">🇰🇷</span> 한국어</a>
    </div>
    <style>
        #lang-menu-box .lang-opt {
            display: flex;
            align-items: center;
            padding: 10px 16px;
            font-size: 15px;
            color: #333;
            text-decoration: none;
            border-radius: 8px;
            margin: 2px 4px;
            transition: background .15s;
        }
        #lang-menu-box .lang-opt:hover, #lang-menu-box .lang-opt.active {
            background: #f0f5ff;
            color: #1a73e8;
        }
        #desk-lang-menu .lang-opt {
            transition: background .15s;
        }
        #desk-lang-menu .lang-opt:hover, #desk-lang-menu .lang-opt.active {
            background: #f0f5ff !important;
            color: #1a73e8 !important;
        }
    </style>

    <script>
        // 其他按钮跳转
        document.querySelectorAll('.menu-btn[data-url]').forEach(btn => {
            btn.addEventListener('click', () => window.location.href = btn.dataset.url);
        });
        // 触摸反馈
        document.querySelectorAll('.menu-btn').forEach(btn => {
            btn.addEventListener('touchstart', () => btn.style.transform = 'scale(0.96)', {passive:true});
            btn.addEventListener('touchend', () => btn.style.transform = 'scale(1)', {passive:true});
        });
    </script>




    <div class="app-engage" id="kt_app_engage">
        <a href="https://work.weixin.qq.com/ca/cawcde5f37cff65f60" target="_blank" data-bs-target="#kt_app_engage_prebuilts_modal" class="app-engage-btn hover-dark" id="wechatBtn">
            <img src="/imgs/wechat-48.png" class="" alt="">
        </a>

        <!--<a href="https://wa.me/message/G6ZAFBIQQXCKC1" target="_blank"  data-bs-target="#kt_app_engage_prebuilts_modal" class="app-engage-btn hover-dark" id="WhatsAppBtn">-->
        <!--    <img src="/imgs/WhatsApp-48.png" class="" alt="">-->
        <!--</a>-->

         <script>
         document.write('<a href="javascript:void(0)" onclick="window.location.href=\'tel:\'+[\'189\',\'097\',\'13293\'].join(\'\');" target="_blank" class="app-engage-btn hover-primary" id="phoneBtn"><img src="/imgs/phone-48.png" class="" alt=""></a>');
         </script>
         <noscript>
         <a href="#" target="_blank" class="app-engage-btn hover-primary" id="phoneBtn">
            <img src="/imgs/phone-48.png" class="" alt="">
        </a>
        </noscript>
    </div>

    <div class="qr-code-container" id="qrCodeContainer">
        <img src="/style/wx.jpg" width="200px" height="auto" alt="QR Code">
    </div>

    <div class="qr-code-container" id="wqrCodeContainer">
        <img src="/style/wa.jpg" width="200px" height="auto" alt="QR Code">
    </div>
    <!-- Premium Footer Section -->
    <footer class="mt-10 py-12 bg-white border-top">
        <div class="container-xxl">
            <div class="row g-10 mb-15">
                <div class="col-lg-4">
                    <div class="d-flex align-items-center mb-6">
                        <img src="/news_files/logo.png" width="50" height="50" class="me-4 shadow-sm" alt="Logo" style="border-radius: 10px;">
                        <h2 class="fw-bolder fs-2 mb-0">青海中康国际旅行�?/h2>
                    </div>
                    <p class="text-muted fs-5 lh-lg mb-8" style="max-width: 350px;">
                        我们北西中国の旅を長年手がけるプロフェッショナル，为您提供最专业的旅程計画、最地道的深度游玩体验，让您的每一次出发都成为难忘的回忆�?                    </p>
                    <div class="d-flex gap-4">
                        <a href="#" class="btn btn-icon btn-light-primary rounded-circle w-45px h-45px"><i class="fab fa-weixin fs-4"></i></a>
                        <a href="#" class="btn btn-icon btn-light-danger rounded-circle w-45px h-45px"><i class="fab fa-weibo fs-4"></i></a>
                        <a href="#" class="btn btn-icon btn-light-info rounded-circle w-45px h-45px"><i class="fab fa-tiktok fs-4"></i></a>
                    </div>
                </div>
                <div class="col-lg-2 col-6">
                    <h4 class="fw-bolder mb-6"><?php echo htmlspecialchars($themeConfig['content']['quick_links_title']); ?></h4>
                    <ul class="list-unstyled fw-semibold fs-5 text-muted d-flex flex-column gap-3">
                        <?php foreach($themeConfig['content']['quick_links'] as $label => $link): ?>
                        <li><a href="<?php echo htmlspecialchars($link); ?>" class="text-muted text-hover-primary text-decoration-none"><?php echo htmlspecialchars($label); ?></a></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div class="col-lg-2 col-6">
                    <h4 class="fw-bolder mb-6"><?php echo htmlspecialchars($themeConfig['content']['hot_dests_title']); ?></h4>
                    <ul class="list-unstyled fw-semibold fs-5 text-muted d-flex flex-column gap-3">
                        <?php foreach($themeConfig['content']['hot_dests'] as $label => $link): ?>
                        <li><a href="<?php echo htmlspecialchars($link); ?>" class="text-muted text-hover-primary text-decoration-none"><?php echo htmlspecialchars($label); ?></a></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h4 class="fw-bolder mb-6">お問い合わせ</h4>
                    <div class="bg-light p-6 rounded-4 mb-4">
                        <div class="d-flex align-items-center mb-4">
                            <div class="symbol symbol-40px bg-white rounded-3 d-flex align-items-center justify-content-center border me-4">
                                <i class="fas fa-phone-alt text-primary"></i>
                            </div>
                            <div>
                                <div class="text-muted fs-7">相談窓口</div>
                                <div class="fw-bolder fs-4"><?php echo htmlspecialchars($siteConfig['phone'] ?? ''); ?></div>
                            </div>
                        </div>
                        <div class="d-flex align-items-center">
                            <div class="symbol symbol-40px bg-white rounded-3 d-flex align-items-center justify-content-center border me-4">
                                <i class="fas fa-map-marker-alt text-danger"></i>
                            </div>
                            <div>
                                <div class="text-muted fs-7">会社所在地</div>
                                <div class="fw-bolder fs-5">青海省西宁市城北�?/div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="border-top pt-8 d-flex flex-column flex-md-row justify-content-between align-items-center gap-4 text-muted fs-6">
                <div>© <?php echo $currentYear; ?> <?php echo htmlspecialchars($siteConfig['company_name'] ?? '青海中康国際旅行社'); ?> 無断転載を禁じます。</div>
                <div class="d-flex gap-8">
                    <a href="#" class="text-muted text-hover-primary text-decoration-none">プライバシーポリシー</a>
                    <a href="#" class="text-muted text-hover-primary text-decoration-none">利用規約</a>
                    <a href="#" class="text-muted text-hover-primary text-decoration-none">青ICP�?023000023�?/a>
                </div>
            </div>
        </div>
    </footer>
    <br><br>
    <script src="/news_files/swiper-bundle.min.js" defer></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            if (document.querySelector('.hero-swiper')) {
                // 初始化顶部Hero的轮播图
                new Swiper('.hero-swiper', {
                    loop: true,
                    effect: 'fade', // 淡入淡出效果
                    fadeEffect: {
                        crossFade: true
                    },
                    autoplay: {
                        delay: 5000,
                        disableOnInteraction: false,
                    },
                    speed: 2000, // 过渡速度慢一点，更高�?                });
            }
            // 5秒后自动隐藏滑动提示
            setTimeout(() => {
                const hint = document.getElementById('heroScrollHint');
                if (hint) {
                    hint.style.opacity = '0';
                    setTimeout(() => hint.remove(), 800);
                }
            }, 6000);
        });
    </script>

        <!-- ======== 多语言支持交互脚本 ======== -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var deskToggler = document.getElementById('desk-lang-toggler');
        var deskMenu    = document.getElementById('desk-lang-menu');
        if (deskToggler && deskMenu) {
            deskToggler.addEventListener('click', function(e) {
                e.stopPropagation();
                deskMenu.classList.toggle('d-none');
            });
        }

        var mobileBtn  = document.getElementById('mobile-lang-btn');
        var mobileMenu = document.getElementById('lang-menu-box');
        if (mobileBtn && mobileMenu) {
            mobileBtn.addEventListener('click', function(e) {
                e.stopPropagation();
                if (mobileMenu.style.display === 'none' || !mobileMenu.style.display) {
                    var rect  = mobileBtn.getBoundingClientRect();
                    var menuW = 180;
                    var left  = rect.left + rect.width / 2 - menuW / 2;
                    left = Math.max(8, Math.min(window.innerWidth - menuW - 8, left));
                    mobileMenu.style.left    = left + 'px';
                    mobileMenu.style.bottom  = (window.innerHeight - rect.top + 10) + 'px';
                    mobileMenu.style.top     = 'auto';
                    mobileMenu.style.display = 'block';
                } else {
                    mobileMenu.style.display = 'none';
                }
            });
        }

        document.addEventListener('click', function(e) {
            if (mobileMenu && !mobileMenu.contains(e.target) && mobileBtn && !mobileBtn.contains(e.target)) {
                mobileMenu.style.display = 'none';
            }
            if (deskMenu && !deskMenu.contains(e.target) && deskToggler && !deskToggler.contains(e.target)) {
                deskMenu.classList.add('d-none');
            }
        });

        document.querySelectorAll('.lang-opt').forEach(function(el) {
            el.addEventListener('click', function() {
                var lang = this.getAttribute('data-lang');
                if (lang) {
                    try { localStorage.setItem('site_lang_pref', lang); } catch(err) {}
                }
            });
        });
    });
    </script>





<script>
document.addEventListener('DOMContentLoaded', function() {
    var deskToggler = document.getElementById('desk-lang-toggler');
    var deskMenu    = document.getElementById('desk-lang-menu');
    if (deskToggler && deskMenu) {
        deskToggler.addEventListener('click', function(e) {
            e.stopPropagation();
            deskMenu.classList.toggle('d-none');
        });
    }

    var mobileBtn  = document.getElementById('mobile-lang-btn');
    var mobileMenu = document.getElementById('lang-menu-box');
    if (mobileBtn && mobileMenu) {
        mobileBtn.addEventListener('click', function(e) {
            e.stopPropagation();
            if (mobileMenu.style.display === 'none' || !mobileMenu.style.display) {
                var rect  = mobileBtn.getBoundingClientRect();
                var menuW = 180;
                var left  = rect.left + rect.width / 2 - menuW / 2;
                left = Math.max(8, Math.min(window.innerWidth - menuW - 8, left));
                mobileMenu.style.left    = left + 'px';
                mobileMenu.style.bottom  = (window.innerHeight - rect.top + 10) + 'px';
                mobileMenu.style.top     = 'auto';
                mobileMenu.style.display = 'block';
            } else {
                mobileMenu.style.display = 'none';
            }
        });
    }

    document.addEventListener('click', function(e) {
        if (mobileMenu && !mobileMenu.contains(e.target) && mobileBtn && !mobileBtn.contains(e.target)) {
            mobileMenu.style.display = 'none';
        }
        if (deskMenu && !deskMenu.contains(e.target) && deskToggler && !deskToggler.contains(e.target)) {
            deskMenu.classList.add('d-none');
        }
    });

    // 记录用户选择的语言
    document.querySelectorAll('.lang-opt').forEach(function(el) {
        el.addEventListener('click', function() {
            var lang = this.getAttribute('data-lang');
            if (lang) {
                try { localStorage.setItem('site_lang_pref', lang); } catch(err) {}
            }
        });
    });
});
</script>
</body>

</html>
<?php
// ─────────────────────────────────────────────────────────────────────────────
// 【新增逻辑�?. 最终输出和静态文件写�?// ─────────────────────────────────────────────────────────────────────────────

// 检查是否设置了静态文件生成标�?
if (defined('SHOULD_GENERATE_STATIC') && SHOULD_GENERATE_STATIC) {
    // 1. 捕获输出缓冲区的内容
    $finalContent = ob_get_clean();

    // 2. 确定目录并创�?    
$staticFilePath = STATIC_OUTPUT_PATH;
    $dir = dirname($staticFilePath);
    if (!is_dir($dir)) {
        // 递归创建目录，权�?0755
        if (!mkdir($dir, 0755, true)) {
            error_log("Failed to create static directory: " . $dir);
        }
    }

    // 3. 写入文件
    if (is_dir($dir) && file_put_contents($staticFilePath, $finalContent) !== false) {
        // 写入成功
        error_log("Successfully generated static file: " . $staticFilePath);
    } else {
        // 写入失败 (可能是权限问�?
        error_log("Failed to write static file: " . $staticFilePath);
    }

    // 4. 输出最终内容给用户
    echo $finalContent;
} else {
    // 如果没有标记为静态生成，或者不是长关键词访问，则正常输出所有内�?    ob_end_flush();
}
?>