<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes">
<title>必应壁纸列表 - 按年月归档</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Roboto, sans-serif; background: #f5f7fa; padding: 20px; }
.container { max-width: 1400px; margin: 0 auto; }
h1 { font-size: 1.8rem; margin-bottom: 20px; color: #2c3e50; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
h1 a { font-size: 1rem; background: #3498db; color: white; padding: 8px 16px; border-radius: 30px; text-decoration: none; }
.filter-form { background: white; padding: 15px 20px; border-radius: 40px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }
.filter-group { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
select { padding: 10px 18px; border-radius: 40px; border: 1px solid #ddd; background: white; font-size: 1rem; cursor: pointer; outline: none; }
.btn { background: #3498db; color: white; border: none; padding: 10px 24px; border-radius: 40px; font-size: 1rem; cursor: pointer; text-decoration: none; display: inline-block; transition: background 0.2s; }
.btn:hover { background: #2980b9; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.card { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.2s; text-decoration: none; color: inherit; display: block; }
.card:hover { transform: translateY(-5px); box-shadow: 0 12px 20px rgba(0,0,0,0.15); }
.card-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; background: #eee; }
.card-info { padding: 15px; }
.card-title { font-weight: 600; margin-bottom: 6px; color: #2c3e50; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-copyright { font-size: 0.8rem; color: #7f8c8d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-date { font-size: 0.75rem; color: #95a5a6; margin-top: 8px; }
.pagination { margin-top: 40px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.pagination a, .pagination span { display: inline-block; padding: 10px 16px; border-radius: 40px; background: white; text-decoration: none; color: #3498db; border: 1px solid #e0e0e0; }
.pagination .current { background: #3498db; color: white; border-color: #3498db; }
.empty-msg { text-align: center; padding: 60px 20px; color: #7f8c8d; font-size: 1.2rem; }
@media (max-width: 600px) {
body { padding: 15px; }
h1 { font-size: 1.5rem; }
.filter-form { border-radius: 24px; flex-direction: column; align-items: stretch; }
.btn { text-align: center; }
}
</style>
</head>
<body>
<div class="container">
<h1>
📅 必应壁纸归档
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dhome" class="btn">🏠 返回首页</a>
</h1>
<form method="get" class="filter-form">
<input type="hidden" name="action" value="list">
<div class="filter-group">
<select name="year" onchange="this.form.submit()">
<option value="0">全部年份</option>
<option value="2026" >2026年</option>
</select>
<select name="month" onchange="this.form.submit()" disabled>
<option value="0">全部月份</option>
<option value="1" >1月</option>
<option value="2" >2月</option>
<option value="3" >3月</option>
<option value="4" >4月</option>
<option value="5" >5月</option>
<option value="6" >6月</option>
<option value="7" >7月</option>
<option value="8" >8月</option>
<option value="9" >9月</option>
<option value="10" >10月</option>
<option value="11" >11月</option>
<option value="12" >12月</option>
</select>
</div>
<noscript><button type="submit" class="btn">筛选</button></noscript>
</form>
<div class="grid">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dview%26id%3D2" class="card">
<img class="card-img" src="images/e532415ad750a8aa69e392053d27fb3e.jpg" loading="lazy" alt="静谧的石之杰作">
<div class="card-info">
<div class="card-title">静谧的石之杰作</div>
<div class="card-copyright">邦港圣母教堂拱顶，莱萨布勒多洛讷，法国 (© Helmut Meyer zur </div>
<div class="card-date">2026年3月</div>
</div>
</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dview%26id%3D1" class="card">
<img class="card-img" src="images/d95e403626c8f5849895fc5c9b8e3b10.jpg" loading="lazy" alt="古老岩石，现代灯光">
<div class="card-info">
<div class="card-title">古老岩石，现代灯光</div>
<div class="card-copyright">格雷梅的傍晚, 卡帕多西亚, 土耳其 (© ONNAJA/Getty Image</div>
<div class="card-date">2026年3月</div>
</div>
</a>
</div>
</div>
</body>
</html>