#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;
}

.guest-card-badge,
.guest-card-count,
.guest-card-reminder,
.guest-card-dialog-tip,
.el-message,
.el-message__content,
.el-notification,
.el-notification__content {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
}

.guest-card-badge,
.guest-card-count {
    flex: 0 0 auto;
    white-space: nowrap;
    max-width: 100%;
}

.guest-card-reminder,
.guest-card-dialog-tip,
.el-dialog .bg-orange-50 {
    width: 100%;
    line-height: 1.6;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.guest-card-dialog-tip p,
.el-dialog .bg-orange-50 p {
    margin-bottom: 0;
}

.guest-card-dialog-tip p + p,
.el-dialog .bg-orange-50 p + p {
    margin-top: 0.25rem;
}

.el-message {
    width: auto !important;
    max-width: min(560px, calc(100vw - 24px)) !important;
}

.el-message__content,
.el-notification__content {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

@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;
    }

    .guest-card-badge,
    .guest-card-count {
        align-self: center;
    }

    .guest-card-reminder,
    .guest-card-dialog-tip,
    .el-dialog .bg-orange-50,
    .el-message {
        max-width: calc(100vw - 32px) !important;
    }

    .guest-card-reminder {
        text-align: left;
    }

    .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;
    }
}