/* ========================================
   Floating Sidebar
   ======================================== */

   .zhongyu-third-app {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 36px 10px; 
    background: linear-gradient(180deg, #0C3054 0%, #1B6ABA 100%);
    border-radius: 50px 0 0 50px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    transform: all 0.3s ease;
  }
  .zhongyu-third-app.active{
    padding: 50px 28px;
  }
  /* ========================================
     Sidebar Item
     ======================================== */
  
  .zhongyu-third-app-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    cursor: pointer;
    transition: transform 0.3s ease;
    position: relative;
    text-decoration: none;
    background: var(--color-primary);
  }
  
  .zhongyu-third-app-item svg,
  .zhongyu-third-app-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .zhongyu-third-app-item:hover {
    transform: scale(1.1);
  }
  
  /* ========================================
     WeChat QR Code Popup
     ======================================== */
  
  .zhongyu-third-app-wechat {
    position: relative;
  }
  
  .zhongyu-third-app-qr-popup {
    position: absolute;
    right: calc(100%  + 20px); /* sidebar width + padding + gap */
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }
  
  .zhongyu-third-app-qr-popup::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid #FFFFFF;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  
  .zhongyu-third-app-qr-popup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .zhongyu-third-app-wechat:hover .zhongyu-third-app-qr-popup {
    opacity: 1;
    visibility: visible;
  }
  
  /* ========================================
     Back to Top Button
     ======================================== */
  
  .zhongyu-third-app-gotop {
    cursor: pointer;
  }
  
  .zhongyu-third-app-gotop svg {
    transition: transform 0.3s ease;
  }
  
  .zhongyu-third-app-gotop:hover svg {
    transform: rotate(180deg);
  }
  
  /* ========================================
     Responsive Styles
     ======================================== */
  
  /* Hide on mobile and tablets */
  @media (max-width: 991px) {
    .zhongyu-third-app {
      display: none;
    }
  }
  
  /* Print styles */
  @media print {
    .zhongyu-third-app {
      display: none !important;
    }
  }
  
  /* ========================================
     Floating Sidebar
     ======================================== */
  
  .zhongyu-third-app {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 36px 10px;
    background: linear-gradient(180deg, #0C3054 0%, #1B6ABA 100%);
    border-radius: 50px 0 0 50px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }
  
  /* ========================================
     Sidebar Item
     ======================================== */
  
  .zhongyu-third-app-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    cursor: pointer;
    transition: transform 0.3s ease;
    position: relative;
    text-decoration: none;
    background: var(--color-primary);
    border-radius: 15px;
    color: #0f3c6a;
  }
  .zhongyu-third-app-item:nth-last-child(1){
    /* background: #fff; */
  }
  .zhongyu-third-app-item .iconfont{
    font-size: 20px;
  }
  .zhongyu-third-app-item svg,
  .zhongyu-third-app-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .zhongyu-third-app-item:hover {
    transform: scale(1.1);
  }
  
  /* ========================================
     WeChat QR Code Popup
     ======================================== */
  
  .zhongyu-third-app-wechat {
    position: relative;
  }
  
  .zhongyu-third-app-qr-popup {
    position: absolute;
    right: calc(100%  + 20px); /* sidebar width + padding + gap */
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }
  
  .zhongyu-third-app-qr-popup::after {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid #FFFFFF;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  
  .zhongyu-third-app-qr-popup img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .zhongyu-third-app-wechat:hover .zhongyu-third-app-qr-popup {
    opacity: 1;
    visibility: visible;
  }
  
  /* ========================================
     Back to Top Button
     ======================================== */
  
  .zhongyu-third-app-gotop {
    cursor: pointer;
  }
  
  .zhongyu-third-app-gotop svg {
    transition: transform 0.3s ease;
  }
  
  .zhongyu-third-app-gotop:hover svg {
    transform: rotate(180deg);
  }

  .zhongyu-third-app .close-status{
    /* 设置文字竖向 */
    writing-mode: vertical-rl; 
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
  }
  .zhongyu-third-app .open-status{
    display: none;
    gap: 16px;
  }
  .zhongyu-third-app.active .close-status{
    display: none;
  }
  .zhongyu-third-app.active .open-status{
    display: flex;
    flex-direction: column;
  }
  .zhongyu-third-app.active .zhongyu-third-app-item.toggle{
    width: 36px;
    height: 36px;
  }
.zhongyu-third-app.active .zhongyu-third-app-item.toggle i{
  transform:rotateZ(180deg);
}
  .zhongyu-third-app .hidden{
    display: none;
  }
  .zhongyu-third-app-item.toggle{
    background: #fff;
    width: 24px;
    height: 24px;
  }
  .zhongyu-third-app-item.toggle i{
    color: #103b64;
  }
  /* ========================================
     Responsive Styles
     ======================================== */
  
  /* Hide on mobile and tablets */
  @media (max-width: 991px) {
    .zhongyu-third-app {
      display: none;
    }
  }
  
  /* Print styles */
  @media print {
    .zhongyu-third-app {
      display: none !important;
    }
  }