/* 心理AI Demo 自定义样式 */

/* 为根滚动器永久预留滚动条空间，避免内容长短不同的页面切换时
   因滚动条出现/消失导致的居中内容横向抖动 */
html {
    scrollbar-gutter: stable;
}

[x-cloak] {
    display: none !important;
}

/* 滚动条美化 */
.overflow-y-auto::-webkit-scrollbar {
    width: 6px;
}
.overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
}
.overflow-y-auto::-webkit-scrollbar-thumb {
    background: #d6d3d1;
    border-radius: 3px;
}
.overflow-y-auto::-webkit-scrollbar-thumb:hover {
    background: #a8a29e;
}

/* 行截断 */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 文本域聚焦过渡 */
textarea, input {
    transition: border-color 0.15s, box-shadow 0.15s;
}

/* 按钮过渡 */
button {
    transition: background-color 0.15s, color 0.15s, opacity 0.15s;
}

/* 极验验证码容器对齐 */
#geetest-captcha .geetest_btn {
    line-height: normal;
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}