.cl-mobile-booking{display:none}
.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr!important}}
@media(max-width:960px){
  html{--booking-bar-height:calc(64px + env(safe-area-inset-bottom,0px));height:calc(100% - var(--booking-bar-height));overflow-y:auto;scroll-padding-bottom:var(--booking-bar-height)}
  body{padding-bottom:var(--booking-bar-height)!important}
  .nav-open .nav-cta{display:none!important}
  .cl-mobile-booking{display:flex;align-items:center;position:fixed;z-index:150;left:0;right:0;bottom:0;height:var(--booking-bar-height);box-sizing:border-box;padding:8px 18px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e8ed;box-shadow:0 -4px 18px #1b243010}
  .cl-mobile-booking a{display:flex;align-items:center;justify-content:center;width:min(100%,240px);height:44px;margin:0 auto;border-radius:999px;background:#111214;color:#fff!important;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;text-decoration:none!important}
  .cl-mobile-booking a:hover{background:#304762}
  .cl-mobile-booking a:focus-visible{outline:3px solid #83a5c4;outline-offset:2px}
}
@media(max-width:600px){
  #story .pin{padding-top:32px}
  #story .mobile-mark{width:clamp(128px,18svh,152px);margin-bottom:18px}
  .mobile-prerender #story .mobile-mark{
    -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);
    mask-composite:intersect;
  }
  .mobile-prerender #story .mobile-mark::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(to right,#fff,transparent 24%,transparent 76%,#fff),linear-gradient(to bottom,#fff,transparent 24%,transparent 76%,#fff);
    opacity:1;
  }
  .mobile-prerender #story .mobile-mark.mobile-edge-start::after{animation:mobile-particle-edge 1.3s ease-out forwards}
  @keyframes mobile-particle-edge{0%,40%{opacity:1}100%{opacity:0}}
  #story .intro h1{font-size:clamp(32px,9.5vw,37px);line-height:1.18;margin-top:14px}
  #story .intro .lead{max-width:330px;margin-top:20px;line-height:1.8}
  #story .intro .acts{margin-top:26px;gap:20px}
  #story .intro .facts{margin-top:22px;line-height:1.7}
  #story .intro .facts span+span{display:none}
  #story .stage{margin-top:56px}
  #story .beside .bv{display:none}
  #story .beside .bf li:nth-child(-n+2){display:none}
  .pg-faq .quick-list a{padding:14px 0;line-height:1.55}
}
@media(max-width:600px) and (max-height:700px){
  #story .pin{padding-top:20px}
  #story .mobile-mark{width:112px;margin-bottom:14px}
  #story .intro h1{margin-top:10px}
  #story .intro .lead{margin-top:14px}
  #story .intro .acts{margin-top:18px}
  #story .intro .facts{margin-top:18px}
}
@media(max-width:350px) and (max-height:650px){
  #story .pin{padding-top:16px}
  #story .mobile-mark{width:88px;margin-bottom:8px}
  #story .intro h1{font-size:29px;line-height:1.15;margin-top:8px}
  #story .intro .lead{font-size:14px;line-height:1.65;margin-top:12px}
  #story .intro .acts{margin-top:14px}
}
