<!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, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #f0f2f5; }
.detail-container { max-width: 1200px; margin: 20px auto; padding: 0 20px; }
.back-nav { margin-bottom: 20px; }
.back-nav a { color: #409eff; text-decoration: none; font-size: 16px; }
.back-nav a:hover { text-decoration: underline; }
.wallpaper-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.wallpaper-preview {
background: #000;
text-align: center;
padding: 20px;
}
.wallpaper-preview img {
max-width: 100%;
max-height: 70vh;
border-radius: 16px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.wallpaper-info {
padding: 30px;
}
.info-section {
margin-bottom: 25px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.info-section:last-child { border-bottom: none; }
.info-title {
font-size: 14px;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.info-content {
font-size: 18px;
color: #333;
line-height: 1.6;
word-break: break-word;
}
.info-content.small { font-size: 15px; color: #666; }
.meta-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
margin-top: 15px;
}
.meta-item {
background: #f8f9fa;
padding: 15px;
border-radius: 12px;
}
.meta-label {
font-size: 13px;
color: #999;
margin-bottom: 5px;
}
.meta-value {
font-size: 16px;
font-weight: 500;
color: #2c3e50;
}
.navigation-buttons {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.nav-btn {
padding: 12px 25px;
background: #409eff;
color: white;
text-decoration: none;
border-radius: 40px;
font-size: 16px;
transition: background 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.nav-btn:hover { background: #337ecc; }
.nav-btn.disabled {
background: #ccc;
pointer-events: none;
opacity: 0.6;
}
@media (max-width: 768px) {
.detail-container { padding: 0 15px; }
.wallpaper-info { padding: 20px; }
.info-content { font-size: 16px; }
.meta-grid { grid-template-columns: 1fr; }
.navigation-buttons { flex-direction: column; gap: 10px; }
.nav-btn { justify-content: center; }
}
</style>
</head>
<body>
<div class="detail-container">
<div class="back-nav">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dlist%26page%3D1">← 返回列表</a>
</div>
<div class="wallpaper-card">
<div class="wallpaper-preview">
<img src="images/df71031761603fffc48513f0ad823c86.jpg" alt="凌驾荒野之上">
</div>
<div class="wallpaper-info">
<div class="info-section">
<div class="info-title">📌 标题</div>
<div class="info-content">凌驾荒野之上</div>
</div>
<div class="info-section">
<div class="info-title">©️ 版权信息</div>
<div class="info-content small">洛根溪吊桥，西海岸步道，加拿大 (© Tandem Stock/Adobe Stock)</div>
<div style="margin-top: 8px;">
<a href="https://www.bing.comhttps://www.bing.com/search?q=%E5%8A%A0%E6%8B%BF%E5%A4%A7%E8%A5%BF%E6%B5%B7%E5%B2%B8%E6%AD%A5%E9%81%93&form=hpcapt&mkt=zh-cn" target="_blank" style="color: #409eff;">查看版权详情 →</a>
</div>
</div>
<div class="info-section">
<div class="info-title">📅 元数据</div>
<div class="meta-grid">
<div class="meta-item">
<div class="meta-label">发布日期</div>
<div class="meta-value">20260326</div>
</div>
<div class="meta-item">
<div class="meta-label">收录时间</div>
<div class="meta-value">2026-03-25</div>
</div>
<div class="meta-item">
<div class="meta-label">图片ID</div>
<div class="meta-value">#4</div>
</div>
<div class="meta-item">
<div class="meta-label">图片Hash</div>
<div class="meta-value" style="font-size: 14px;">5f8d54374f300c82...</div>
</div>
</div>
</div>
<div class="navigation-buttons">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dview%26id%3D3" class="nav-btn">← 上一张：城市花开…</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dview%26id%3D5" class="nav-btn">下一张：一次挥动桥臂，连接两岸… →</a>
</div>
</div>
</div>
</div>
</body>
</html>