<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>青岛逸云探索科技有限公司｜AI 行业垂直应用与信息化落地</title>
    <meta
      name="description"
      content="青岛逸云探索科技有限公司，专注 AI 行业垂直应用与企业信息化落地，正在打磨逸数薪、逸说、逸宝助理等产品，探索新的工作方式。"
    />
    <meta
      name="keywords"
      content="青岛逸云探索科技, 逸云探索, AI 行业垂直应用, 企业信息化落地, 绩效数据分析, 逸数薪, 逸说, 逸宝助理, 个人效率工具, 数字化转型"
    />
    <link rel="icon" type="image/png" href="./logo-yyts.png" />
    <link rel="stylesheet" href="./styles.css" />


  </head>
  <body>
    <div class="page-wrap">
      <!-- 顶部导航 -->
      <header class="site-header">
        <div class="container header-inner">
          <div class="brand">
            <div class="brand-mark">
              <img src="./logo-yyts.png" alt="逸云探索 Logo" class="brand-logo" />
            </div>
            <div class="brand-text">
              <div class="brand-name">逸云探索</div>
              <div class="brand-sub">Qingdao EASETECH Innovation Co., Ltd.</div>
            </div>
          </div>
          <nav class="nav">
            <a href="#services">我们做什么</a>
            <a href="#products">产品</a>
            <a href="#careers">招聘</a>
            <a href="#contact">联系</a>
          </nav>
          <div class="nav-actions">
            <!-- 预留工作台入口：如后续有 /app 可在此放按钮 -->
          </div>

        </div>
      </header>

      <main>
        <!-- HERO 大屏 -->
        <section class="hero" id="top">
          <div class="hero-bg">
            <div class="hero-orbit hero-orbit--1"></div>
            <div class="hero-orbit hero-orbit--2"></div>
            <div class="hero-orbit hero-orbit--3"></div>
            <div class="hero-words" id="hero-words-layer"></div>
          </div>
          <div class="container hero-inner">
            <div class="hero-content reveal">
              <h1 class="hero-title">把业务流程，变成可通关的副本</h1>
              <p class="hero-slogan">潇洒飘逸，云无定型，探索新的工作方式</p>
              <p class="hero-desc">
                逸云探索专注 AI 行业垂直应用和企业信息化落地。
                既做面向企业的业务系统，也打磨面向个人的效率工具，希望把每一份工作变成可设计、可度量、可持续优化的流程。
              </p>
              <div class="hero-actions">
                <a href="#contact" class="btn btn-primary">联系合作</a>
                <a href="#products" class="btn btn-ghost">了解我们的产品</a>
              </div>
              <div class="hero-meta">
                <span>青岛 · 专注小而深的业务场景</span>
                <span class="dot">·</span>
                <span>AI + 信息化落地伙伴</span>
              </div>
            </div>
          </div>
          <div class="scroll-indicator">
            <div class="scroll-indicator-inner">
              <div class="scroll-indicator-dot"></div>
            </div>
            <div class="scroll-indicator-label">下滑了解更多</div>
          </div>
        </section>

        <!-- 我们做什么 -->
        <section class="section" id="services">
          <div class="container section-inner reveal">
            <header class="section-header">
              <h2>我们在做什么</h2>
              <p>
                用 AI 和信息化，把行业中的具体问题拆解、落地，而不是做抽象的大而全平台。
              </p>
            </header>
            <div class="cards cards--three">
              <article class="card">
                <h3>AI 行业垂直应用</h3>
                <p>
                  围绕不同行业的真实流程和数据，打造可直接落地的 AI 工具，而不是停留在 Demo 和概念。
                </p>
              </article>
              <article class="card">
                <h3>企业信息化落地</h3>
                <p>
                  帮助企业把散落在表格、群聊里的流程，沉淀成可追踪、可度量的业务系统，小步试点、持续迭代。
                </p>
              </article>
              <article class="card">
                <h3>面向个人的效率产品</h3>
                <p>
                  在打磨面向个人的工具，让个体也拥有自己的工作台，看见清晰的进度与反馈，养成稳定的工作节奏。
                </p>
              </article>
            </div>
          </div>
        </section>

        <!-- 招聘区块 -->
        <section class="section" id="careers">
          <div class="container section-inner reveal">
            <header class="section-header">
              <div class="section-eyebrow">CAREERS</div>
              <h2>一起探索新的工作方式</h2>
              <p>
                我们是一支小而专注的团队，更在意和谁一起做事，而不是团队一开始有多大。
              </p>
            </header>
            <div class="cards cards--one">
              <article class="card card-job">
                <div class="card-label">校招 · 产品助理（2 名）</div>
                <h3>和我们一起，把想法落成真实产品</h3>
                <p>
                  我们在寻找愿意和用户对话、能把需求拆成流程、愿意亲手搭建原型的同学。
                  优先考虑对 AI 产品和信息化落地有兴趣的应届毕业生。
                </p>
                <ul class="list">
                  <li>参与需求访谈和场景梳理，与用户一起定义问题</li>
                  <li>协助拆解业务流程，形成原型和基础文档</li>
                  <li>和设计、研发紧密合作，推进小步试点与迭代</li>
                </ul>
                <p class="card-job-contact">
                  简历请发送至：<span class="highlight">hr@yyts.fun</span>，
                  邮件标题请备注「产品助理-姓名」。如果还在犹豫毕业后要做什么，不妨先和我们聊一聊。
                </p>
              </article>
            </div>
          </div>
        </section>

        <!-- 产品区块 -->
        <section class="section section-alt" id="products">
          <div class="container section-inner reveal">
            <header class="section-header">
              <div class="section-eyebrow">PRODUCTS</div>
              <h2>正在打磨中的产品</h2>
              <p>每一款产品，都对应一个具体场景和可度量的改进指标。</p>
            </header>
            <div class="cards cards--three">
              <article class="card card-product">
                <div class="card-label">企业 · 绩效分析</div>
                <h3>逸数薪 · 绩效数据分析系统</h3>
                <p>
                  把分散在表格、系统中的绩效数据拉通，帮助管理者看到真实贡献、趋势和异常，把绩效讨论建立在数据之上。
                </p>
              </article>
              <article class="card card-product">
                <div class="card-label">团队 · 知识沉淀</div>
                <h3>逸说 · 知识库产品</h3>
                <p>
                  面向团队的结构化知识库，让经验沉淀下来，被搜索、被复用，支持用自然语言快速找到答案和上下文。
                </p>
              </article>
              <article class="card card-product">
                <div class="card-label">个人 · 工作流</div>
                <h3>逸宝助理 · 个人待办管理</h3>
                <p>
                  把每天的琐事拆成可通关的副本，用进度条和轻量提示，帮助你以稳定节奏推进长期目标，而不是被临时任务带着走。
                </p>
              </article>
            </div>
            <p class="section-note">
              产品仍在持续迭代中，欢迎一起试用和共创，提出你的场景和想法。
            </p>
          </div>
        </section>

        <!-- 联系方式 -->
        <section class="section section-alt" id="contact">
          <div class="container section-inner reveal">
            <header class="section-header">
              <h2>联系与合作</h2>
              <p>如果你有具体场景、正在推进的项目，或者只是想聊聊想法，都欢迎和我们联系。</p>
            </header>
            <div class="contact-grid">
              <div class="contact-block">
                <h3>公司信息</h3>
                <p>青岛逸云探索科技有限公司</p>
                <p>专注 AI 行业垂直应用与企业信息化落地。</p>
                <p class="muted">青岛市香港中路52号时代广场</p>
              </div>
              <div class="contact-block">
                <h3>联系方式</h3>
                <p>商务合作：<span class="highlight">lyle@yyts.fun</span></p>
                <p>产品交流：<span class="highlight">tansuo@yyts.fun</span></p>
                <!-- <p class="muted">邮箱可根据实际情况替换；也可在这里放微信二维码。</p> -->
              </div>
              <div class="contact-block contact-block--qr-row">
                <!-- <h3>扫码联系</h3> -->
                <div class="contact-qr-list">
                  <figure class="qr-card">
                    <div class="qr-image-wrap">
                      <img src="./qr-wecom.png" alt="企业微信二维码" loading="lazy" />
                    </div>
                    <figcaption>企微 · 一对一沟通</figcaption>
                  </figure>
                  <figure class="qr-card">
                    <div class="qr-image-wrap">
                      <img src="./qr-video-account.png" alt="视频号二维码" loading="lazy" />
                    </div>
                    <figcaption>视频号 · 产品动态</figcaption>
                  </figure>
                  <figure class="qr-card">
                    <div class="qr-image-wrap">
                      <img src="./qr-txclub.png" alt="探学社二维码" loading="lazy" />
                    </div>
                    <figcaption>探学社 · 一起学习探索</figcaption>
                  </figure>
                </div>
              </div>
            </div>

          </div>
        </section>
      </main>

      <footer class="site-footer">
        <div class="container footer-inner">
          <span>© <span id="year"></span> 青岛逸云探索科技有限公司</span>
          <span class="dot">·</span>
          <span>潇洒飘逸，云无定型，探索新的工作方式</span>
          <span class="dot">·</span>
          <span class="muted">
            <a
              href="https://beian.miit.gov.cn"
              class="beian-link"
              target="_blank"
              rel="noreferrer"
              >鲁ICP备2024086042号</a
            >
            <span class="dot">·</span>
            <a
              href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37020202370349"
              class="beian-link"
              target="_blank"
              rel="noreferrer"
            >
              <span class="beian-icon" aria-hidden="true">
                <img
                  src="https://img.alicdn.com/tfs/TB1..50QpXXXXX7XpXXXXXXXXXX-40-40.png"
                  alt="公安备案图标"
                  class="beian-icon-img"
                />
              </span>
              鲁公网安备37020202370349号
            </a>
          </span>
        </div>
      </footer>

      <div class="hi-floating" id="hi-floating">
        <button class="hi-btn" id="hi-btn" type="button" aria-label="来了打个招呼吧">
          <span class="hi-btn-icon">?</span>
          <span class="hi-btn-label">来了打个招呼吧</span>
        </button>
        <div class="hi-toast" id="hi-toast" aria-live="polite">
          <div class="hi-toast-message" id="hi-toast-message"></div>
          <div class="hi-toast-meta" id="hi-toast-meta"></div>
        </div>
      </div>
    </div>

    <script src="./main.js"></script>
  </body>
</html>
