<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apool Notice</title>
    <style>
        /* 全局重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #333;
            
            /* 【核心修改】：增加左右两边的留白，这里设置为 50px，您可以根据需要调整数值 */
            padding: 0 50px; 
            
            /* 背景图设置 */
            background-image: url("https://apool-miner.oss-cn-hongkong.aliyuncs.com/111.png"); /* 请替换为您实际的图片路径 */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* 悬浮在图片上方的磨砂玻璃卡片 */
        .glass-card {
            /* 【核心修改】：将背景不透明度从 0.85 降低到 0.65，让背景图更通透 */
            background-color: rgba(255, 255, 255, 0.65); 
            backdrop-filter: blur(15px); 
            -webkit-backdrop-filter: blur(15px); 
            
            width: 100%;
            max-width: 700px;
            padding: 60px 50px;
            border-radius: 20px; 
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.6); 
        }

        /* 文字排版样式 */
        h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 30px;
            color: #1a202c; 
            letter-spacing: -0.5px;
        }

        .content {
            font-size: 18px;
            line-height: 1.8; 
            color: #4a5568;
            margin-bottom: 40px;
        }

        .footer-note {
            font-size: 16px;
            font-weight: 600;
            color: #2d3748;
            margin-top: 20px;
        }

        /* 【响应式适配】：在手机端自动缩小留白和卡片内边距，防止文字挤在一起 */
        @media (max-width: 600px) {
            body {
                padding: 0 20px; /* 手机端左右留白调整为 20px */
            }
            .glass-card {
                padding: 40px 25px;
            }
            h1 {
                font-size: 22px;
            }
            .content {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>

    <!-- 文字悬浮在卡片中，卡片悬浮在图片上 -->
    <div class="glass-card">
        <h1>Important Notice: Apool Service Discontinuation</h1>
        
        <div class="content">
            <p>Dear Apool Users,</p>
            <p style="margin-top: 15px;">
                We are writing to inform you that the Apool platform will officially cease operations today, September 4, 2026. We want to extend our deepest gratitude for your trust and support over the past few years. It has been a privilege to serve you.
            </p>
        </div>

        <div class="footer-note">
            Thank you for being a part of our journey.
        </div>
    </div>

</body>
</html>
