9728a8054f
- Implement Claude API smart router with automatic failover - Support 4 providers: Claude Pro, DeepSeek, Kimi, Claude API - Update models: DeepSeek to deepseek-reasoner, Kimi to kimi-k2 - Add AdWireGuard: WireGuard VPN + AdGuard DNS filtering - Consolidate tokens into single tokens.txt file - Add mDNS reflector to Home Assistant setup 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
92 lines
4.7 KiB
HTML
92 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AdWireGuard 管理中心</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
|
||
.container { background: white; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); padding: 40px; max-width: 800px; width: 90%; }
|
||
.header { text-align: center; margin-bottom: 40px; }
|
||
.header h1 { color: #333; font-size: 2.5em; margin-bottom: 10px; }
|
||
.header p { color: #666; font-size: 1.1em; }
|
||
.services { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px; }
|
||
.service-card { background: #f8f9fa; border-radius: 15px; padding: 25px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 2px solid transparent; }
|
||
.service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-color: #667eea; }
|
||
.service-card h3 { color: #333; margin-bottom: 15px; font-size: 1.3em; }
|
||
.service-card p { color: #666; margin-bottom: 20px; line-height: 1.6; }
|
||
.btn { display: inline-block; background: linear-gradient(135deg, #667eea, #764ba2); color: white; text-decoration: none; padding: 12px 25px; border-radius: 25px; font-weight: 500; transition: all 0.3s ease; }
|
||
.btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); }
|
||
.status { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 30px; }
|
||
.status-item { background: #f0f0f0; padding: 15px; border-radius: 10px; text-align: center; }
|
||
.status-item .label { font-size: 0.9em; color: #666; margin-bottom: 5px; }
|
||
.status-item .value { font-size: 1.2em; font-weight: bold; color: #333; }
|
||
.footer { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; color: #666; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="header">
|
||
<h1>🛡️ AdWireGuard</h1>
|
||
<p>VPN + DNS 广告过滤 统一管理中心</p>
|
||
</div>
|
||
|
||
<div class="services">
|
||
<div class="service-card">
|
||
<h3>🌐 AdGuard Home</h3>
|
||
<p>DNS广告过滤和家庭网络保护。配置黑名单、白名单，查看DNS查询统计。</p>
|
||
<a href="/adguard/" class="btn">进入 AdGuard</a>
|
||
</div>
|
||
|
||
<div class="service-card">
|
||
<h3>🔒 WireGuard VPN</h3>
|
||
<p>安全的VPN隧道，支持多设备连接。下载配置文件即可快速连接。</p>
|
||
<a href="/wireguard/" class="btn">下载配置</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="status">
|
||
<div class="status-item">
|
||
<div class="label">VPN状态</div>
|
||
<div class="value" id="vpn-status">🟢 运行中</div>
|
||
</div>
|
||
<div class="status-item">
|
||
<div class="label">DNS过滤</div>
|
||
<div class="value" id="dns-status">🟢 活跃</div>
|
||
</div>
|
||
<div class="status-item">
|
||
<div class="label">支持设备</div>
|
||
<div class="value">5 台</div>
|
||
</div>
|
||
<div class="status-item">
|
||
<div class="label">服务器</div>
|
||
<div class="value">will123song.xyz</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<p>🚀 AdWireGuard 管理中心 | 基于 WireGuard + AdGuard Home</p>
|
||
<p style="margin-top: 10px; font-size: 0.9em;">
|
||
<strong>快速访问：</strong>
|
||
<a href="http://localhost:3001" target="_blank" style="color: #667eea; text-decoration: none;">AdGuard直连</a> |
|
||
<a href="http://localhost:8080" target="_blank" style="color: #667eea; text-decoration: none;">管理面板</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 简单的状态检测
|
||
function checkStatus() {
|
||
// 这里可以添加实际的状态检测逻辑
|
||
console.log('Status check: AdWireGuard running');
|
||
}
|
||
|
||
// 页面加载完成后检测状态
|
||
document.addEventListener('DOMContentLoaded', checkStatus);
|
||
|
||
// 每30秒检测一次状态
|
||
setInterval(checkStatus, 30000);
|
||
</script>
|
||
</body>
|
||
</html> |