/* 玄易大师 H5 自定义样式 */

:root {
    --primary: #d97706;
    --primary-dark: #b45309;
    --bg: #faf7f2;
    --card-bg: #ffffff;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background-color: var(--bg);
    color: #333;
    -webkit-font-smoothing: antialiased;
}

/* 隐藏滚动条 */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 消息气泡 */
.bubble-user {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
    border-radius: 16px 16px 4px 16px;
}
.bubble-ai {
    background: #f3f4f6;
    color: #1f2937;
    border-radius: 16px 16px 16px 4px;
    white-space: pre-wrap;
    word-break: break-word;
}

/* 呼吸动画 */
@keyframes breathe {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(0.95); }
}
.breathe { animation: breathe 2s ease-in-out infinite; }

/*  shimmer 骨架屏 */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

/* 按钮点击反馈 */
.btn-press:active { transform: scale(0.97); }

/* 卡片悬浮效果 */
.card-hover {
    transition: transform 0.2s, box-shadow 0.2s;
}
.card-hover:active {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 渐变文字 */
.gradient-text {
    background: linear-gradient(135deg, #d97706, #92400e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 输入框聚焦 */
input:focus, textarea:focus {
    outline: none;
    border-color: #d97706;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15);
}

/* 页面切换动画 */
.page-enter {
    animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}