.industry-curtain{
      --curtain-color:#42efa9;
      position:absolute;
      z-index:38;
      top:clamp(48px,6.8vh,66px);
      left:50%;
      width:min(760px,calc(100% - 28px));
      transform:translateX(-50%);
      pointer-events:none;
    }
    .industry-curtain[hidden]{
      display:none!important;
    }

    .industry-curtain-toggle{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      min-width:112px;
      min-height:28px;
      margin:0 auto;
      padding:5px 14px;
      border:1px solid color-mix(in srgb,var(--curtain-color) 64%,transparent);
      border-radius:0 0 11px 11px;
      color:#dffff0;
      background:linear-gradient(180deg,rgba(3,35,48,.96),rgba(2,18,32,.9));
      box-shadow:0 5px 18px rgba(66,239,169,.18),inset 0 0 16px rgba(66,239,169,.08);
      font:800 12px/1.1 "PingFang SC","Microsoft YaHei",sans-serif;
      letter-spacing:.08em;
      cursor:pointer;
      pointer-events:auto;
    }

    .industry-curtain-toggle:after{
      content:"⌄";
      color:var(--curtain-color);
      font-size:13px;
      transition:transform .28s ease;
    }

    .industry-curtain.is-open .industry-curtain-toggle:after{
      transform:rotate(180deg);
    }

    .industry-curtain-sheet{
      position:relative;
      max-height:0;
      margin-top:-1px;
      overflow:hidden;
      opacity:0;
      transform:translateY(-14px) scaleY(.94);
      transform-origin:50% 0;
      border:1px solid transparent;
      border-radius:12px;
      background:
        radial-gradient(circle at 50% 0,rgba(83,221,255,.13),transparent 48%),
        linear-gradient(180deg,rgba(2,31,45,.82),rgba(2,14,28,.76));
      box-shadow:
        0 16px 42px rgba(0,0,0,.44),
        0 0 30px rgba(66,239,169,.13),
        inset 0 0 34px rgba(66,239,169,.08);
      backdrop-filter:blur(7px) saturate(1.25);
      -webkit-backdrop-filter:blur(7px) saturate(1.25);
      transition:
        max-height .38s cubic-bezier(.2,.82,.2,1),
        opacity .22s ease,
        transform .38s cubic-bezier(.2,.82,.2,1),
        border-color .22s ease;
      pointer-events:none;
    }

    .industry-curtain-sheet:before{
      content:"";
      position:absolute;
      z-index:0;
      inset:0;
      pointer-events:none;
      opacity:.48;
      background:
        repeating-linear-gradient(
          180deg,
          rgba(123,255,216,.055) 0,
          rgba(123,255,216,.055) 1px,
          transparent 1px,
          transparent 5px
        ),
        repeating-linear-gradient(
          90deg,
          rgba(83,221,255,.05) 0,
          rgba(83,221,255,.05) 1px,
          transparent 1px,
          transparent 32px
        );
        mix-blend-mode:screen;
    }

    .industry-curtain-sheet:after{
      content:"";
      position:absolute;
      z-index:2;
      left:10px;
      right:10px;
      top:-7px;
      height:2px;
      pointer-events:none;
      opacity:0;
      background:linear-gradient(
        90deg,
        transparent,
        rgba(83,221,255,.85),
        rgba(145,255,213,.98),
        transparent
      );
      box-shadow:
        0 0 10px rgba(83,221,255,.9),
        0 0 24px rgba(66,239,169,.5);
    }

    .industry-curtain.is-open .industry-curtain-sheet{
      max-height:min(58vh,470px);
      opacity:1;
      transform:translateY(0) scaleY(1);
      border-color:color-mix(in srgb,var(--curtain-color) 42%,transparent);
      pointer-events:auto;
    }

    .industry-curtain.is-open .industry-curtain-sheet:after{
      animation:industryHoloScan 3.4s cubic-bezier(.42,0,.58,1) infinite;
    }

    @keyframes industryHoloScan{
      0%{transform:translateY(0);opacity:0}
      12%{opacity:.72}
      76%{opacity:.38}
      100%{transform:translateY(430px);opacity:0}
    }

    .industry-curtain-head{
      position:relative;
      z-index:3;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:11px 14px 9px;
      border-bottom:1px solid rgba(66,239,169,.18);
    }

    .industry-curtain-head b{
      color:#e8fff6;
      font-size:14px;
      letter-spacing:.06em;
    }

    .industry-curtain-head span{
      color:#8cb8ae;
      font-size:11px;
      white-space:nowrap;
    }

    .industry-curtain-grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(7,minmax(0,1fr));
      gap:7px;
      max-height:min(48vh,390px);
      padding:10px 12px 13px;
      overflow:auto;
      scrollbar-width:thin;
      scrollbar-color:rgba(66,239,169,.45) transparent;
    }

    .industry-curtain-item{
      position:relative;
      min-width:0;
      padding:7px 5px 6px;
      border:1px solid rgba(66,239,169,.18);
      border-radius:8px;
      background:rgba(5,42,51,.52);
      text-align:center;
      box-shadow:inset 0 0 12px rgba(66,239,169,.035);
    }

    .industry-curtain-item:before{
      content:"";
      position:absolute;
      top:5px;
      right:5px;
      width:3px;
      height:3px;
      border-radius:50%;
      background:rgba(118,233,209,.38);
      box-shadow:0 0 5px rgba(66,239,169,.3);
    }

    .industry-curtain-item b{
      display:block;
      overflow:hidden;
      color:#dfffee;
      font-size:12px;
      line-height:1.25;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .industry-curtain-item span{
      display:block;
      margin-top:4px;
      color:#8ec4b8;
      font-size:9px;
      line-height:1.1;
      white-space:nowrap;
    }

    .industry-curtain-item.has-data{
      border-color:rgba(66,239,169,.58);
      background:linear-gradient(180deg,rgba(11,75,72,.76),rgba(4,36,45,.7));
      box-shadow:0 0 14px rgba(66,239,169,.12),inset 0 0 14px rgba(66,239,169,.07);
    }

    .industry-curtain-item.has-data:before{
      background:#8dffd5;
      box-shadow:0 0 8px #42efa9,0 0 14px rgba(83,221,255,.65);
      animation:industryDataPulse 1.9s ease-in-out infinite;
    }

    @keyframes industryDataPulse{
      0%,100%{opacity:.42;transform:scale(.82)}
      50%{opacity:1;transform:scale(1.35)}
    }

    .industry-curtain-empty{
      grid-column:1/-1;
      padding:18px;
      color:#95b7b0;
      font-size:12px;
      text-align:center;
    }

    @media(max-width:760px){
      .industry-curtain{
        top:42px;
        width:calc(100% - 16px);
      }

      .industry-curtain-toggle{
        min-width:96px;
        min-height:24px;
        padding:4px 10px;
        font-size:10px;
      }

      .industry-curtain.is-open .industry-curtain-sheet{
        max-height:min(54vh,410px);
      }

      .industry-curtain-head{
        padding:8px 9px 7px;
      }

      .industry-curtain-head b{
        font-size:12px;
      }

      .industry-curtain-head span{
        font-size:9px;
      }

      .industry-curtain-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:5px;
        max-height:min(44vh,340px);
        padding:7px 7px 9px;
      }

      .industry-curtain-item{
        padding:6px 3px 5px;
      }

      .industry-curtain-item b{
        font-size:10px;
      }

      .industry-curtain-item span{
        font-size:8px;
      }
    }