        .container {
            width: 90%;
            max-width: 800px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            padding: 30px;
            box-sizing: border-box;
        }
        h1 {
            color: #6a1b9a; /* 可爱的紫色标题 */
            text-align: center;
            margin-bottom: 25px;
            font-size: 2.2em;
        }
        .connection-status {
            font-weight: bold;
   