/* Above-the-fold: navbar + carousel + about layout (full styles in index.css + components.css) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,sans-serif;line-height:1.5;color:#333}
.navbar{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:1000}
.nav-container{width:100%;max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 20px}
.nav-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.nav-logo img{width:auto;height:auto;max-height:72px;max-width:90px;object-fit:contain;display:block}
.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0}
.nav-toggle span{display:block;height:3px;width:100%;background:#333;border-radius:3px}
.nav-list{display:flex;list-style:none;gap:5px;align-items:stretch;margin:0;padding:0}
.nav-link{display:flex;align-items:center;text-decoration:none;color:#333}
.carousel{margin-top:90px;position:relative;overflow:hidden;width:100%;height:700px}
.carousel-inner{position:relative;width:100%;height:100%}
.carousel-item{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.carousel-item.active{opacity:1}
.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:958px){
  .nav-container{height:90px;padding:0 15px}
  .nav-logo img{width:80px;height:80px;max-width:80px;max-height:80px}
  .nav-toggle{display:flex;z-index:1001}
  .nav-list{position:fixed;top:0;right:-100%;width:85%;max-width:300px;height:100vh;background:#fff;flex-direction:column;padding:90px 20px 20px;box-shadow:-5px 0 15px rgba(0,0,0,.1);overflow-y:auto;gap:0}
  body{padding-top:90px}
  .carousel{margin-top:-10px;height:300px;border-radius:0}
}
@media (max-width:1024px) and (min-width:959px){
  .carousel{margin-top:80px;height:300px}
}
@media (max-width:360px){
  .carousel{height:200px}
}
/* About + video — layout reserved before paint to prevent CLS */
.section-about{background:#f7f9fc;padding:30px 0}
.about-container{width:100%;max-width:100%;margin:0 auto}
.about-video-player{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000;border-radius:12px}
.about-video-player .video-facade--about{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer;background:#1a1a1a}
.about-video-player .video-facade--about img{width:100%;height:100%;object-fit:cover;display:block}
.video-facade-play{position:absolute;top:50%;left:50%;z-index:2;width:68px;height:48px;margin:-24px 0 0 -34px;background:rgba(255,0,0,.9);border-radius:12px;pointer-events:none}
.video-facade-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}
.about-title{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:700;color:#111;line-height:1.25;margin:0}
.about-paragraph{font-size:1rem;line-height:1.8;color:#444}
.about-body{display:flex;flex-direction:column;gap:18px}
@media (min-width:959px){
  .section-about{padding:60px 0}
  .about-container{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,0.82fr);grid-template-rows:auto auto;gap:0 26px;max-width:1480px;width:94%;margin:0 auto;align-items:stretch}
  .about-video-col{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:14px}
  .about-title{grid-column:2;grid-row:1;margin:0;padding:34px 36px 12px;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 8px 24px rgba(0,0,0,.08);box-sizing:border-box}
  .about-body{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:20px;padding:0 36px 32px;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(0,0,0,.08);box-sizing:border-box}
  .about-video-player{padding-bottom:0;min-height:280px;height:auto}
  .about-video-more-panel{display:block;padding:16px;border-radius:12px;background:#f4f6f9;border:1px solid #e8edf3}
  .about-video-more-trigger{display:none}
}
@media (max-width:958px){
  .about-container{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%}
  .about-title{width:100%;box-sizing:border-box;padding:30px 20px 12px;border-top:1px solid #eaeaea;font-size:1.8rem;text-align:center;margin:0}
  .about-video-col{width:100%;padding:0 20px 16px}
  .about-body{padding:8px 20px 30px;box-sizing:border-box}
  .about-video-more-trigger{display:inline-flex;min-height:48px}
}
img.lazy:not(.loaded){opacity:0}
img.lazy.loaded{opacity:1}
.equipment-image,.scenes-section .card-image{width:100%;display:block;background:#f3f4f6}
.equipment-image{max-height:220px;min-height:180px;object-fit:contain;aspect-ratio:4/3}
.scenes-section .card-image{height:220px;object-fit:cover}
.advantage-icon img{width:45px;height:45px;display:block}
.breadcrumb-nav .page-seo-bar{margin:8px 0 0;padding:0;font-family:inherit;font-size:1.2rem;line-height:1.5;color:#8a9199}
.breadcrumb-nav .page-seo-bar a,.breadcrumb-nav .page-seo-bar a:link,.breadcrumb-nav .page-seo-bar a:visited{color:#3498db;text-decoration:none;border-bottom:1px solid rgba(52,152,219,.35)}
.breadcrumb-nav .page-seo-bar a:hover{color:#2980b9;border-bottom-color:#2980b9}