

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基督徒资料乐园搜索引擎</title>
    <style>
        :root {
            --primary-bg: #F0FFF0; /* Honeydew - a softer green */
            --text-color: #333;
            --accent-red: #D93025;
            --accent-yellow: #FBCB0A;
            --accent-green: #34A853;
            --accent-blue: #4285F4;
            --input-bg: #FFFFFF;
            --border-color: #555;
        }

        body {
            background-color: var(--primary-bg);
            color: var(--text-color);
            font-family: "Arial", "Microsoft YaHei", sans-serif;
            margin: 0;
            padding: 1rem;
            font-size: 16px; /* Base font size */
        }

        /* --- Main Container & Structure --- */
        .container {
            max-width: 960px;
            margin: 0 auto;
            padding: 1rem;
        }

        section {
            background-color: rgba(255, 255, 255, 0.7);
            border-radius: 8px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            text-align: left; /* Left-align text for readability */
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        
        header, .search-section {
             text-align: center; /* Center-align only specific sections */
        }

        h1, h2, h3, h4 {
            color: #0056b3;
        }
        h1 { font-size: 2.2rem; }
        h2 { font-size: 1.8rem; }
        h3 { font-size: 1.4rem; }
        h4 { font-size: 1.2rem; }

        /* --- Search Forms --- */
        .search-form {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px; /* Space between elements */
        }

        .main-search-wrapper {
            display: flex;
            width: 100%;
            gap: 10px;
        }

        .search-input {
            flex-grow: 1; /* Take up available space */
            background-color: var(--input-bg);
            padding: 10px 15px;
            border: 2px solid var(--border-color);
            border-radius: 5px;
            font-weight: bold;
            /* **THE FIX for font size**: min, preferred, max */
            font-size: clamp(1.2rem, 3vw, 2.2rem); 
        }

        .search-input:focus {
            border-color: var(--accent-blue);
            box-shadow: 0 0 8px var(--accent-blue);
            outline: none;
        }

        .small-input-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
            width: 100%;
            margin-bottom: 1rem;
        }

        .small-input {
            width: 100%; /* Grid handles the width */
            padding: 8px;
            border: 2px solid var(--border-color);
            border-radius: 5px;
            font-size: 1rem;
            font-weight: bold;
        }

        /* --- Buttons --- */
        .button-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }
        
        .btn {
            padding: 12px 20px;
            border: none;
            border-radius: 5px;
            font-size: 1rem; /* Consistent button font size */
            font-weight: bold;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

        .btn-search { background-color: var(--accent-red); color: white; }
        .btn-clear { background-color: var(--accent-yellow); color: black; }
        .btn-pinyin { background-color: var(--accent-green); color: white; }
        .btn-format { background-color: var(--accent-blue); color: white; }

        .search-tip {
            font-size: 0.9rem;
            color: #555;
            margin-top: 10px;
            max-width: 80ch;
        }

        /* --- Other Elements --- */
        .dropdown {
            padding: 12px;
            border-radius: 5px;
            font-size: 1rem;
            border: 2px solid var(--border-color);
        }

        .nav-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 1.5rem;
            font-size: 1.2rem;
            font-weight: bold;
        }
        
        .nav-links a {
            color: #0033CC;
            text-decoration: none;
            padding: 5px 10px;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        .nav-links a:hover {
            background-color: rgba(0, 51, 204, 0.1);
            text-decoration: underline;
        }

        ol, ul {
            padding-left: 25px;
        }
        
        li {
            margin-bottom: 0.5rem;
        }
        
        .warning-text {
            color: var(--accent-red);
            font-weight: bold;
            background-color: #fff0f0;
            padding: 1rem;
            border-left: 5px solid var(--accent-red);
            border-radius: 5px;
        }
        
        .info-text {
            color: #b35900;
            font-weight: bold;
        }
        
        .img-responsive {
            max-width: 100%;
            height: auto;
            margin-top: 1.5rem;
            border-radius: 8px;
        }












/* 这些是用来美化说明文字区域的样式 */
.instructions-section, footer {
    text-align: left; /* 文字左对齐更易读 */
    line-height: 1.6;
}

.instructions-section h4 {
    margin-top: 1.5rem;
    border-bottom: 2px solid #ddd;
    padding-bottom: 0.5rem;
}

.instructions-section ul {
    list-style-type: disc;
    padding-left: 20px;
}

.instructions-section ul li {
    margin-bottom: 0.8rem;
}

.instructions-section code {
    background-color: #e9e9e9;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: "Courier New", Courier, monospace;
    color: #d93025; /* Reddish color for emphasis */
}

.info-text {
    color: #0056b3; /* A strong blue for info */
}

.warning-text {
    background-color: #fff3cd;
    border-left: 5px solid #ffc107;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 4px;
    font-weight: bold;
}

footer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ccc;
}

.site-info-box {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    margin-top: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
    </style>
</head>
<body>

<div class="container">
    <header>
        <h1>基督徒资料乐园搜索引擎</h1>
        <div class="nav-links">
            <a href="http://103.74.192.62:5757">新版高级搜索</a>
            <a href="http://103.74.192.62:1234/0.html">🚦资料导航</a>
     

<a href="https://adjesus2520-my.sharepoint.com/:f:/g/personal/5_adjesus2520_onmicrosoft_com/Epk847N25fBCkCd5Jj3RuA4BlMobV-vZUOqEH96uiVZk0Q?e=zkXlxB" style="color:red; text-decoration:none; font-weight:bold;font-size:6">上传资料点这里😊18TB大空间</a>



        </div>
    </header>

   

    <!-- Main Search Form -->
    <section class="search-section">
        <form action="http://103.74.192.62:1234" method="get" class="search-form">
            <div class="main-search-wrapper">
                <input id="search-input" class="search-input" type="text" name="q" placeholder="输入关键词，用空格隔开...">
            </div>
            <div class="button-group">
                <button class="btn btn-search" type="submit">🔍 搜索</button>
                <button class="btn btn-clear" type="button" onclick="clearInput('search-input')">清空</button>
                <button class="btn btn-pinyin" type="button" onclick="toggleMainInputPinyin()">汉字⇆拼音</button>
            </div>
        
            
            <h4>快速筛选文件类型:</h4>
            <div class="button-group">
                <button type="button" class="btn btn-format" onclick="addContent('audio:', 'search-input')">音频</button>
                <button type="button" class="btn btn-format" onclick="addContent('zip:', 'search-input')">压缩包</button>
                <button type="button" class="btn btn-format" onclick="addContent('doc:', 'search-input')">文档</button>
                <button type="button" class="btn btn-format" onclick="addContent('exe:', 'search-input')">程序</button>
                <button type="button" class="btn btn-format" onclick="addContent('pic:', 'search-input')">图片</button>
                <button type="button" class="btn btn-format" onclick="addContent('video:', 'search-input')">视频</button>
            </div>
             <div class="button-group">
                <button type="button" class="btn" style="background-color: #6c757d; color:white;" onclick="addContent('path:', 'search-input')">匹配路径+文件名</button>
                <button type="button" class="btn" style="background-color: #6c757d; color:white;" onclick="addContent('fileonly:', 'search-input')">仅匹配文件名</button>
            </div>
        </form>
    </section>
    
    <!-- Keyword Search Form -->
    <section class="search-section">
        <h3>关键词规范化搜索 👇</h3>
        <div class="search-form">
            <div class="small-input-grid">
                <input id="small-input-1" class="small-input" type="text" placeholder="关键词1" maxlength="21">
                <input id="small-input-2" class="small-input" type="text" placeholder="关键词2" maxlength="21">
                <input id="small-input-3" class="small-input" type="text" placeholder="关键词3" maxlength="21">
                <input id="small-input-4" class="small-input" type="text" placeholder="关键词4" maxlength="21">
                <input id="small-input-5" class="small-input" type="text" placeholder="关键词5" maxlength="21">
                <input id="small-input-6" class="small-input" type="text" placeholder="关键词6" maxlength="21">
            </div>
            <div class="button-group">
                <button class="btn btn-search" type="button" onclick="searchCombined()">🔍 组合搜索</button>
                <button class="btn btn-clear" type="button" onclick="clearSmallInputs()">清空</button>
                <button class="btn btn-pinyin" type="button" onclick="toggleSmallInputsPinyin()">汉字⇆拼音</button>
                <select class="dropdown" id="format-dropdown">
                    <option value="">选择格式</option>
                    <option value="pdf">pdf</option>
                    <option value="doc">doc</option>
                    <option value="txt">txt</option>
                    <option value="ppt">ppt</option>
                    <option value="epub">epub</option>
                    <option value="mobi">mobi</option>
                    <option value="azw3">azw3</option>
                    <option value="doc:">文档类</option>
                    <option value="zip:">压缩包类</option>
                    <option value="audio:">音频类</option>
                    <option value="video:">视频类</option>
                </select>
            </div>
        </div>
    </section>
    
    
     <section class="tips-section">
        <h4>温馨提示：</h4>
        <ol>
            <li>本站根据文件名拆分成关键词进行搜索。</li>
            <li>关键词之间请用 **空格** 隔开。汉字可转换为拼音搜索。</li>
            <li>如果不会搜索，请仔细阅读下方的搜索方法说明。</li>
            <li>在搜索结果页，可以点击“名称”、“路径”、“大小”等表头进行排序。</li>
            <li>要下载文件，请点击搜索结果左侧的 **文件名**。如果无法打开，请查看右侧的路径信息。</li>
            <li>可以预先选择文件类型（如音频、文档）进行精确搜索。</li>
        </ol>
    </section>
    <section class="instructions-section">
        <h3><span class="info-text">搜索方法与原则（请仔细阅读！）</span></h3>
        <p class="warning-text">请务必使用浏览器打开本站（推荐 Chrome, Firefox, Edge），不要在微信或QQ内打开，它们可能屏蔽本站。</p>
        
        <h4>核心原则：拆分关键词 + 空格</h4>
        <p>将一个完整的文件名或书名，拆分成2-4个核心的、最不可能出错的关键词，然后在搜索框中输入这些关键词，并用 **空格** 分隔它们。</p>
        <ul>
            <li>**例1：** 搜索 "伯克富系统神学.pdf"
                <ul>
                    <li>推荐搜：<code>伯克富 系统神学 pdf</code></li>
                    <li>也可以：<code>伯克富 神学</code></li>
                </ul>
            </li>
            <li>**例2：** 搜索 "世俗洪流中的坚信-鲍维均"
                 <ul>
                    <li>推荐搜：<code>世俗 洪流 坚信</code></li>
                    <li>也可以：<code>洪流 鲍维均</code></li>
                </ul>
            </li>
             <li>**例3：** 搜索 "建构崇拜学" (防止记忆成"构建")
                 <ul>
                    <li>可搜：<code>建构 崇拜</code></li>
                    <li>或用拼音：<code>jian gou chong bai</code> (拼音可以避免简繁体和同音字问题)</li>
                </ul>
            </li>
        </ul>

        <h4>高级技巧：</h4>
        <ol>
            <li><strong>使用拼音：</strong>当不确定简体/繁体字，或有同音异义词时，使用拼音搜索是最好的方法。输入汉字后点击【汉字⇆拼音】按钮即可。</li>
            <li><strong>避免多余信息：</strong>不要输入作者、出版社等不确定的信息，除非你很肯定它在文件名中。</li>
            <li><strong>禁止特殊符号：</strong>不要在搜索框中输入任何标点符号，如 `()` `《》` `.` `?` `*` 等。</li>
            <li><strong>格式筛选：</strong>可以在关键词后加上格式名（如 `pdf` `mp3`），或者使用下方的【关键词规范化搜索】并选择格式。</li>
        </ol>


        
        
        
        
        
        
        
            <section class="instructions-section">
        <h2><span class="info-text">搜索方法与原则 (请仔细阅读！)</span></h2>
        
        <p class="warning-text">
            <strong>重要提醒：</strong>一定要用浏览器打开网址，不要在微信以及QQ上打开。微信QQ不是浏览器，是用于监控、威胁、封锁的工具。推荐使用谷歌浏览器(Chrome)、火狐浏览器(Firefox)或Edge浏览器。多安装几个不同的浏览器，这个不行就换另一个。
        </p>

        <h4>核心搜索方法</h4>
        <ol>
            <li><strong>拆分关键词：</strong>将一个完整的文件名/书名，拆分成几个核心的关键词或关键字。</li>
            <li><strong>使用空格：</strong>在关键词与关键词之间，必须用 **空格** 隔开。</li>
            <li><strong>精准用词：</strong>尽量使用正确的文件名/书名中的汉字。如果文件名是繁体，就用繁体搜索。</li>
            <li><strong>善用拼音：</strong>当不确定简繁体，或为避免同音错别字时，用拼音是最好的方法。输入汉字后可点击【汉字⇆拼音】按钮。用拼音可以同时搜索到简体和繁体内容。</li>
            <li><strong>精简搜索：</strong>如果书名本身关键词足够，就不要画蛇添足地加上作者名、出版社名。</li>
            <li><strong>杜绝符号：</strong>搜索时 **不要** 输入任何标点符号，例如 `《》`、`()`、`。`、`？`、`*`、`&` 等。</li>
        </ol>

        <h4 style="margin-top: 2rem;">搜索示例 (这里的 `+` 代表空格)</h4>
        
        <h5>例1：搜索《伯克富系统神学.pdf》</h5>
        <ul>
            <li><strong>标准拆分:</strong> <code>伯克富 + 系统神学 + pdf</code></li>
            <li><strong>关键字拆分:</strong> <code>伯 + 系统 + 神学 + pdf</code></li>
            <li><strong>拼音/简拼混合:</strong> <code>bkf + 系统神学 + pdf</code> 或 <code>bokefu + xtsx + pdf</code></li>
            <li><strong>注意：</strong>如果用简短拼音（如`bo`）搜到太多无关结果，就应该使用更完整的拼音或直接用汉字。</li>
        </ul>

        <h5>例2：搜索《世俗洪流中的坚信——从教牧书信看颠覆现实的基督信仰 作者鲍维均 天道出版》</h5>
        <ul>
            <li><strong>正确做法 (选取核心词):</strong> <code>世俗 + 洪流 + 坚信</code> 或 <code>洪流 + 鲍维均</code></li>
            <li><strong>多种组合 (关键词顺序不重要):</strong> <code>洪流 + 坚信</code>、<code>洪流 + 俗 + 信</code>、<code>洪 + 流 + 世 + 坚 + pdf</code></li>
        </ul>
        
        <h5>例3：常见易错词与多义词</h5>
        <ul>
            <li><strong>创世记:</strong> 正确的是“记”，不是“纪”。但为防万一，可以搜 <code>创世 + ji</code>。</li>
            <li><strong>辛迦勒:</strong> 可尝试 <code>辛jiale</code> 或 <code>辛jia勒</code> (汉字+拼音组合，防止谐音和错别字)。</li>
            <li><strong>诗歌类:</strong> 可尝试 <code>诗歌</code>, <code>圣诗</code>, <code>选本</code>, <code>赞美</code>, <code>颂赞</code>, <code>敬拜</code> 等不同关键词。</li>
            <li><strong>乐谱类:</strong> 可尝试 <code>简谱</code>, <code>歌谱</code>, <code>线谱</code>, <code>五线谱</code>。</li>
            <li><strong>西敏信条:</strong> 可尝试 <code>西敏</code>, <code>威敏斯特</code>, <code>威斯敏斯特</code>, <code>信仰告白</code>, <code>信条</code>。</li>
            <li><strong>史普罗:</strong> 作者名有多种翻译，可尝试 <code>史普罗</code>, <code>斯布尔</code>, <code>司布尔</code>, <code>史鲍尔</code>。</li>
        </ul>
        
        <h5>例4：要理问答与格式搜索</h5>
        <ul>
            <li><code>大要理 + 问答 + pdf</code></li>
            <li><code>大要理 + 2023</code></li>
            <li><code>doc:大要理</code> (使用前缀筛选文档类型)</li>
            <li><code>海德堡 + 问答</code></li>
            <li><code>海德堡 + wenda</code> (拼音组合)</li>
            <li><code>海德堡 + jiaoli + wenda</code></li>
        </ul>

        <h4 style="margin-top: 2rem;">搜索结果页操作提示</h4>
        <p>在搜索结果页面，可以点击最上方的“名称”、“路径”、“修改日期”、“大小”等表头进行排序。同时，可以查看“路径”的名字，点进去看看有没有您需要的相关文件。</p>

        <a href="http://103.74.192.62:5222/0.html"><h4>点击这里查看更多搜索方法。</h4></a>

        <img src="http://103.74.192.62/d/c1/1.png" alt="Search example 1" class="img-responsive">
        <img src="http://103.74.192.62/d/c1/2.png" alt="Search example 2" class="img-responsive">
    </section>

    <footer>
      
      <div class="site-info-box">
          <h4>浏览器推荐</h4>
          <div class="nav-links" style="flex-direction: column; align-items: center; font-size: 1rem;">
                <a href="https://www.google.com/intl/zh-CN/chrome/">谷歌浏览器 (Google Chrome)</a>
                <a href="https://www.firefox.com.cn/">火狐浏览器 (Firefox)</a>
                <a href="https://www.microsoft.com/zh-cn/edge/download">Edge 浏览器</a>
                <a href="https://brave.com/zh/download/">勇敢浏览器 (Brave)</a>
                <a href="ttps://www.opera.com/zh-cn">opera浏览器</a>
                h
          </div>
          <p>手机和电脑推荐使用以上浏览器。安卓手机也可以使用Via浏览器。在浏览器的“隐私与安全”设置中，可适当降低安全级别以确保网站访问。为获取最新网站信息，请定期清理浏览器的缓存（Cookies和网站数据）。</p>
      </div>

      <div class="site-info-box">
          <h4>本站重要网址 (请收藏)</h4>
          <p class="warning-text" style="font-size: 0.9rem;">请注意，本站网址协议为 <strong>http</strong>, 不是 https。</p>
          <div class="nav-links" style="flex-direction: column; align-items: center; font-size: 1rem;">
              <a href="http://www.https.ng">主要网址: http://www.https.ng</a>
              <a href="http://103.74.192.62:1234">搜索引擎-1: http://103.74.192.62:1234</a>
         
              <a href="http://103.74.192.62">在线浏览和下载1: http://103.74.192.62</a>
                    <p style="text-align: center;">客服QQ: 1498524735</p>
      
      <a href="https://adjesus2520-my.sharepoint.com/:f:/g/personal/5_adjesus2520_onmicrosoft_com/Epk847N25fBCkCd5Jj3RuA4BlMobV-vZUOqEH96uiVZk0Q?e=zkXlxB">上传资料点击这里15TB以上空间</a>
       <a href="https://adjesus2520-my.sharepoint.com/:f:/g/personal/3_adjesus2520_onmicrosoft_com/EhTAAwrzrfVCmPGeXVk36OABWtUFrdiIGTZV2yZmKi0Xbw?e=oIUa2e">上传资料点击这里20TB以上空间</a>
   
          </div>
           <p>请马上收藏保存这些网址，特别是 `103.74.192.62` 这个，避免其他IP过期后无法访问。</p>
      </div>
    </footer>
    </section>

  

</div>

<script src="https://cdn.jsdelivr.net/npm/pinyin4js@1.3.16/dist/pinyin4js.js"></script>
<script>
  // State variables for pinyin conversion and clear functionality
  var mainInputIsPinyin = false;
  var smallInputsArePinyin = false;
  var lastSearchInputValue = "";
  var lastSmallInputValues = ["", "", "", "", "", ""];
  var isMainInputCleared = false;
  var areSmallInputsCleared = false;

  function addContent(content, inputId) {
    var searchInput = document.getElementById(inputId);
    // If input is not empty and doesn't end with a space, add one.
    if(searchInput.value && !searchInput.value.endsWith(' ')) {
       searchInput.value += ' ';
    }
    searchInput.value = content + searchInput.value.replace(/^(audio:|zip:|doc:|exe:|pic:|video:|path:|fileonly:)/, '').trim();
    searchInput.focus();
  }

  // This function clears the input on first click, and restores the last value on second click.
  function clearInput(inputId) {
    var searchInput = document.getElementById(inputId);
    if (isMainInputCleared) {
      searchInput.value = lastSearchInputValue;
      isMainInputCleared = false;
    } else {
      lastSearchInputValue = searchInput.value;
      searchInput.value = '';
      isMainInputCleared = true;
    }
    searchInput.focus();
  }

  function clearSmallInputs() {
    var inputs = Array.from(document.querySelectorAll('.small-input'));
    if (areSmallInputsCleared) {
      inputs.forEach(function(input, index) {
        input.value = lastSmallInputValues[index];
      });
      areSmallInputsCleared = false;
    } else {
      inputs.forEach(function(input, index) {
        lastSmallInputValues[index] = input.value;
        input.value = '';
      });
      areSmallInputsCleared = true;
    }
  }

  function searchCombined() {
    var inputs = [
      document.getElementById('small-input-1').value,
      document.getElementById('small-input-2').value,
      document.getElementById('small-input-3').value,
      document.getElementById('small-input-4').value,
      document.getElementById('small-input-5').value,
      document.getElementById('small-input-6').value
    ];
    var combined = inputs.filter(Boolean).join(' '); // Filter out empty strings and join with space
    var format = document.getElementById('format-dropdown').value;
    
    let finalQuery = combined;
    if (format) {
        if (format.endsWith(':')) {
            finalQuery = format + combined;
        } else {
            finalQuery = combined + ' ' + format;
        }
    }
    
    if (finalQuery.trim()) {
        window.location.href = 'http://103.74.192.62:1234?q=' + encodeURIComponent(finalQuery.trim());
    } else {
        alert("请输入搜索关键词！");
    }
  }

  function convertToPinyin(text) {
    return PinyinHelper.convertToPinyinString(text, ' ', PinyinFormat.WITHOUT_TONE);
  }

  function togglePinyin(inputElement, isPinyinState) {
    if (isPinyinState) {
      // If it's currently pinyin, revert to original text
      inputElement.value = inputElement.originalValue || inputElement.value;
    } else {
      // If it's currently text, convert to pinyin
      inputElement.originalValue = inputElement.value; // Store the original text
      inputElement.value = convertToPinyin(inputElement.value);
    }
    return !isPinyinState; // Return the new state
  }

  function toggleMainInputPinyin() {
    var mainInput = document.getElementById('search-input');
    mainInputIsPinyin = togglePinyin(mainInput, mainInputIsPinyin);
  }

  function toggleSmallInputsPinyin() {
    var inputs = document.querySelectorAll('.small-input');
    inputs.forEach(function(input) {
      // We pass the global state, but the actual original value is stored on the element itself.
      // The togglePinyin function only needs the current state to decide what to do.
      togglePinyin(input, smallInputsArePinyin);
    });
    // Flip the global state for all small inputs at once
    smallInputsArePinyin = !smallInputsArePinyin;
  }
</script>

</body>
</html>