@layer components{.input{overflow:visible!important;padding:16px 0 8px;border-bottom:1px solid rgba(0,0,0,.4);transition:border-color .2s ease;position:relative}.input:focus-within{border-bottom-color:#005CA2}.input__placeholder{position:absolute;top:16px;left:0;color:rgba(0,0,0,.6);pointer-events:none;transform-origin:left center;transition:all .2s ease}.input__field,.input__placeholder{font-family:Noto Sans TC,sans-serif;font-weight:350;font-size:18px;line-height:1.6}.input__field{color:#000000;background:none;border:none;outline:none;width:100%;overflow:visible!important;padding:0;transition:color .2s ease}.input__field:focus~.input__placeholder{color:#005CA2;transform:translateY(-100%) scale(.75)}.input__field:disabled{color:rgba(0,0,0,.4);cursor:not-allowed}.input--has-value .input__placeholder{color:rgba(0,0,0,.6);transform:translateY(-100%) scale(.75)}.input:focus-within.input--has-value .input__placeholder{color:#005CA2}.input--disabled{border-bottom-color:rgba(0,0,0,.2)}.input--disabled:focus-within{border-bottom-color:rgba(0,0,0,.2)}.input--disabled .input__placeholder{color:rgba(0,0,0,.3)}.input--error{border-bottom-color:#d32f2f}.input--error:focus-within{border-bottom-color:#d32f2f}.input--error .input__placeholder{color:#d32f2f}.input--success{border-bottom-color:#2e7d32}.input--success:focus-within{border-bottom-color:#2e7d32}.input--success .input__placeholder{color:#2e7d32}}@layer base{:root{--color-primary:#005CA2;--color-title:hsla(0,0%,0%,1);--color-text-secondary:rgba(0,0,0,0.6);--color-body:hsla(0,0%,0%,0.6);--navbar-height:72px;--transition-normal:0.3s ease;--transition-card-float:0.5s ease;--card-lay:0px 2px 4px rgba(0,0,0,0.1),0px 7px 7px rgba(0,0,0,0.09),0px 15px 9px rgba(0,0,0,0.05),0px 27px 11px rgba(0,0,0,0.01),0px 42px 12px rgba(0,0,0,0.01);--card-float:0px 5px 11px rgba(0,0,0,0.1),0px 20px 20px rgba(0,0,0,0.09),0px 45px 27px rgba(0,0,0,0.05),0px 81px 32px rgba(0,0,0,0.01),0px 126px 35px rgba(0,0,0,0.01)}}.contact-form{flex-direction:column;align-items:center;gap:48px;padding:48px 64px;background-color:#ffffff;width:min(680px,80vw);margin:0 auto}.contact-form,.contact-form__header{display:flex;justify-content:center;position:relative}.contact-form__header{align-items:flex-start;width:100%}.contact-form__title-group{display:flex;flex-direction:column;align-items:center}.contact-form__badge{color:#005CA2;letter-spacing:.08em}.contact-form__form{display:flex;flex-direction:column;align-self:stretch;gap:72px;width:100%}.contact-form__section{display:flex;flex-direction:column;gap:28px;max-width:100%}.contact-form__section-title{font-family:"Noto Serif TC",serif;font-weight:600;font-size:24px;line-height:1.437;letter-spacing:12%;color:#000000;margin:0;align-self:stretch}.contact-form__fields{display:flex;flex-direction:column;align-self:stretch;gap:32px}.contact-form__error{background-color:#FEF2F2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}.contact-form__error-message{color:#DC2626;font-size:14px;margin:0 0 8px;font-weight:500}.contact-form__error-list{margin:0;padding-left:20px}.contact-form__error-list li{color:#DC2626;font-size:14px;margin-bottom:4px}.contact-form__error-list li:last-child{margin-bottom:0}.contact-form__success{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;width:100%}.contact-form__success-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#F0F9FF;border-radius:50%}.contact-form__success-icon svg{width:48px;height:48px}.contact-form__success-title{font-family:"Noto Serif TC",serif;font-weight:600;font-size:28px;line-height:1.3;color:#000000;margin:0}.contact-form__success-message{font-size:16px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 16px}.contact-form__success-message strong{color:#005CA2;font-weight:600}.contact-form__footer{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:20px}.contact-form__note{font-size:14px;text-align:center;color:var(--color-text-secondary)}@media (max-width:599px){.contact-form{padding:max(20px,6vw);width:calc(100vw - 48px);gap:32px}.contact-form__form{gap:48px}.contact-form__section-title{font-size:20px}.contact-form__success-title{font-size:24px}.contact-form__success-message{font-size:14px}}