function LiveView() {
  return (
    <div className="live-view">
      <div className="live-stream">
        <div className="center">实时视频流</div>
        <div className="stream-overlay">
          <div className="stream-top">
            <div className="stream-host">
              <div className="pic">李</div>
              <span>李伟 · Li Wei</span>
              <span className="follow">+关注</span>
            </div>
            <div className="stream-stats">
              <span className="chip live"><span className="dot"></span>LIVE</span>
              <span className="chip">42.8万</span>
            </div>
          </div>

          <div className="stream-chat">
            <div className="msg"><span className="who">小红:</span> 这款米的口感怎么样？</div>
            <div className="msg"><span className="who">阿伟:</span> 已下单两袋！</div>
            <div className="msg"><span className="who">月月:</span> 包邮吗？</div>
            <div className="msg"><span className="who">系统:</span> 用户 abc... 领取了优惠券</div>
          </div>

          <div className="stream-toolbar">
            <div className="tool"><i className="ti ti-message-circle-filled"></i></div>
            <div className="tool"><i className="ti ti-gift-filled"></i></div>
            <div className="tool"><i className="ti ti-heart-filled" style={{color: "var(--thaihao-primary)"}}></i></div>
            <div className="tool"><i className="ti ti-share"></i></div>
          </div>

          <div className="stream-product">
            <div className="pic bg-rice"></div>
            <div className="info">
              <div className="name">Khao Hom 茉莉香米 5kg · 顶级</div>
              <div className="deal">直播限定 · 限量 200 件 · 还剩 84 件</div>
            </div>
            <div className="price">¥89</div>
            <button>立即抢购</button>
          </div>
        </div>
      </div>
    </div>
  );
}

window.LiveView = LiveView;