.page-container { max-width: 900px; margin: 0 auto; padding: 40px 30px 60px; }

    .section       { margin-bottom: 10px; }
    .section-title { font-size: 22px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; }
    .section-desc  { font-size: 13.5px; color: #555; line-height: 1.9; margin-bottom: 20px; }
    .divider       { border: none; border-top: 1px solid #e0e0e0; margin: 28px 0; }

    /* ===== 头部 ===== */
    .contact-header {
      display: flex; justify-content: space-between;
      align-items: flex-start; margin-bottom: 24px;padding-top:50px;
    }
    .contact-header-text .section-title { margin-bottom: 10px; }
    .contact-header-text .section-desc  { margin-bottom: 0; }
    .diamond-icon { width: 80px; height: 80px; flex-shrink: 0; margin-left: 20px; }
    .diamond-icon svg { width: 100%; height: 100%; }

    /* ===== 表单卡片 ===== */
    .form-card { background: #f5f5f5; border-radius: 4px; padding: 28px 30px 30px; }

    /* 🖥️ 桌面端双列 grid-template-areas */
    .contact-form ul {
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto auto;
      grid-template-areas:
        "name     desc"
        "mobile   desc"
        "email    captcha"
        "privacy  privacy"
        "submit   submit";
      gap: 16px 28px;
      align-items: start;
    }

    .contact-form ul li { display: flex; flex-direction: column; }

    .li-name    { grid-area: name; }
    .li-mobile  { grid-area: mobile; }
    .li-email   { grid-area: email; }
    .li-content { grid-area: desc; }
    .li-captcha { grid-area: captcha; }
    .li-privacy { grid-area: privacy; }
    .li-submit  { grid-area: submit; }

    /* label */
    .contact-form ul li p {
      font-size: 13.5px; font-weight: 700; color: #333; margin-bottom: 6px;
    }
    .contact-form ul li p i { color: #d32f2f; font-style: normal; margin-right: 1px; }

    /* 输入框 */
    .inp {
      width: 100%; padding: 9px 11px;
      font-size: 14px; font-weight: 600; color: #222;
      border: 1.5px solid #ccc; border-radius: 3px;
      background: #fff; outline: none;
      font-family: inherit;
      transition: border-color .2s, box-shadow .2s;
      -webkit-appearance: none; appearance: none;
    }
    .inp:focus { border-color: #00897b; box-shadow: 0 0 0 2px rgba(0,137,123,.12); }

    /* ✅ 验证失败：红色边框 + 红色阴影 */
    .inp.inp-error {
      border-color: #d32f2f !important;
      box-shadow: 0 0 0 2px rgba(211,47,47,.12) !important;
    }

    /* ✅ 错误提示文字（默认隐藏） */
    .error-msg {
      display: none;
      font-size: 12px;
      color: #d32f2f;
      margin-top: 4px;
      font-weight: 400;
      line-height: 1.4;
    }
    .error-msg.show { display: block; }

    textarea.inp { resize: vertical; min-height: 96px; line-height: 1.6; }

    /* 验证码 */
    .captcha-wrap { display: flex; align-items: center; gap: 8px; }
    .captcha-wrap .inp { flex: 1; }
    .captcha-box {
      width: 78px; height: 36px;
      border: 1.5px solid #ccc; border-radius: 3px; background: #fff;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; user-select: none;
      position: relative; overflow: hidden; flex-shrink: 0;
    }
    .captcha-box::after {
      content: ''; position: absolute; inset: 0;
      background:
        linear-gradient(transparent 60%, rgba(80,80,180,.05) 60%),
        linear-gradient(90deg, transparent 60%, rgba(80,80,180,.05) 60%);
      background-size: 6px 6px; pointer-events: none;
    }
    .captcha-code {
      font-family: "Courier New", monospace;
      font-size: 18px; font-weight: 900; letter-spacing: 3px;
      color: #1a237e;
      transform: skewX(-6deg) rotate(-2deg);
      text-shadow: 1px 1px 0 rgba(100,100,220,.2);
      position: relative; z-index: 1;
    }

    /* 隐私条款 */
    .privacy-row { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
    .privacy-row input[type="checkbox"] {
      width: 15px; height: 15px;
      accent-color: #00897b; cursor: pointer; flex-shrink: 0;
    }
    .privacy-row label { font-size: 12.5px; color: #555; cursor: pointer; }
    .privacy-row a { color: #00897b; text-decoration: none; font-weight: 600; }
    .privacy-row a:hover { text-decoration: underline; }

    /* 按钮 */
    .btn-submit {
      width: 100%; margin-top: 4px; padding: 14px;
      background: #00897b; color: #fff;
      font-size: 18px; font-weight: 700; letter-spacing: 6px;
      border: none; border-radius: 4px; cursor: pointer;
      transition: background .2s; font-family: inherit;
      -webkit-tap-highlight-color: rgba(0,137,123,.3);
    }
    .btn-submit:hover  { background: #00796b; }
    .btn-submit:active { background: #00695c; }

    /* 获取最新信息 */
    .subscribe-row {
      display: flex; justify-content: space-between;
      align-items: flex-start; gap: 20px;
    }
    .subscribe-text { flex: 1; }
    .subscribe-text .section-desc { margin-bottom: 0; }
    .btn-subscribe {
      flex-shrink: 0; padding: 11px 28px;
      background: #00897b; color: #fff;
      font-size: 15px; font-weight: 700; letter-spacing: 3px;
      border: none; border-radius: 4px; cursor: pointer;
      transition: background .2s; font-family: inherit; white-space: nowrap;
      -webkit-tap-highlight-color: rgba(0,137,123,.3);
    }
	a.btn-subscribe {
	  text-decoration: none;       /* 去掉下划线 */
	  display: inline-block;       /* 保持块级按钮外观 */
	  text-align: center;
	  color:#fff;font-size: 15px; font-weight: 700; letter-spacing: 3px;
	}
    .btn-subscribe:hover  { background: #00796b; }
    .btn-subscribe:active { background: #00695c; }

    /* 信息块 */
    .info-block p  { font-size: 14px; color: #444; line-height: 2; margin-bottom: 4px; }
    .info-block a  { color: #00897b; text-decoration: none; font-weight: 600; }
    .info-block a:hover { text-decoration: underline; }
    .info-block .highlight { color: #00897b; font-weight: 600; }
    .addr-line { font-size: 13.5px; color: #444; line-height: 2; }

    /* 📱 平板端 ≤768px —— 事务描述在邮箱下方 */
    @media screen and (max-width: 768px) {
      .page-container { padding: 28px 20px 48px; }
      .section-title  { font-size: 20px; }
      .diamond-icon   { width: 60px; height: 60px; margin-left: 14px; }
      .form-card      { padding: 22px 20px 24px; }
      .contact-form ul {
        grid-template-columns: 1fr;
        grid-template-areas:
          "name" "mobile" "email" "desc" "captcha" "privacy" "submit";
        gap: 14px;
      }
      .info-block p { font-size: 13px; line-height: 1.9; }
      textarea.inp { min-height: 88px; }
      .subscribe-row { flex-direction: column; align-items: flex-start; gap: 14px; }
      .btn-subscribe { align-self: flex-start; padding: 11px 32px; }
      ul.contactFormLeft{float:left;width:96%;}
ul.contactFormRight{width:96%;float:left;}
.book #contactForm ul li{width: 96%;}
.diamond-icon img{display:none;}
.book #contactForm ul li textarea{width:100%;}
    }

    /* 📱 手机端 ≤480px —— 事务描述在邮箱下方 */
    @media screen and (max-width: 480px) {
      .page-container { padding: 20px 16px 40px; }
      .section-title  { font-size: 18px; margin-bottom: 10px; }
      .section-desc   { font-size: 13px; margin-bottom: 16px; }
      .contact-header { margin-bottom: 18px; }
      .diamond-icon   { width: 50px; height: 50px; margin-left: 10px; }
      .form-card      { padding: 18px 14px 20px; border-radius: 6px; }
      .contact-form ul {
        grid-template-columns: 1fr;
        grid-template-areas:
          "name" "mobile" "email" "desc" "captcha" "privacy" "submit";
        gap: 12px;
      }
      .contact-form ul li p { font-size: 13px; margin-bottom: 5px; }
      .inp         { padding: 10px 12px; font-size: 16px; border-radius: 5px; }
      textarea.inp { min-height: 80px; font-size: 15px; }
      .captcha-wrap { gap: 6px; }
      .captcha-box  { width: 70px; height: 38px; }
      .captcha-code { font-size: 16px; letter-spacing: 2px; }
      .privacy-row  { gap: 6px; }
      .privacy-row input[type="checkbox"] { width: 16px; height: 16px; }
      .privacy-row label { font-size: 12px; line-height: 1.5; }
      .btn-submit  { padding: 15px; font-size: 17px; letter-spacing: 5px; border-radius: 6px; }
      .divider     { margin: 22px 0; }
      .btn-subscribe {
         text-align: center;
        padding: 12px; font-size: 15px; border-radius: 6px;margin: 0 auto;
      }
      .info-block p { font-size: 13px; line-height: 1.9; }
      .addr-line    { font-size: 13px; }
      ul.contactFormLeft{float:left;width:96%;}
ul.contactFormRight{width:96%;float:left;}
.book #contactForm ul li{width: 96%;}
.diamond-icon img{display:none;}
.book #contactForm ul li textarea{width:100%;}
    }

    /* 📱 超小屏 ≤360px */
    @media screen and (max-width: 360px) {
      .page-container { padding: 16px 12px 32px; }
      .section-title  { font-size: 17px; }
      .diamond-icon   { width: 42px; height: 42px; }
      .form-card      { padding: 14px 10px 16px; }
      .inp            { padding: 9px 10px; font-size: 15px; }
      .btn-submit     { font-size: 16px; padding: 13px; }
      ul.contactFormLeft{float:left;width:96%;}
ul.contactFormRight{width:96%;float:left;}
.book #contactForm ul li{width: 96%;}
.diamond-icon img{display:none;}
.book #contactForm ul li textarea{width:100%;}
      }