  #address {
        min-height: 400px;
        max-height: 400px;
        overflow-y: auto;
        background-color: #181d23;
        border: 1px solid #9bd0fe;
        border-radius: 5px;
        padding: 20px;
        box-sizing: border-box;
        color: #95e6ff;
    }
    .select-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-bottom: 20px;
    }
    select {
        padding: 8px 16px;
        border: none;
        border-radius: 5px;
        font-size: 0.9em;
        background-color: #181d23 !important;
        color: #2c2a40;
        cursor: pointer;
        transition: background-color 0.3s ease, transform 0.3s ease;
        font-weight: bold;
        width: calc(16.66% - 10px);
        min-width: 80px;
        box-sizing: border-box;
    }
/*    select:hover {
        background-color: #b4aefe;
        transform: scale(1.05);
    }
*/
.button-group {
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 居中对齐按钮 */
    flex-wrap: wrap; /* 允许换行 */
}

.button-group button {
    padding: 3px 11px;
    border: none;
    border-radius: 26px;
    font-size: 1em;
    margin: 0 39px; /* 默认左右边距均为60像素 */
}

.button-group button:first-child {
    margin-left: 0; /* 第一个按钮不需要左边距 */
}

.button-group button:last-child {
    margin-right: 0; /* 最后一个按钮不需要右边距 */
}

/* 媒体查询：适用于手机设备 */
@media (max-width: 768px) {
    .button-group button {
        margin: 0 0px; /* 在手机上调整左右边距 */
        font-size: 0.9em; /* 调整字体大小 */
        padding: 5px 10px; /* 调整内边距 */
    }
}

    .fanyi {
        background-color: #4CAF50;
        color: white;
    }
    .generate-btn {
        background-color: #4CAF50;
        color: white;
    }
    .copy-btn {
        background-color: #4caf50;
        color: white;
    }
    .generate-btn:hover, .copy-btn:hover {
        background-color: #ff1ca8;
        transform: scale(1.05);
    }
  
    .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: none;
    }
    .loading::after {
        content: '';
        display: inline-block;
        width: 25px;
        height: 25px;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #4CAF50;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    .address-content {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 8px;
    }
    @media (max-width: 768px) {
        .select-wrapper {
            flex-direction: column;
            align-items: center;
        }
        select {
            width: calc(100% - 10px);
            min-width: 100px;
        }
        .content {
            padding: 20px;
            max-width: 100%;
        }
        .button-group {
            flex-direction: column;
            gap: 10px;
        }
        .button-group button {
            width: 100%;
        }
    }
    @media (max-width: 480px) {
        select {
            width: calc(100% - 10px);
        }
        .content {
            padding: 15px;
        }
    }


.gradient-line19 {
    width: 100%;
    height: 1px; /* 可以根据需要调整高度 */
    background: linear-gradient(to right, transparent 5%, #c6dafc 30%, #ff37ba 50%, #c6dafc 70%, transparent 95%);
}