<!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.0, user-scalable=no">
<title>必应每日壁纸 · 全屏</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { width: 100%; height: 100%; overflow: hidden; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.wallpaper-container {
position: relative;
width: 100vw;
height: 100vh;
background: #000;
}
.wallpaper-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.info-panel {
position: absolute;
bottom: 30px;
left: 30px;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(8px);
color: white;
padding: 18px 28px;
border-radius: 60px;
max-width: 60%;
border: 1px solid rgba(255,255,255,0.2);
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
line-height: 1.5;
pointer-events: none;
}
.info-panel .title {
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 6px;
text-shadow: 0 2px 5px black;
}
.info-panel .copyright {
font-size: 0.9rem;
opacity: 0.9;
text-shadow: 0 1px 3px black;
}
.nav-panel {
position: absolute;
bottom: 30px;
right: 30px;
display: flex;
gap: 15px;
pointer-events: auto;
}
.nav-btn {
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,0.3);
color: white;
padding: 14px 28px;
border-radius: 50px;
font-size: 1.1rem;
font-weight: 500;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
cursor: pointer;
}
.nav-btn:hover {
background: rgba(30, 30, 30, 0.8);
transform: scale(1.05);
}
@media (max-width: 700px) {
.info-panel {
left: 15px;
bottom: 20px;
padding: 12px 20px;
max-width: 70%;
}
.info-panel .title { font-size: 1.1rem; }
.info-panel .copyright { font-size: 0.75rem; }
.nav-panel {
bottom: 20px;
right: 15px;
gap: 10px;
}
.nav-btn {
padding: 10px 18px;
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.info-panel { max-width: 85%; }
.nav-panel { flex-direction: column; gap: 8px; }
}
.error-msg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background: rgba(0,0,0,0.7);
padding: 20px 40px;
border-radius: 50px;
font-size: 1.2rem;
text-align: center;
}
.error-msg a {
color: white;
margin-top: 10px;
display: inline-block;
}
</style>
</head>
<body>
<div class="wallpaper-container">
<img class="wallpaper-img" src="images/1f91a3a1236a35b40c574123cbd3c9dc.jpg" alt="必应壁纸">
<div class="info-panel">
<div class="title">静谧的石之杰作</div>
<div class="copyright">邦港圣母教堂拱顶，莱萨布勒多洛讷，法国 (© Helmut Meyer zur Capellen/Alamy)</div>
</div>
<div class="nav-panel">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dview%26id%3D1" class="nav-btn">⬅ 上一张</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2Fapi%2Fbing%2F0%2Findex0.php%3Faction%3Dlist%26page%3D1" class="nav-btn">📋 壁纸列表</a>
</div>
</div>
</body>
</html>