<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>郑重声明</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            
        }
        
        .container {
            max-width: 900px;
            width: 100%;
            background-color: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            margin: 30px 0;
            position: relative;
            border: 1px solid #eaeaea;
        }
        
        .header {
            
            padding: 30px 40px;
            text-align: center;
            position: relative;
        }
        
        .header h1 {
            letter-spacing: 2px;
            margin-bottom: 10px;
			font-size:18px;
        }
        
        .header p {
            opacity: 0.9;
        }
        
        .header::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 5%;
            width: 90%;
            height: 1px;
           
        }
        
        .content {
            padding: 50px 60px;
            position: relative;
        }
        
        .declaration-text {
            line-height: 1.8;
            margin-bottom: 40px;
            text-align: justify;
            padding: 25px;
           
        }
        
        .highlight {
            color: #1a3a8f;
           
            padding: 2px 6px;
            border-radius: 4px;
        }
        
        .signature {
            text-align: right;
            margin-top: 60px;
            padding-top: 30px;
        }
        
        .company-name {
            color: #1a3a8f;
            margin-bottom: 10px;
            letter-spacing: 1px;
        }
        
        .date {
            color: #666;
        }
        
        .stamp {
            position: absolute;
            right: 80px;
            bottom: 40px;
            width: 140px;
            height: 140px;
            border: 3px solid #c33;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #c33;
            transform: rotate(15deg);
            opacity: 0.9;
          
            z-index: 2;
        }
        
        .stamp-inner {
            text-align: center;
            line-height: 1.3;
            padding: 10px;
        }
        
        .stamp::before {
            content: "";
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            border: 2px solid #c33;
            border-radius: 50%;
        }
        
        .watermark {
            position: absolute;
            bottom: 20px;
            left: 30px;
            color: rgba(26, 58, 143, 0.05);
            transform: rotate(-15deg);
            user-select: none;
            z-index: 1;
        }
        
        .footer {
            text-align: center;
            padding: 25px;
            color: #666;
            background-color: #f8f9fa;
            width: 100%;
        }
        
        .footer a {
            color: #2d55b8;
            text-decoration: none;
        }
        
        .footer a:hover {
            text-decoration: underline;
        }
        
        .print-btn {
            display: inline-block;
            background: linear-gradient(to right, #1a3a8f, #2d55b8);
            color: white;
            border: none;
            padding: 14px 28px;
            border-radius: 8px;
            cursor: pointer;
            margin-top: 20px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(26, 58, 143, 0.2);
        }
        
        .print-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(26, 58, 143, 0.3);
        }
        
        .print-btn:active {
            transform: translateY(0);
        }
        
        @media (max-width: 768px) {
            .container {
                margin: 15px 0;
                border-radius: 12px;
            }
            
            .header {
                padding: 25px 20px;
            }
            
            .header h1 {
            }
            
            .content {
                padding: 30px 25px;
            }
            
            .declaration-text {
                padding: 20px;
            }
            
            .stamp {
                position: relative;
                right: auto;
                bottom: auto;
                margin: 30px auto;
                width: 120px;
                height: 120px;
            }
            
            .watermark {
                left: 10px;
                bottom: 10px;
            }
        }
        
        @media print {
            body {
                background-color: white;
                padding: 0;
            }
            
            .container {
                box-shadow: none;
                margin: 0;
                border-radius: 0;
            }
            
            .print-btn {
                display: none;
            }
            
            .footer {
                background-color: white;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>声明</h1>
        </div>
        
        <div class="content">
            <div class="watermark">声明</div>
            
            <div class="declaration-text">
                <p>我司已停止对上海注财管理咨询有限公司的不正当竞争行为，且已全面消除由此造成的负面影响。</p>
                <p>特此声明。</p>
            </div>
            
            <div class="signature">
                <div >上海金程专修学院有限公司</div>
                <div class="date" id="declaration-date">2025年12月26日</div>
            </div>
        </div>
    </div>
</body>
</html>