::selection{background-color:#06b6d4;color:#fff}
.bg-grid-pattern{background-image:linear-gradient(#0f172a 1px,transparent 1px),linear-gradient(90deg,#0f172a 1px,transparent 1px);background-size:24px 24px;background-position:0 0,0 0}
.animate-spin-slow{animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* AI Scanning Effect Styles */
/* 隐藏滚动条但允许滚动 */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* 单词节点的基础样式 */
.word-node {
    display: inline-block;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* 正在扫描时的矩阵乱码高亮状态 */
.scrambling {
    color: #22d3ee; /* Tailwind Cyan 400 */
    text-shadow: 0 0 8px rgba(34, 211, 238, 0.8);
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

/* 解析成功后的闪烁渐变动画 */
.parse-success {
    animation: parseFlash 1.5s ease-out forwards;
}

@keyframes parseFlash {
    0% {
        color: #fff;
        text-shadow: 0 0 15px #22d3ee, 0 0 30px #22d3ee;
    }
    20% {
        color: #22d3ee;
        text-shadow: 0 0 10px #22d3ee;
    }
    100% {
        color: #cbd5e1; /* 恢复为正常文本颜色 Slate 300 */
        text-shadow: none;
    }
}

/* 代码块特殊样式，增强极客感 */
.code-block {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(30, 41, 59, 0.8);
    border-left: 3px solid #22d3ee;
    font-family: 'Fira Code', 'Courier New', Courier, monospace;
}

/* 状态提示文字的渐入动画 */
.status-line {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.6s ease-out;
}
.status-line.visible {
    opacity: 1;
    transform: translateY(0);
}