/* 现代化按钮样式 */
.ui.basic.horizontal.label,
.ui.horizontal.label,
.ui.blue.horizontal.basic.label,
.ui.blue.horizontal.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* min-width: 80px; */
    /* height: 30px; */
    padding: 0 10px;
    /* margin: 4px; */
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #ffffff;
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
    white-space: nowrap;
}

/* 悬停状态 */
.ui.basic.horizontal.label:hover,
.ui.horizontal.label:hover,
.ui.blue.horizontal.basic.label:hover,
.ui.blue.horizontal.label:hover {
    background-color: #f5f5f5;
    border-color: #d0d0d0;
    color: #333333;
    /*transform: translateY(-1px);*/
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); */
}

/* 激活状态 */
.ui.basic.horizontal.label.active,
.ui.horizontal.label.active,
.ui.blue.horizontal.label,
.ui.blue.horizontal.basic.label {
    background-color: #1890ff;
    border-color: #1890ff;
    color: #ffffff;
    font-weight: 600;
    /* box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3); */
}

.ui.basic.horizontal.label.active:hover,
.ui.horizontal.label.active:hover,
.ui.blue.horizontal.label:hover,
.ui.blue.horizontal.basic.label:hover {
    background-color: #40a9ff;
    border-color: #40a9ff;
    color: #ffffff;
    /*transform: translateY(-1px);*/
    /* box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4); */
}

/* 点击状态 */
.ui.basic.horizontal.label:active,
.ui.horizontal.label:active,
.ui.blue.horizontal.basic.label:active,
.ui.blue.horizontal.label:active {
    transform: translateY(0);
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
}

/* 禁用状态 */
.ui.basic.horizontal.label.disabled,
.ui.horizontal.label.disabled,
.ui.blue.horizontal.basic.label.disabled,
.ui.blue.horizontal.label.disabled {
    background-color: #f5f5f5;
    border-color: #e8e8e8;
    color: #bfbfbf;
    cursor: not-allowed;
    box-shadow: none;
}

.ui.basic.horizontal.label.disabled:hover,
.ui.horizontal.label.disabled:hover,
.ui.blue.horizontal.basic.label.disabled:hover,
.ui.blue.horizontal.label.disabled:hover {
    background-color: #f5f5f5;
    border-color: #e8e8e8;
    color: #bfbfbf;
    transform: none;
    box-shadow: none;
}

/* 按钮容器样式 */
.patent-actions-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 12px 0;
}

/* 响应式设计 */
@media only screen and (max-width: 768px) {
    .ui.basic.horizontal.label,
    .ui.horizontal.label,
    .ui.blue.horizontal.basic.label,
    .ui.blue.horizontal.label {
        /* min-width: 70px; */
        height: 28px;
        padding: 0 8px;
        font-size: 11px;
        /* margin: 3px; */
    }

    .patent-actions-container {
        gap: 3px;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 480px) {
    .ui.basic.horizontal.label,
    .ui.horizontal.label,
    .ui.blue.horizontal.basic.label,
    .ui.blue.horizontal.label {
        /* min-width: 60px; */
        height: 26px;
        padding: 0 6px;
        font-size: 10px;
        /* margin: 2px; */
    }

    .patent-actions-container {
        gap: 2px;
        margin: 8px 0;
    }

    /* 在小屏幕上隐藏部分按钮 */
    .ui.basic.horizontal.label:nth-child(n+8),
    .ui.horizontal.label:nth-child(n+8),
    .ui.blue.horizontal.basic.label:nth-child(n+8),
    .ui.blue.horizontal.label:nth-child(n+8) {
        display: none;
    }
}