@media (max-width:1280px){.container-wide{max-width:1200px}}
@media (max-width:1024px){
  .nav-cta-text{display:none}
  .nav-cta::after{content:'预约';display:inline}
}
@media (max-width:768px){
  .nav-container{padding:0 var(--space-4)}
  .nav-logo{font-size:var(--text-lg)}
  .nav-logo-text{font-size:var(--text-base)}
  .nav-cta{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}
  .container,.container-wide{padding:0 var(--space-4)}
  .section{padding:var(--space-12) 0}
  .section-header{margin-bottom:var(--space-8)}
}
@media (max-width:480px){
  .hero-cta-group{flex-direction:column;width:100%}
  .hero-cta-group .btn{width:100%}
  .nav-logo-icon{width:28px;height:28px}
}

.decision-layout{display:grid;grid-template-columns:240px 1fr 360px;gap:0;height:calc(100vh - var(--nav-height));overflow:hidden}
.workshop-layout{display:grid;grid-template-columns:220px 1fr;gap:0;height:calc(100vh - var(--nav-height));overflow:hidden}

@media (max-width:1280px){
  .decision-layout{grid-template-columns:200px 1fr 320px}
}
@media (max-width:1024px){
  .decision-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:auto}
  .workshop-layout{grid-template-columns:1fr;overflow:auto}
  .decision-sidebar,.decision-detail-panel{display:none}
  .workshop-sidebar{flex-direction:row;overflow-x:auto;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}
}