.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: var(--nav-text, #26395f); /* 顶部导航/联系人图标默认色（主题套装跟随，fallback：硬编码 #26395f，2026-09-01 由硬编码升级为主题字段 navText） */



      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);
      border-color: color-mix(in srgb, var(--accent) 38%, transparent); /* 主题套装跟随（fallback：上一行原值） */



      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: 1px solid color-mix(in srgb, var(--accent) 34%, transparent); /* 主题套装跟随（fallback：上一行原值） */



      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);
      box-shadow: 0 28px 72px color-mix(in srgb, var(--navy) 22%, transparent); /* 主题套装跟随（fallback：上一行原值） */



      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: 1px solid color-mix(in srgb, var(--accent) 34%, transparent); /* 主题套装跟随（fallback：上一行原值） */



      border-radius: var(--radius);



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



      color: #0051cf;
      color: var(--accent-strong); /* 主题套装跟随（fallback：上一行原值） */



      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;
      color: var(--accent-strong); /* 主题套装跟随（fallback：上一行原值） */



      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: 1px solid color-mix(in srgb, var(--accent) 48%, transparent); /* 主题套装跟随（fallback：上一行原值） */



      border-radius: var(--radius);



      background: linear-gradient(135deg, #053dff 0%, #00dff6 100%);
      background: linear-gradient(135deg, var(--accent-strong) 0%, var(--accent) 100%); /* 主题套装跟随（fallback：上一行原值） */



      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%);
      background: linear-gradient(135deg, var(--navy) 0%, var(--accent-strong) 48%, var(--accent) 100%); /* 主题套装跟随（fallback：上一行原值） */



      transform: translateY(-1px);



      box-shadow: 0 14px 28px rgba(0, 104, 255, 0.22);
      box-shadow: 0 14px 28px color-mix(in srgb, var(--accent-strong) 22%, transparent); /* 主题套装跟随（fallback：上一行原值） */



    }







    .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;



      }



    }