@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-8px); }
    75% { transform: translateX(8px); }
}
.animate-shake {
    animation: shake 0.2s ease-in-out 0s 2;
}

/* 让长协议内部滚动的样式更精致 */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #cbd5e1; }
/* 为了让渲染出来的 HTML 更好看，增加一些针对富文本标签的样式 */
.quill-content h1 { font-size: 2em; font-weight: bold; margin-bottom: 0.5em; }
.quill-content h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
.quill-content h3 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.5em; }
.quill-content p { margin-bottom: 1em; }
.quill-content ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1em; }
.quill-content ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1em; }
.quill-content strong { font-weight: bold; }

/* 处理表格样式 (如果 Quill 里有表格) */
.quill-content table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
.quill-content table td, .quill-content table th { border: 1px solid #ddd; padding: 8px; }

/* 隐藏 Edge/Chrome 原生的密码显示眼睛 */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

/* 如果是 Chromium 内核（Edge, Chrome），使用下面这个伪元素 */
input[type="password"]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}