* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      min-height: 100vh;
      font-family: "Microsoft JhengHei", Arial, sans-serif;
      background:
        radial-gradient(circle at top left, #dbeafe 0, transparent 34%),
        radial-gradient(circle at bottom right, #fde68a 0, transparent 30%),
        linear-gradient(135deg, #eef4ff 0%, #f8fafc 50%, #fff7ed 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #1f2937;
      padding: 24px;
    }

    .maintenance-card {
      width: 92%;
      max-width: 680px;
      background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
      border-radius: 28px;
      padding: 64px 56px;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.8);
      box-shadow:
        0 28px 60px rgba(30, 64, 175, 0.18),
        0 12px 24px rgba(15, 23, 42, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .icon {
      width: 104px;
      height: 104px;
      margin: 0 auto 30px;
      border-radius: 50%;
      background: linear-gradient(135deg, #facc15, #fb923c);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 52px;
      box-shadow: 0 16px 30px rgba(251, 146, 60, 0.35);
    }

    .contact-box1 {
      background: linear-gradient(135deg, #eff6ff 0%, #ffffff 60%, #fff7ed 100%);
      border: 1px solid #dbeafe;
      border-radius: 22px;
      padding: 36px 32px;
      box-shadow: 0 14px 28px rgba(37, 99, 235, 0.10);
    }

    h1 {
      margin: 0 0 22px;
      font-size: 42px;
      font-weight: 900;
      letter-spacing: 1px;
      color: #1e3a8a;
    }

    .message {
      margin: 0;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.8;
      color: #374151;
      text-align: left;
    }

    .message .intro,
    .message .contact-info,
    .message .notice {
      margin: 0 0 18px;
    }

    .faq-link {
      color: #2563eb;
      font-weight: 800;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-thickness: 1.5px;
    }

    .faq-link:hover {
      color: #1d4ed8;
    }

    .contact-info {
      margin-bottom: 24px !important;
    }

    .message .phone {
      color: #c2410c;
      font-weight: 900;
      white-space: nowrap;
    }

    .message .email {
      color: #2563eb;
      font-weight: 800;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-thickness: 1.5px;
      white-space: nowrap;
    }

    .message .email:hover {
      color: #1d4ed8;
    }

    .form-info {
      margin: 22px 0 24px;
      padding: 6px 20px;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid #dbeafe;
      border-radius: 14px;
      box-shadow: 0 6px 18px rgba(37, 99, 235, 0.06);
    }

    .form-row {
      display: grid;
      grid-template-columns: 150px 1fr;
      min-height: 48px;
      align-items: center;
      border-bottom: 1px solid #e5e7eb;
    }

    .form-row:last-child {
      border-bottom: 0;
    }

    .form-label {
      padding: 10px 16px 10px 4px;
      color: #1e3a8a;
      font-weight: 800;
      white-space: nowrap;
    }

    .form-value {
      min-height: 30px;
      margin: 7px 0;
      border-bottom: 1px dashed #94a3b8;
    }

    .form-row-message {
      align-items: start;
    }

    .form-row-message .form-label {
      padding-top: 15px;
    }

    .form-value-large {
      min-height: 76px;
      margin-top: 11px;
      margin-bottom: 11px;
    }

    .notice {
      color: #64748b;
      font-size: 16px;
      font-weight: 700;
      text-align: center;
    }

    .footer {
      margin-top: 26px;
      font-size: 16px;
      font-weight: 700;
      color: #94a3b8;
    }

    @media (max-width: 600px) {
      .maintenance-card {
        padding: 44px 24px;
      }

      .icon {
        width: 88px;
        height: 88px;
        font-size: 44px;
      }

      h1 {
        font-size: 32px;
      }

      .message {
        font-size: 19px;
      }

      .message {
        font-size: 17px;
      }

      .form-info {
        padding: 5px 14px;
      }

      .form-row {
        grid-template-columns: 125px 1fr;
      }

      .form-label {
        padding-right: 10px;
      }

      .notice {
        font-size: 15px;
      }

      .message .phone,
      .message .email {
        font-size: 18px;
      }
    }