:root{--paper:#fffaf2;--ink:#27231f;--muted:#6e6256;--blue:#1b5fa8;--blue-soft:#d6e8ff;--orange:#e85d3f;--orange-soft:#fff0e5;--radius:12px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{min-height:100%}body{background:#f5f0ea url(https://zxht-prod.oss-cn-beijing.aliyuncs.com/co-creation/bg.jpg) 100%/cover no-repeat fixed;min-height:100%;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.page-shell{min-height:100vh;padding-bottom:100px;position:relative}.container{z-index:1;width:min(100% - 32px,460px);margin:0 auto;position:relative}.brand-bar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2e6;border-bottom:1px solid #0000000f;padding:12px 0;position:fixed;top:0;left:0;right:0}.brand-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-logo{width:132px;height:auto}.eyebrow{width:fit-content;min-height:32px;color:var(--orange);background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow svg{width:15px;height:15px}.paper-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;box-shadow:0 4px 16px #00000014}.hero-block{gap:0;padding:64px 0 36px;display:grid}.hero-cta{background:var(--orange);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:40px;margin:12px auto 0;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #e85d3f40}.hero-cta svg{stroke-width:2.4px;width:17px;height:17px}.brush-title{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.hero-lower{gap:20px;margin-top:26vh;display:grid}.mobile-intro-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;padding:24px;box-shadow:0 4px 16px #00000014}.mobile-intro-card>p{color:var(--muted);margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.6}.mobile-intro-card .intro-stats-bar{background:#1b5fa80f;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;display:grid}.mobile-intro-card .stat-bar-item{text-align:center;gap:2px;display:grid;position:relative}.mobile-intro-card .stat-bar-item:not(:last-child):after{content:"";background:#1b5fa826;width:1px;height:24px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.mobile-intro-card .stat-bar-item strong{color:var(--blue);font-size:18px;font-weight:700;line-height:1.2}.mobile-intro-card .stat-bar-item small{color:var(--muted);font-size:11px;font-weight:400}.primary-button,.secondary-button,.submit-button{border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:0 22px;font-weight:600;transition:opacity .2s;display:inline-flex}.primary-button,.submit-button{background:var(--orange);color:#fff}.secondary-button{color:var(--orange);background:#ffffffd9;border:1px solid #fff6}.primary-button:active,.secondary-button:active,.submit-button:active{opacity:.85}.submit-button:disabled{cursor:not-allowed;opacity:.4}.primary-button svg,.secondary-button svg,.submit-button svg,.feature-icon svg{stroke-width:2px;width:18px;height:18px}.fixed-cta{z-index:50;padding:12px 0 calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2f2;border-top:1px solid #0000000f;position:fixed;bottom:0;left:0;right:0}.fixed-cta .primary-button{width:100%}.feature-section,.reason-section,.growth-section{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;margin-bottom:16px;padding:24px;box-shadow:0 4px 16px #00000014}.section-head{border-bottom:2px solid var(--blue-soft);margin-bottom:20px;padding-bottom:16px}.section-title{color:var(--blue);align-items:center;gap:8px;margin:0;font-size:22px;font-weight:700;line-height:1.2;display:flex}.title-img{object-fit:contain;width:auto;height:28px}.intro-title-img{object-fit:contain;width:82%;height:auto;margin-bottom:4px;display:block}.section-sub{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.5}.feature-grid{gap:12px;display:grid}.feature-card{background:#00000008;border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.feature-img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.feature-card h3{color:var(--blue);margin:0 0 4px;font-size:16px;font-weight:600}.feature-card p{color:var(--muted);margin:0;font-size:13px;font-weight:400;line-height:1.5}.reason-list{gap:12px;display:grid}.reason-card{background:#1b5fa80d;border-radius:10px;grid-template-columns:64px 1fr;align-items:start;gap:16px;padding:16px;display:grid}.reason-dot{object-fit:fill;border-radius:8px;flex-shrink:0;width:64px;height:64px}.reason-card h3{color:var(--blue);margin:0 0 4px;font-size:16px;font-weight:700}.reason-card p{color:var(--muted);margin:0;font-size:13px;font-weight:400;line-height:1.55}.step-list{gap:12px;display:grid}.step-card{background:#00000008;border-radius:10px;grid-template-columns:44px 1fr;align-items:start;gap:14px;padding:16px;display:grid}.step-card>.step-num{object-fit:contain;flex-shrink:0;width:48px;height:48px}.step-card h3{color:var(--blue);margin:0 0 4px;font-size:16px;font-weight:600}.step-card p{color:var(--muted);margin:0;font-size:13px;font-weight:400;line-height:1.55}.form-layout{padding:64px 0 calc(28px + env(safe-area-inset-bottom));gap:16px;display:grid}.form-intro{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;gap:20px;margin-top:25px;padding:24px;display:grid;box-shadow:0 4px 16px #00000014}.intro-top{gap:12px;display:grid}.form-intro h1{color:var(--blue);margin:0;font-size:28px;font-weight:700;line-height:1.15}.form-intro p{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:1.7}.intro-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-item{background:#1b5fa80f;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.stat-item svg{width:22px;height:22px;color:var(--blue);flex-shrink:0}.stat-item strong{color:var(--blue);font-size:15px;font-weight:600;display:block}.stat-item small{color:var(--muted);font-size:12px;font-weight:400;display:block}.nav-pill{min-height:36px;color:var(--blue);background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.nav-pill:active{opacity:.7}.nav-pill svg{width:16px;height:16px}.progress-box{border-top:1px solid #0000000f;gap:10px;padding-top:16px;display:grid}.progress-box strong{color:var(--blue);font-size:15px;font-weight:600;line-height:1}.progress-track{background:#00000014;border-radius:999px;height:8px;display:block;overflow:hidden}.progress-track i{width:var(--progress);border-radius:inherit;background:var(--orange);height:100%;transition:width .25s;display:block}.survey-form,.success-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;margin-top:25px;padding:24px;box-shadow:0 4px 16px #00000014}.form-header{gap:8px;margin-bottom:16px;display:grid}.form-header h2{color:var(--orange);margin:0;font-size:24px;font-weight:700;line-height:1.2}.form-header p{color:var(--muted);margin:0;font-size:14px;font-weight:400;line-height:1.7}.form-section{border-top:1px solid #0000000f;gap:18px;padding:22px 0;display:grid}.form-section h3{color:var(--orange);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.form-section h3 span{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:grid}.field-grid,.choice-options{gap:14px;display:grid}.field{gap:8px;display:grid}.field label,.choice-title{color:var(--ink);font-size:14px;font-weight:600}.required{color:var(--orange)}.text-input,.textarea-input{width:100%;color:var(--ink);background:#ffffffe6;border:1px solid #0000001a;border-radius:10px;outline:none;transition:border .2s}.text-input{min-height:52px;padding:0 16px}.textarea-input{resize:vertical;min-height:120px;padding:14px 16px;line-height:1.65}.text-input::placeholder,.textarea-input::placeholder{color:#6e625680}.text-input:focus,.textarea-input:focus{border-color:var(--orange);background:#fff}.field-hint{color:var(--orange);font-size:12px;font-weight:400}.choice-group{gap:10px;display:grid}.choice-option{color:#4e463e;cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;gap:12px;min-height:52px;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.4;transition:border-color .2s,background .2s;display:grid;position:relative}.choice-option input{opacity:0;pointer-events:none;position:absolute}.choice-dot{background:#fff;border:2px solid #0003;border-radius:50%;width:18px;height:18px;transition:all .2s}.choice-option:has(input:checked){border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}.choice-option:has(input:checked) .choice-dot{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 4px #fff}.form-error{background:var(--orange-soft);color:var(--orange);border-radius:10px;margin:14px 0 0;padding:14px;font-size:13px;font-weight:500}.form-footer{z-index:5;padding:16px 24px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf2f2;border-top:1px solid #0000000f;gap:12px;margin:12px -24px -24px;display:grid;position:sticky;bottom:0}.form-footer small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.success-panel{text-align:center;gap:20px;animation:.5s ease-out pop-in;display:grid}.success-icon{object-fit:contain;width:120px;height:120px;margin:0 auto;display:block}.success-panel h2{color:var(--orange);margin:0;font-size:26px;font-weight:700;line-height:1.2}.success-panel p{color:var(--muted);margin:0 auto;font-size:14px;font-weight:400;line-height:1.75}.next-step-grid{text-align:left;gap:12px;margin-top:4px;display:grid}.next-step{background:#fff9;border:1px solid #00000014;border-radius:10px;gap:8px;padding:16px;display:grid}.next-step svg{width:22px;height:22px;color:var(--orange)}.next-step strong{color:var(--orange);font-weight:600}.next-step span{color:var(--muted);font-size:13px;font-weight:400;line-height:1.5}@media (width>=431px){body{justify-content:center;display:flex}#app{width:460px;min-height:100vh}}