/* =========================================
   佳豪鑫物流 GEO 优化专题样式 v2.0
   作用域：物流专线详情页（记录网 B 站）
   配色方案：深蓝底色 + 橙色点缀
========================================= */

/* ---------- 顶部 Banner ---------- */
.ji-route-banner {
    background: linear-gradient(135deg, #1a2a3a, #2c3e50);
    color: #fff;
    padding: 32px 24px 24px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 20px;
}
.ji-route-title {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 8px;
}
.ji-banner-desc {
    font-size: 15px;
    opacity: 0.85;
    margin-bottom: 16px;
}
.ji-hotline-card {
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 16px;
    display: inline-block;
    min-width: 280px;
}
.ji-hotline-label {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 4px;
}
.ji-hotline-num {
    font-size: 36px;
    font-weight: 800;
    color: #ff9800;
    text-decoration: none;
    display: block;
    letter-spacing: 3px;
}
.ji-hotline-num:hover {
    color: #ffb733;
}
.ji-hotline-sub {
    font-size: 13px;
    color: #aaa;
    margin-top: 6px;
}

/* ---------- 速查条 ---------- */
.ji-quick-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    padding: 14px 16px;
    justify-content: space-around;
}
.ji-quick-item {
    text-align: center;
    flex: 1 1 120px;
}
.ji-quick-item strong {
    display: block;
    color: #7f8c8d;
    font-size: 12px;
    margin-bottom: 4px;
}
.ji-quick-item span {
    font-weight: 700;
    color: #2c3e50;
    font-size: 18px;
}

/* ---------- 双栏布局 ---------- */
.ji-content-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.ji-main-col {
    flex: 2 1 620px;
    min-width: 0;
}
.ji-side-col {
    flex: 1 1 300px;
}

/* ---------- 通用卡片 ---------- */
.ji-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 20px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    margin-bottom: 20px;
}
.ji-card-title {
    font-size: 21px;
    color: #1a2a3a;
    border-left: 4px solid #ff9800;
    padding-left: 12px;
    margin: 0 0 16px;
    font-weight: 700;
}
.ji-sub-title {
    font-size: 16px;
    color: #455a64;
    margin: 18px 0 10px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 6px;
}

/* ---------- 服务优势网格 ---------- */
.ji-advantage-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ji-adv-item {
    flex: 1 1 200px;
    background: #fff8e1;
    border-radius: 10px;
    padding: 16px 12px;
    text-align: center;
}
.ji-adv-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 6px;
}
.ji-adv-item strong {
    color: #2c3e50;
    display: block;
    margin-bottom: 4px;
}
.ji-adv-item p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

/* ---------- 运价表 ---------- */
.ji-price-intro {
    color: #666;
    margin-bottom: 12px;
    font-size: 14px;
}
.ji-price-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 14px;
}
.ji-price-table th {
    background: #1a2a3a;
    color: white;
    padding: 10px 8px;
    text-align: center;
}
.ji-price-table td {
    padding: 10px 8px;
    text-align: center;
    border: 1px solid #e0e0e0;
}
.ji-price-table tr:nth-child(even) td {
    background: #f4f6f8;
}
.ji-price-note {
    font-size: 12px;
    color: #7f8c8d;
    margin-top: 8px;
}

/* ---------- 服务项目网格 ---------- */
.ji-service-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ji-svc-item {
    flex: 1 1 220px;
    background: #e8f5e9;
    border-radius: 10px;
    padding: 16px 12px;
}
.ji-svc-item strong {
    color: #2c3e50;
    display: block;
    margin-bottom: 4px;
}
.ji-svc-item p {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/* ---------- 运输流程 ---------- */
.ji-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
}
.ji-flow-item {
    text-align: center;
    flex: 0 0 130px;
    background: #f0f4f8;
    border-radius: 10px;
    padding: 14px 8px;
}
.ji-flow-num {
    width: 32px;
    height: 32px;
    background: #ff9800;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    margin-bottom: 6px;
}
.ji-flow-item strong {
    display: block;
    color: #2c3e50;
    margin-bottom: 4px;
    font-size: 14px;
}
.ji-flow-item p {
    font-size: 12px;
    color: #666;
    margin: 0;
}
.ji-flow-arrow {
    font-size: 22px;
    color: #ccc;
    align-self: center;
    flex: 0 0 24px;
    text-align: center;
}

/* ---------- 行业方案 ---------- */
.ji-industry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ji-ind-item {
    flex: 1 1 220px;
    background: #e3f2fd;
    border-radius: 10px;
    padding: 16px 12px;
}
.ji-ind-item strong {
    color: #1a2a3a;
    display: block;
    margin-bottom: 4px;
}
.ji-ind-item p {
    font-size: 13px;
    color: #555;
    margin: 0;
}

/* ---------- FAQ ---------- */
.ji-faq dt {
    font-weight: 700;
    color: #1a2a3a;
    margin: 14px 0 4px;
    font-size: 15px;
}
.ji-faq dd {
    color: #4a5568;
    margin-left: 0;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e2e8f0;
    font-size: 14px;
}

/* ---------- 温馨提示 ---------- */
.ji-tips-card {
    background: #fffde7;
}
.ji-tips-list {
    padding-left: 20px;
}
.ji-tips-list li {
    margin-bottom: 8px;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}

/* ---------- 侧边栏 ---------- */
.ji-contact-sticky {
    position: sticky;
    top: 20px;
}
.ji-contact-card {
    background: #fff;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    margin-bottom: 16px;
    text-align: center;
}
.ji-contact-title {
    font-weight: 700;
    color: #1a2a3a;
    font-size: 18px;
    margin-bottom: 12px;
}
.ji-big-btn {
    display: block;
    background: #ff9800;
    color: white;
    font-size: 22px;
    font-weight: 800;
    padding: 12px 10px;
    border-radius: 10px;
    text-decoration: none;
    margin: 8px 0;
    transition: 0.2s;
}
.ji-big-btn:hover {
    background: #e68900;
    color: white;
}
.ji-big-btn.ji-outline {
    background: transparent;
    border: 2px solid #ff9800;
    color: #ff9800;
}
.ji-contact-sub {
    font-size: 12px;
    color: #7f8c8d;
    margin: -2px 0 8px;
}
.ji-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-top: 10px;
}
.ji-service-tags span {
    background: #e3f2fd;
    color: #1a2a3a;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}
.ji-district-text {
    display: block;
    font-size: 13px;
    color: #2c3e50;
    line-height: 1.6;
    margin: 4px 0 10px;
    background: #f0f4f8;
    padding: 8px;
    border-radius: 6px;
}
.ji-note {
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

/* ---------- 无线路时的默认联系卡片 ---------- */
.ji-default-contact {
    background: #fff8e1;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

/* ---------- 底部推荐专线（新版标签墙） ---------- */
.ji-related-section {
    margin: 30px 0 20px;
    background: #fafbfc;
    border-radius: 14px;
    padding: 24px 20px;
}
.ji-related-title {
    font-size: 20px;
    color: #1a2a3a;
    margin: 0 0 18px;
    font-weight: 700;
   
    padding-left: 12px;
}
.ji-related-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ji-tag-link {
    display: inline-block;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 30px;
    padding: 8px 18px;
    font-size: 14px;
    color: #2c3e50;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.ji-tag-link:hover {
    background: #ff9800;
    color: #fff;
    border-color: #ff9800;
    box-shadow: 0 4px 10px rgba(255,152,0,0.3);
}
.ji-related-phone {
    text-align: center;
    margin-top: 22px;
    font-size: 14px;
    color: #546e7a;
}
.ji-related-phone strong {
    color: #d35400;
    font-size: 18px;
}

/* ---------- 移动端适配 ---------- */
@media (max-width: 768px) {
    .ji-content-grid {
        flex-direction: column;
    }
    .ji-route-title {
        font-size: 22px;
    }
    .ji-hotline-num {
        font-size: 28px;
    }
    .ji-flow {
        flex-direction: column;
        align-items: center;
    }
    .ji-flow-arrow {
        transform: rotate(90deg);
        margin: 4px 0;
    }
}

.main {
   
    padding: 0px 0px !important;
}

@media (max-width: 768px) {
    .main {
        padding: 0px 0px !important;
    }
}