<style> /* 选猫网站样式 */ .cat-banner { background:#f9f9f9; padding:60px 20px; text-align:center; border-radius:12px; margin-bottom:30px; } .cat-banner h1 { font-size:28px; margin-bottom:10px; } .cat-banner p { font-size:16px; color:#555; } .cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; } .cat-item { background:#fff; border-radius:10px; padding:14px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.06); } .cat-item img { width:100%; height:180px; object-fit:cover; border-radius:8px; } .cat-item h3 { font-size:16px; margin:10px 0 5px; } .cat-item .price { font-size:18px; color:#e64343; font-weight:bold; } .cat-tag { font-size:12px; color:#999; } .cat-guarantee { background:#fff8f8; padding:30px 20px; border-radius:12px; margin-top:30px; } .cat-guarantee h3 { text-align:center; margin-bottom:20px; } .guarantee-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; } .guarantee-grid div { padding:10px; background:#fff; border-radius:8px; font-size:14px; } @media (max-width:768px){ .cat-grid { grid-template-columns:repeat(2,1fr); } } </style> <!– 首页横幅 –> <div class=”cat-banner”> <h1>武汉专业选猫｜实拍无滤镜｜健康质保</h1> <p>纯种猫舍｜疫苗齐全｜猫瘟腹水质保｜终身售后指导</p> </div> <!– 品种快速入口 –> <div style=”text-align:center;margin:30px 0;”> <h3>品种分类</h3> <div style=”display:flex;flex-wrap:wrap;gap:10px;justify-content:center;”> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>英短</span> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>布偶</span> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>美短</span> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>缅因</span> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>暹罗</span> <span style=”background:#f2f2f2;padding:8px 14px;border-radius:20px;”>德文</span> </div> </div> <!– 今日推荐猫咪 –> <h3 style=”text-align:center;margin-top:40px;”>今日推荐猫咪</h3> <div class=”cat-grid”> <div class=”cat-item”> <img src=”https://via.placeholder.com/400×300″ alt=”猫咪”> <h3>金渐层弟弟</h3> <div class=”cat-tag”>2个月｜已打1针</div> <div class=”price”>¥2600</div> </div> <div class=”cat-item”> <img src=”https://via.placeholder.com/400×300″ alt=”猫咪”> <h3>布偶海双</h3> <div class=”cat-tag”>3个月｜疫苗齐全</div> <div class=”price”>¥4800</div> </div> <div class=”cat-item”> <img src=”https://via.placeholder.com/400×300″ alt=”猫咪”> <h3>银渐层妹妹</h3> <div class=”cat-tag”>2个半月｜无病无癣</div> <div class=”price”>¥1600</div> </div> </div> <!– 服务保障 –> <div class=”cat-guarantee”> <h3>我们的保障</h3> <div class=”guarantee-grid”> <div>✅ 实拍无滤镜，所见即所得</div> <div>✅ 猫瘟/腹水质保</div> <div>✅ 疫苗齐全，体检健康</div> <div>✅ 终身饲养指导</div> <div>✅ 武汉可上门，外地可托运</div> <div>✅ 售后一对一，安心饲养</div> </div> </div> <!– 联系方式 –> <div style=”text-align:center;padding:40px 20px;”> <h3>预约选猫</h3> <p>微信：你的微信号</p> <p>电话：你的电话</p> <p>地址：武汉可上门看猫</p> </div>