SOURCE

<div class="container">
  <h1>胡麻油产品展示</h1>
  < img src="https://img1.imgtp.com/2023/07/27/GYYX2bdt.jpg" alt="胡麻油" class="product-img">
  <p>纯正胡麻油，营养健康，香味浓郁。</p >
  <button class="buy-button">立即购买</button>

  <div class="problems">
    <h2>行业发展问题</h2>
    <ul>
      <li>原料供应不稳定：胡麻种植受天气等因素影响大。</li>
      <li>生产工艺落后：传统炒制易产生有害物质。</li>
      <li>产品同质化严重：消费者难区分差异。</li>
      <li>企业规模小且分散：难以形成品牌。</li>
      <li>市场竞争激烈：线上劣质产品冲击市场。</li>
      <li>消费者认知不足：健康价值未被广泛认知。</li>
    </ul>
  </div>
</div>

body {
  font-family: "Arial", sans-serif;
  background-color: #fffdf5;
  padding: 20px;
  color: #333;
}

.container {
  max-width: 800px;
  margin: auto;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.product-img {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 20px auto;
}

.buy-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 0;
  background-color: #e09132;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.buy-button:hover {
  background-color: #c87f2e;
}

.problems {
  margin-top: 30px;
}

.problems h2 {
  color: #a0522d;
}

.problems ul {
  list-style-type: disc;
  padding-left: 20px;
}