/* ===== 首页专用样式（2026-08-27 从 home.blade.php 内联抽出，中文/英文共用） ===== */
:root { --q-primary: #2563eb; --q-success: #16a34a; --q-bg: #f8fafc; }

.supplier-card {
    border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden;
    transition: box-shadow 0.2s; background: white; margin-bottom: 16px;
}
.supplier-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.supplier-card-body { padding: 18px; }
.supplier-name { font-size: 1rem; font-weight: 600; color: #1a237e; margin-bottom: 6px; }
.supplier-name a { color: inherit; }
.supplier-name a:hover { color: #ff7043; text-decoration: none; }
.supplier-meta { color: #666; font-size: 0.85rem; margin-bottom: 4px; }
.supplier-desc { color: #555; font-size: 0.9rem; line-height: 1.5; }

.section-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 20px; color: #333; }

.q-result { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 12px; padding: 20px; }
.q-result h2 { color: #16a34a; font-weight: 700; font-size: 28px; margin-bottom: 10px; }
.q-detail-table { width: 100%; font-size: 0.85rem; margin-top: 8px; }
.q-detail-table td { padding: 3px 0; }
.q-detail-table td:last-child { text-align: right; font-weight: 600; }
.process-bar { background: #e5e7eb; border-radius: 4px; height: 6px; margin: 2px 0 6px; }
.process-bar-fill { background: linear-gradient(90deg,#2563eb,#16a34a); border-radius: 4px; height: 6px; transition: width 0.5s; }

.quick-links {
    background: white; border-radius: 12px; padding: 20px;
    border: 1px solid #e0e0e0; margin-bottom: 16px;
}
.quick-links h3 { font-size: 1rem; font-weight: 600; margin-bottom: 14px; color: #333; }
.quick-links a {
    display: block; padding: 7px 0; color: #555; font-size: 0.9rem;
    border-bottom: 1px solid #f0f0f0;
}
.quick-links a:hover { color: #ff7043; text-decoration: none; }
.quick-links a:last-child { border-bottom: none; }

.stat-card {
    text-align: center; padding: 16px;
    border: 1px solid #e0e0e0; border-radius: 10px; background: white;
}
.stat-card .num { font-size: 1.6rem; font-weight: 700; color: #1a237e; }
.stat-card .label { color: #666; font-size: 0.85rem; }

/* ===== 单行无限匀速滚动（一个不停匀速动） ===== */
.marquee { overflow: hidden; position: relative; width: 100%; }
.marquee-track { display: flex; width: max-content; animation: marquee-scroll 26s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.marquee-item { flex: 0 0 auto; padding: 0 8px; }

/* ===== 瀑布流：多列错落 + 缓慢纵向无缝流动（像水往下流，速度慢不晕） ===== */
.waterfall { overflow: hidden; position: relative; height: 470px; }
.waterfall-track { display: flex; flex-direction: column; width: 100%; animation: waterfall-scroll 75s linear infinite; will-change: transform; }
.waterfall:hover .waterfall-track { animation-play-state: paused; }
@keyframes waterfall-scroll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.wf-set { column-count: 4; column-gap: 16px; padding-bottom: 20px; }
@media (max-width: 991px){ .wf-set { column-count: 3; } }
@media (max-width: 767px){ .wf-set { column-count: 2; } }
.wf-card { break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; margin-bottom: 16px; display: inline-block; width: 100%; }