<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Ningbo PNG</title>
<style>
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial;
background:#111;color:#fff;margin:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:14px}
img{width:100%;height:auto;background:#fff;border-radius:10px}
code{display:block;word-break:break-all;background:#000;border:1px solid #333;
padding:10px;border-radius:10px;margin-top:10px;font-size:12px}
</style>
</head>
<body>
<h2>Ningbo PNG 目录（点开图片地址即可复制）</h2>
<div class="grid">
<div class="card"><img src="aningbo.png"><code>aningbo.png</code></div>
<div class="card"><img src="beilun1.png"><code>beilun1.png</code></div>
<div class="card"><img src="cixi1.png"><code>cixi1.png</code></div>
<div class="card"><img src="fenghua1.png"><code>fenghua1.png</code></div>
<div class="card"><img src="haishu1.png"><code>haishu1.png</code></div>
<div class="card"><img src="jiangbei1.png"><code>jiangbei1.png</code></div>
<div class="card"><img src="ninghai1.png"><code>ninghai1.png</code></div>
<div class="card"><img src="xiangshan1.png"><code>xiangshan1.png</code></div>
<div class="card"><img src="yinzhou1.png"><code>yinzhou1.png</code></div>
<div class="card"><img src="yuyao1.png"><code>yuyao1.png</code></div>
<div class="card"><img src="zhenhai1.png"><code>zhenhai1.png</code></div>
</div>
<p style="opacity:.7;margin-top:18px">
图片最终URL = 你的网站域名 + /文件名（例如 https://ningbo-png.pages.dev/haishu1.png）
</p>
</body>
</html>