<!-- Render pass integrity — ©2026 Inspidea. Zhu-Lijianing[#OBaLgP] -->
<!-- Execution context checksum — ©2026 Inspidea. Zhu-Lijianing[#8NKl4z] -->
<!-- DOM tree attestation — ©2026 Inspidea. Zhu-Lijianing[#SlYZ0H] -->
<!-- Template reference — ©2026 Inspidea. Zhu-Lijianing[#s52LC5] -->
<!-- Shadow boundary marker — ©2026 Inspidea. Zhu-Lijianing[#KzkTq7] -->
<!-- Component hash — ©2026 Inspidea. Zhu-Lijianing[#Yzcp0X] -->
<!-- Character encoding seal — qTIwMjYgSW5zcGlkZWEuIFpodS1MaWppYW5pbmdbI2FGa3YwSl0= -->
<!-- Render pass integrity — qTIwMjYgSW5zcGlkZWEuIFpodS1MaWppYW5pbmdbIzZGT0xVel0= -->
<!-- Execution context checksum — qTIwMjYgSW5zcGlkZWEuIFpodS1MaWppYW5pbmdbI2tEOFZjZl0= -->
<!-- DOM tree attestation — qTIwMjYgSW5zcGlkZWEuIFpodS1MaWppYW5pbmdbI1E3NE42bF0= -->
<!-- Template reference — qTIwMjYgSW5zcGlkZWEuIFpodS1MaWppYW5pbmdbI3dEeWhnN10= -->
<!-- Shadow boundary marker — ©2026 Vafcvqrn. Muh-Yvwvnavat[#TAvcpw] -->
<!-- Component hash — ©2026 Vafcvqrn. Muh-Yvwvnavat[#Ps6eby] -->
<!-- Character encoding seal — ©2026 Vafcvqrn. Muh-Yvwvnavat[#R58EJ3] -->
<!-- Render pass integrity — ©2026 Vafcvqrn. Muh-Yvwvnavat[#hq8IFO] -->
<!-- Execution context checksum — a93230323620496e7370696465612e205a68752d4c696a69616e696e675b235378307a51665d -->
<!-- DOM tree attestation — a9 32 30 32 36 20 49 6e 73 70 69 64 65 61 2e 20 5a 68 75 2d 4c 69 6a 69 61 6e 69 6e 67 5b 23 47 33 6d 6c 4b 62 5d -->
<!-- Template reference — a93230323620496e7370696465612e205a68752d4c696a69616e696e675b23556e71546d645d -->
<!-- Shadow boundary marker — a9 32 30 32 36 20 49 6e 73 70 69 64 65 61 2e 20 5a 68 75 2d 4c 69 6a 69 61 6e 69 6e 67 5b 23 69 7a 43 56 49 72 5d -->
<!-- Component hash — a93230323620496e7370696465612e205a68752d4c696a69616e696e675b236f33495a454a5d -->
<!-- Character encoding seal — i2©6g.IsaLaupneZ- hj ni20iidn -->
<!-- Render pass integrity — 2 2ia6apgun-dZ©0Ls ihejni.niI -->
<!-- Execution context checksum — 6LdI©g.aeni 02i-ijZhsa2p nuni -->
<!-- DOM tree attestation — I2ns i2dignu- anii.6jeLZp©0ah -->
<!-- Template reference — ©u6I0hiip.2nsnagn eLdij 2-aiZ -->
<!-- Shadow boundary marker — ]fchOPO#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- Component hash — ]ViVo3s#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- Character encoding seal — ]BoBId0#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- Render pass integrity — ]1wbM1Y#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- Execution context checksum — ]9YdMLA#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- DOM tree attestation — ]N23ejY#[gninaijiL-uhZ .aedipsnI 6202© -->
<!-- Template reference — ‌​‌​‌​​‌‍​​‌‌​​‌​‍​​‌‌​​​​‍​​‌‌​​‌​‍​​‌‌​‌‌​‍​​‌​​​​​‍​‌​​‌​​‌‍​‌‌​‌‌‌​‍​‌‌‌​​‌‌‍​‌‌‌​​​​‍​‌‌​‌​​‌‍​‌‌​​‌​​‍​‌‌​​‌​‌‍​‌‌​​​​‌‍​​‌​‌‌‌​‍​​‌​​​​​‍​‌​‌‌​‌​‍​‌‌​‌​​​‍​‌‌‌​‌​‌‍​​‌​‌‌​‌‍​‌​​‌‌​​‍​‌‌​‌​​‌‍​‌‌​‌​‌​‍​‌‌​‌​​‌‍​‌‌​​​​‌‍​‌‌​‌‌‌​‍​‌‌​‌​​‌‍​‌‌​‌‌‌​‍​‌‌​​‌‌‌‍​‌​‌‌​‌‌‍​​‌​​​‌‌‍​‌‌​‌‌‌‌‍​‌‌‌‌​‌​‍​‌​‌​​​‌‍​‌​​‌​​​‍​‌‌​‌​‌‌‍​‌​​‌‌​​‍​‌​‌‌‌​‌ -->
<!-- Shadow boundary marker — ‌​‌​‌​​‌‍​​‌‌​​‌​‍​​‌‌​​​​‍​​‌‌​​‌​‍​​‌‌​‌‌​‍​​‌​​​​​‍​‌​​‌​​‌‍​‌‌​‌‌‌​‍​‌‌‌​​‌‌‍​‌‌‌​​​​‍​‌‌​‌​​‌‍​‌‌​​‌​​‍​‌‌​​‌​‌‍​‌‌​​​​‌‍​​‌​‌‌‌​‍​​‌​​​​​‍​‌​‌‌​‌​‍​‌‌​‌​​​‍​‌‌‌​‌​‌‍​​‌​‌‌​‌‍​‌​​‌‌​​‍​‌‌​‌​​‌‍​‌‌​‌​‌​‍​‌‌​‌​​‌‍​‌‌​​​​‌‍​‌‌​‌‌‌​‍​‌‌​‌​​‌‍​‌‌​‌‌‌​‍​‌‌​​‌‌‌‍​‌​‌‌​‌‌‍​​‌​​​‌‌‍​‌‌​‌​‌‌‍​‌‌‌​‌‌​‍​‌‌​​‌‌‌‍​‌​​‌‌‌​‍​​‌‌​​​​‍​‌​​‌​‌​‍​‌​‌‌‌​‌ -->
<!-- Component hash — ‌​‌​‌​​‌‍​​‌‌​​‌​‍​​‌‌​​​​‍​​‌‌​​‌​‍​​‌‌​‌‌​‍​​‌​​​​​‍​‌​​‌​​‌‍​‌‌​‌‌‌​‍​‌‌‌​​‌‌‍​‌‌‌​​​​‍​‌‌​‌​​‌‍​‌‌​​‌​​‍​‌‌​​‌​‌‍​‌‌​​​​‌‍​​‌​‌‌‌​‍​​‌​​​​​‍​‌​‌‌​‌​‍​‌‌​‌​​​‍​‌‌‌​‌​‌‍​​‌​‌‌​‌‍​‌​​‌‌​​‍​‌‌​‌​​‌‍​‌‌​‌​‌​‍​‌‌​‌​​‌‍​‌‌​​​​‌‍​‌‌​‌‌‌​‍​‌‌​‌​​‌‍​‌‌​‌‌‌​‍​‌‌​​‌‌‌‍​‌​‌‌​‌‌‍​​‌​​​‌‌‍​‌‌​‌‌‌‌‍​‌​​‌​‌​‍​‌​​‌‌​‌‍​‌​​‌​‌​‍​‌​‌​​‌‌‍​‌​‌​‌‌​‍​‌​‌‌‌​‌ -->
<!-- Character encoding seal — ‌​‌​‌​​‌‍​​‌‌​​‌​‍​​‌‌​​​​‍​​‌‌​​‌​‍​​‌‌​‌‌​‍​​‌​​​​​‍​‌​​‌​​‌‍​‌‌​‌‌‌​‍​‌‌‌​​‌‌‍​‌‌‌​​​​‍​‌‌​‌​​‌‍​‌‌​​‌​​‍​‌‌​​‌​‌‍​‌‌​​​​‌‍​​‌​‌‌‌​‍​​‌​​​​​‍​‌​‌‌​‌​‍​‌‌​‌​​​‍​‌‌‌​‌​‌‍​​‌​‌‌​‌‍​‌​​‌‌​​‍​‌‌​‌​​‌‍​‌‌​‌​‌​‍​‌‌​‌​​‌‍​‌‌​​​​‌‍​‌‌​‌‌‌​‍​‌‌​‌​​‌‍​‌‌​‌‌‌​‍​‌‌​​‌‌‌‍​‌​‌‌​‌‌‍​​‌​​​‌‌‍​​‌‌​‌‌​‍​‌‌​‌​​​‍​‌​‌​‌‌‌‍​‌‌‌​​​​‍​‌​​​‌​‌‍​‌​‌‌​​​‍​‌​‌‌‌​‌ -->
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Inspidea 工具、资源和网站：用探索视图或目录视图发现适合当前任务的入口，并可通过智能搜索获得建议。">
  <meta name="robots" content="noindex,nofollow,noarchive">
  <meta name="theme-color" content="#f8faff">
  <meta property="og:title" content="工具、资源和网站 · Inspidea">
  <meta property="og:description" content="把常用入口整理成清晰目录，也用智能搜索帮助你找到合适工具。">
  <meta property="og:image" content="/assets/inspidea-master.png">
  <link rel="icon" href="/assets/favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="/assets/favicon.png">
  <link rel="stylesheet" href="/styles.css">
  <link rel="stylesheet" href="./ai-assistant/ai_assistant_core.css">
  <link rel="stylesheet" href="./ai-assistant/ai_settings_surface.css">
  <link rel="stylesheet" href="./tools.css?v=20260826.2">
  <title>工具、资源和网站 · Inspidea</title>
</head>
<body class="tools-page">
  <a class="skip-link" href="#tool-directory">跳到资源目录</a>

  <header class="tools-header">
    <a class="brand" href="/" aria-label="返回 Inspidea 首页">
      <img src="/assets/inspidea-lockup.png" alt="Inspidea" width="2172" height="724">
    </a>
    <nav class="tools-nav" aria-label="页面导航">
      <a href="#explore-panel">探索</a>
      <a href="#tool-directory">目录</a>
      <button type="button" id="open-ai-settings" class="nav-settings" aria-haspopup="dialog">
        <span aria-hidden="true">⚙</span> AI 设置
      </button>
      <a class="home-link" href="/">返回首页 <span aria-hidden="true">↗</span></a>
    </nav>
  </header>

  <main class="tools-main">
    <section class="tools-hero" aria-labelledby="tools-title">
      <div class="hero-search-column">
        <p class="tools-eyebrow"><span></span> INSPIDEA TOOLSPACE</p>
        <h1 id="tools-title">工具、<span>资源和网站</span></h1>
        <p class="tools-lead">按熟悉的目录检索，也可以描述你想完成的事，让智能搜索从真实入口中给出建议。</p>

        <div class="search-workspace" id="search-workspace">
          <div class="search-mode-row" aria-label="搜索模式">
            <span>搜索模式</span>
            <div class="segmented-control" role="group" aria-label="选择搜索模式">
              <button type="button" class="is-active" id="mode-standard" data-search-mode="standard" aria-pressed="true">
                <span aria-hidden="true">⌕</span> 标准搜索
              </button>
              <button type="button" id="mode-smart" data-search-mode="smart" aria-pressed="false">
                <span aria-hidden="true">✦</span> 智能搜索
              </button>
            </div>
          </div>

          <form id="tools-search-form" class="tools-search-form" role="search" novalidate>
            <label class="sr-only" for="tools-search-input">搜索工具、资源和网站</label>
            <span class="search-leading-icon" aria-hidden="true">⌕</span>
            <input id="tools-search-input" name="query" type="search" maxlength="1200" autocomplete="off" placeholder="搜索名称、功能、分类或标签">
            <kbd id="search-shortcut">⌘ K</kbd>
            <button id="search-submit" type="submit" aria-label="执行搜索"><span aria-hidden="true">→</span></button>
          </form>

          <div class="smart-search-meta" id="smart-search-meta" hidden>
            <button type="button" id="smart-route-status" class="smart-route-status" aria-haspopup="dialog">
              <span class="status-dot" aria-hidden="true"></span>
              <span id="smart-route-label">智能匹配 · 等待配置</span>
            </button>
            <p><span aria-hidden="true">◇</span> 发送后，你的需求与本页工具目录将由所选 AI 服务处理。</p>
          </div>

          <section id="smart-results" class="smart-results" aria-live="polite" hidden>
            <div class="smart-results-head">
              <div>
                <p class="result-kicker">智能搜索建议</p>
                <h2 id="smart-result-title">正在理解你的需求</h2>
              </div>
              <button type="button" id="clear-smart-results" class="quiet-button">收起</button>
            </div>
            <div id="smart-result-status" class="smart-result-status" role="status"></div>
            <div id="smart-recommendations" class="smart-recommendations"></div>
            <div class="smart-follow-up" id="smart-follow-up" hidden>
              <span aria-hidden="true">↳</span>
              <span id="smart-follow-up-text"></span>
            </div>
          </section>
        </div>

        <div class="browse-toolbar">
          <div class="view-switch" role="group" aria-label="浏览视图">
            <button type="button" id="view-explore" class="is-active" data-view="explore" aria-pressed="true">
              <span aria-hidden="true">✣</span> 探索视图
            </button>
            <button type="button" id="view-directory" data-view="directory" aria-pressed="false">
              <span aria-hidden="true">☷</span> 目录视图
            </button>
          </div>
          <div class="quick-row" aria-label="快捷入口">
            <span>快捷入口</span>
            <div id="quick-links" class="quick-links"></div>
          </div>
        </div>
      </div>

      <div class="constellation" id="category-constellation" aria-label="资源分类探索区">
        <div class="constellation-grid" aria-hidden="true"></div>
        <div class="constellation-center" aria-hidden="true">
          <img src="/assets/inspidea-mark.png" alt="">
        </div>
        <div id="category-nodes" class="category-nodes"></div>
      </div>
    </section>

    <section id="explore-panel" class="explore-panel" aria-labelledby="explore-heading">
      <div class="section-title-row">
        <div>
          <p class="tools-eyebrow"><span></span> CURATED DISCOVERY</p>
          <h2 id="explore-heading">从一个方向开始探索</h2>
          <p id="explore-description">在分类之间游走，发现相邻但未必想到的资源。</p>
        </div>
        <button type="button" id="show-all-directory" class="text-action">查看完整目录 <span aria-hidden="true">→</span></button>
      </div>
      <div id="explore-categories" class="explore-categories"></div>
      <div id="featured-strip" class="featured-strip"></div>
    </section>

    <section id="tool-directory" class="directory-panel" aria-labelledby="directory-heading" hidden>
      <div class="directory-heading">
        <div>
          <p class="tools-eyebrow"><span></span> DIRECTORY VIEW</p>
          <h2 id="directory-heading">按分类检索全部入口</h2>
        </div>
        <p><strong id="directory-count">0</strong> 个匹配结果</p>
      </div>
      <div class="directory-layout">
        <aside class="category-sidebar" aria-label="资源分类">
          <button type="button" class="is-active" data-category="all"><span aria-hidden="true">⌘</span> 全部分类 <b id="all-count">0</b></button>
          <div id="category-filter-list"></div>
        </aside>
        <div class="directory-content">
          <div class="directory-controls">
            <label class="directory-inline-search">
              <span aria-hidden="true">⌕</span>
              <span class="sr-only">在目录中搜索</span>
              <input id="directory-search" type="search" autocomplete="off" placeholder="搜索资源名称、功能或标签">
            </label>
            <label>
              <span class="sr-only">选择分类</span>
              <select id="category-select">
                <option value="all">所有分类</option>
              </select>
            </label>
            <label>
              <span class="sr-only">排序方式</span>
              <select id="sort-select">
                <option value="curated">综合排序</option>
                <option value="name">按名称排序</option>
                <option value="category">按分类排序</option>
              </select>
            </label>
          </div>
          <div id="resource-grid" class="resource-grid"></div>
          <div id="empty-state" class="empty-state" hidden>
            <span aria-hidden="true">⌕</span>
            <h3>暂时没有匹配结果</h3>
            <p>换一个关键词，或切到智能搜索描述你想完成的事情。</p>
            <button type="button" id="empty-smart-search">切到智能搜索</button>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="site-footer tools-footer">
    <span>©2026 Inspidea</span>
    <span class="footer-note">工具、资源和网站 · 入口由第三方独立提供</span>
    <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="noopener noreferrer">辽ICP备2026016007号-2</a>
  </footer>

  <dialog id="ai-settings-dialog" class="ai-settings-dialog" aria-labelledby="ai-settings-title">
    <form method="dialog" class="dialog-shell">
      <div class="dialog-head">
        <div>
          <p class="result-kicker">AI SEARCH SETTINGS</p>
          <h2 id="ai-settings-title">智能搜索设置</h2>
        </div>
        <button type="submit" class="dialog-close" value="close" aria-label="关闭设置">×</button>
      </div>

      <div class="settings-grid">
        <section class="settings-card">
          <h3>模型路由</h3>
          <label>选择方式
            <select id="ai-route-mode" data-ai-settings-select>
              <option value="smart-global">智能匹配全部服务</option>
              <option value="smart-provider">在指定服务内智能匹配</option>
              <option value="manual">手动选择模型</option>
            </select>
          </label>
          <label>AI 服务
            <select id="ai-provider" data-ai-settings-select></select>
          </label>
          <label id="ai-model-row">模型
            <select id="ai-model" data-ai-settings-select></select>
          </label>
          <label id="ai-endpoint-row" hidden>区域
            <select id="ai-endpoint-profile" data-ai-settings-select></select>
          </label>
          <label id="ai-workspace-row" hidden>Workspace ID
            <input id="ai-workspace-id" type="text" maxlength="128" autocomplete="off" placeholder="仅阿里云百炼地域端点需要">
          </label>
        </section>

        <section class="settings-card">
          <h3>凭据保存</h3>
          <label>API Key
            <input id="ai-api-key" type="password" maxlength="8192" autocomplete="new-password" placeholder="仅在你保存后使用">
          </label>
          <label>保存方式
            <select id="ai-credential-mode" data-ai-settings-select>
              <option value="device">记住此设备</option>
              <option value="encrypted">口令加密保险库</option>
              <option value="session">仅本次页面会话</option>
            </select>
          </label>
          <label id="vault-passphrase-row" hidden>保险库口令
            <input id="vault-passphrase" type="password" minlength="10" maxlength="1024" autocomplete="new-password" placeholder="10 个字符以上；口令不会保存">
          </label>
          <p id="credential-status" class="settings-status" role="status">当前服务尚未配置凭据。</p>
          <div class="settings-actions">
            <button type="button" id="save-ai-settings" class="primary-action">保存设置</button>
            <button type="button" id="unlock-vault">解锁保险库</button>
            <button type="button" id="remove-ai-credential">移除当前凭据</button>
          </div>
        </section>

        <section class="settings-card settings-card-wide">
          <div class="privacy-summary">
            <div><span>页面上下文</span><strong>工具目录、分类、用途与链接</strong></div>
            <div><span>对话记录</span><strong>当前浏览器，直到你删除</strong></div>
            <div><span>第三方接收</span><strong>仅在你发送智能搜索时</strong></div>
            <div><span>跨项目隔离</span><strong>独立工具站命名空间</strong></div>
          </div>
          <p>设备加密与口令保险库用于降低普通存储泄露风险，但不能防御同源脚本、恶意扩展或失陷设备。请为模型服务使用可撤销、最小权限的 Key。</p>
          <div class="settings-actions">
            <button type="button" id="clear-ai-history">清除本机智能搜索历史</button>
            <button type="button" id="reset-ai-vault" class="danger-action">重置凭据库</button>
          </div>
        </section>
      </div>
    </form>
  </dialog>

  <div id="toast-region" class="toast-region" aria-live="polite" aria-atomic="true"></div>

  <script src="./vendor/dompurify/purify.min.js"></script>
  <script src="./catalog.js?v=20260826.2"></script>
  <script src="./ai-assistant/encrypted_browser_vault.js"></script>
  <script src="./ai-search-bridge.js?v=20260826.2"></script>
  <script src="./ai-assistant/ai_assistant_core.js"></script>
  <script src="./ai-assistant/ai_settings_surface.js"></script>
  <script src="./tools.js?v=20260826.2"></script>
</body>
</html>