JGJS2026/public/disclaimer.html

87 lines
2.0 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>免责声明</title>
<style>
:root {
color-scheme: light;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
min-height: 100vh;
font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
color: #0f172a;
background:
radial-gradient(circle at top, rgba(59, 130, 246, 0.12), transparent 32%),
linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}
.page {
width: min(100%, 880px);
margin: 0 auto;
padding: 56px 20px 72px;
}
.card {
padding: 32px 28px;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 24px;
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
backdrop-filter: blur(10px);
}
.eyebrow {
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
color: #475569;
}
h1 {
margin: 0;
font-size: clamp(28px, 5vw, 40px);
line-height: 1.1;
}
.divider {
height: 1px;
margin: 20px 0 18px;
background: linear-gradient(90deg, rgba(148, 163, 184, 0), rgba(148, 163, 184, 0.7), rgba(148, 163, 184, 0));
}
p {
margin: 0;
font-size: 15px;
line-height: 1.9;
color: #334155;
}
.signature {
margin-top: 18px;
font-weight: 600;
color: #0f172a;
}
</style>
</head>
<body>
<main class="page">
<section class="card">
<p class="eyebrow">DISCLAIMER</p>
<h1>免责声明</h1>
<div class="divider"></div>
<p>本计算工具由众为工程咨询有限公司提供免费技术支持。</p>
<p class="signature">众为工程咨询有限公司</p>
</section>
</main>
</body>
</html>