.contact-section {
            position: relative;
            width: 100%;
            min-height: 100vh;
            padding: 6rem 2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            background: radial-gradient(circle at center, rgba(20,20,16,0.95) 40%, rgba(10,10,8,1) 80%);
            color: #e8e1c7;
        }

        .contact-golden-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000000;
            z-index: 0;
        }

        .contact-texture {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c8a951' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
            opacity: 0.5;
            z-index: 0;
        }

        .contact-ornamental-border {
            position: absolute;
            width: 92%;
            height: 92%;
            top: 4%;
            left: 4%;
            border: 1px solid #c8a951;
            box-shadow: 0 0 20px rgba(200, 169, 81, 0.3);
            pointer-events: none;
            z-index: 0;
        }

        .contact-ornamental-border::before, .contact-ornamental-border::after {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            border: 2px solid #c8a951;
        }

        .contact-ornamental-border::before {
            top: -5px;
            left: -5px;
            border-right: none;
            border-bottom: none;
        }

        .contact-ornamental-border::after {
            bottom: -5px;
            right: -5px;
            border-left: none;
            border-top: none;
        }

        .contact-floating-symbols {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: 0;
        }

        .contact-symbol {
            position: absolute;
            opacity: 0.08;
            color: #c8a951;
            font-family: 'Noto Serif SC', serif;
            font-size: 3rem;
        }

        .contact-symbol-1 {
            top: 15%;
            left: 15%;
            animation: float 18s infinite ease-in-out;
        }

        .contact-symbol-2 {
            top: 70%;
            right: 20%;
            animation: float 15s infinite ease-in-out reverse;
        }

        .contact-symbol-3 {
            bottom: 25%;
            left: 25%;
            animation: float 20s infinite ease-in-out;
        }

        .contact-container {
            max-width: 1200px;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            position: relative;
            z-index: 2;
        }

        .contact-info {
            padding: 2rem;
        }

        .contact-pre-title {
            font-family: 'Cinzel', serif;
            font-size: 1rem;
            color: #c8a951;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
            position: relative;
            padding-left: 2rem;
        }

        .contact-pre-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 1.5rem;
            height: 1px;
            background: #c8a951;
        }

        .contact-chinese-title {
            font-size: 4.5rem;
            color: #c8a951;
              font-family: 'Noto Serif SC', 'SimSun', serif;

            text-orientation: upright;
            letter-spacing: 0.5rem;
            margin: 2rem 0;
            text-shadow: 0 0 10px rgba(200, 169, 81, 0.5);
        }

        .contact-english-title {
            font-family: 'Cinzel', serif;
            font-size: 3rem;
            font-weight: 700;
            color: #e8e1c7;
            line-height: 1.2;
            margin-bottom: 2rem;
            position: relative;
            display: inline-block;
        }

        .contact-english-title::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, #c8a951, transparent);
        }

        .contact-description {
            font-family: 'Noto Serif SC', serif;
            color: #d6cfb6;
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 2.5rem;
            font-weight: 300;
        }

.contact-methods-compact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 3rem; /* more breathing space */
    margin-top: 2.5rem;
}

.contact-method-compact {
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: transform 0.3s ease, color 0.3s ease;
}

.contact-method-compact:hover {
    transform: translateX(5px);
}

.contact-icon-compact {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c8a951;
    font-size: 1.3rem;
    flex-shrink: 0;
    position: relative;
}

.contact-icon-compact::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
    height: 2px;
    background: #c8a951;
    opacity: 0;
    transition: opacity 0.3s ease, width 0.3s ease;
}

.contact-method-compact:hover .contact-icon-compact::after {
    opacity: 1;
    width: 24px;
}

.contact-details-compact h4 {
    font-family: 'Cinzel', serif;
    font-size: 1rem;
    color: #c8a951;
    margin-bottom: 0.3rem;
}

.contact-details-compact p,
.contact-details-compact a {
    color: #d6cfb6;
    text-decoration: none;
    font-size: 0.9rem;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.contact-details-compact a:hover {
    color: #c8a951;
}

/* Responsive */
@media (max-width: 768px) {
    .contact-methods-compact {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}




        .form-title {
            font-family: 'Cinzel', serif;
            font-size: 1.8rem;
            color: #c8a951;
            margin-bottom: 2rem;
            text-align: center;
            position: relative;
            padding-bottom: 1rem;
        }

        .form-title::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 2px;
            background: #c8a951;
        }

        .contact-form {
            display: grid;
            gap: 1.5rem;
        }

        .form-group {
            position: relative;
        }

        .form-input, .form-textarea {
            width: 100%;
            padding: 1rem 1rem;
            background: rgba(20, 20, 16, 0.8);
            border: 1px solid rgba(200, 169, 81, 0.2);
            border-radius: 4px;
            color: #e8e1c7;
            font-family: 'Noto Serif SC', serif;
            font-size: 1rem;
            transition: all 0.3s ease;
        }

        .form-input:focus, .form-textarea:focus {
            outline: none;
            border-color: #c8a951;
            box-shadow: 0 0 0 2px rgba(200, 169, 81, 0.2);
        }

        .form-label {
            position: absolute;
            top: 1rem;
            left: 1rem;
            color: #d6cfb6;
            pointer-events: none;
            transition: all 0.3s ease;
            font-family: 'Noto Serif SC', serif;
        }

        .form-input:focus ~ .form-label,
        .form-input:not(:placeholder-shown) ~ .form-label,
        .form-textarea:focus ~ .form-label,
        .form-textarea:not(:placeholder-shown) ~ .form-label {
            top: -0.5rem;
            left: 0.8rem;
            font-size: 0.8rem;
            background: #0f0f0c;
            padding: 0 0.5rem;
            color: #c8a951;
        }

        .form-textarea {
            min-height: 150px;
            resize: vertical;
        }

        .form-submit {
            background: #c8a951;
            color: #0f0f0c;
            border: none;
            padding: 1rem 2rem;
            font-family: 'Cinzel', serif;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .form-submit:hover {
            background: #b3983d;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(200, 169, 81, 0.3);
        }

        .form-submit:active {
            transform: translateY(0);
        }

        /* Responsive adjustments */
        @media (max-width: 1024px) {
            .contact-container {
                gap: 2rem;
            }

            .contact-chinese-title {
                font-size: 3.5rem;
            }

            .contact-english-title {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 900px) {
            .contact-container {
                grid-template-columns: 1fr;
            }

            .contact-chinese-title {
                writing-mode: horizontal-tb;
                text-orientation: mixed;
                font-size: 3rem;
                text-align: center;
                margin: 1rem 0;
            }


        }

        @media (max-width: 480px) {

            .contact-chinese-title {
                font-size: 2.5rem;
            }

            .contact-english-title {
                font-size: 2rem;
            }

            .contact-method {
                flex-direction: column;
                text-align: center;
            }

            .contact-icon {
                margin-bottom: 0.5rem;
            }
        }
.form-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) scale(0.9);
  background: rgba(15, 15, 12, 0.95);
  border: 1px solid rgba(200, 169, 81, 0.6);
  box-shadow: 0 0 25px rgba(200, 169, 81, 0.35);
  border-radius: 12px;
  padding: 2rem 3rem;
  min-width: 320px;
  text-align: center;
  font-family: 'Cinzel', serif;
  color: #e8e1c7;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: all 0.5s ease;
}

.form-notification.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}

.form-notification.success {
  border-color: #c8a951;
  box-shadow: 0 0 40px rgba(200, 169, 81, 0.5);
}

.form-notification.error {
  border-color: #b33939;
  box-shadow: 0 0 40px rgba(179, 57, 57, 0.5);
}

.notif-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.notif-icon {
  font-size: 2.5rem;
}

.success .notif-icon::before {
  content: "✔";
  color: #c8a951;
  text-shadow: 0 0 15px rgba(200,169,81,0.6);
}

.error .notif-icon::before {
  content: "✖";
  color: #b33939;
  text-shadow: 0 0 15px rgba(179,57,57,0.6);
}

.notif-message {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}