.contact-icons {



      display: flex;



      align-items: center;



      gap: 6px;



    }







    .contact-icon-btn {



      display: grid;



      place-items: center;



      width: 36px;



      height: 36px;



      border: 1px solid transparent;



      border-radius: var(--radius);



      background: transparent;



      color: #26395f;



      cursor: pointer;



      text-decoration: none;



      transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;



      padding: 0;



    }







    .contact-icon-btn:hover {



      border-color: rgba(0, 223, 246, 0.38);



      background: rgba(255, 255, 255, 0.72);



      color: var(--accent-strong);



      transform: translateY(-1px);



    }







    .contact-icon-btn svg {



      width: 18px;



      height: 18px;



      display: block;



      flex-shrink: 0;



    }







    /* ── 邮箱弹窗 ─────────────────────────────────── */



    .email-popup-overlay {



      display: none;



      position: fixed;



      inset: 0;



      z-index: 200;



      background: rgba(7, 19, 47, 0.18);



      backdrop-filter: blur(4px);



    }







    .email-popup-overlay.open {



      display: flex;



      align-items: center;



      justify-content: center;



      padding: 20px;



    }







    .email-popup {



      position: relative;



      width: min(400px, 100%);



      border: 1px solid rgba(0, 223, 246, 0.34);



      border-radius: calc(var(--radius) * 1.5);



      background: rgba(255, 255, 255, 0.95);



      box-shadow: 0 28px 72px rgba(7, 19, 66, 0.22);



      backdrop-filter: blur(20px);



      padding: 28px 24px 22px;



      animation: popupIn 200ms ease forwards;



    }







    @keyframes popupIn {



      from { opacity: 0; transform: translateY(-8px) scale(0.97); }



      to   { opacity: 1; transform: translateY(0) scale(1); }



    }







    .email-popup-close {



      position: absolute;



      top: 12px;



      right: 12px;



      display: grid;



      place-items: center;



      width: 30px;



      height: 30px;



      border: none;



      border-radius: var(--radius);



      background: transparent;



      color: var(--muted);



      cursor: pointer;



      font-size: 1.1rem;



      transition: background 140ms ease;



    }







    .email-popup-close:hover {



      background: rgba(7, 19, 47, 0.07);



    }







    .email-popup-icon {



      display: flex;



      align-items: center;



      justify-content: center;



      width: 46px;



      height: 46px;



      border: 1px solid rgba(0, 223, 246, 0.34);



      border-radius: var(--radius);



      background: linear-gradient(135deg, #f0fbff, #eef4ff);



      color: #0051cf;



      margin-bottom: 14px;



    }







    .email-popup-icon svg {



      width: 22px;



      height: 22px;



    }







    .email-popup h3 {



      margin: 0 0 4px;



      font-size: 1.08rem;



      line-height: 1.3;



      color: var(--ink);



    }







    .email-popup-addr {



      font-size: 1.04rem;



      font-weight: 700;



      color: #0051cf;



      letter-spacing: 0.01em;



      user-select: all;



      word-break: break-all;



      margin: 6px 0 18px;



    }







    .email-popup-note {



      font-size: 0.82rem;



      color: var(--muted);



      margin: 0 0 18px;



      line-height: 1.55;



    }







    .email-popup-send {



      display: inline-flex;



      align-items: center;



      gap: 8px;



      min-height: 42px;



      padding: 10px 18px;



      border: 1px solid rgba(0, 223, 246, 0.48);



      border-radius: var(--radius);



      background: linear-gradient(135deg, #053dff 0%, #00dff6 100%);



      color: #fff;



      font: inherit;



      font-weight: 760;



      text-decoration: none;



      cursor: pointer;



      transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;



    }







    .email-popup-send:hover {



      background: linear-gradient(135deg, #071342 0%, #0068ff 48%, #00dff6 100%);



      transform: translateY(-1px);



      box-shadow: 0 14px 28px rgba(0, 104, 255, 0.22);



    }







    .email-popup-send svg {



      width: 16px;



      height: 16px;



      flex-shrink: 0;



    }







    /* 小屏适配 */



    @media (max-width: 620px) {



      .contact-icons {



        gap: 4px;



      }



      .contact-icon-btn {



        width: 32px;



        height: 32px;



      }



      .contact-icon-btn svg {



        width: 16px;



        height: 16px;



      }



    }