
        .container1 {
            text-align: center;
        }

        .container1 img {
            display: block;
            margin: 0 auto;
        }
    

              .faq-item {
                border: 1px solid #e0e0e0;
                border-radius: 12px;
                margin-bottom: 1em;
                overflow: hidden;
                background: #fafafa;
                box-shadow: 0 2px 6px rgba(0,0,0,0.04);
              }
            
              .faq-question {
                width: 100%;
                padding: 1em;
                font-size: 16px;
                font-weight: 600;
                background: none;
                border: none;
                text-align: left;
                cursor: pointer;
                position: relative;
                transition: background 0.3s;
                display: flex;
                justify-content: space-between;
                align-items: center;
              }
            
              .faq-question:hover {
                background: #f0f0f0;
              }
            
              .faq-toggle {
                font-size: 20px;
                font-weight: bold;
                color: #777;
                transition: transform 0.3s;
              }
            
              .faq-answer {
                max-height: 0;
                overflow: hidden;
                padding: 0 1em;
                font-size: 15px;
                color: #444;
                line-height: 1.6;
                transition: max-height 0.4s ease, padding 0.3s ease;
              }
            
              .faq-item.active .faq-answer {
                max-height: 300px;
                padding: 1em;
              }
            
              .faq-item.active .faq-toggle {
                transform: rotate(45deg);
              }
            

        .review-carousel-section {
          background: #f0f4f8;
          padding: 60px 20px;
          box-sizing: border-box;
        }
        
        .review-carousel-container {
          max-width: 800px;
          margin: auto;
          box-sizing: border-box;
          text-align: center;
        }
        
        .review-carousel-title {
          font-size: 2em;
          font-weight: 600;
          color: #333;
          margin-bottom: 40px;
        }
        
        .review-carousel-wrapper {
          position: relative;
          overflow: hidden;
          min-height: 260px;
        }
        
        .review-carousel-track {
          display: flex;
          transition: transform 0.5s ease-in-out;
          will-change: transform;
        }
        
        .review-card {
          flex: 0 0 100%;
          max-width: 100%;
          box-sizing: border-box;
          padding: 30px;
          background: #fff;
          margin: 0 auto;
          border-radius: 12px;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        }
        
        .review-avatar {
          font-size: 2.5em;
          margin-bottom: 15px;
        }
        
        .review-text {
          font-size: 1.05em;
          color: #444;
          margin-bottom: 20px;
          line-height: 1.6;
        }
        
        .review-info {
          font-size: 0.95em;
          color: #666;
        }
        
        .review-arrow {
          position: absolute;
          top: 80%;
          transform: translateY(-50%);
          background: #007bff;
          color: white;
          border: none;
          font-size: 20px;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          cursor: pointer;
          z-index: 2;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
          transition: background 0.3s ease;
        }
        
        .review-arrow:hover {
          background: #0056b3;
        }
        
        .review-arrow.prev {
          left: 10px; /* 从 -10px 改成 10px */
        }
        
        .review-arrow.next {
          right: 10px; /* 从 -10px 改成 10px */
        }
        
        .review-dots {
          margin-top: 25px;
        }
        
        .review-dots .dot {
          display: inline-block;
          width: 10px;
          height: 10px;
          background: #bbb;
          border-radius: 50%;
          margin: 0 6px;
          cursor: pointer;
          transition: background 0.3s;
        }
        
        .review-dots .dot.active {
          background: #007bff;
        }
        
        @media (max-width: 600px) {
          .review-card {
            padding: 25px 20px;
          }
        
          .review-arrow {
            display: none;
          }
        }
        

        .back-to-top {
            bottom: 145px; 
            display: none; 
            position: fixed;
            right: 16px; 
            width: 60px;
            height: 60px;
            background-color: #1baaa0;
            color: white;
            text-align: center;
            line-height: 62px;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 1000;
            cursor: pointer;
        }

        .back-to-top:hover {
            background-color: #0056b3;
        }

        .telegram-button {
            bottom: 81px;
            display: block; 
            position: fixed;
            right: 16px; 
            width: 60px;
            height: 60px;
            background-color: #26A6E7;
            color: white;
            text-align: center;
            line-height: 62px;
            border-radius: 50%;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 1000;
            cursor: pointer;
        }

        .telegram-button:hover {
            background-color: #26a5e4;
        }

        .telegram-icon, .arrow-icon {
            font-size: 30px;
        }

        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
        }

        .content2 {
            height: 2000px;
            padding: 20px;
        }

        
    

      .ck-banner {
        position: fixed;
        bottom: 20px;
        left: 20px;
        max-width: 380px;
        width: 90%;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px 20px 60px 20px; 
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        z-index: 9999;
        font-size: 14px;
        display: none;
        box-sizing: border-box;
      }
    
      .ck-content {
        color: #333;
      }
    
      .ck-content a {
        color: #0073e6;
        text-decoration: underline;
      }
    
      .ck-buttons {
        position: absolute;
        bottom: 15px;
        right: 15px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
    
      .ck-btn {
        padding: 8px 14px;
        border: none;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
      }
    
      .ck-accept {
        background-color: #0073e6;
        color: white;
      }
    
      .ck-decline {
        background-color: #e0e0e0;
        color: #333;
      }
    
      .ck-close {
        position: absolute;
        top: 8px;
        right: 10px;
        background: transparent;
        border: none;
        font-size: 18px;
        color: #666;
        cursor: pointer;
        line-height: 1;
      }
    
      .ck-close:hover {
        color: #000;
      }
    
      @media (max-width: 480px) {
        .ck-banner {
          left: 10px;
          right: 10px;
          bottom: 10px;
          max-width: none;
          padding-bottom: 80px;
        }
    
        .ck-buttons {
          bottom: 10px;
          right: 10px;
          flex-direction: column;
          align-items: flex-end;
        }
      }
    

    #mp-trial-root{
    position:fixed;
    left:16px;
    top:55vh;
    transform:translateY(-50%);
    width:200px;
    height:250px;
    z-index:999999;
    pointer-events:none;
    }
    .mp-trial-card{
    position:relative;
    width:100%;
    height:100%;
    border-radius:16px;
    overflow:hidden;
    color:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.22);
    background:
        radial-gradient(120px 120px at 20% 90%, rgba(0,255,255,.18), transparent 60%),
        radial-gradient(140px 120px at 90% 10%, rgba(255,200,0,.18), transparent 65%),
        linear-gradient(135deg,#466085,#014b99 60%,#183054);
    pointer-events:auto;
    }
    .mp-trial-close{
    position:absolute;
    top:8px;
    right:8px;
    width:26px;
    height:26px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(0,0,0,.22);
    color:#fff;
    cursor:pointer;
    font-size:16px;
    line-height:24px;
    padding:0;
    }
    .mp-trial-content{
    height:100%;
    padding:14px 12px 12px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    }
    .mp-trial-header{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin-top:10px;
    }
    .mp-trial-gift{
    width:64px;
    height:64px;
    border-radius:12px;
    background:
        linear-gradient(#ffd76a,#ffb300) center/10px 100% no-repeat,
        linear-gradient(#ffd76a,#ffb300) center/100% 10px no-repeat,
        linear-gradient(135deg,#ff5a5f,#d81b2c);
    position:relative;
    box-shadow:0 10px 18px rgba(0,0,0,.22);
    flex:0 0 auto;
    transform:translateZ(0);
    will-change:transform,filter;
    animation:mpGiftFloat 2.8s ease-in-out infinite,mpGiftGlow 1.7s ease-in-out infinite,mpGiftWiggle 6.5s ease-in-out infinite;
    }
    .mp-trial-gift:before,
    .mp-trial-gift:after{
    content:"";
    position:absolute;
    top:-8px;
    width:26px;
    height:18px;
    background:linear-gradient(#ffd76a,#ffb300);
    border-radius:20px 20px 0 20px;
    }
    .mp-trial-gift:before{left:6px;transform:rotate(-18deg);}
    .mp-trial-gift:after{right:6px;transform:scaleX(-1) rotate(-18deg);}
    .mp-trial-tag{
    flex:1;
    padding:6px 12px;
    border-radius:999px;
    font-weight:900;
    font-size:14px;
    color:#ffd76a;
    background:rgba(255,215,106,.12);
    border:1px solid rgba(255,215,106,.45);
    backdrop-filter:blur(2px);
    text-align:center;
    line-height:1.2;
    white-space:normal;
    word-break:break-all;
    overflow-wrap:anywhere;
    }
    .mp-trial-mid{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:6px 0;
    text-align:center;
    }
    .mp-trial-line{
    font-size:15px;
    font-weight:900;
    color:rgba(255,255,255,.96);
    letter-spacing:.2px;
    }
    .mp-trial-btn{
    height:44px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:15px;
    color:#3a2200;
    background:linear-gradient(#ffd76a,#ffb300);
    box-shadow:0 12px 24px rgba(255,179,0,.28);
    text-decoration:none;
    }
    .mp-trial-card:hover .mp-trial-gift{
    filter:brightness(1.06) saturate(1.08);
    }
    .mp-trial-mini{
    display:none;
    height:100%;
    padding:8px 6px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    }
    .mp-trial-gift--mini{
    width:36px;
    height:36px;
    border-radius:10px;
    animation:none;
    }
    .mp-trial-gift--mini:before,
    .mp-trial-gift--mini:after{
    top:-6px;
    width:16px;
    height:12px;
    }
    .mp-trial-mini-btn{
    width:100%;
    height:30px;
    border-radius:999px;
    font-weight:900;
    font-size:13px;
    color:#3a2200;
    background:linear-gradient(#ffd76a,#ffb300);
    box-shadow:0 8px 16px rgba(255,179,0,.22);
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    text-decoration:none;
    }
    @keyframes mpGiftFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
    }
    @keyframes mpGiftGlow{
    0%,100%{
        box-shadow:0 10px 18px rgba(0,0,0,.22),0 0 0 rgba(255,215,106,0),0 0 0 rgba(0,255,255,0);
    }
    50%{
        box-shadow:0 10px 18px rgba(0,0,0,.22),0 0 18px rgba(255,215,106,.35),0 0 26px rgba(0,255,255,.18);
    }
    }
    @keyframes mpGiftWiggle{
    0%,78%,100%{transform:translateY(0) rotate(0deg);}
    80%{transform:translateY(-6px) rotate(-2deg);}
    82%{transform:translateY(-6px) rotate(2deg);}
    84%{transform:translateY(-6px) rotate(-1deg);}
    86%{transform:translateY(-6px) rotate(0deg);}
    }
    @media (prefers-reduced-motion:reduce){
    .mp-trial-gift{animation:none!important;}
    }
    @media (max-width:768px){
    #mp-trial-root{
        width:92px;
        height:84px;
        left:12px;
        top:62vh;
        transform:translateY(-50%);
    }
    .mp-trial-content{display:none;}
    .mp-trial-mini{display:flex;}
    .mp-trial-close{display:none;}
    }
    @media (max-height:700px){
    #mp-trial-root{
        transform:translateY(-50%) scale(.9);
        transform-origin:left center;
    }
    }
    @media (max-height:560px){
    #mp-trial-root{
        transform:translateY(-50%) scale(.8);
    }
    }
    