<!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>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif; background: #f0f2f5; }
/* 顶部大图 */
.hero {
position: relative;
width: 100%;
height: 0;
padding-bottom: 40%;
background: #000;
overflow: hidden;
}
.hero img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.9;
}
.hero-info {
position: absolute;
bottom: 20px;
left: 30px;
right: 30px;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
text-shadow: 0 2px 8px rgba(0,0,0,0.6);
font-size: 18px;
background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
padding: 12px 24px;
border-radius: 40px;
backdrop-filter: blur(5px);
}
/* 主要内容区 */
.container {
max-width: 1300px;
margin: 0 auto;
padding: 20px;
}
/* 月份导航 */
.month-nav {
background: white;
padding: 15px 25px;
border-radius: 50px;
margin: 25px 0;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.month-nav a {
text-decoration: none;
color: #1a73e8;
padding: 6px 16px;
border-radius: 30px;
font-size: 15px;
transition: all 0.2s;
border: 1px solid transparent;
}
.month-nav a:hover {
background: #e8f0fe;
border-color: #1a73e8;
}
.month-nav a.active {
background: #1a73e8;
color: white;
font-weight: 500;
}
/* 壁纸网格 */
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
margin: 30px 0;
}
.card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: transform 0.2s, box-shadow 0.2s;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}
.card-img {
width: 100%;
height: 158px;
object-fit: cover;
cursor: pointer;
background: #f5f5f5;
}
.card-content {
padding: 15px;
}
.card-header {
display: flex;
justify-content: space-between;
color: #666;
font-size: 13px;
margin-bottom: 8px;
}
.card-title {
font-size: 14px;
line-height: 1.4;
color: #333;
margin-bottom: 12px;
height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* 尺寸选择器 */
.size-select {
width: 100%;
padding: 8px;
border: 1px solid #e0e0e0;
border-radius: 20px;
margin: 10px 0;
font-size: 13px;
background: white;
cursor: pointer;
}
.size-select:focus { outline: none; border-color: #1a73e8; }
/* 按钮组 */
.btn-group {
display: flex;
gap: 8px;
}
.btn {
flex: 1;
padding: 8px 0;
border: none;
border-radius: 20px;
font-size: 13px;
cursor: pointer;
text-align: center;
text-decoration: none;
transition: background 0.2s;
}
.btn-download {
background: #1a73e8;
color: white;
}
.btn-download:hover { background: #1557b0; }
.btn-view {
background: #f1f3f4;
color: #333;
}
.btn-view:hover { background: #e4e6e9; }
/* 加载状态和错误提示 */
.loading, .error {
text-align: center;
padding: 60px;
background: white;
border-radius: 24px;
margin: 40px 0;
}
.error { color: #d93025; }
/* 页脚 */
.footer {
text-align: center;
margin: 50px 0 20px;
color: #888;
font-size: 13px;
}
.footer a {
color: #1a73e8;
text-decoration: none;
margin: 0 10px;
}
/* 更新按钮 */
.update-btn {
display: inline-block;
background: #1a73e8;
color: white;
padding: 10px 28px;
border-radius: 30px;
text-decoration: none;
font-size: 15px;
margin: 15px 0;
border: none;
cursor: pointer;
}
.update-btn:hover { background: #1557b0; }
.update-btn:disabled {
background: #ccc;
cursor: not-allowed;
}
@media (max-width: 700px) {
.hero-info {
left: 15px;
right: 15px;
font-size: 14px;
padding: 10px 18px;
}
.month-nav { border-radius: 30px; padding: 12px; }
.month-nav a { padding: 5px 12px; font-size: 13px; }
}
</style>
</head>
<body>
<!-- 顶部大图 -->
<div class="hero">
<img src="images/60930da2bb1a49fbc50f7c53380bb57e.jpg" alt="今日必应" onclick="window.open('images/60930da2bb1a49fbc50f7c53380bb57e.jpg', '_blank')">
<div class="hero-info">
<span>东湖樱花园的樱花，武汉，中国 (© Zhang Qiao/VCG/Getty Images)</span>
<span>2026-03-23</span>
</div>
</div>
<div class="container">
<!-- 月份导航 -->
<div class="month-nav">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3F" class="">全部</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Fmonth%3D2026-03" class="active">
2026-03 </a>
</div>
<!-- 壁纸列表 -->
<div class="grid">
<div class="card">
<img class="card-img" src="images/60930da2bb1a49fbc50f7c53380bb57e.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/60930da2bb1a49fbc50f7c53380bb57e.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-23</span>
<span>📷 Bing</span>
</div>
<div class="card-title">东湖樱花园的樱花，武汉，中国 (© Zhang Qiao/VCG/Getty Images)</div>
<select class="size-select" id="size-2026-03-23">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-23')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/60930da2bb1a49fbc50f7c53380bb57e.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/932fd6e8d8c81783421ae33a14212b10.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/932fd6e8d8c81783421ae33a14212b10.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-22</span>
<span>📷 Bing</span>
</div>
<div class="card-title">坦噶尼喀湖，非洲 (© BEST-BACKGROUNDS/NASA/Shutterstock)</div>
<select class="size-select" id="size-2026-03-22">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-22')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/932fd6e8d8c81783421ae33a14212b10.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/76aa00dae51e3d80cf1638d495efb1e1.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/76aa00dae51e3d80cf1638d495efb1e1.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-21</span>
<span>📷 Bing</span>
</div>
<div class="card-title">坦噶尼喀湖，非洲 (© BEST-BACKGROUNDS/NASA/Shutterstock)</div>
<select class="size-select" id="size-2026-03-21">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-21')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/76aa00dae51e3d80cf1638d495efb1e1.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/1bcb29907fd9f0c89a7a80cbb7f9e17d.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/1bcb29907fd9f0c89a7a80cbb7f9e17d.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-20</span>
<span>📷 Bing</span>
</div>
<div class="card-title">莱泰亚森林，多瑙河三角洲，罗马尼亚 (© Wild Wonders of Europe/Widstrand/Nature Picture Library)</div>
<select class="size-select" id="size-2026-03-20">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-20')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/1bcb29907fd9f0c89a7a80cbb7f9e17d.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/781075defaf1e9cadfc575828883787d.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/781075defaf1e9cadfc575828883787d.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-19</span>
<span>📷 Bing</span>
</div>
<div class="card-title">春日樱花，上海，中国 (© junyyeung/Getty Images)</div>
<select class="size-select" id="size-2026-03-19">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-19')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/781075defaf1e9cadfc575828883787d.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/694a76f9edccc7e1bccf9cbe1063543a.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/694a76f9edccc7e1bccf9cbe1063543a.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-18</span>
<span>📷 Bing</span>
</div>
<div class="card-title">澳洲针鼹，阿德莱德山，澳大利亚 (© Etienne Littlefair/naturepl.com)</div>
<select class="size-select" id="size-2026-03-18">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-18')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/694a76f9edccc7e1bccf9cbe1063543a.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/a95eae854cbeaece071780bd2c72969a.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/a95eae854cbeaece071780bd2c72969a.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-17</span>
<span>📷 Bing</span>
</div>
<div class="card-title">汤姆·麦考尔滨水公园的樱花，波特兰，俄勒冈州，美国 (© Eric Vogt/Tandem Stills + Motion)</div>
<select class="size-select" id="size-2026-03-17">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-17')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/a95eae854cbeaece071780bd2c72969a.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="images/d091711feed8aaaf89e28f3e1efa7cb8.jpg"
alt="壁纸" loading="lazy"
onclick="window.open('images/d091711feed8aaaf89e28f3e1efa7cb8.jpg', '_blank')">
<div class="card-content">
<div class="card-header">
<span>2026-03-16</span>
<span>📷 Bing</span>
</div>
<div class="card-title">艾利赫格里安南环形堡，多内加尔，爱尔兰 (© Lukassek/Getty Images)</div>
<select class="size-select" id="size-2026-03-16">
<option value="uhd">原图 (4K/UHD)</option>
<option value="hd" selected>1920x1080 (全高清)</option>
<option value="thumb">1366x768 (缩略图)</option>
</select>
<div class="btn-group">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-download"
onclick="return downloadWallpaper('2026-03-16')">下载</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%23" class="btn btn-view"
onclick="window.open('images/d091711feed8aaaf89e28f3e1efa7cb8.jpg', '_blank'); return false;">查看</a>
</div>
</div>
</div>
</div>
<!-- 手动更新按钮 -->
<div style="text-align: center;">
<button class="update-btn" onclick="manualUpdate()" id="updateBtn">刷新缓存</button>
<div id="updateMsg" style="margin-top: 10px; color: #666; font-size: 13px;"></div>
</div>
<!-- 页脚 -->
<div class="footer">
<p>
<a href="https://bing.com" target="_blank">Bing</a> |
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3F">首页</a>
</p>
<p style="margin-top: 8px;">© 必应壁纸 · 更新时间: 2026-03-21 19:24</p>
</div>
</div>
<script>
// 下载壁纸函数
function downloadWallpaper(date) {
var select = document.getElementById('size-' + date);
var size = select ? select.value : 'hd';
// 找到对应的壁纸数据
var cards = document.querySelectorAll('.card');
for (var i = 0; i < cards.length; i++) {
var header = cards[i].querySelector('.card-header span:first-child');
if (header && header.textContent.trim() === date) {
var img = cards[i].querySelector('.card-img');
if (img) {
var url = img.src;
if (size === 'uhd') url = url.replace('1366x768', 'UHD').replace('1366x768', 'UHD');
if (size === 'thumb') url = url;
if (size === 'hd') url = url.replace('1366x768', '1920x1080');
window.open(url, '_blank');
}
break;
}
}
return false;
}
// 手动更新
function manualUpdate() {
var btn = document.getElementById('updateBtn');
var msg = document.getElementById('updateMsg');
btn.disabled = true;
btn.textContent = '更新中...';
msg.textContent = '正在获取最新壁纸，请稍候...';
// 添加时间戳避免缓存
fetch('?action=update&t=' + Date.now())
.then(function(response) { return response.json(); })
.then(function(data) {
if (data.success) {
msg.innerHTML = '✅ 更新成功！' + (data.count ? ' 新增' + data.count + '张' : '') + ' 页面即将刷新...';
setTimeout(function() { location.reload(); }, 1500);
} else {
msg.innerHTML = '❌ 更新失败：' + data.message;
btn.disabled = false;
btn.textContent = '重试更新';
}
})
.catch(function(error) {
msg.innerHTML = '❌ 网络错误，请稍后重试';
btn.disabled = false;
btn.textContent = '重试更新';
});
}
</script>
</body>
</html>