#custom-reg-mask {
    display: none; 
    position: fixed; /* 关键：固定定位脱离文档流 */
    top: 0; left: 0; width: 100%; height: 100%;
    background: #ffffff; 
    z-index: 2147483647; /* 设为浏览器支持的最高 z-index */
    font-family: -apple-system, system-ui, sans-serif;
    overflow-y: auto; box-sizing: border-box; padding: 40px 20px;
  }
  
  /* 当路由匹配时，激活拦截逻辑 */
  body.route-reg #custom-reg-mask { display: flex !important; flex-direction: column; align-items: center; justify-content: center; }
  body.route-reg #app { display: none !important; } /* 彻底隐藏原有内容 */

  .notice-container { max-width: 600px; width: 100%; text-align: center; }
  .logo-box { display: inline-flex; align-items: center; text-decoration: none; margin-bottom: 30px; }
  .logo-img { height: 38px; margin-right: 10px; }
  .logo-name { font-size: 26px; font-weight: 600; color: #000; }

  .notice-title { font-size: 24px; font-weight: 600; color: #141414; margin-bottom: 20px; }
  .notice-body { font-size: 18px; color: #595959; line-height: 1.8; text-align: justify; margin-bottom: 30px; }
  .slogan-center { display: block; margin-top: 25px; font-size: 19px; font-weight: 600; color: #1890ff; text-align: center; }

  /* 按钮样式：完全统一 */
  .button-group { display: flex; flex-direction: column; gap: 15px; align-items: center; width: 100%; }
  .btn-base {
    width: 100%; max-width: 320px; padding: 14px 0; text-decoration: none; 
    border-radius: 6px; font-size: 17px; font-weight: 500; text-align: center;
    color: #ffffff !important; transition: opacity 0.2s;
  }
  .btn-base:hover { color: #ffffff !important; opacity: 0.85; }
  .btn-blue { background: #1890ff; }
  .btn-grey { background: #595959; }

  @media (max-width: 480px) {
    .notice-body { font-size: 16px; }
    .logo-name { font-size: 22px; }
  }