<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#1b58a1">
  <meta name="description" content="策安科技官网正在升级，敬请期待全新亮相。">
  <title>网站升级中｜策安科技</title>
  <style>
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}
    :root{--ink:#17254b;--muted:#687282;--line:#dce2eb;--paper:#f6f8fb;--blue:#1b58a1;--green:#59b344;--navy:#17254b;--white:#fff}
    *{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font:15px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
    .page{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:30px clamp(22px,5vw,78px) 24px}
    .page:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(32,93,162,.08),transparent 38%),radial-gradient(circle at 90% 12%,rgba(90,182,72,.14),transparent 28%)}
    header,main,footer{position:relative;z-index:1}.topbar{border-top:4px solid var(--blue);display:flex;align-items:center;justify-content:space-between;max-width:1250px;width:100%;margin:0 auto;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand img{width:198px;height:auto;display:block}.brand-rule{height:25px;width:1px;background:var(--line)}.brand-label{color:var(--muted);font-size:12px;letter-spacing:.08em}.status{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:700}.status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(90,182,72,.16);animation:pulse 2.4s ease-out infinite}.hero{width:100%;max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(42px,9vw,150px);padding:clamp(58px,11vh,130px) 0}.kicker{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{color:var(--blue);max-width:700px;margin:0;font-size:clamp(40px,6vw,78px);font-weight:800;letter-spacing:0;line-height:1.1}.hero h1 em{font-style:normal;color:var(--green)}.hero p{max-width:510px;margin:26px 0 0;color:var(--muted);font-size:17px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:34px;color:var(--ink);font-size:13px}.hero-note:before{content:"";width:34px;height:2px;background:var(--green)}.signal{position:relative;min-height:360px;display:grid;place-items:center}.ring{position:absolute;border:1px solid rgba(32,93,162,.18);border-radius:50%;width:clamp(250px,30vw,390px);aspect-ratio:1}.ring:before,.ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(32,93,162,.12)}.ring:before{inset:15%}.ring:after{inset:30%}.signal-core{position:relative;display:grid;place-items:center;width:152px;height:152px;border-radius:50%;background:var(--blue);box-shadow:0 22px 42px rgba(27,88,161,.2)}.signal-core:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(32,93,162,.35);border-radius:50%;animation:breathe 3s ease-in-out infinite}.signal-mark{color:#fff;font-size:42px;font-weight:800;letter-spacing:0}.signal-mark span{color:#59b344}.orbit{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--green);top:15%;right:20%;box-shadow:0 0 0 7px rgba(90,182,72,.16)}.orbit.two{top:auto;right:auto;bottom:18%;left:18%;width:7px;height:7px;background:var(--blue)}.quote{position:absolute;right:0;bottom:4%;color:var(--muted);font-size:12px;letter-spacing:.05em}.footer{display:flex;justify-content:space-between;gap:20px;max-width:1250px;width:100%;margin:auto;color:var(--muted);font-size:12px}.footer span:last-child{color:#9ba8ae}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(90,182,72,0)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.5}}@media(max-width:760px){.page{padding:22px 20px 20px}.topbar{padding-bottom:16px}.brand img{width:160px}.brand-rule,.brand-label{display:none}.hero{display:block;padding:74px 0 80px}.hero h1{font-size:clamp(40px,12vw,58px)}.hero p{font-size:15px}.signal{min-height:290px;margin-top:40px}.ring{width:min(76vw,310px)}.signal-core{width:124px;height:124px}.signal-mark{font-size:34px}.footer{display:block}.footer span{display:block}.footer span+span{margin-top:5px}}
  </style>
</head>
<body>
  <div class="page">
    <header class="topbar"><a class="brand" href="/" aria-label="策安科技"><img src="chainsmart-logo.png" alt="策安科技"><i class="brand-rule" aria-hidden="true"></i><span class="brand-label">ChainSmart</span></a><div class="status"><i aria-hidden="true"></i>官网升级进行中</div></header>
    <main class="hero"><section><p class="kicker">ChainSmart · 2026</p><h1>网站升级中，<br><em>敬请期待</em>策安科技官网全新亮相。</h1><p>我们正在重新打磨官网体验，整理技术与服务内容。新的官网即将与您见面，感谢您的耐心等待。</p><div class="hero-note">以技术守护安全，以实践创造价值</div></section><aside class="signal" aria-label="官网升级状态"><div class="ring" aria-hidden="true"></div><div class="orbit" aria-hidden="true"></div><div class="orbit two" aria-hidden="true"></div><div class="signal-core"><div class="signal-mark">策<span>安</span></div></div><div class="quote">NEW SITE · COMING SOON</div></aside></main>
    <footer class="footer"><span>© 策安科技 · ChainSmart</span><span>感谢关注，我们很快再见</span></footer>
  </div>
</body>
</html>
