.donate-section {
   margin-top: 10px;
   padding: 1rem;
   background: var(--bg-color);
   border-radius: 8px;
   border: 1px solid var(--border-color);
}

.donate-section .donate-header {
   text-align: center;
   margin-bottom: 0.75rem;
}

.donate-section .donate-icon {
   display: inline-block;
   vertical-align: middle;
   font-size: 28px;
   line-height: 28px;
}

.donate-section .donate-link {
   text-decoration: none;
   color: inherit;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}

.donate-section .donate-link:hover {
   opacity: 0.8;
}

.donate-section h4 {
   display: inline-block;
   margin: 0;
   font-size: 0.95rem;
   color: var(--text-color);
   vertical-align: middle;
   line-height: 28px;
}

.donate-section .donate-link span:last-child {
   margin: 0;
   font-size: 0.95rem;
   color: var(--text-color);
   vertical-align: middle;
   line-height: 28px;
   white-space: nowrap;
}

.donate-section .donate-desc {
   margin: 0.25rem 0 0;
   font-size: 0.75rem;
   color: var(--secondary-color);
}

.donate-section .donate-qrcode {
   display: flex;
   justify-content: center;
   gap: 1.25rem;
}

.donate-section .donate-item {
   text-align: center;
}

.donate-section .qrcode-wrapper {
   width: 100px;
   height: 100px;
   border-radius: 6px;
   overflow: hidden;
   border: 1px solid var(--border-color);
   margin-bottom: 0.4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--bg-color);
   text-align: center;
}

.donate-section .qrcode-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.donate-section .qrcode-label {
   font-size: 0.75rem;
   color: var(--secondary-color);
}

@media (max-width: 480px) {
   .donate-section {
     padding: 0.75rem;
   }
   
   .donate-section .donate-header {
     margin-bottom: 0.5rem;
   }
   
   .donate-section .donate-icon {
     font-size: 20px;
     line-height: 20px;
   }
   
   .donate-section h4 {
     font-size: 0.85rem;
   }
   
   .donate-section .donate-link span:last-child {
     font-size: 0.85rem;
     line-height: 20px;
   }
   
   .donate-section .donate-desc {
     font-size: 0.7rem;
   }
   
   .donate-section .donate-qrcode {
     gap: 1rem;
   }
   
   .donate-section .qrcode-wrapper {
     width: 80px;
     height: 80px;
     border-radius: 4px;
   }
   
   .donate-section .qrcode-label {
     font-size: 0.65rem;
   }
}