<!-- 本DIY代码来自于 https://diy.zhongzhipian.top -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>module-three</title>
<style>*{margin:0;padding:0;box-sizing:border-box;font-size:16px;font-weight:800}a{text-decoration:none;color:#000}body{padding:0 20px}.container{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100vh}.container h1{width:100%;height:100px;text-align:center;line-height:100px;font-size:23px}.box img{display:block;width:100px;height:100px;border-radius:20px;margin:0 auto;overflow:hidden;margin-bottom:30px}.code{display:flex;justify-content:space-between;margin-bottom:20px}.code button{width:130px;height:40px;outline:none;border:none;background-color:black;border-radius:50px;color:#fff}.code-enter div{position:relative}.code-enter div img{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;left:10px;font-size:30px}.code-enter div input{width:100%;height:40px;outline:none;border:none;border-radius:10px;background-color:#ebecf0;padding-left:50px}.code-enter p{text-align:center;margin-top:10px;color:#b4b4b4;font-size:13px}.verify{display:block;width:80px;height:80px;outline:none;border:3px solid#ececec;border-radius:50px;background-color:#000;margin:0 auto;color:#fff;box-shadow:0px 3px 8px#aaa,inset 0px 2px 3px#fff}#notice{width:100%;margin-top:10px;text-align:left}.floor{display:flex;align-items:center;width:100%;height:100px;padding:0 5px;border-top:2px solid#bdbdbd;margin-bottom:15px}.floor img{width:30%;height:60px;background-color:blue;margin:0 10px 0-10px;overflow:hidden}</style>
</head>
<body>
<div class="container">
<h1 id="title">title</h1>
<div class="box">
<a href="https://zhongzhipian.top">
<img border="0" src="https://zhongzhipian.top/assets/img/logo.png" alt="『中纸片』" width="100" height="100"></a></p>
<div class="code">
<button id="Query_Trial" type="submit" class="code-ver" onclick="Call_Query_Trial(code.value);" ontouchstart="mStart(this)" ontouchend="mUp(this)">查卡</button>
<button id="Pay" type="submit" class="code-buy" onclick="Call_Pay();" ontouchstart="mStart(this)" ontouchend="mUp(this)">购卡</button>
</div>
<div class="code-enter">
<div>
<img src="https://s3.bmp.ovh/imgs/2021/08/d30100a40c01e42a.png" alt="">
<input type="text" name="code" id="code" class="form-field" pattern="^[a-zA-Z0-9_-]{1,16}$" placeholder="请输入你的激活码">
</div>
<p>验证卡密</p>
<button type="submit" class="verify" onclick="Call_Verify(code.value);" ontouchstart="mStart(this)" ontouchend="mUp(this)">激活</button>
</div>
</div>
<div style="height: 100%; display:flex;flex-direction:column; justify-content:space-between">
<div id="notice">notice</div>
<script>document.getElementById("title").innerHTML = PanGolin.GetTitle();
document.getElementById("notice").innerHTML = PanGolin.GetNotice();
document.getElementById("Query_Trial").innerHTML = PanGolin.Is_Trial() == true ? "试用": "查码";
document.getElementById("Pay").style.display = PanGolin.Is_Pay() == true ? "block": "none";
function Call_Verify(data) {
PanGolin.Verify(data)
}
function Call_Query_Trial(data) {
if (PanGolin.Is_Trial()) PanGolin.Trial();
else PanGolin.Query(data)
}
function Call_Pay() {
PanGolin.Pay()
}
function mStart(obj) {
obj.style.backgroundColor = "#fff";
obj.style.color = "#000"
}
function mUp(obj) {
obj.style.backgroundColor = "#000";
obj.style.color = "#fff"
}
let Height = document.body.offsetHeight;
window.onresize = function() {
document.body.offsetHeight = Height + 'px';
document.querySelector('.container').style.offsetHeight = Height + 'px'
}</script>
</body>
</html>
<!-- 本DIY代码来自于 https://diy.zhongzhipian.top -->