/**
 * 路线详情页样式
 * 网约向导静态页面生成系统
 */

/* ========== 路线页面容器 ========== */
.line-page {
    background-color: #f5f5f5;
}

/* ========== 封面图增强 ========== */
.line-page .detail-cover {
    position: relative;
    max-height: 450px;
    border-radius: 16px;
    overflow: hidden;
}

.line-page .detail-cover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
    pointer-events: none;
}

/* ========== 元信息图标 ========== */
.line-page .meta-icon {
    width: 18px;
    height: 18px;
    opacity: 0.7;
}

/* ========== 行程安排特殊样式 ========== */
.line-plan-section .line-plan {
    position: relative;
    padding-left: 20px;
}

.line-plan-section .line-plan::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #00b4d8 0%, #00d4aa 100%);
    border-radius: 2px;
}

/* ========== 信息图标 ========== */
.line-page .info-icon {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}

/* ========== 统计图标 ========== */
.line-page .stat-icon {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}

/* ========== 响应式 ========== */
@media (max-width: 768px) {
    .line-page .detail-cover {
        max-height: 280px;
        border-radius: 12px;
    }
    
    .line-plan-section .line-plan {
        padding-left: 16px;
    }
}