.information {
    background: url(../img/Lunbo4.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}



/* 法熵深度模型协同系统样式 - 优化版本 */
.collaboration-system {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    position: relative;
}

/* 标题样式 - 复用 common.css 字体系统 */
.collaboration-system .section-header h2 {
    font-size: var(--font-size-xxxl);
    font-weight: var(--font-weight-bold);
    color: var(--text-dark);
    font-family: var(--font-chinese);
    text-align: center;
    text-shadow: var(--heading-shadow);
}

.collaboration-system .section-header p {
    font-size: var(--font-size-lg);
    color: var(--text-muted);
    font-family: var(--font-chinese);
    line-height: var(--line-height-base);
    text-align: center;
}

/* 主流程卡片样式 - 复用 common.css 的卡片基础样式 */
.flow-input {
    background: linear-gradient(135deg, #74b9ff, #0984e3) !important;
    transform: perspective(1000px) rotateY(-5deg);
    transition: var(--transition-standard);
}

.flow-input:hover {
    transform: perspective(1000px) rotateY(0deg) scale(1.05);
}

/* 流程卡片内容样式 */
.flow-card-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-chinese);
    line-height: var(--line-height-tight);
    margin-bottom: 1rem;
}

.flow-card-content {
    font-size: var(--font-size-sm);
    font-family: var(--font-chinese);
    line-height: var(--line-height-base);
}

.flow-card-content li {
    margin-bottom: 0.25rem;
    font-size: var(--font-size-sm);
}

.core-processing {
    background: linear-gradient(135deg, #a29bfe, #6c5ce7) !important;
    position: relative;
    overflow: hidden;
}

.core-processing::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    animation: pulse-glow 3s ease-in-out infinite;
}

.flow-output {
    background: linear-gradient(135deg, #00b894, #00a085) !important;
    transform: perspective(1000px) rotateY(5deg);
    transition: var(--transition-standard);
}

.flow-output:hover {
    transform: perspective(1000px) rotateY(0deg) scale(1.05);
}

/* 流程箭头动画 */
.flow-arrow {
    color: var(--primary-color);
    animation: bounce-arrow 2s infinite;
    font-size: var(--font-size-xxxl);
}

/* 步骤卡片样式 */
.step-card-title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-chinese);
    color: var(--text-dark);
    line-height: var(--line-height-tight);
}

.step-card-description {
    font-size: var(--font-size-sm);
    font-family: var(--font-chinese);
    color: var(--text-muted);
    line-height: var(--line-height-base);
}

/* 步骤编号样式 - 复用 common.css 的图标容器样式 */
.step-number {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-color), #4d7fff) !important;
    box-shadow: 0 4px 12px rgba(49, 123, 246, 0.3);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    font-family: var(--font-chinese);
}

/* 关键帧动画 */
@keyframes pulse-glow {
    0%, 100% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.1) rotate(180deg); }
}

@keyframes bounce-arrow {
    0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
    40% { transform: translateX(-5px); }
    60% { transform: translateX(5px); }
}