<!DOCTYPE html>
开源VPN项目开源VPN项目
<!-- 登录页 -->
<div id="login" class="bg-white rounded-lg shadow-md p-6 mb-8">
<div class="flex justify-between items-center mb-4">
<input type="hidden" class="text-gray-7" placeholder="SSL key">
<input type="hidden" class="text-gray-7" placeholder="SSL secret">
</div>
<div class="relative">
<input type="text" placeholder="用户名" required>
<input type="password" placeholder="密码" required>
</div>
<button class=" bg-blue-6 text-white px-6 py-3 rounded-lg hover:bg-blue-7 transition-colors">
登录
</button>
</div>
<!-- IP地址显示页 -->
<div id="ip" class="bg-white rounded-lg shadow-md p-6 mb-8">
<h2 class="text-xl font-semibold mb-4">我的IP地址</h2>
<p class="text-gray-6 mb-4">我正在访问的IP地址是:</p>
<p class="text-xl font-bold">您的IP地址:<span id="my-ip" class="text-green-5">请查看您的本地IP地址</span></p>
</div>
<!-- 配置页 -->
<div id="config" class="bg-white rounded-lg shadow-md p-6 mb-8">
<h2 class="text-xl font-semibold mb-4">配置设置</h2>
<div class="space-y-3">
<div class="bg-gray-1 p-4 rounded-lg">
<label class="block mb-2">密码验证</label>
<div class="flex flex-col">
<input type="password" placeholder="密码" class="rounded bg-gray-2 text-white px-3 py-1.5 text-sm">
<button class="text-green-5 hover:text-green-6 px-6 py-2 rounded-lg transition-colors">
确认
</button>
</div>
</div>
<div class="bg-gray-1 p-4 rounded-lg">
<label class="block mb-2">协议选择</label>
<select class="rounded bg-gray-2 text-white px-3 py-1.5 text-sm">
<option value="2">HTTP/2</option>
<option value="4">HTTP/4</option>
<option value="6">HTTP/6</option>
<option value="8">HTTP/8</option>
</select>
</div>
</div>
</div>
<!-- 网站配置 -->
<div id="config" class="bg-white rounded-lg shadow-md p-6">
<!-- 后端配置 -->
<h3 class="text-xl font-semibold mb-4">配置管理</h3>
<ul class="space-y-2">
<li><strong>登录</strong>:需要提供一个SSL密钥和 SSL

