@import url('./trial-button-motion.css?v=trial-clean1');
textarea{resize:none!important}
#application-modal{position:fixed;inset:0;z-index:10000;display:none;overflow-x:hidden;overflow-y:auto;outline:0;color:#FFFFFF;letter-spacing:0;font-family:"PingFang SC",system-ui,sans-serif;overscroll-behavior:contain;padding:16px!important}
#application-modal *,#application-modal *::before,#application-modal *::after{box-sizing:border-box;letter-spacing:0!important}
#application-modal .modal-dialog{position:relative;display:flex;align-items:center;min-height:calc(100% - 32px);width:100%;max-width:528px;margin:0 auto;pointer-events:none;transition:none;transform:none}
#application-modal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background:rgba(255,255,255,.04);backdrop-filter:blur(220px);-webkit-backdrop-filter:blur(220px);border:0;border-radius:20px;padding:0 0 20px;box-shadow:0 4px 20px rgba(11,12,14,.25)}
#application-modal .modal-header{display:flex;align-items:center;min-height:64px;border:0;padding:20px}
#application-modal h2{margin:0;font-size:18px;font-weight:500;color:#FFFFFF;line-height:24px}
#application-modal .modal-body{padding:0;min-width:0}
#application-modal .application-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;padding:0;background:transparent;border:0;cursor:pointer}
#application-modal .application-close img{display:block}
#application-modal .application-close:hover{opacity:.75}
#application-modal .home-apply-form{padding:0;background:transparent;margin:0}
#application-modal .application-fields{display:flex;flex-direction:column;gap:20px;padding:20px 20px 0}
#application-modal label{display:block;margin:0;min-width:0;font-size:13px;font-weight:400;color:#FFFFFF;line-height:24px}
#application-modal .home-form-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#application-modal .home-field-shell{position:relative;margin-top:8px;background:transparent}
#application-modal input,#application-modal textarea{display:block;width:100%;max-width:100%;height:52px;padding:14px 10px 14px 12px;border:0;border-radius:0;appearance:none;margin:0;background:transparent;color:#FFFFFF;font:400 14px/24px "PingFang SC",system-ui,sans-serif;resize:none!important;outline:0}
#application-modal textarea{height:108px;padding:4px 10px 4px 12px;overflow-y:auto}
#application-modal input::placeholder,#application-modal textarea::placeholder{color:rgba(255,255,255,.45);opacity:1}
#application-modal input,#application-modal textarea{color-scheme:dark}
#application-modal input:is(:autofill,:-webkit-autofill),#application-modal textarea:is(:autofill,:-webkit-autofill){background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#FFFFFF!important;caret-color:#FFFFFF}
#application-modal .home-field-shell:focus-within>.smooth-corner-stroke>path:first-child{stroke:rgba(255,255,255,.45)}
#application-modal .home-field-shell:has([aria-invalid=true])>.smooth-corner-stroke>path:first-child{stroke:#FF8C8C}
#application-modal .application-footer{padding:20px 20px 0}
#application-modal .trial-button-shell{width:100%;max-width:none}
#application-modal .application-submit,#application-modal .application-submit:hover,#application-modal .application-submit:focus-visible{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:52px;min-height:52px;padding:0 16px;border:0;background:#FFFFFF;color:#0F0F0F;font:500 18px/30px "PingFang SC",system-ui,sans-serif;white-space:nowrap;cursor:pointer}
#application-modal .application-submit img{display:block;flex:none}
#application-modal .home-form-feedback{margin:12px 0 0;font-size:13px;color:#FFFFFF;text-align:left;line-height:24px}
#application-modal [hidden]{display:none!important}
#application-modal .application-close:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
body.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;z-index:9999;background:#0F0F0F;opacity:0}
.modal-backdrop.show{opacity:.60}
@media(width<560px){#application-modal{padding:12px!important}#application-modal .modal-dialog{min-height:calc(100% - 24px)}}

/* 弹窗标题下的说明文案 */
#application-modal .modal-header{flex-direction:column;align-items:flex-start;gap:6px;padding-right:44px}
#application-modal .application-subtitle{margin:0;color:rgba(255,255,255,.62);font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}
@media(width<480px){
 #application-modal .application-subtitle{font-size:13px;line-height:22px}
}
