#body, html {
            margin-left: 10px;
            margin-right: 10px;
        }


          :root {
      --primary-light: #99ccff;
      --primary-medium: #66c2ff;
      --primary-deep: #0066cc;
      --accent-color: #5cd6d6;
    }
    body {
      margin: 0;
      overflow: auto;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-medium) 50%, var(--primary-deep) 100%);
      background-attachment: fixed;
    }
    #particles-js {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
    .content {
      position: relative;
      z-index: 2;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      padding: 2rem;
    }
    .floating-bubbles {
      position: fixed;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }
    .bubble {
       position: absolute;
      border-radius: 80%;
      /* 增加不透明度和颜色对比度 */
      background: rgba(255,255,255,2);
      /* 添加轻微阴影增强立体感 */
      box-shadow: 0 0 10px rgba(255,255,255,0.1);
      animation: float 15s infinite ease-in-out;
    }
    @keyframes float {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-100px) rotate(180deg); }
    }


           .centered-title {
          text-align: center; /* 这行代码使标题居中对齐 */
        }






     .footer-beian {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 25px;
            padding: 15px 0;
            background: linear-gradient(90deg, #e6f3ff 0%, #b8daff 100%);
            font-size: 14px;
            border-radius: 4px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        .beian-item {
            display: flex;
            align-items: center;
            color: #333;
        }
        .beian-icon {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            vertical-align: middle;
        }
        .beian-link {
            color: #0066cc;
            text-decoration: none;
            transition: color 0.3s;
        }
        .beian-link:hover {
            color: #0047ab;
        }
        @media (max-width: 768px) {
            .footer-beian {
                flex-direction: column;
                gap: 10px;
            }
        }