(function () {
  'use strict';
  const NS = (window.WebsiteRedesign = window.WebsiteRedesign || {});

/* projects/website-redesign/app.jsx
 * 商汤小浣熊官网改版 · 可交互原型
 * 需求来源（飞书文档，仓库内不再保留副本）：
 *   官网改版需求 https://sensetime.feishu.cn/docx/Tqjnd1wPRoUZcYx4XVlc23uynnb
 *   行业落地页需求 https://sensetime.feishu.cn/docx/XFQod48sHoQRUExiAuocnFwEnL9
 *
 * home-1a.dc.html 是 Claude Design 画布导出的自包含页面，自带 support.js 运行时
 * （运行时内部从 CDN 加载 React / Babel），因此原样保留、用 iframe 承载，
 * 不改写成本仓库的 JSX 体系，以免丢失 DCLogic 里的真交互。
 * 引用路径要求：support.js 与 assets/ 必须与 .dc.html 同级。
 */
/* global React */

/* 顶部留白：让出左上角固定面包屑的位置，避免盖住官网 logo */
const TOP_GAP = 56;

function WebsiteRedesignApp() {
  return (
    <div style={{ position: 'fixed', inset: 0, background: '#f7f7f5' }}>
      <iframe
        src="projects/website-redesign/home-1a.dc.html"
        title="商汤小浣熊官网改版 · 首页"
        style={{
          position: 'absolute', top: TOP_GAP, left: 0, right: 0, bottom: 0,
          width: '100%', height: 'calc(100% - ' + TOP_GAP + 'px)',
          border: 'none', background: '#f7f7f5',
        }}
      />
    </div>
  );
}

Object.assign(NS, { WebsiteRedesignApp });
})();