#app{
    height: 100%;
}

.zdy-kk-text {
    align-items: center!important;
}

.history-item{
    width: auto;
    height: auto;
}

/* 在<style>标签中添加 */
.history-actions button {
    /* 移除hover效果 */
    transition: none !important;
}

/* 正常状态样式 */
.history-actions button:not(:disabled) {
    opacity: 1;
    transform: none;
    box-shadow: none;
}

/* 禁用状态样式（针对无结果的下载按钮） */
.history-actions button:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.8;
}

/* 确保按钮始终显示，不依赖hover */
.history-item {
    position: relative;
    overflow: visible;
}

.history-actions {
    display: flex !important; /* 强制显示 */
    opacity: 1 !important;   /* 不透明 */
}

.history-preview {
    /* 1. 固定单行文本高度（根据实际字体大小调整，确保1行文本刚好占这么高） */
    line-height: 1.4; /* 行高，中文建议1.3-1.5 */
    font-size: 0.75rem; /* 对应 text-xs，确保和HTML中的字体大小一致 */

    /* 2. 计算容器高度：单行高度 × 2行（line-height × 行数） */
    height: calc(1.4 * 0.75rem * 3); /* 最终高度 = 行高 × 字体大小 × 行数 */

    /* 3. 关键：隐藏超出容器的内容 */
    overflow: hidden;

    /* 4. 文本换行优化（适配不同屏幕宽度） */
    word-break: break-all; /* 中文按字符换行，英文按单词截断 */
    white-space: normal; /* 允许文本自动换行，自适应屏幕宽度 */

    /* 5. 显示省略号（可选，需配合定位实现） */
    position: relative;
}


.zdgaodu{
    width: auto;
}

@media (max-width: 768px) {
    #app {
        height: 100%;
    }

    h1 {
        font-size: 22px !important;
    }

    .zdy-bg {
        padding: 15px !important;
    }

    .zdy-p {
        font-size: 12px !important;
        margin-bottom: 20px !important;
    }

    .zdy-t1 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .zdy-t1 div {
        justify-content: center;
    }

    .zdy-t1 .text-sm {
        text-align: center;
    }

    .zdy-t1-span {
        margin-bottom: 5px;
        margin-right: 0;
    }

    .zdy-t2-span {
        flex: 1;
    }

    .zdy-t3-t {
        flex-direction: column;
    }

    .zdy-t3 {
        width: 100%;
        justify-content: space-between;
    }

    .zdy-t3-btn {
        padding: 8px 16px !important;
        justify-content: center;
    }

    .zdy-kk {
        padding: 1rem !important;
    }

    .zdy-kk-text {
        font-size: 12px !important;
        align-items: center;
    }

    .el-dialog{
        width: auto;
    }

    .zdy-radio{
        margin-right: auto!important;
    }

    .el-drawer{
        width: 100%!important;
    }
}