console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网红黄焖鸡菜谱</title>
<style>
.recipe-card {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background: #fff5e6;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
font-family: 'Microsoft YaHei', sans-serif;
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-bottom: 20px;
}
.ingredients-box {
background: #fff;
padding: 15px;
border-radius: 10px;
}
.cooking-img {
width: 100%;
border-radius: 10px;
border: 3px solid #ffd9b3;
}
@media (max-width: 480px) {
.grid-container {
grid-template-columns: 1fr;
}
.cooking-img {
max-height: 200px;
object-fit: cover;
}
}
</style>
</head>
<body>
<div class="recipe-card">
<div class="grid-container">
<div>
<h2 style="color: #ff6b6b; margin: 0 0 10px;">�� 爆款黄焖鸡</h2>
<img src="https://pic.rmb.bdstatic.com/bjh/240823/dump/e7b9fc4faac725a23e38e538f22392d2.jpeg" class="cooking-img" alt="黄焖鸡成品图">
</div>
<div class="ingredients-box">
<h3 style="color: #ff9f43; margin-top: 0;">�� 黄金配比（2-3人份）</h3>
<ul style="list-style: none; padding: 0;">
<li>�� 三黄鸡腿4个（约800g）</li>
<li>�� 灵魂三件套：干香菇12朵+土豆200g+青红椒各1</li>
<li>�� 秘制酱汁：黄豆酱45g+蚝油30g+生抽30g</li>
<li>�� 爆香组合：姜片5g+蒜粒10g+干辣椒3个</li>
<li>�� 水量控制：泡菇水+清水=1000ml</li>
</ul>
</div>
</div>
<div class="ingredients-box">
<h3 style="color: #ff9f43;">���� 零失败操作手册</h3>
<ol style="padding-left: 20px;">
<li><strong>预处理阶段</strong><br>
鸡肉冷水下锅+姜片料酒焯水，香菇泡发留汁</li>
<li><strong>酱汁调配</strong><br>
黄豆酱+蚝油+生抽+老抽15g+糖10g</li>
<li><strong>炒制关键</strong><br>
冰糖炒糖色→下鸡肉→加香料炒香</li>
<li><strong>焖煮魔法</strong><br>
倒入酱汁+香菇水→高压锅8分钟/砂锅20分钟</li>
<li><strong>收尾艺术</strong><br>
土豆焖10分钟→青红椒拌2分钟→淋香油</li>
</ol>
</div>
<div style="margin-top: 15px; color: #666; font-size: 0.9em;" class="ingredients-box">
<p>�� 主厨私房话：<br>
① 鸡腿比鸡块更嫩滑<br>
② 加千张/青菜更吸汁<br>
③ 汤汁保留1/3碗拌饭是灵魂</p>
</div>
</div>
</body>
</html>