
.layui-layer-shade {
    background-color: rgba(15, 23, 42, 0.28) !important;
    opacity: 1 !important;
}
.layui-layer.jt-layer {
    width: 320px !important;
    max-width: 92vw !important;
    border-radius: 16px !important;
    border: 1px solid #e8edf3 !important;
    background: #fff !important;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    animation: jt-layer-in 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.jt-layer .layui-layer-content {
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
}
.jt-layer .layui-layer-btn:empty {
    display: none;
}
.jt-layer-body {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 22px 8px;
}
.jt-layer-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.jt-layer-icon svg {
    width: 22px;
    height: 22px;
}
.jt-layer-icon-info,
.jt-layer-icon-confirm {
    background: #fff7ed;
    color: #ea5514;
}
.jt-layer-icon-error {
    background: #fef2f2;
    color: #ef4444;
}
.jt-layer-icon-success {
    background: #ecfdf5;
    color: #10b981;
}
.jt-layer-msg {
    flex: 1;
    min-width: 0;
    color: #334155;
    font-size: 15px;
    line-height: 1.65;
    padding-top: 8px;
    word-break: break-word;
    text-align: left;
}
.jt-layer .layui-layer-btn {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px 20px !important;
    text-align: right;
    background: transparent;
}
.jt-layer .layui-layer-btn a {
    height: auto !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 72px;
    text-align: center;
    box-sizing: border-box;
}

.jt-layer-info .layui-layer-btn .layui-layer-btn0,
.jt-layer-confirm .layui-layer-btn .layui-layer-btn1 {
    background: #ea5514 !important;
    border-color: #ea5514 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(234, 85, 20, 0.25);
}
.jt-layer-error .layui-layer-btn .layui-layer-btn0 {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2);
}
.jt-layer-success .layui-layer-btn .layui-layer-btn0 {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

.jt-layer-confirm .layui-layer-btn .layui-layer-btn0 {
    background: #f8fafc !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none;
}
.jt-layer .layui-layer-btn a:active {
    opacity: 0.88;
}
@keyframes jt-layer-in {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
