码桶
发现社区成员的开源项目
index.html11.9 KB
<!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>
<meta name="description" content="瀚海星辰数字资产交易平台，提供精选优质域名资产、WHOIS查询及安全透明的域名交易过户服务。好的域名，是数字航程的起点。">
<meta name="keywords" content="域名交易,数字资产,域名出售,域名米表,WHOIS查询,域名工具,瀚海星辰">
<meta property="og:title" content="瀚海星辰数字资产交易平台">
<meta property="og:description" content="好的域名，是数字航程的起点，是品牌故事的序章。精选数字资产，尽在瀚海星辰。">
<meta property="og:type" content="website">
<meta property="og:image" content="banner.jpeg">
<link rel="icon" type="image/svg+xml" href="/favicon.svg" id="faviconTag">
<link rel="stylesheet" href="css/style.css">
<script>
(function() {
// 主题初始化：用户手动切换过则用 localStorage，否则按当前时间自动识别白天黑夜
const saved = localStorage.getItem('theme');
if (saved === 'light' || saved === 'dark') {
document.documentElement.setAttribute('data-theme', saved);
} else {
const hour = new Date().getHours();
const isDaytime = hour >= 6 && hour < 18;
document.documentElement.setAttribute('data-theme', isDaytime ? 'light' : 'dark');
}
})();
</script>
</head>
<body>
<div class="starfield" id="starfield">
<div class="star-layer star-layer-1" id="starLayer1"></div>
<div class="star-layer star-layer-2" id="starLayer2"></div>
<div class="meteor" style="top: -5%; left: 80%; animation-delay: 0s;"></div>
<div class="meteor" style="top: 10%; left: 95%; animation-delay: 5s;"></div>
<div class="meteor" style="top: -5%; left: 60%; animation-delay: 10s;"></div>
</div>
<nav class="nav">
<div class="nav-content">
<div class="nav-logo" onclick="window.location.hash = '#/';">
<svg class="logo-icon" viewBox="0 0 32 32" fill="none">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="var(--logo-c1)" />
<stop offset="100%" stop-color="var(--logo-c2)" />
</linearGradient>
</defs>
<circle cx="16" cy="16" r="14" stroke="url(#grad1)" stroke-width="1.2" opacity="0.4"/>
<ellipse class="logo-orbit" cx="16" cy="16" rx="14" ry="6" stroke="url(#grad1)" stroke-width="1.2" opacity="0.7"/>
<circle cx="16" cy="16" r="4" fill="url(#grad1)" />
</svg>
瀚海星辰
</div>
<div class="nav-right">
<div class="nav-links">
<a href="#/">首页</a>
<a href="#/contact">联系</a>
<a href="#/tools">域名工具</a>
<a href="#/friends">友情链接</a>
<a href="#" id="logoutLink" style="display:none; color: var(--accent-cyan);" onclick="adminLogout(event)">退出管理</a>
</div>
<button class="theme-toggle" onclick="toggleTheme()" aria-label="切换主题">
<svg class="sun-icon" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="4"></circle>
<line x1="12" y1="2" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="22"></line>
<line x1="4.93" y1="4.93" x2="6.34" y2="6.34"></line><line x1="17.66" y1="17.66" x2="19.07" y2="19.07"></line>
<line x1="2" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="22" y2="12"></line>
<line x1="4.93" y1="19.07" x2="6.34" y2="17.66"></line><line x1="17.66" y1="6.34" x2="19.07" y2="4.93"></line>
</svg>
<svg class="moon-icon" viewBox="0 0 24 24">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
</button>
<div class="hamburger" id="hamburger" onclick="toggleMenu()" aria-label="菜单">
<span></span><span></span><span></span>
</div>
</div>
</div>
</nav>
<div class="mobile-menu" id="mobileMenu">
<a href="#/">首页</a>
<div class="menu-divider"></div>
<a href="#/contact">联系</a>
<div class="menu-divider"></div>
<a href="#/tools">域名工具</a>
<div class="menu-divider"></div>
<a href="#/friends">友情链接</a>
<!-- ✅ 顶部功能区：只放退出按钮 -->
<div class="mobile-menu-top-actions">
<a href="#" id="logoutLinkMobile" class="logout-mobile" style="display:none;" onclick="adminLogout(event)">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
<polyline points="16 17 21 12 16 7"></polyline>
<line x1="21" y1="12" x2="9" y2="12"></line>
</svg>
退出管理
</a>
</div>
<div class="menu-footer">
<p>© 2024 瀚海星辰</p>
<p><a class="domain-meaning" href="https://lizhenwei.cn">All Rights Reserved.lizhenwei.cn</a></p>
</div>
</div>
<div class="overlay" id="overlay" onclick="closeMenu()"></div>
<div class="container">
<div class="video-container">
<video id="introVideo" autoplay muted playsinline poster="video/banner.jpg">
<source src="" type="video/mp4">您的浏览器不支持视频播放
</video>
<div class="title">
<h1 id="bannerTitle">瀚海之上 · 星辰为引</h1>
<p id="bannerSubtitle">好的域名，是数字航程的起点，是品牌故事的序章</p>
</div>
</div>
<div class="toolbar" id="toolbar">
<div class="search-box-wrapper">
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
<input type="text" id="searchInput" class="search-box" placeholder="输入关键词搜索域名 (如: vm, com)..." oninput="filterDomains()">
</div>
<div class="filter-tags" id="filterTags">
<div class="filter-tag active" data-suffix="all" onclick="setFilter(this)">全部</div>
<div class="filter-tag" data-suffix=".com" onclick="setFilter(this)">.com</div>
<div class="filter-tag" data-suffix=".net" onclick="setFilter(this)">.net</div>
<div class="filter-tag" data-suffix=".cn" onclick="setFilter(this)">.cn</div>
<div class="filter-tag" data-suffix=".cc" onclick="setFilter(this)">.cc</div>
<button id="addDomainBtn" class="filter-tag add-btn" style="display:none;" onclick="openDomainModal('add')">+ 新增域名</button>
</div>
</div>
<div class="domain-grid" id="domainList"></div>
</div>
<footer class="footer">
<div class="footer-content">
<p>© 2024 瀚海星辰数字资产交易平台.</p>
<p>All Rights Reserved.<a class="domain-meaning" href="https://lizhenwei.cn">lizhenwei.cn</a></p>
</div>
</footer>
<div class="back-to-top" id="backToTop" onclick="scrollToTop()">
<svg viewBox="0 0 24 24">
<line x1="12" y1="19" x2="12" y2="5"></line>
<polyline points="5 12 12 5 19 12"></polyline>
</svg>
</div>
<!-- 询价弹窗 -->
<div class="modal-overlay" id="modalOverlay">
<div class="modal-content">
<span class="modal-close" onclick="closeInquiryModal()">×</span>
<h2>域名询价 / 报价</h2>
<div class="modal-tip">💡 直接出价将大幅提升交易沟通效率</div>
<p>您正在沟通域名: <span id="modalDomainName" class="modal-domain"></span></p>
<form id="inquiryForm" class="inquiry-form">
<input type="hidden" name="_subject" value="新的域名询价">
<input type="hidden" name="_template" value="table">
<input type="hidden" name="_captcha" value="false">
<div class="form-group"><label>您的称呼</label><input type="text" name="name" placeholder="请输入您的姓名" required></div>
<div class="form-group"><label>联系邮箱</label><input type="email" name="email" placeholder="请输入您的邮箱" required></div>
<div class="form-group"><label>报价 / 留言内容</label><textarea rows="4" name="message" placeholder="请输入您的报价或具体需求..."></textarea></div>
<button type="submit" class="submit-btn" id="submitBtn">提交信息</button>
</form>
</div>
</div>
<!-- 自定义提示弹窗 -->
<div class="modal-overlay" id="customAlertOverlay">
<div class="modal-content custom-alert-content">
<div class="custom-alert-icon">
<svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
</div>
<h2 id="customAlertTitle">提交成功</h2>
<p class="custom-alert-text" id="customAlertMessage"></p>
<button class="custom-alert-btn" onclick="closeCustomAlert()">知道了</button>
</div>
</div>
<!-- WHOIS弹窗 -->
<div class="modal-overlay" id="whoisModalOverlay">
<div class="modal-content">
<span class="modal-close" onclick="closeWhoisModal()">×</span>
<h2>WHOIS 信息</h2>
<p>域名: <span id="whoisDomainName" class="modal-domain"></span></p>
<div id="whoisModalResult"></div>
</div>
</div>
<!-- 域名管理(增改)弹窗 -->
<div class="modal-overlay" id="domainModalOverlay">
<div class="modal-content">
<span class="modal-close" onclick="closeDomainModal()">×</span>
<h2 id="domainModalTitle">管理域名</h2>
<form id="domainForm" class="inquiry-form" onsubmit="submitDomainForm(event)">
<input type="hidden" id="domainAction" name="action">
<input type="hidden" id="originalName" name="originalName">
<div class="form-group"><label>域名 (包含后缀)</label><input type="text" id="domainNameInput" name="name" placeholder="例如: vmdisk.com" required></div>
<div class="form-group"><label>注册商</label><input type="text" id="domainRegistrarInput" name="registrar" placeholder="例如: 阿里云" required></div>
<div class="form-group"><label>注册商链接</label><input type="text" id="domainRegistrarUrlInput" name="registrarUrl" placeholder="例如: https://wanwang.aliyun.com/" required></div>
<div class="form-group"><label>域名释义/含义</label><textarea rows="3" id="domainMeaningInput" name="meaning" placeholder="简短描述域名的含义或用途" required></textarea></div>
<button type="submit" class="submit-btn" id="domainSubmitBtn">保存</button>
</form>
</div>
</div>
<div class="copy-toast" id="copyToast">已复制</div>
<script src="js/main.js"></script>
</body>
</html>