Fix hero: one visible screenshot, CSS-only stack layers behind

Ariver

2026-06-06 312b5a36c2418fd098fb06ffb339ab0d22df7427

 docs/index.html

@@ -37,27 +37,24 @@
        <p class="hero__lead">不用怀念 macOS 26 Tahoe 上消失的 Launchpad（启动台），因为它一直都不好用，从来就没好用过</p>
      </div>

      <div class="hero__visual" aria-hidden="true">
      <div class="hero__visual">
        <div class="hero__stack">
          <figure class="hero-shot hero-shot--back">
            <div class="hero-shot__chrome">
          <div class="hero-stack-layer hero-stack-layer--far" aria-hidden="true">
            <div class="hero-stack-layer__chrome"><span></span><span></span><span></span></div>
            <div class="hero-stack-layer__body"></div>
          </div>
          <div class="hero-stack-layer hero-stack-layer--near" aria-hidden="true">
            <div class="hero-stack-layer__chrome"><span></span><span></span><span></span></div>
            <div class="hero-stack-layer__body"></div>
          </div>
          <figure class="hero-window">
            <div class="hero-window__chrome">
              <span></span><span></span><span></span>
            </div>
            <div class="hero-shot__screen">
              <img src="assets/hero-shot-memo.jpg" alt="" width="1600" height="1040" loading="lazy" decoding="async">
            </div>
            <div class="hero-shot__reflection">
              <img src="assets/hero-shot-memo.jpg" alt="" width="1600" height="1040">
            </div>
          </figure>
          <figure class="hero-shot hero-shot--front">
            <div class="hero-shot__chrome">
              <span></span><span></span><span></span>
            </div>
            <div class="hero-shot__screen">
            <div class="hero-window__screen">
              <img src="assets/hero-shot-grid.jpg" alt="TagLauncher 应用网格界面" width="1600" height="1040" fetchpriority="high" decoding="async">
            </div>
            <div class="hero-shot__reflection">
            <div class="hero-window__reflection" aria-hidden="true">
              <img src="assets/hero-shot-grid.jpg" alt="" width="1600" height="1040">
            </div>
          </figure>