/* 滑动提示（手机外壳外部） */
 .scroll-indicator {
     position: absolute;
     right: -50px;
     top: 40%;
     transform: translateY(-50%);
     display: flex;
     flex-direction: column;
     align-items: center;
     z-index: 10;
 }

 .scroll-indicator .scroll-text {
     writing-mode: vertical-rl;
     text-orientation: upright;
     font-size: 0.1rem;
     color: rgba(255, 255, 255, 0.8);
     letter-spacing: 3px;
     margin-bottom: 10px;
     font-weight: 500;
 }

 .scroll-indicator .scroll-arrow {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 5px;
 }

 .scroll-indicator .scroll-arrow .arrow {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.6);
     animation: slidePulse 1.2s ease-in-out infinite;
 }

 .scroll-indicator .scroll-arrow .arrow:nth-child(2) {
     animation-delay: 0.2s;
 }

 .scroll-indicator .scroll-arrow .arrow:nth-child(3) {
     animation-delay: 0.4s;
 }

 @keyframes slidePulse {

     0%,
     100% {
         opacity: 0.4;
         transform: translateY(0);
     }

     50% {
         opacity: 1;
         transform: translateY(6px);
     }
 }

 /* ── 手机外壳 ── */
    .phone-shell {
      position: relative;
      z-index: 1;
      width: 625px;
      height: 600px;

      /* 金属质感渐变外壳 */
      background: linear-gradient(160deg,
          #2e3f52 0%,
          #1a2637 30%,
          #111d2e 60%,
          #0d1720 100%);
      border-radius: 30px;

      /* 多层 box-shadow 营造厚度感 + 发光边框 */
      box-shadow:
        /* 外发光 */
        0 0 0 1px rgba(79, 195, 247, 0.25),
        0 0 0 3px rgba(45, 126, 247, 0.12),
        /* 金属高光描边 */
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.4),
        inset 1px 0 0 rgba(255, 255, 255, 0.06),
        inset -1px 0 0 rgba(0, 0, 0, 0.3);

      /* 顶部留 30px 给刘海/灵动岛区域，底部 16px */
      padding: 5px;
    }