/* 首屏之后的展位段：sticky 舞台 + 左侧悬浮的成果数据 + 进场的红黑渐入 */
/* 舞台本身不铺底色 —— 段落开头看到的还是首屏那张肖像粒子场（已经被 --far 压暗了），
   然后由 .booth-dim 把它渐渐盖黑，展位再从黑里浮上来。两头都没有分界线。 */
#results.booth-scroll{position:relative;display:block;height:300vh;padding:0;margin:0;
  background:transparent;border:0}
.booth-stage{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate}
.booth-dim{position:absolute;inset:0;z-index:0;background:var(--bg);opacity:var(--bd,0)}
#booth-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;
  opacity:var(--bp,0);cursor:grab;touch-action:pan-y;will-change:opacity}
#booth-canvas.drag{cursor:grabbing}
/* 首屏和这一段之间不要有横线，滚下来是连续的 */
.hero{border-bottom:0!important}



/* 左侧悬浮的展会成果数据 —— 舞台是 sticky 的，所以整段滚动里它一直钉在那儿 */
.booth-stats{position:absolute;left:var(--pad);top:50%;z-index:3;
  width:clamp(248px,23vw,338px);opacity:var(--sp,0);
  transform:translateY(-50%) translateX(calc((1 - var(--sp,0)) * -26px))}
#results.booth-scroll .section-heading{display:block;grid-template-columns:none;margin:0 0 18px}
#results.booth-scroll .section-heading .eyebrow{display:block;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin:0 0 10px;max-width:none}
#results.booth-scroll .section-heading h2{font-size:clamp(23px,2.2vw,33px);font-weight:700;
  letter-spacing:-.045em;line-height:1.2;margin:0}
#results.booth-scroll .section-heading p{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);line-height:1.7;margin:10px 0 0;text-align:left}
#results.booth-scroll .ledger{display:block;grid-template-columns:none;border:0;padding:0;margin:0}
#results.booth-scroll .stat{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:baseline;
  padding:10px 0!important;border:0!important;border-top:1px solid rgba(244,242,237,.09)!important}
#results.booth-scroll .stat:first-child{border-top:0!important}
#results.booth-scroll .stat strong{font-size:29px;line-height:1;color:var(--signal);
  letter-spacing:-.055em;white-space:nowrap;font-weight:800}
#results.booth-scroll .stat strong span{font-size:.62em;vertical-align:baseline}
#results.booth-scroll .stat h3{font-size:13px;font-weight:500;margin:0 0 3px;white-space:normal}
#results.booth-scroll .stat p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
#results.booth-scroll .stat small{display:none}
#results.booth-scroll .results-note{display:none;border:0;padding:16px 0 0;margin:14px 0 0;
  border-top:1px solid rgba(244,242,237,.09);font-size:11px;line-height:1.75;color:var(--muted)}
#results.booth-scroll .results-note small{display:block;margin-top:8px;font-size:9px;letter-spacing:.14em}
@media(min-height:840px){#results.booth-scroll .results-note{display:block}}

/* 右上角的项目信息 + 当前阶段 */
.booth-meta{position:absolute;right:var(--pad);top:clamp(64px,9vh,108px);z-index:3;
  text-align:right;opacity:var(--sp,0);pointer-events:none}
.booth-meta .eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0}
.booth-meta .booth-dim{font-size:11px;letter-spacing:.1em;color:var(--muted);margin:8px 0 0;
  font-variant-numeric:tabular-nums}
.booth-phase{margin:16px 0 0;font-size:11px;letter-spacing:.22em;color:var(--signal);text-transform:uppercase}
.booth-phase:before{content:'';display:inline-block;width:26px;height:1px;background:var(--signal);
  vertical-align:4px;margin-right:9px}

/* 拆解进度 */
.booth-prog{position:absolute;right:calc(var(--pad) + 2px);top:50%;transform:translateY(-50%);
  width:1px;height:min(240px,26vh);background:rgba(244,242,237,.14);z-index:3;opacity:var(--sp,0)}
.booth-prog:after{content:'';position:absolute;left:-1px;top:0;width:3px;
  height:calc(var(--ex,0)*100%);background:var(--signal)}

.booth-hint{position:absolute;left:var(--pad);bottom:24px;z-index:3;margin:0;
  font-size:11px;letter-spacing:.1em;color:var(--muted);opacity:var(--sp,0)}
.booth-zoom{position:absolute;right:var(--pad);bottom:24px;z-index:5;display:flex;gap:7px;opacity:var(--sp,0)}
.booth-zoom button{width:32px;height:32px;font:inherit;font-size:14px;line-height:1;cursor:pointer;
  background:transparent;color:var(--paper);border:1px solid #2b333c}
.booth-zoom button:hover{border-color:var(--signal);color:var(--signal)}

@media(max-width:900px){
  #results.booth-scroll{height:280vh}
  .booth-stats{left:0;right:0;top:auto;bottom:0;width:auto;transform:none;
    padding:14px 18px 18px;background:linear-gradient(0deg,#0E1114 58%,transparent)}
  #results.booth-scroll .section-heading{margin:0 0 10px}
  #results.booth-scroll .section-heading h2{font-size:20px}
  #results.booth-scroll .section-heading p,#results.booth-scroll .results-note{display:none}
  #results.booth-scroll .ledger{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch}
  #results.booth-scroll .ledger::-webkit-scrollbar{display:none}
  #results.booth-scroll .stat{display:block;border:0!important;padding:0!important;flex:0 0 auto}
  #results.booth-scroll .stat strong{font-size:24px}
  #results.booth-scroll .stat h3{font-size:11px;margin-top:4px;white-space:nowrap}
  #results.booth-scroll .stat p{display:none}
  .booth-hint,.booth-prog{display:none}
  .booth-meta{top:auto;bottom:auto;top:clamp(56px,8vh,90px)}
  .booth-zoom{bottom:auto;top:clamp(56px,8vh,90px);right:auto;left:var(--pad)}
}