<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>系统提示 - 烜基</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            min-height: 100vh;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
            color: #e5e7eb;
            background: radial-gradient(circle at 15% 20%, rgba(34, 211, 238, .22), transparent 28%),
            radial-gradient(circle at 85% 18%, rgba(139, 92, 246, .22), transparent 30%),
            radial-gradient(circle at 50% 100%, rgba(59, 130, 246, .16), transparent 36%),
            #050816;
            overflow: hidden;
        }

        .grid {
            position: fixed;
            inset: 0;
            background-image: linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px);
            background-size: 48px 48px;
            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .85), rgba(0, 0, 0, .15));
        }

        .orb {
            position: fixed;
            width: 420px;
            height: 420px;
            border-radius: 999px;
            filter: blur(80px);
            opacity: .45;
            pointer-events: none;
        }

        .orb-a {
            left: -120px;
            top: 80px;
            background: #22d3ee;
        }

        .orb-b {
            right: -140px;
            bottom: 80px;
            background: #8b5cf6;
        }

        .wrap {
            position: relative;
            z-index: 2;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 28px;
        }

        .box {
            width: min(620px, 100%);
            padding: 44px;
            border-radius: 30px;
            background: rgba(15, 23, 42, .78);
            border: 1px solid rgba(148, 163, 184, .22);
            box-shadow: 0 28px 100px rgba(0, 0, 0, .45);
            backdrop-filter: blur(20px);
            text-align: center;
        }

        .brand {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 28px;
            font-weight: 800;
            letter-spacing: .08em;
        }

        .brand span {
            width: 44px;
            height: 44px;
            border-radius: 15px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #031018;
            background: linear-gradient(135deg, #22d3ee, #34d399);
            box-shadow: 0 0 32px rgba(34, 211, 238, .38);
            font-weight: 900;
        }

        .code {
            font-size: clamp(64px, 13vw, 110px);
            line-height: 1;
            font-weight: 900;
            background: linear-gradient(135deg, #fff, #22d3ee, #8b5cf6);
            -webkit-background-clip: text;
            color: transparent;
            margin-bottom: 18px;
        }

        h1 {
            margin: 0 0 14px;
            font-size: 28px;
        }

        p {
            margin: 0 auto 30px;
            max-width: 480px;
            color: #94a3b8;
            line-height: 1.8;
        }

        .actions {
            display: flex;
            justify-content: center;
            gap: 14px;
            flex-wrap: wrap;
        }

        .btn {
            min-width: 128px;
            height: 46px;
            padding: 0 20px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-weight: 700;
            transition: .25s ease;
        }

        .btn-primary {
            color: #031018;
            background: linear-gradient(135deg, #22d3ee, #34d399);
            box-shadow: 0 16px 44px rgba(34, 211, 238, .26);
        }

        .btn-primary:hover {
            transform: translateY(-2px);
        }

        .btn-ghost {
            color: #e5e7eb;
            border: 1px solid rgba(148, 163, 184, .26);
            background: rgba(15, 23, 42, .5);
        }

        .btn-ghost:hover {
            border-color: rgba(34, 211, 238, .5);
        }
    </style>
</head>
<body>
<div class="grid"></div>
<div class="orb orb-a"></div>
<div class="orb orb-b"></div>

<div class="wrap">
    <div class="box">
        <div class="brand">
            <!--            <span>XJ</span>-->
            <img title="清元AI" hidefocus="true" id="s_lg_img_aging" src="../../static/image/LOGO.png"
                 style="width:4rem;">
            烜基
        </div>

        <div class="code">500</div>

        <h1>系统提示</h1>

        <p>系统繁忙，请稍后再试</p>

        <div class="actions">
            <a rel="nofollow" class="btn btn-primary" href="/">返回首页</a>
            <a rel="nofollow" class="btn btn-ghost" href="javascript:history.back()">返回上一页</a>
        </div>
    </div>
</div>
</body>
</html>
