.box-content{
        height:auto;
        overflow: hidden;
        margin-top: 1em;
        padding: 1em 1.2em 10% 1.2em;
        background-color: var(--color-white-light);
        border-radius: var(--size-radius);
        box-shadow: var(--shadow-box);
      }
      * { word-break: break-all;}
      .pb-sm-2,.py-sm-2 { padding-bottom: 0px !important;}
      .title-p { margin-bottom: 0px !important;}
      .input-2fa { background-color: #F7F9FA; border: 0px; border-radius: 0.55rem; box-shadow: none; color: #5E6E80; padding: 0.875rem 1.375rem 0.8125rem; outline: none !important; position: relative; width: 100%; box-shadow: inset 0px 0px 1px 1px rgb(50 174 77); font-size: 0.88rem; font-weight: 600;}
      .btn-get:hover,.btn-qr:hover { background: none; color: #000; box-shadow: inset 0px 0px 1px 1px rgb(50 174 77);}
      .input-2fa:focus { box-shadow: inset 0px 0px 2px 2px rgb(50 174 77); background: white;}
      .div-2fa { margin-bottom: 0.65rem; font-size: 0.88rem;font-weight: 300;}
      .div-2fa>span { margin-left: 0.55rem;font-weight: 600; }
      .btn-get { background-image: linear-gradient(142.17deg, #009688 6.66%, #00d708de 91.48%); box-shadow: inset -0.25rem -0.25rem 0.3125rem rgba(0, 0, 0, 0.1), inset 0.25rem 0.25rem 0.3125rem rgba(255, 255, 255, 0.23); border-radius: 0.35rem; border: 0; color: #fff; cursor: pointer; font-size: 1rem; font-weight: 600; padding: 0.23rem 0.86rem;}
      #message_js,#message { margin-left: 1rem;}
      .btn-qr { float: right; border: 0px; padding: 0.20rem 0.80rem;background-image: linear-gradient(142.17deg, #009688 6.66%, #00d708de 91.48%); box-shadow: inset -0.25rem -0.25rem 0.3125rem rgba(0, 0, 0, 0.1), inset 0.25rem 0.25rem 0.3125rem rgba(255, 255, 255, 0.23); border-radius: 0.25rem; color: #fff; cursor: pointer; font-size: 0.88rem; font-weight: 600;}
      .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4);}
      .modal-content { background-color: #fefefe; padding: 20px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #888; max-width: 320px; overflow: hidden; text-align: center;}
      .close { color: #aaa; float: right; font-size: 28px; font-weight: bold;}
      .close:hover,.close:focus { color: black; text-decoration: none; cursor: pointer;}
      #qrcode { width: 250px; height: 250px; margin: auto; display: block;}
      .qr-text { text-align: center; font-size: 16px; margin:36px 0px 0px 0px;}
      #notification-container { position: fixed; top: 20px; right: 20px; z-index: 9999;}
      .notification { background-color: #030303bf; color: #fff; padding: 15px; border-radius: 4px; margin-bottom: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); opacity: 0; transform: translateX(100%); transition: opacity 0.5s, transform 0.5s;}
      .notification.show { opacity: 1; transform: translateX(0);}

      /* 2FA验证器字 */
      .class-2fa {
        font-weight: 600;
        line-height: 1.3;
         margin-top: 20px;
        margin: 10px 0;
       }
      .div-2fa {
        margin-bottom: 0.65rem;
        font-size: 0.88rem;
      }
      .title-2fa {
        padding: 0 0 8px 0;
        position: relative;
        font-size: 2rem;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
      }
        .title-2fab {
        padding: 16px 0;
        border-bottom: 1px solid #eee;
      }
        .hr2fa {
        box-sizing: content-box;
        height: 80%; 
        overflow: visible;
        margin-top: 20px;
        border: 0;
      }
       .title-2fac {
        padding: 16px 0;
        border-top: 1px solid #eee;
      }
       .title--h5 {
        padding: 5px 0;
        line-height: 2;color: #5E6E80;
      }
      
      .medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}
      .medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}
      .medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}
      .medium-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;will-change:opacity}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;transition:transform .3s cubic-bezier(.2,0,.2,1)}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{position:relative;cursor:pointer;cursor:zoom-out;will-change:transform}