/* project.css - 软件开发页面特有样式 */

/* 1. 英雄区样式 */
.hero-section {
    background: linear-gradient(to bottom,
            rgba(5, 15, 30, 0) 0%,
            rgba(5, 15, 30, 0.4) 30%,
            rgba(5, 15, 30, 0.4) 100%);
}

.code-visual .code-line {
    text-align: center;
}

.code-visual .line-segment {
    height: 4px;
    margin: 0 auto;
}

.code-visual .line-segment.short {
    width: 60px;
}

.code-visual .line-segment.medium {
    width: 100px;
}

.code-visual .line-segment.long {
    width: 140px;
}

.code-visual .line-text {
    font-size: 0.85rem;
    opacity: 0.7;
}