<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="robots" content="noindex, nofollow" />
  <title>&#35813;&#32593;&#31449;&#26242;&#26102;&#26080;&#27861;&#35775;&#38382;</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    html, body {
      width: 100%;
      height: 100%;
      font-family: "Microsoft YaHei", sans-serif;
      background-color: #f2f3f5;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .card {
      width: 100%;
      max-width: 720px;
      background: #fff;
      border-radius: 16px;
      padding: 60px 50px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      text-align: center;
    }
    .icon {
      font-size: 64px;
      color: #faad14;
      margin-bottom: 30px;
    }
    .title {
      font-size: 28px;
      font-weight: bold;
      color: #222;
      margin-bottom: 30px;
    }
    .text {
      font-size: 17px;
      color: #555;
      line-height: 1.9;
      margin-bottom: 35px;
    }
    .btn {
      background-color: #1890ff;
      color: #fff;
      font-size: 16px;
      padding: 14px 36px;
      border-radius: 6px;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      transition: background 0.3s;
    }
    .btn:hover {
      background-color: #1677cc;
    }
    .footer {
      font-size: 13px;
      color: #aaa;
      margin-top: 40px;
      text-align: center;
    }
    @media (max-width: 600px) {
      .card {
        padding: 40px 20px;
      }
      .title {
        font-size: 22px;
      }
      .text {
        font-size: 15px;
      }
      .btn {
        font-size: 15px;
        padding: 12px 28px;
      }
    }
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">⚠️</div>
    <div class="title">&#35813;&#32593;&#31449;&#26242;&#26102;&#26080;&#27861;&#35775;&#38382;</div>
    <div class="text">
      &#26681;&#25454;&#22269;&#23478;&#30456;&#20851;&#27861;&#24459;&#27861;&#35268;&#21450;&#24037;&#20449;&#37096;&#22791;&#26696;&#31649;&#29702;&#25919;&#31574;&#65292;&#24403;&#21069;&#35775;&#38382;&#30340;&#32593;&#31449;&#23578;&#26410;&#23436;&#25104;&#22791;&#26696;&#12290;<br /><br />
      &#35831;&#32852;&#31995;&#32593;&#31449;&#31649;&#29702;&#21592;&#23613;&#24555;&#23436;&#25104;&#22791;&#26696;&#27969;&#31243;&#65292;&#22791;&#26696;&#25104;&#21151;&#21518;&#23558;&#24674;&#22797;&#35775;&#38382;&#12290;
    </div>
    <div class="btn" onclick="window.location.reload()">立即备案</div>
    <div class="footer">&#169; &#26412;&#39029;&#20026;&#22791;&#26696;&#25552;&#31034;&#39029;&#65292;&#20165;&#29992;&#20110;&#23637;&#31034;</div>
  </div>
</body>
</html>
