:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#141a1f;background:#f6faf9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.h5-page{min-height:100vh;display:flex;align-items:start;justify-content:center;padding:34px}.phone{width:430px;flex:0 0 430px;border:10px solid #172329;border-radius:34px;background:#172329;box-shadow:0 22px 64px #142d2b29;padding:14px;position:relative}.phone-top{position:absolute;top:13px;left:50%;width:86px;height:5px;border-radius:99px;background:#39464d;transform:translate(-50%)}.mini{min-height:704px;border-radius:24px;overflow:hidden;background:#f6faf9}.mini-header{height:54px;padding:0 18px;background:#fff;border-bottom:1px solid #dfe7e5;display:flex;justify-content:space-between;align-items:center}.screen{padding:18px;display:grid;gap:16px}.card,.hero-card,.progress-card,.value-panel{background:#fff;border:1px solid #dfe7e5;border-radius:8px;box-shadow:0 18px 48px #142d2b14}.hero-card{text-align:center;padding:30px 18px;background:linear-gradient(180deg,#fff,#effaf8);display:grid;justify-items:center;gap:13px}.ai-mark,.success span,.lock{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#008b7d}h1,h2,h3,p{margin:0}h1{font-size:30px}.hero-card p,.question-card p,.success p,.lead-form p,.done p,.note,.detail-card p,.value-panel p{color:#66727d}.trust-copy{color:#006f66;background:#e7f6f3;border:1px solid #b9dfda;border-radius:8px;padding:9px 12px;font-weight:800;line-height:1.4}.live-activity{min-height:42px;border:1px solid #cfe9e5;border-radius:8px;background:#fffffff5;box-shadow:0 14px 34px #142d2b1a;display:flex;align-items:center;justify-content:center;gap:7px;color:#33414b;font-size:13px;animation:float-up 4.2s ease both}.live-activity strong{color:#006f66}.live-dot{width:7px;height:7px;border-radius:50%;background:#f0b21b;box-shadow:0 0 0 4px #f0b21b2e}@keyframes float-up{0%{opacity:0;transform:translateY(14px)}16%,76%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.primary,.secondary,.lead{min-height:46px;border-radius:8px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.primary,.lead{border:0;background:linear-gradient(180deg,#079b8a,#006f66);color:#fff}.primary:disabled{opacity:.78}.lead{background:linear-gradient(180deg,#f0b21b,#e9a100)}.secondary{border:1px solid #dfe7e5;background:#fff;color:#33414b}.secondary:disabled{opacity:.45;cursor:not-allowed}.card{padding:16px}.section-title,.progress-card>div,.plan-top{display:flex;justify-content:space-between;align-items:center}.section-title span{color:#8a969f;font-size:13px;display:inline-flex;align-items:center;gap:4px}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.city-grid button{min-height:58px;border:1px solid #dfe7e5;border-radius:8px;background:#fff;font-weight:800;display:grid;place-items:center;gap:4px;padding:8px 6px}.city-grid button.selected{border-color:#008b7d;background:#e7f6f3;color:#006f66}.city-name{font-size:16px}.city-badge{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:2px 5px;border-radius:99px;background:#fff7df;color:#8a5b00;font-size:10px;line-height:1.1;white-space:nowrap}.city-grid button.selected .city-badge{background:#d9f1ed;color:#006f66}.progress-card{padding:14px}.progress-card i{display:block;height:4px;margin-top:10px;border-radius:99px;background:#e8eeee;overflow:hidden}.progress-card b{display:block;height:100%;background:#008b7d}.progress-card small{display:block;margin-top:8px;color:#66727d;font-weight:800}.question-card{display:grid;gap:14px}.question-card h2{font-size:22px}.options{display:grid;gap:10px}.options button{min-height:52px;border:1px solid #dfe7e5;background:#fff;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-weight:800}.options button.selected{border-color:#008b7d;background:#e7f6f3;color:#006f66}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.success,.lead-form,.done{text-align:center;display:grid;justify-items:center;gap:12px}.plan-card{background:#f4fcfb;border-color:#a9dcd6}.plan-top span{background:#008b7d;color:#fff;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:900}.plan-top strong{color:#008b7d;font-size:30px}.plan-card h3{margin-top:10px;font-size:22px}.match-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.match-tags span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #b9dfda;color:#006f66;font-size:12px;font-weight:900}.detail-card{display:grid;gap:8px}.detail-card h3{font-size:17px}.detail-card p{line-height:1.65}.policy-tip{border-left:3px solid #008b7d;background:#f4fcfb;padding:9px 10px;border-radius:6px}.policy-items{margin:0;padding:0;display:grid;gap:8px;list-style:none;counter-reset:policy-item}.policy-items li{counter-increment:policy-item;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;color:#66727d;line-height:1.55}.policy-items li:before{content:counter(policy-item);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e7f6f3;color:#006f66;font-size:12px;font-weight:900;margin-top:2px}dl{margin:12px 0 0;border-top:1px solid #cfe9e5}dl div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #cfe9e5}dt{color:#45545f;font-weight:900}dd{margin:0;color:#31404a}.note{text-align:center;font-size:13px}.toast{position:sticky;bottom:12px;z-index:2;width:100%;border:1px solid #b9dfda;border-radius:8px;background:#fffffff5;color:#006f66;box-shadow:0 16px 34px #142d2b29;padding:11px 12px;text-align:center;font-weight:900}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-preview{display:grid;gap:12px;padding:14px;border:1px solid #dfe7e5;border-radius:8px;background:#fff;box-shadow:0 18px 48px #142d2b14}.pdf-preview.compact{margin-top:-2px}.pdf-copy{display:grid;gap:5px}.pdf-copy strong{font-size:16px}.pdf-copy p,.pdf-guide,.pdf-shot p,.pdf-shot li{color:#66727d;line-height:1.55}.pdf-shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdf-shot{min-height:210px;padding:12px;border:1px solid #dfe7e5;border-radius:8px;background:linear-gradient(#eef3f2 1px,transparent 1px) 0 68px / 100% 24px no-repeat,#fbfdfd;display:grid;align-content:start;gap:8px;position:relative;overflow:hidden}.pdf-shot:after{content:"";position:absolute;right:0;top:0;width:34px;height:34px;background:linear-gradient(135deg,#dfe7e5 0 50%,#fff 51%);border-left:1px solid #dfe7e5;border-bottom:1px solid #dfe7e5}.pdf-page-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.pdf-page-bar span{color:#006f66;font-size:12px;font-weight:900}.pdf-page-bar b{padding:3px 6px;border-radius:5px;background:#e92a2a;color:#fff;font-size:11px;letter-spacing:0}.pdf-shot h4{margin:0;font-size:15px;line-height:1.35}.pdf-shot ul{margin:0;padding-left:16px;display:grid;gap:4px;font-size:12px}.mini-qr{width:78px;height:78px;border-radius:8px;border:1px dashed #a9dcd6;background:linear-gradient(90deg,#e7f6f3 8px,transparent 8px) 0 0 / 16px 16px,#fff;color:#006f66;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900}.pdf-guide{padding:10px 12px;border-radius:8px;background:#fff7df;color:#795308;font-weight:900;text-align:center}.sticky-lead-cta{position:sticky;bottom:10px;z-index:3;min-height:48px;border:0;border-radius:8px;background:linear-gradient(180deg,#f0b21b,#e9a100);box-shadow:0 16px 36px #79530838;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.lead-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lead-benefits span{min-height:38px;border-radius:8px;border:1px solid #cfe9e5;background:#f4fcfb;color:#006f66;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900;line-height:1.25;padding:5px}.lead-form label{width:100%;text-align:left;display:grid;gap:8px;font-weight:900}.privacy{color:#8a969f;font-size:12px;line-height:1.55}input{width:100%;height:46px;border:1px solid #dfe7e5;border-radius:8px;padding:0 12px;outline:0}.lead-form .primary,.done .primary{width:100%}.qr,.qr-img{width:100%;height:180px;border-radius:8px}.qr{border:1px dashed #a9dcd6;color:#008b7d;display:grid;place-items:center;font-weight:900}.qr-img{object-fit:contain;border:1px solid #dfe7e5;background:#fff;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.qr-tip{color:#66727d;font-size:12px;line-height:1.55;text-align:center}.qr-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-actions .secondary{min-height:42px;font-size:13px}.form-error{width:100%;color:#9b3d00;background:#fff2cb;border-radius:8px;padding:10px 12px;font-weight:800}@media(max-width:920px){.h5-page{padding:18px}.phone{max-width:430px;width:100%;flex-basis:auto;margin:0 auto}}@media(max-width:520px){.h5-page{padding:0}.phone{width:100%;max-width:none;min-height:100vh;border:0;border-radius:0;padding:0;background:#f6faf9;box-shadow:none}.phone-top{display:none}.mini{min-height:100vh;border-radius:0}.pdf-shots{grid-template-columns:1fr}.pdf-shot{min-height:190px}.live-activity{margin-inline:2px}.lead-benefits{grid-template-columns:1fr}}
