<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>私人分享入口</title>
<style>
body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background: #f8f9fa; margin: 0; }
.card { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-align: center; }
input { padding: 12px; width: 220px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 15px; font-size: 1rem; }
button { padding: 12px 25px; background: #000; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; }
</style>
</head>
<body>
<div class="card">
<h2>🔒 輸入存取暗號</h2>
<input type="text" id="code" placeholder="請輸入暗號..."> <br>
<button onclick="go()">進入</button>
</div>
<script>
function go() {
const input = document.getElementById('code').value.trim();
if (input) {
// 這行會自動帶你去「暗號.html」
window.location.href = input + ".html";
}
}
</script>
</body>
</html>