/* Contact 页面专属样式 */
    body, html {
        font-family: 'Noto Sans', sans-serif !important;
    }

    :root{
      --bg:#0a0a0a;
      --card:rgba(255,255,255,.04);
      --muted:#c9c9c9;
      --brand:#FFCC02;
      --radius:16px;
      --maxw:1180px;
    }
    html,body{background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;}
    a{color:#fff;text-decoration:none}
    .wrap{isolation:isolate}

    .contact-hero{position:relative;overflow:hidden;}
    .hero-inner{max-width:var(--maxw);margin:0 auto;padding:120px 20px 60px;display:grid;grid-template-columns:1.2fr .9fr;gap:48px;align-items:center}

    .hero-copy h1{font-size:44px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:.5px}
    .hero-copy p{max-width:60ch;color:var(--muted);line-height:1.6}

    .card{background:var(--card);backdrop-filter:saturate(140%) blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.35)}
    .form-card{padding:28px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .form-row{display:flex;flex-direction:column;gap:8px}
    label{font-size:13px;color:#e9e9e9}
    input,textarea{background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff;padding:14px 14px;font-size:15px;outline:none;transition:border-color .2s}
    input::placeholder,textarea::placeholder{color:#8f8f8f;font-size:15px;font-family:Arial,Helvetica,sans-serif;}
    input:focus,textarea:focus{border-color:rgba(255,255,255,.5);box-shadow:none}
    textarea{min-height:120px;resize:vertical;font-size:15px;font-family:Arial,Helvetica,sans-serif;}
    .full{grid-column:1 / -1}

    .btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:transform .08s ease, box-shadow .2s}
    .btn-submit:hover{background:rgba(255,255,255,.06)}
    .btn-submit:active{transform:translateY(1px)}

    .small-hint{font-size:12px;color:#9b9b9b;margin-top:8px}
    .errors{color:var(--brand);font-size:12px}

    .offices{padding:70px 20px 70px;background:linear-gradient(180deg, #000 0%, #0a0a0a 100%)}
    .offices-inner{max-width:var(--maxw);margin:0 auto}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:6px 0 22px}
    .section-head h2{font-size:28px;font-weight:800;letter-spacing:.3px}
    .section-head p{color:var(--muted)}

    .office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
    .office-card{position:relative;padding:22px 20px;border-radius:var(--radius);background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:100%}
    .office-card h3{font-size:16px;font-weight:700;color:var(--brand);letter-spacing:.2px;margin:0 0 10px}
    .office-card p{margin:6px 0;color:#e2e2e2;line-height:1.6}.office-card .addr{min-height:56px}
    .office-card a{color:#fff;border-bottom:1px dashed rgba(255,255,255,.25)}

    @media (max-width: 1024px){
      .hero-inner{grid-template-columns:1fr;gap:28px;padding:96px 18px 36px}
      .hero-copy h1{font-size:36px}
    }
    @media (max-width: 820px){
      .form-grid{grid-template-columns:1fr}
      .office-grid{grid-template-columns:1fr}
    }