:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#171b24;background:#f5f6fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #a64108;outline-offset:4px}button,a{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}.app{max-width:480px;min-height:100dvh;margin:auto;background:#f7f8fc}.topbar{height:58px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0f5;gap:8px}.topbar h1{font-size:17px;font-weight:600;letter-spacing:.02em;margin:0;line-height:1.4;text-align:center}.header-action{font-size:12px;padding:10px 0;white-space:nowrap;background:none;color:#656b78}.poster-link{display:block;padding:0;width:100%;background:#ffd679}.poster{display:block;width:100%;height:auto}.landing-info{background:#fff9ed;text-align:center;padding:32px 20px 124px;color:#76300f}.eyebrow{font-size:11px;letter-spacing:3px;color:#b17238}.landing-info h2{font-size:23px;margin:12px 0}.landing-info p{font-size:14px;line-height:1.9;color:#916b51}.text-button{background:none;color:#8c3e1e;font-size:12px;text-decoration:underline;padding:12px}.sticky-cta{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff9ef;box-shadow:0 -3px 20px #71380015;border-top:1px solid #efd4a8}.sticky-cta strong{display:block;font-size:13px;color:#802915}.sticky-cta span{display:block;font-size:10px;color:#9d7958;margin-top:4px}.sticky-cta button{background:#da2919;color:#fff2d1;border:1px solid #b7190d;border-radius:30px;padding:14px 21px;font-weight:600;font-size:15px;white-space:nowrap;box-shadow:0 3px #ad2114}.sticky-cta button span{display:inline;color:inherit;font-size:18px}.chat-card{margin:12px 11px 0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 32px #1b244009}.banner{width:100%;height:auto;display:block;aspect-ratio:1206/676;object-fit:cover}.chat-content{padding:14px 10px 16px}.survey-meta{display:flex;justify-content:space-between;font-size:11px;color:#9298a4;margin:0 0 15px;padding:0 1px}.survey-meta span:last-child{color:#59769b}.message{display:flex;align-items:flex-start;gap:9px;margin:0 0 11px}.avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;object-fit:cover}.bubble{padding:11px 12px;border:1px solid #e0e3ee;border-radius:12px;font-size:19px;line-height:1.75;overflow-wrap:anywhere;max-width:calc(100% - 41px);background:#fff;box-shadow:0 0 0 1px #f7f8fb}.user{flex-direction:row-reverse}.user .bubble{background:#bfddfc;border:1px solid #bfddfc;box-shadow:none}.edit-answer{display:block;font-size:10px;color:#35618a;background:transparent;padding:3px 0 0;margin-left:auto}.choices{padding-top:8px;display:grid;gap:9px}.choice,.primary{display:block;background:linear-gradient(110deg,#2161e8,#0ca7de);color:#fff;width:100%;border-radius:10px;min-height:48px;padding:14px 10px;font-size:17px;text-align:center;line-height:1.4;transition:filter .15s,transform .15s}.choice:hover,.primary:hover{filter:brightness(1.04)}.choice:active,.primary:active{transform:scale(.987)}.choice:disabled{opacity:.65}.status{font-size:12px;color:#858b96;text-align:center;margin:2px}.survey-actions{display:flex;justify-content:space-between;margin-top:18px;border-top:1px solid #f0f2f7;padding-top:10px}.survey-actions button{background:transparent;color:#748196;padding:8px 3px;font-size:12px}.survey-actions button:disabled{opacity:.35}footer{text-align:center;padding:22px 10px 26px}footer button{background:transparent;color:#7a8291;font-size:11px;padding:5px}footer p{font-size:10px;color:#a7adb8;margin:5px}.completion{padding:20px 14px 16px;border:1px solid #e4eaf6;border-radius:12px;background:#f7faff}.completion-label{font-size:12px;color:#2175bd}.completion h2{font-size:20px;line-height:1.6;margin:7px 0}.completion p{font-size:13px;color:#727d8e;line-height:1.7}.completion dl{padding:8px 0 14px}.completion dl div{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:9px 0;border-bottom:1px solid #e6ebf3}.completion dt{color:#7d8796;white-space:nowrap}.completion dd{margin:0;text-align:right}.completion-note{font-size:11px!important;text-align:center;margin-bottom:0}.secondary{background:#edf1f7;color:#59647b;padding:12px 18px;border-radius:9px;font-size:14px;min-height:44px}.live-link{display:block;text-align:center;margin-top:10px}.storage-warning{font-size:12px;color:#9c5227;background:#fff4e7;padding:10px;line-height:1.6;border-radius:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#111a2b70;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:380px;max-height:85dvh;overflow:auto;background:#fff;border-radius:18px;padding:25px 22px;box-shadow:0 18px 90px #0003}.modal h2{font-size:20px;margin:0 0 15px;line-height:1.5}.modal p{font-size:14px;line-height:1.85;color:#677181;overflow-wrap:anywhere}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.danger{background:#ce302d;color:#fff;padding:12px;border-radius:9px;font-size:14px}.qr{display:block;width:min(100%,230px);height:auto;margin:20px auto}.wechat{color:#202b3b!important;-webkit-user-select:all;user-select:all}.image-error{background:#fff1dc;color:#97693d;padding:24px;text-align:center;font-size:13px;min-height:100px}.image-error.avatar{padding:3px;font-size:8px;min-height:32px}.current-step{scroll-margin-block:20px}@media(min-width:600px){body{padding:24px 0;background:#ebedf3}.app{box-shadow:0 8px 80px #313c5910;border:1px solid #e2e5ed;border-radius:16px;overflow:hidden;min-height:calc(100dvh - 48px)}.sticky-cta{border-radius:16px 16px 0 0}.chat-card{margin:14px 12px 0}.chat-content{padding:17px 13px}.bubble{font-size:21px}.avatar{width:36px;height:36px}.choice{font-size:18px;min-height:53px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:359px){.topbar{padding-inline:10px}.topbar h1{font-size:15px}.bubble{font-size:17px}.avatar{width:28px;height:28px}.message{gap:7px}.choice{font-size:15px}.sticky-cta{padding-inline:11px}.sticky-cta button{font-size:14px;padding-inline:16px}}
