kangshifu-board/legacy/index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="color-scheme" content="light">
<meta name="theme-color" content="#eef1f8">
<title>康师傅 · 产品创新看板</title>
<meta name="description" content="康师傅研发中心 AI 赋能实战营 · 多人工作台 + 机会卡片池">
<link rel="stylesheet" href="css/tokens.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/report.css">
<link rel="stylesheet" href="css/cards.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- 光场：装饰层，永不承载内容；玻璃之所以"透"，是因为它下面真的有光 -->
<div class="ambient" aria-hidden="true"><i class="b1"></i><i class="b2"></i><i class="b3"></i><i class="b4"></i></div>
<div class="grain" aria-hidden="true"></div>

<div class="app">
  <!-- 侧栏：整片玻璃，导航 -->
  <aside class="side" id="side" aria-label="主导航">
    <div class="brand">
      <span class="mark" aria-hidden="true">K</span>
      <div><div class="name">产品创新看板</div><div class="sub">康师傅研发中心 · 实战营</div></div>
    </div>
    <nav class="nav" id="nav"></nav>
    <div class="foot"><span class="dot" id="live-dot"></span><span id="live-text">连接中…</span></div>
  </aside>
  <div class="scrim" id="scrim" data-act="close-nav"></div>

  <div class="main">
    <!-- 顶栏：与侧栏同片玻璃；搜索可跨页使用 -->
    <header class="topbar">
      <button class="menu-btn" data-act="open-nav" aria-label="打开导航"></button>
      <div class="crumb" id="crumb"><span class="now">总览</span></div>
      <div class="tools">
        <div class="search" role="search">
          <span class="s-ico"></span>
          <input id="search" type="search" placeholder="搜索成员 / 项目 / 结论 / 报告" autocomplete="off" aria-label="搜索成员、项目或结论" data-act="search">
          <button class="clear" data-act="clear-search" aria-label="清除搜索" hidden></button>
        </div>
        <button class="btn" data-act="refresh" title="立即刷新">刷新</button>
      </div>
    </header>

    <!-- 视图容器：加载时保持与真实内容同高的骨架 -->
    <main id="view" class="view" aria-live="polite"></main>
  </div>
</div>

<!-- 详情抽屉 -->
<div class="drawer-scrim" id="drawer-scrim" data-act="close-drawer"></div>
<aside class="drawer" id="drawer" role="dialog" aria-modal="true" aria-label="详情" tabindex="-1"></aside>

<noscript><div class="view error-box">这个看板需要 JavaScript 才能读取数据。请在浏览器中启用 JavaScript 后刷新。</div></noscript>

<script src="js/config.js"></script>
<script src="js/taxonomy.js"></script>
<script src="js/util.js"></script>
<script src="js/data.js"></script>
<script src="js/model.js"></script>
<script src="js/query.js"></script>
<script src="js/router.js"></script>
<script src="js/views/common.js"></script>
<script src="js/views/opportunity.js"></script>
<script src="js/views/overview.js"></script>
<script src="js/views/pool.js"></script>
<script src="js/views/artifacts.js"></script>
<script src="js/views/insights.js"></script>
<script src="js/views/projects.js"></script>
<script src="js/views/members.js"></script>
<script src="js/views/stages.js"></script>
<script src="js/views/sources.js"></script>
<script src="js/views/detail.js"></script>
<script src="js/views/report.js"></script>
<script src="js/app.js"></script>
</body>
</html>