:root{color-scheme:light;--text-main: #222222;--brand: #2ecc71;--brand-dark: #1fb45f;--danger: #ff5c5c;--shadow: 0 14px 36px rgba(42, 47, 58, .08);--radius-lg: 22px;--radius-md: 14px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#fff 0,#f8f8fa 18%,#f2f3f6);color:var(--text-main)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}input,textarea{border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page{min-height:100vh}.phone-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;position:relative;background:transparent}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:52px;padding:env(safe-area-inset-top) 14px 0;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:17px;font-weight:600}.back-button,.topbar-placeholder{width:32px;height:32px}.back-button{display:inline-flex;align-items:center;justify-content:center;background:transparent}.back-button span{display:inline-block;width:10px;height:10px;margin-left:6px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg)}.hero-card{width:100%;height:auto;overflow:hidden}.hero-image{display:block;width:100%;height:auto}.form-card{margin-top:-10px;transform:translateY(-10px);padding:15px;background:#f6fafd;border-radius:16px;z-index:2}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f6fafd47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.success-card{width:min(100%,398px);padding:40px 24px 32px;background:#f6fafdf5;border-radius:24px;box-shadow:0 22px 60px #11192829;text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(180deg,#43d96f,#23bf63);box-shadow:0 12px 24px #2ecc7147}.success-icon span{width:26px;height:14px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg) translateY(-2px)}.success-title{margin:0 0 12px;font-size:26px;font-weight:700;color:#1f2d3d}.success-desc{margin:0;line-height:1.7;font-size:15px;color:#5f6b76}.success-time{margin:14px 0 0;font-size:13px;color:#96a0aa}.success-button{width:100%;max-width:345px;height:44px;margin-top:28px;background:linear-gradient(90deg,#3ad265,#1fb773);border-radius:39px;color:#fff;font-size:18px;font-weight:700;box-shadow:0 12px 24px #2ecc714d}.form-section{margin-bottom:12px;padding:18px 16px;background:#fffffff5;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.field-label{display:block;margin-bottom:14px;font-size:17px;font-weight:700;color:#282828}.required{margin-right:2px;color:var(--danger)}.field-tip{color:#b3b3b3;font-size:12px;font-weight:500}.text-input,.text-area{width:100%;padding:14px 16px;border:1px solid transparent;border-radius:var(--radius-md);background:#f7f8fc;color:var(--text-main);transition:border-color .2s ease,background-color .2s ease;margin-top:8px}.text-input{height:48px}.text-area{min-height:88px;resize:vertical;line-height:1.55}.text-input::placeholder,.text-area::placeholder{color:#c3c5cd}.text-input:focus,.text-area:focus{border-color:#2ecc7173;background:#fff}.option-group{display:grid;gap:12px}.option-group-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-item{display:flex;align-items:center;gap:10px;font-size:16px;color:#444;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-icon{width:20px;height:20px;flex-shrink:0}.form-message{min-height:24px;margin:4px 14px 14px;color:var(--danger);font-size:14px}.form-message.success{color:var(--brand-dark)}.submit-button-wrapper{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.submit-button{width:345px;height:44px;background:linear-gradient(90deg,#3ad265,#1fb773);box-shadow:0 6px 24px #98ff5a61;border-radius:39px;color:#fff;font-size:18px;font-weight:700;box-shadow:0 12px 24px #2ecc714d;margin:0 auto}.submit-button:disabled{opacity:.68;cursor:not-allowed}@media(min-width:768px){body{padding:28px 0}.phone-shell{min-height:calc(100vh - 56px);overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#fff 0,#f7f8fa);box-shadow:0 28px 60px #1119281f}.topbar{border-bottom:1px solid rgba(0,0,0,.04)}}@media(max-width:360px){.form-section{padding:16px 14px}}