.protect-wrapper {
        padding: 1px;
        border-radius: 20px;
        background: linear-gradient(135deg, #F0FFF0, #F0FFF0, #F0FFF0);
        background-size: 300% 300%;
        animation: borderMove 5s ease infinite;
        box-shadow: 0 0 1px rgba(50,205,50);
      }
      @keyframes borderMove {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
      }
      .main-box {
        width: 100%;
        max-width: 700px;
        margin: 5px auto;
        background: linear-gradient(rgb(0, 31, 20), rgb(0, 69, 43));
        border-radius: 16px;
        padding: 12px;
        box-shadow: rgba(0, 255, 180, 0.2) 0px 0px 25px;
        position: relative;
      }
      .title-bar {
        font-family: Arial, Microsoft YaHei, sans-serif;
        position: relative;
        z-index: 2;
        background: linear-gradient(135deg, rgb(0, 31, 20), rgb(11, 61, 45), rgb(0, 127, 95));
        border-radius: 20px;
        padding: 15px;
        color: rgb(168, 255, 207);
        box-shadow: rgba(120, 255, 200, 0.4) 0px 0px 25px, rgba(0, 255, 180, 0.15) 0px 0px 50px inset;
        font-size: 22px;
        font-weight: bold;
        overflow: hidden;
        border: 1px solid rgba(150, 255, 200, 0.6);
        text-align: center;
      }
      .bg-gif {
        position: absolute;
        inset: 0;
        background: url(/material/kongxfac.gif) center center / cover repeat;
        opacity: 0.08;
        z-index: 0;
      }
      .content-wrap {
        position: relative;
        z-index: 2;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
      }
      .item {
        text-align: center;
        width: 100%;
        background: rgba(0, 50, 25, 0.6);
        border-radius: 18px;
        padding: 10px;
        box-shadow: rgb(255, 250, 250) 0px 0px 12px;
      }