/* DaiSheng.html - 苏州代生 跨境供应链服务 */

/* Article Layout */
.article-layout { padding: 60px 0; }
.article-main { display: flex; gap: 30px; }
.article-content { flex: 1; }
.article-sidebar { flex: 0 0 300px; }

/* Article Cards */
.article-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    overflow: hidden;
}
.article-card .article-img {
    height: 200px;
    background: linear-gradient(135deg, #1a1a2e, #0f3460);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 48px;
}
.article-card .article-body { padding: 25px; }
.article-card .article-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #999;
}
.article-card .article-meta span i { margin-right: 5px; color: #e94560; }
.article-card h3 { font-size: 20px; color: #1a1a2e; margin-bottom: 10px; }
.article-card p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 15px; }
.article-card .read-more {
    display: inline-block;
    padding: 8px 20px;
    background: #e94560;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    transition: background 0.3s;
}
.article-card .read-more:hover { background: #1a1a2e; }

/* Sidebar */
.sidebar-widget {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    padding: 25px;
    margin-bottom: 25px;
}
.sidebar-widget h3 {
    font-size: 18px;
    color: #1a1a2e;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e94560;
}
.sidebar-widget ul li {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}
.sidebar-widget ul li a {
    font-size: 14px;
    color: #555;
    display: flex;
    justify-content: space-between;
}
.sidebar-widget ul li a:hover { color: #e94560; }
.sidebar-widget ul li a .count {
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

/* Supply Chain Flow */
.supply-chain-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}
.flow-item {
    text-align: center;
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    min-width: 120px;
}
.flow-item .flow-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e94560, #f5a623);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-size: 20px;
}
.flow-item h5 { font-size: 14px; color: #1a1a2e; }
.flow-arrow { font-size: 24px; color: #e94560; }

/* Timeline */
.timeline { position: relative; padding: 20px 0; }
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e0e0e0;
    transform: translateX(-50%);
}
.timeline-item {
    display: flex;
    margin-bottom: 30px;
    position: relative;
}
.timeline-item:nth-child(odd) { flex-direction: row-reverse; }
.timeline-item .timeline-content {
    width: 45%;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.timeline-item .timeline-dot {
    position: absolute;
    left: 50%;
    top: 20px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e94560;
    transform: translateX(-50%);
    z-index: 1;
}
.timeline-item h4 { font-size: 16px; color: #1a1a2e; margin-bottom: 5px; }
.timeline-item p { font-size: 14px; color: #666; }

@media (max-width: 991px) {
    .article-main { flex-direction: column; }
    .article-sidebar { flex: 0 0 auto; width: 100%; }
    .timeline::before { left: 20px; }
    .timeline-item, .timeline-item:nth-child(odd) { flex-direction: row; padding-left: 50px; }
    .timeline-item .timeline-content { width: 100%; }
    .timeline-item .timeline-dot { left: 20px; }
}
@media (max-width: 767px) {
    .supply-chain-flow { flex-direction: column; }
    .flow-arrow { transform: rotate(90deg); }
}