实时价格
<h2 class="price">$0</h2> <!-- 显示实时价格 -->
<p>实时价格变动：<i id="change_percent">+0%</i> （<i id="change">上涨/下跌金额</i> ）</p> <!-- 描述价格变动的百分比和具体金额 -->
≈ ¥0 ฿
<li>
<h4 class="title">流通市值</h4> <!-- 标题 -->
<p><span class="tip">流通市值 = 该币种当前流通量 × 当前币价</span></p> <!-- 提示信息 -->
<div class="piechart" data-value="0" data-color="#008555"></div> <!-- 饼图展示流通市值占比 -->
<p class="info"><i>--</i>占全球总市值<span class="tip">全球总市值占比 =（该币种的流通市值 ÷ 已收录到的所有币种市值）× 100%</span></p> <!-- 描述该币种在全球总市值中的占比 -->
</li>
<!-- 其他币种信息的li元素也按照上述格式编排 -->
<!-- ... -->
<li>
投资回报
<p><span class="tip">投资回报率 =（当前币价-众筹价格）÷ 众筹价格×100%</span></p> <!-- 提示信息 -->
<i class="investment-return fred">+0.0%</i> <!-- 显示投资回报率 -->
</li>
注意：上述内容中的部分数据如流通市值、流通量、成交额等，需要实时更新，可以通过后端接口获取最新数据并动态渲染到前端页面，对于高风险币种的警告标识，可以优化为更为醒目的设计，以提醒用户谨慎投资。
