/* =========================================================
   travel 响应式样式
   ========================================================= */
@media (max-width:960px){
    .main-content{flex-direction:column}
    .sidebar{width:100%}
    .route-grid{grid-template-columns:repeat(2,1fr)}
    .hero-slides{height:420px}
    .hero-content h1{font-size:32px}
    .foot-grid{grid-template-columns:1fr 1fr;gap:24px}
}
@media (max-width:640px){
    .top-bar{display:none}
    .nav-toggle{display:block}
    .main-nav{position:absolute;top:68px;left:0;right:0;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.08);max-height:0;overflow:hidden;transition:.3s}
    .main-nav.open{max-height:420px}
    .main-nav ul{flex-direction:column;padding:10px;gap:2px}
    .main-nav a{width:100%}
    .hero-slides{height:360px}
    .hero-content h1{font-size:25px}
    .hero-content p{font-size:14px}
    .route-search{flex-direction:column}
    .route-grid{grid-template-columns:1fr}
    .detail-info{grid-template-columns:repeat(2,1fr);padding:16px}
    .detail-head,.detail-body{padding-left:20px;padding-right:20px}
    .detail-cover{height:220px}
    .foot-grid{grid-template-columns:1fr}
    .section-head h2{font-size:20px}
}